HOMESEO/SEM記事一覧OGPとは?SEOへの影響や設定方法を解説SEO/SEMテクニカルSEOOGPとは?SEOへの影響や設定方法を解説2023/01/18ツイートシェアSEO対策にはさまざまな手法がありますが、どれも必ず効果が出るものばかりではありません。正しい使い方を理解して実行することで改善できるものは多いです。今回は、そんなSEO対策のなかから「OGP」について詳しく解説します。サイト運営の際にぜひ役立ててみてください。Protocol)とはOGPの設定がSEOに及ぼす影響ソーシャルリンクからの流入が増えやすくなるソーシャルリンクの質が上がるOGPの設定方法OGPの基本的な設定方法Twitter独自の追加設定Facebook独自の追加設定OGPが正しい設定になっているか確認する方法OGPを設定する上で確認すべき3つの注意点descriptionの表示文字数アイキャッチの画像サイズアイキャッチのURLまとめSEOに悩むサイト担当者必見!世界最高水準のテクニカルSEOツール「Lumar」URLを入れるだけでサイト内部の問題を一括検出。Protocol”の略称です。自身のサイトがSNSでシェアされた際に表示される画像、文言を指定できるもので、metaタグの一種です。Facebookで作成されたものになります。OGPの設定がSEOに及ぼす影響OGPを設定していないと、SNS側が自動でogpを設定してしまい、ユーザーにサイトの魅力を最大限届けることができません。最大限のSEO効果を見込めないので、ユーザーがシェアしてくれる回数も減ってしまいます。OGPを的確に設定し、デザイン性が高い画像をアイキャッチに設定すれば、自然とユーザーの目に留まります。サイトのクリック率が高まったり、サイトが上位表示されたり、SEO効果が体感できるようになるでしょう。具体的なSEO効果について、下記で紹介していきます。ソーシャルリンクからの流入が増えやすくなるOGPを正しく設定することで、TwitterやFacebookなどのSNSに表示されるリンクがわかりやすく、ユーザーの興味を惹くような内容になります。ユーザーがSNSでサイトのリンクを共有する際の心理としては、「見栄えが良く、興味深いものを共有することでフォロワーから好印象を抱かれたい」というひとつの動機が考えられます。OGPを正しく設定し、「自分のSNSで共有したい」とユーザーを促すことで、共有してくれる人の数が増えるかもしれません。わかりやすくリンクが表示されることでクリック率の上昇も見込めます。ソーシャルリンクの質が上がるOGPを正しく設定すると、TwitterやFacebookなどのSNSにおいてリンクのアンカーテキストを記事タイトルやサイトのタイトルに指定できます。狙い通りのアンカーテキストでリンクをもらうことができるので、リンク自体の質も向上するのです。OGPの設定方法OGPの設定方法は、下記の流れになります。ogpの使用を宣言するページのURLを指定し、ページの種類を指定するページのタイトルを指定し、説明文を追加するサイト名を指定、サムネイル画像のURLを指定する特に難しいことはありませんが、各ページごとにOGPのタグを揃えないと機会損失につながるので、ページ数の多いサイトでも同じタグを揃えるようにしましょう。OGPの基本的な設定方法OGPの基本的な設定方法は、まずHTMLの<head></head>タグ内に下記の構造のメタタグを挿入するのが基本の形です。content=”内容”>主なプロパティとそれが指す内容については、下記の表でご確認ください。表示したいアイキャッチ画像のURL(絶対パス)その他、Webサイトの場合は「description」「site_name」などのオプションプロパティが使用されます。具体例を用いてご紹介すると、「Web集客Labo」のトップページの場合は下記のように設定されています。SEOなどマーケター必見の情報をお届けします。content=”https://gmotech.jp/semlabo/wp-content/uploads/2021/07/ogp_new.png“>Twitter独自の追加設定Twitterでブログカードを表示させる際、表示方法を指定するためには独自の追加設定が必要です。content=”カードの種類”>上記は表示方法を指定するためのOGPタグです。Webサイトの場合、カードの種類は必ず「summary」「summary_large_image」の2択になります。「summay」で指定した場合、表示される画像のサイズは小さめに正方形で表示されます。「アイキャッチばかりを強調したくない」「リンク先のタイトルを目立たせたい」という場合は、「summay」を用いることをおすすめします。一方で「sumarry_large_image」を用いた場合は、「summay」で指定した場合よりもアイキャッチ画像が大きく、長方形で表示されます。「summay」より画像が大きく表示され、視覚的なインパクトが非常に大きいのが特徴です。魅力的・インパクトのあるアイキャッチを用意できた場合は、「sumarry_large_image」を用いることで更なるユーザーの流入を図ることができます。Facebook独自の追加設定Facebookにも独自のogp追加設定があります。content=”アプリID”>上記のOGPタグを用いることで、Facebookインサイト「ブログカードをクリックしてくれたユーザー」について詳細な分析ができます。「いいね!」をしてくれたユーザーの新規数、通算数を確認できるのはもちろんのこと、アクティブユーザーの内訳や「いいね!」をしてくれた人の性別、年齢や国籍、市区町村などを確認できます。ユーザーについて分析することで、よりSEO対策を実施しやすくなります。OGPが正しい設定になっているか確認する方法OGPが正しく設定できたかどうかを確認できる主な確認ツールは、下記の3つです。OGPを正しく設定できたか確認するには、無料のツールで十分です。ToolBox-OGPチェッカーOGPを設定する上で確認すべき3つの注意点OGPを設定するうえで確認しておくべきことは、主に3つあります。descriptionの文字数アイキャッチの画像サイズアイキャッチのURL設定それぞれについて、詳しく見ていきましょう。「description」の文字数が多すぎると、途中で途切れてしまいます。途中で途切れてしまうと、伝えたいことをユーザーに届けられませんし、「しっかり確認をしていないサイト」と認定されてしまい、むしろクリック率が下がることも考えられます。一般的には80〜120字程度が良いとされており、FacebookとTwitter両方で全ての文字を納めるには80文字程度が利用です。テクニックとしてあえてユーザーの「気になるところ」で区切る人も居ますが、ユーザーに対して具体的な内容を伝えた方が好印象を与えられるので、80文字程度に抑えることを意識しましょう。アイキャッチの画像サイズアイキャッチの画像サイズにも気をつけましょう。画像が切れてしまうとユーザーにしっかりと魅力を伝えられません。Facebookでは1200px×630pxが推奨されており、Twitterは1:1の正方形に画像が切り抜かれる性質があります。アイキャッチのURLアイキャッチのURLは「相対パス」ではなく、「絶対パス」で書かなければいけません。「絶対パス」では目的のファイルまでの道筋が全て記述されていますが、「相対パス」は「現在地から目的のファイルまでの道筋」しか記述されていないので、表示できないのです。相対パスで記述してしまうと画像を読み込めず、アイキャッチが「noimage」と表示されてしまいます。まとめOGPを的確に設定すると、SNSを用いてサイトへの集客率を高めることができます。簡単なHTMLの記述が必要なので、プログラミングが苦手な方には一見難しく見えるかもしれません。OGPの記述は基本的なものばかりなうえに、技術的な作業は画像のサイズ変更程度です。サイトへの集客に悩んでいましたら、ぜひ一度挑戦してみてください。byGMO」SEO対策でこんな思い込みしていませんか?大きいキーワードボリュームが取れないと売上が上がらない・・コンサルに頼んでもなかなか改善しないSEOはコンテンツさえ良ければ上がる大事なのは自社にあったビジネス設計です。けんと)2012年より一貫して検索エンジン領域のコンサルティング業務に従事。マーケティング部門立ち上げをおこなう。お客様の期待を超える価値提供を行うため日々、組織運営・グロースに奔走している。名前メールアドレス電話番号(ハイフン(-)は必要ありません)送信することでプライバシーポリシーに同意したものとします。(木)14:00-17:00EC×SEOの必勝戦略~楽天・Yahoo!・Amazon・自社EC別に解説!上位表示をさせるコツ~本セミナーでは、「EC×SEOの必勝戦略」をテーマとし、主要モールECである楽天、Yahoo!、Amazon、そして自社ECサイトのSEO戦略と成功事例を紹介します。SiteサービスサイトLumarSEO内部分析ツール・Lumarは、内部対策の分析時間の大幅効率化が可能なツールです。グローバルカンパニーも利用し、その高度なSEO機能が評価され海外アワードで多くの賞を受賞しております。タスク管理機能もあり、発見したSEO課題をチーム関係者とスムーズに共有することも可能です。byGMO』は、Google検索エンジン上位表示対策だけではなく、ユーザーの検索体験と生み出される価値にフォーカスした施策を行います。Googleの検索エンジンが日本にリリースされた当初より、SEOに従事し、アルゴリズムの歴史を熟知しているプロが施策を監修します。byGMO」は、エリアごとに歯科医院を紹介するポータルサイトです。TECHのSEOノウハウを活かしたサイト設計により、検索ユーザーへの流入間口拡大を実現。集客・集患に課題を抱える歯科医院様と歯に関するお悩みを抱えるお客様をつなぐサービスを提供しています。USデジタルマーケティングに関することならお気軽にご相談くださいメルマガ登録メールマガジンはこちらからご登録ください。デジタルマーケティングに関するホットな情報をお届けいたします。TECHへの業務依頼、発注を希望される方はこちらよりご連絡ください。