「SEOで勝てる記事を書くにはどうすればいいんだろう……？」という悩みを抱えているWeb担当者も多いのではないでしょうか。正解がわからない状態で記事を書いても、SEOで成果を得ることはできません。 今回は、SEOで勝つための記事の書き方を、キーワード調査や競合調査、タイトル、ディスクリプション、記事全体の文字数などに分けて詳しく紹介します。この機会に、SEO対策に関する疑問を解決しましょう。 目次 SEOで勝つための記事を書く手順 SEO キーワードの調査・選定の仕方 キーワードをリストアップする 自分で考える 競合の対策キーワードから選ぶ キーワード調査 ツールを利用する 検索ボリュームを調べる キーワードを絞り込む SEO競合調査の仕方 競合性を調べる 競合サイトに掲載されている情報を調べる タイトルにSEOキーワードは必要？文字数は？ タイトルにSEOキーワードは必須 タイトルの文字

Webサイトへの集客や商品・サービスの認知度拡大のためにSEO対策に取り組んでいる方も多いと思いますが、過度なSEO対策によりスパム認定されてしまうケースが後を絶ちません。検索エンジンの仕組みが意図的に悪用されていることが多いですが、実は知らず知らずのうちにスパム行為をしていることもあるため、十分な注意が必要です。 また、スパム対策として変化し続ける検索エンジンのアルゴリズムに対応できず、古い知識のままSEO対策をしてしまっている可能性もあります。 今回は、今は絶対にやってはいけないSEO対策を紹介します。これをきっかけに、スパムにあてはまる行為をしていないかを見直してみましょう。 目次 そもそもSEO対策とは？ SEO対策のメリット SEO対策のデメリット SEO対策にはGoogleが掲げる「 ユーザーファースト」が重要 今はやっちゃいけないSEO対策一覧 複製コンテンツ コピーコンテン

ホームページやECサイトなどを構築する際、全体のデザインや表示などを決めるためにプロトタイプを作成することがあります。 プロトタイプの作成は主にUI/UXデザイナーが行いますが、ゼロから作るのは時間も体力も必要です。 今回は、プロトタイプを作成できるAdobe XDで使える、おすすめの無料テンプレート15選を紹介します。 テンプレートを応用できる部分は有効活用することで、整ったデザインを少しでも短時間で作成することができますので、ぜひ参考にしてみましょう。 Adobe XDとは Adobe XD CC Adobe XDとは、Adobe社が提供しているプロトタイピングツールです。 UI/UXデザイナー向けのオールインワンツールで、日本語にも対応しています。 スピード感と直感的な操作が特徴で、コーディングなどの知識のない方でも簡単にホームページやモバイルアプリのデザインとプロトタイプの作成が可

2018年4月上旬、待望の国産プロトタイピングツールが公式に公開されました。その名もSTUDIOです。 STUDIOはiPhoneアプリのモックアップを作成するだけでなく、Webデザインのモックアップを作成し、そのまま公開までできてしまいます。 そこで今回は、*デザインしたサイトがそのままローンチできる新しい国産Webデザインプラットフォーム「STUDIO」*の概要や簡単な使い方を紹介します。小型サイトならたった数時間でWebサイトの公開まで行き着けるでしょう。使い方は簡単なので、早速触ってみてはいかがでしょうか。 参考： STUDIO 「STUDIO」とは？ STUDIOは、デザインから公開、運用までを丸々行うことができる、無料から始められるWebデザインプラットフォームです。もともとはモバイルデザインも含めたプロトタイピングツールとして注目を集めていましたが、ドラッグ＆ドロップで簡単に

広告文を作成する際、なにを意識して作成するでしょうか。企業として伝えたいことをただ広告文に入れるだけでは、ターゲットに伝わらない場合もあります。 そこで、ターゲットに訴求したい情報を魅力的に伝えるため活用したい心理学効果が「シャルパンティエ効果」です。 今回は、シャルパンティエ効果を活用して商品やサービスの強みを訴求するポイントを紹介します。 シャルパンティエ効果とは シャルパンティエ効果とは、身近なイメージを使って例えられると心理的錯覚を起こす効果のことです。 もし目の前に3kgの石と3kgの綿があった場合、どちらが重いと感じるでしょうか。 冷静になって考えると、どちらも同じ重さであることは明らかです。しかし、パッと目にした時の印象は、3kgの石のほうが重く感じるのではないでしょうか。 「石」と「綿」は、どちらとも多くの人が知っているものであり、見た目や重さをイメージしやすいものです。

Web担当者であれば、一定の文章作成スキルを身につける必要があります。 ホームページの商品・サービス紹介やブログなど、様々な場面で文章を書く機会があるからです。 ただ、自分ではうまく書けていたと思っても「文章が読みにくい」「意味が伝わらない」と指摘されたことはありませんか？ わかりにくい文章の多くに共通している事象があります。 それが*「文章のねじれ」*です。 「文章のねじれ」は「主語」と「述語」、「論点」と「結論」が噛み合わないことで生じます。 今回は、「文章のねじれ」を解説します。 文章のねじれを防ぐための解決方法も合わせてご紹介するので、文章作成のスキルアップに役立ててみてください。 「文章のねじれ」とは？ 「文章のねじれ」とは、伝えたい事柄に対して異なる結論を述べることを指します。 まずは下記の文章をご覧ください。 例： 私の目標は、コストの削減をしたいです。 主語が「目標は」と宣

ホームページを特定のユーザーに公開できる「会員サイト」。企業が自社のホームページに会員向けのページを設けることは、商品やサービスへの囲い込み、ブランドに対するファン育成など様々なメリットがあります。 会員サイト内でコミュニティを作ったり、限定コンテンツの配信を行ったりしたいと考えている企業もいるのではないでしょうか。 会員サイトを制作する方法は、制作会社への外注から自社の内製まで様々です。予算等の都合で内製一択ということもあるでしょう。会員サイトを内製するには2つの方法があります。 1つ目が、会員サイト制作向けに提供されているASPサービスを利用する方法です。2つ目は、WordPressなどCMSにプラグインを導入する方法です。もし、すでにWordPressを利用して自社ホームページを管理しているのであれば、後者がおすすめです。 今回は、会員サイトを自社ホームページ内で簡単に構築できるWo

HTMLやCSSでホームページのデザインを行うことを、一般的には「プログラミング」とは言わずに「コーディング」と言います。 論理的なバックエンドでの実行処理を考えるプログラミングとは違い、HTMLやCSSは「見え方」や「見た目」の部分に責任を持つことが多く、コードによって「組み立てる」イメージからそのように呼ぶのでしょう。 しかしながら、CSSは通常プロパティと値をセットで指定していきますが、*「CSS関数」*と呼ばれる便利な関数も用意されています。 これらの関数を使うことで、計算を実行したり、条件を指定したり、特定の値を別のフォーマットに変形したりすることができます。 そこで本稿では、*コーディング初心者こそ知っておきたい便利な「CSS関数」*を5つ紹介していきます。 普段業務などであまりCSS関数を活用していない方にこそ、CSS関数のよさを知って、使えそうな場面でぜひ活用していただきた

より効率的に働きスキルアップしていくために、書籍による学習は欠かせません。ですが、ビジネス書には高価なものも多く、気になっている本すべては購入できないという方は多いでしょう。そんな方は、Amazonプライム会員限定の読書サービス「PrimeReading」を覗いてみてはいかがでしょうか。 今回は、「PrimeReading」で読めるビジネス書をまとめて紹介します。 プライム会員なら漫画や雑誌など「PrimeReading」のラインナップにある数百冊の本を追加料金なしで読むことができます。「仕事術やノウハウの本を読んでみたいけどお金はかけられない」という方は参考にしてみてください。 ※掲載している情報は2017年10月17日現在のものです。「PrimeReading」の対象書籍は変更される場合があるので注意してください。 PrimeReadingで読めるビジネス書：会計・経営・経済 1.さお

ホームページの運営や広告運用を任された担当者にとって最初にあたる課題が「Webマーケティングに対する知識不足」ではないでしょうか。 かといって、WebマーケティングではSEOやリスティング広告など手法ごとに書籍が発売されており、やみくもに購入していては予算がいくらあっても足りません。 今回は、1万円以内で買い揃えられるWebマーケティング必携本をご紹介します。 業界の中でもバイブルとして読み継がれている本のみを厳選して紹介するので、これからWebマーケティングを学びたい方はぜひ参考にしてみてください。 インバウンドマーケティング 『インバウンドマーケティング』¥2,484 インバウンドマーケティング 世界95カ国1万8000以上の企業に利用されているマーケティングツール「HubSpot（ハブスポット）」を提供するHubSpot社のCEOブライアン・ハリガン氏と共同創業者ダーメッシュ・シェア

「デザイナー」と聞いて、あなたならどういった職業の人物を思い浮かべますか？ デザインと一口に言っても、*店舗のショーケースをデザインしたり、ホームページやゲームキャラクターをデザインしたり、*仕事の内容は多岐に渡ります。 請け負う仕事の内容によって求められるスキルは異なるので、デザイナーを目指したい方は自分の得意分野を見つけておくようにしましょう。 今回は、分野別にデザイナーの種類とそれぞれの特徴を紹介します。 これからデザイナーになりたい方や現在デザイナーとしてのキャリアに迷われている方はぜひ参考にしてみてください。 デザイナーの仕事の種類21選 総務省が公表している「日本標準職業分類」において、デザイナーは専門的・技術的職業従事者のうち芸術家や写真家と同じ分類としてまとめられています。 ですが、デザイナーは取り扱うものによってプログラミングや建築など、芸術分野以外の知識も求められる職業

Webサービスの公式ロゴDLページまとめ【Facebook・LINE・インスタグラム・Twitter・Google・Microsoft】更新日: 2020年12月16日SNSマーケティング TwitterやFacebook、GoogleのようなWebサービスを自社コンテンツ内で取り上げる時、ブランドのロゴを使いたいと思うことはありませんか？営業資料に用いたり、ホームページで発信する記事の画像として含んだり、サービスのプロダクトに盛り込んだりとブランドロゴを使用する機会は多いでしょう。 今回は、主要Webサービスの公式ロゴの使い方と参照ページを紹介します。 商品やサービス名、ロゴは著作権及び商標にて保護されており、使用にはガイドラインが設定されています。ブランドのロゴに似せたデザインを勝手に作成したり、ガイドラインとは異なる加工をしたりした際には法律に違反する場合があるので注意しましょう。

Webデザイナーやフロントエンドエンジニアにとって、日々登場するフレームワークやライブラリをキャッチアップすることはとても大切です。 なぜなら、そうしたフレームワークやライブラリによって業務が効率化すれば、他の作業に時間を割くことができるからです。 しかし、フレームワークやライブラリが続々と登場するあまり、キャッチアップに追いついていないひともいるのではないでしょうか。 今回は、最近登場した注目のJavaScriptとCSSのライブラリを紹介していきます。 中には簡単なコードを挿入するだけで驚くほどの機能を実装できるものもあるので、ぜひ確認してみてください。 最近登場した注目のJavaScript＆CSSフレームワーク 1. AOS https://michalsnik.github.io/aos/ AOS(Animate on Scroll)は、スクロールしながら要素をアニメーションでふ

スマートフォンアプリではおなじみのプッシュ通知。 実は、Webブラウザからもできることをご存知でしょうか。 JavaScriptの*「Web Notification API」*というプッシュ通知を制御するAPIを使うことで、モバイルだけでなくデスクトップにもWebサイト経由でプッシュ通知ができるようになります。 しかし、モダンブラウザの多くがサポートを始めている一方で、まだ利用したことがないひとも多いのではないでしょうか。 今回は、Web Notification APIを簡単に扱うことができるPush.jsを使って、簡単にブラウザ通知を実装する方法をご紹介します。 プッシュ通知とは？ これまでは、ホームページの更新を通知する方法としてはRSSやメールなどを利用している人が多かったのではないでしょうか。 しかし、RSSはRSSリーダーに登録する手間が必要で、メールでもメールアドレスをユー

グラフを使うと、あらゆる要素が客観的に比較できるので、問題分析が容易になったり、根拠を示しやすくなります。最近では情報やデータを可視化したインフォグラフィックを見かける場面が多いですが、それもグラフのメリットを活かしたものです。 しかし、グラフをホームページに掲載する時に、いちいち画像を作成するのは面倒……だと感じたことありませんか。 そこで今回は、グラフやチャートをJavaScriptで動的に生成することができるChat.jsを紹介します。 Chart.jsを使えば、数行のコードを書くだけで、鮮やかなグラフを簡単に描画することができます。少しのステップで実装することができるので、実際に特徴や手順から確認してみましょう。 Chart.jsとは？ http://www.chartjs.org Chart.jsは、数行のコードで折れ線グラフや棒グラフ、円グラフやレーダーチャートなどをダイナミッ

EvernoteやDropboxなど、無料でも非常に使い勝手のよいWebサービスは数多く存在します。 そして、そうした便利なWebサービスは、毎日のようにリリースされます。 今回は、Web担当者なら知っておきたい、今年大注目のWebサービスを国内外問わずご紹介します。 ホームページを運用する上で、便利なサービスがたくさんあるので、ぜひチェックしてみてください。 プロトタイピングツール Webサイトのレイアウトを行うときに、PowerPointやIllustratorを使うWeb担当者も多いでしょう。 最近ではワイヤーフレーム（どのサイズ感で何を配置するかの設計図）を作ったり、モックアップ（Webサイトそっくりのサンプル）を作ったりするのに、便利なプロトタイピングツールが多くリリースされています。 1.InVision InVisionは、Uber社やNETFLIX社も使っているコラボレーシ

キュレーションメディア、オウンドメディア、バイラルメディア、など、あらゆる形態のWebメディアが濫立している今、改めてメディアの在り方を考える必要がありそうです。 他媒体との差別化が難しい今、どうすればユーザーに選んでもらえるメディアになるのか、良いメディアには何が必要なのか。明確な答えを出せる方はほとんどいないのではないでしょうか。 今回は、D2Cソリューションズ主催のメディアイベントに登壇したBuzzFeed Japan 創刊編集長の古田大輔氏とライターのヨッピー氏による「良いメディアと悪いメディア」をテーマにしたディスカッションの様子をお届けします。 登壇者紹介 古田大輔氏 BuzzFeed Japan 創刊編集長。早稲田大政経学部卒業後、2002年朝日新聞入社。京都総局を振り出しに、社会部記者、東南アジア特派員、デジタル版編集などを担当。 2015年10月にBuzzFeed Jap

ここ数年のスマホやタブレット端末の急速な普及により、世の中にすっかり浸透したSNS（ソーシャルネットワーキングサービス）。 総務省の「平成27年度版 情報通信白書」によると、各サービスの国内利用率は、LINE（37.5%） 、Facebook（35.3%）、Twitter（31.0%）、数年前より流行り始めたインスタグラムは6.0％という結果が出ています。（調査時期：2015年3月・対象：13歳以上の男女2000人）。 参考 総務省｜平成27年版 情報通信白書｜SNSの利用率 メッセージや通話は多くの人が日常的に使う機能であり、その二つを兼ね備えたLINEが最も多く利用されているようです。LINEは一般的にはSNSというよりはメッセージアプリとして分類されますが、グループ機能などコミュニティを形成するSNSの要素も含まれているといえます。 年代別では、主に利用する層は20代～40代で、特に

こんにちは。株式会社FREE WEB HOPEの代表取締役社長　相原 祐樹です。Webマーケティングは、やるべき事や覚えなきゃならないことが沢山あります。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりと最終的には調べることに疲れてしまった……なんて経験はありませんか？ 僕はいつも思っていました。 「考え方やマインドセットはいいからやり方を教えほしい」ということを。 そこで、もう自分でWebマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう思い、「中小企業が今すぐ出来る 実践！WEBマーケティング大全（全116ページ！）」を執筆しました。 実際に僕の会社が設立から4000万/1億/3億/5億(たった8人で)と毎年伸び続けてこられたWebマーケティングに関する5年分の情報を全て整理して分かりやすく解説しています。 本記事では、その中から弊社の得意とする

どのようなビジネスでも、企画書や資料の作成はつきものです。 そんな企画書ですが、なかなか上手く作れなかったり、作成途中で迷ってしまうことも少なくありません。 そのような企画書や資料作りにおける悩みは、他の人が作ったものを参考にしてみるといいでしょう。 今回は、企画書をのぞき見できるサイトや良記事をまとめてご紹介します。 ぜひ企画書づくりの参考にしてみてください。 人が作った企画書が見られるサイト 1.SlideShare http://www.slideshare.net/ SlideShareは、PowerPointやKeynote、pdfのプレゼン資料・企画書をアップロードできるスライドホスティングサービスです。 元々は「オンラインで知識を共有する」というコンセプトで資料を社内共有するために作られたものですが、徐々に一般ユーザーが増えていき現在は多くの一般ユーザーが資料を公開しています