Open GraphプロトコルがSEOに与える影響
検索エンジンポジショニング戦略をまとめるとき、ソーシャルメディアを忘れてはいけません。タイトル、説明、画像に気を配る必要があります。それらはユーザーが目にする唯一の要素であり、クリックするかどうかを決めるものだからです。
ユーザーがソーシャルプロファイルでWebサイトをシェアするときに、どのように見えるかご存知ですか？コンテンツの見栄えが良く、より魅力的であればあるほど、よりバイラルになり、それゆえWebサイトへの影響もより大きくなり、SEO結果の改善にも役立つことを覚えておいてください。
すべてお伝えします！
Open Graphタグとは？
メタタグまたはオープングラフプロトコルはFacebookによって作成され、任意のWebページがソーシャルネットワーク上で強化された形式で表示されることを可能にします。これらのHTMLタグは、ソーシャルネットワークでシェアされるページのコンテンツ（タイトル、説明、ページ画像など）を表示する役割を担います。これらのタグが存在しないか指定されていない場合、ランダムな写真、説明的でないタイトルや説明など、情報がランダムに表示されます。
何のために使われるか？
これらのタグはソーシャルタグとして知られており、各ソーシャルネットワークでポジショニングを達成するためにとても重要です。どのソーシャルネットワークかによって、より簡単になったり難しくなったりしますが、ソーシャルネットワークでのポジショニングは存在し、それは現実です。
オープングラフプロトコルは当初Facebookで使用され、現在はLinkedInでも認識されています。一方、Twitterのタグはそのソーシャルネットワーク専用です。
タグは以下のとおりです：
og:title：
「Title」は検索エンジンにページが何についてのものかを伝える役割を持ちます。したがって、明確で簡潔で、各ページでユニークでなければなりません。最大長は67文字です。
例：
<meta property="og:title" content="Open Graphタグとは何か？"/>
og:description
「Meta description」はページについてより広範に説明し情報を提供するものです。155文字を超えてはならず、結果をクリックするようユーザーを促すフレーズやCTAを含めることができます。各ページでもユニークである必要があります。
例：
<meta property="og:description" content="ユーザーがソーシャルプロファイルでWebサイトをシェアするときどのように見えるかご存知ですか？Open Graphタグがすべての情報を表示する役割を担います。"/>
og:url:
Webページのオリジナル URLが表示され、短縮表示することもできます。このタグは可能な限りクリーンなURLで、各ページでユニークになるよう使用してください。
例：
<meta property="og:url" content="/blog/open-graph" />
og:image
各ページで表示されるように画像URLを指定する必要があります。これは確かに最も見落とされがちで、最も重要なものの1つです。Google Discover、Google News、Facebook、Twitter、LinkedIn... これらすべてがこの画像をユーザーへのフックとして拾い上げ、もし高品質であれば、たくさんの訪問を得ることができます。そうでなければ、フィールドを空のままにすると、著者の写真や空のフィールドが表示される可能性があります...どちらが良いか、あなたが選んでください！ ;)
例：
<meta property="og:image" content="/blog/images/open-graph.jpg" />
og:video
ページにビデオがある場合、このタグを使って指定する必要があり、その解釈を容易にします。
<meta property="og:video" content="http://example.com/bond/trailer.swf" />
og:type
このタグはコンテンツが何で構成されているかを示します。それが記事、ビデオ、ブログ投稿などのいずれであるか... タイプによって、異なるプロパティを割り当てることができます。
例：
<meta property="og:type" content="article" />
og:site_name
これでWebサイトを指定でき、ブランドが表示されます。
<meta property="og:site_name" content="SEO Alive" />
存在するソーシャルメタタグの種類
現在、Facebookによって作成されたタグはLinkedInなどの他のソーシャルネットワークでも使用されています。TwitterはTwitter Cardsとして知られているものを使用します。これらのタグでは3つのオプションがあります：
-
画像用の「Photo」
-
ビデオ用の「Player」、そして
-
それ以外のすべての「Summary」。
この場合、Open Graphカードと同様に、最適化されていない場合は、デフォルトで最適化されていないコンテンツが表示されます。
タグテストツール
ユーザーがソーシャルネットワークでページをシェアしたときにどのように見えるかを分析することは、すべてが正しく機能するためには非常に重要です。
Twitter Card Validator
Twitterの検証ツールはTwitter Card Validatorです。何かを公開する前に、すべてが正しく表示されるか確認したい場合は、シェアしたいURLを躊躇せずに入力してください。ページの画像を更新したのにフィードがまだ古いものを表示している場合にも非常に便利です。再分析することで「キャッシュパージ」として機能します。
Facebook Debugger
FacebookのデバッグツールはFacebook Debuggerとして知られています。これでサイトのページがシェアされたときにどの情報が使われ、どう見えるかを見ることができます。さらに、フィールドのいずれかが正しくないか欠落している場合、警告がポップアップ表示されます。
Google Structured Data Testing Tool
GoogleもGoogle Structured Data Testing Toolと呼ばれる構造化データテストツールを利用可能にしています。Googleがページからどのようなマークアップを拾っているかを確認するのに非常に便利です。マークアップは検索エンジンによって認識され、各ケースに固有のSchemaマイクロデータを導入することで、Webサイトを「セマンティック」にするのに役立ちます。
Rich Pins Validator
Pinterestも遅れを取らず、Rich Pins Validatorとしても知られるピン検証ツールを提供しています。Twitterのバリデーターと同じように動作します：Rich Pin機能を取得するには承認プロセスが必要で、同時にデータマークアップをチェックします。
WordPressでこれらのタグをどう最適化するか？
ご存知のとおり、WordPressが提供する大きな利点の1つは、その柔軟性と巨大なコミュニティです。その結果、ページや記事にopen-graphタグを導入するようなプロセスは、プラグインのおかげで数秒しかかかりません。
それを達成する方法はたくさんあります。私たちのケースでは、SEO Rank Mathプラグインを通じて行うのが最も簡単だと考えています。
おすすめ記事 > Rank Mathに関する詳細なSEOチュートリアル
問題のページや記事のSEOセクションに行き、「Social」タブをクリックするだけで、画像を設定するオプションが表示されます。多くの場合、注目の画像をアップロードしていれば、それを直接拾い上げます。
ヒントと改善
以下に、非常に良い結果を得るために私たちに役立った経験に基づくヒントを見ることができます。
画像を最適化する
質の高い画像を選びましょう。各画像はあなたのコンテンツを表すものなので、完璧に選ばなければなりません。また、ユーザーがコンテンツをシェアしたときに表示される画像にもなります。
各プラットフォームには一定の規格があります。最善は各ソーシャルネットワークに合うことができる大きな画像を選ぶことです。
ビジュアルコンテンツはソーシャルネットワークで最も魅力的で、バイラルになることに成功すれば、Webサイトへのより多くの訪問を得ることができます。ご存知のとおり、いいね、シェア、コメントを得るために完璧な画像を選ぶことに時間を投資してください。
-
Twitter：小さい方は120x120px、大きい方は4096x4096px
-
Facebook：最小200pxで最大1200px
常にOpen Graphを使う
すでによく知られた形式であるため、より多くのプラットフォームで使用できます。ソーシャルタグを挿入するためにコードテンプレートを使用することが推奨されます。すべての情報は次のガイドで確認できます。
おすすめガイド -> SEOにおけるメタタグ
テストして実験する
サイトの結果がソーシャルネットワークで正しく表示されているかを確認するために、常にバリデーターでテストしてチェックしてください。
結論
それらはユーザーの目にあなたのブランドを素晴らしく見せる小さな細部です。これらのタグはページを適切に表示し、訪問を引き付けるために不可欠であることを覚えておいてください。それらは検索エンジンがあなたのWebサイトを理解しやすくもします。ですから、SEO最適化にはソーシャルネットワークへの注意も含まれます。
ソーシャルネットワークから来るトラフィック、つまりソーシャルシグナルがSEO戦略に肯定的な影響を与える可能性があることも覚えておいてください。だから、ソーシャルメディアからのすべてのクリックは金の重さに値します！
ご質問やご提案はありますか？喜んでお手伝いします！
参考文献：
- https://ogp.me/ - Open Graphプロトコル公式ウェブサイト
著者: David Kaufmann
私はこの10年以上、SEOに完全に夢中になって過ごしてきました。正直なところ、他の生き方は考えられません。
私のキャリアが新たな次元に到達したのは、Chess.com でシニアSEOスペシャリストとして働いたときでした。Chess.com はインターネット全体で最も訪問数の多い上位100サイトの1つです。数百万ページ、数十言語、そして最も競争の激しい SERPs の1つという規模で仕事をした経験は、どんなコースや資格でも得られないことを教えてくれました。あの経験は、本当に優れたSEOとは何かという私の視点を一変させ、それ以降に私が築いてきたすべての土台となりました。
その経験から、私は SEO Alive を創業しました。オーガニック成長に本気で取り組むブランドのためのエージェンシーです。私たちは dashboards や月次レポートを売るためにここにいるのではありません。本当に成果を動かす戦略を構築するためにここにいます。クラシカルなSEOの最良の部分と、Generative Engine Optimization (GEO) というエキサイティングな新しい世界を組み合わせ、あなたのブランドが Google の青いリンクだけでなく、ChatGPT、Perplexity、Google AI Overviews が毎日何百万人もの人々に届けている AI 生成の回答の中にも確実に表示されるようにします。
そして、この両方の世界をきちんと扱えるツールが見つからなかったので、自分で作りました。それが SEOcrawl です。rankings、テクニカル監査、backlinks モニタリング、crawl ヘルス、そして AI ブランド可視性トラッキングを1つの場所に統合した、エンタープライズ向けのSEOインテリジェンスプラットフォームです。まさに、ずっと存在してほしいと願っていたプラットフォームです。
この著者の他のコンテンツをご覧ください
