Open Graphメタタグ：OGメタタグのガイド[+ FAQ]

公開: 2021-11-03

Facebookに何かを投稿して、その外観に不満を持ったことはありますか？

この問題は、Facebook、Twitter、LinkedInなどのソーシャルメディアサイトで多くの企業が直面している問題の1つであり、低品質の画像から光沢のないタイトルまであります。 これがビジネスで直面している問題である場合は、解決策があります。グラフメタタグを開きます。

オープングラフメタタグを使用すると、Facebookやその他のソーシャルサイトでの投稿の表示方法を制御できるため、Webサイトやブログへのリンクが魅力的でわかりやすくなります。

次のような質問への回答を得るために読み続けてください。

  • オープングラフタグとは何ですか？
  • オープングラフタグのコードはどのように見えますか？
  • どのような種類のオープングラフメタタグがありますか？

さらに、最後にある便利なFAQをチェックして、オープングラフメタタグに関する追加の質問への回答を入手してください。

PSあなたのビジネスをオンラインでマーケティングするためのより多くのヒントとコツを知りたいですか？ Revenue Weeklyに登録して、190,000人以上の知識豊富なマーケターに参加しましょう！

CTA

さらに多くのデジタルマーケティングのアドバイスについては、 190,000人以上の他のマーケターが信頼するEメー​​ルにサインアップしてください： RevenueWeekly。

今日サインアップをしてください！ アイコンロングアローホワイト

オープングラフタグとは何ですか？

オープングラフメタタグは、Webサイト、ブログ、またはその他の同様の場所からFacebookページにコンテンツを投稿するときに表示される情報を制御するのに役立ちます。 これらのタグはWebサイトのヘッダーに入り、FacebookでWebサイトのページを共有したときに人々に何が表示されるかを決定します。

これらのタグは、WebサイトとFacebookの統合を促進し、人々がWebサイトにアクセスするように誘導するFacebook投稿を簡単に作成できるようにするために作成されました。

オープングラフメタタグのコードはどのように見えますか？

「オープングラフタグとは」に対する答えが得られたので、これらのタグのコーディングはどのようになっているのか疑問に思うかもしれません。

このコーディングがどのように表示されるかは、使用するタグと入力する必要のある情報によって異なりますが、基本的な式は次のようになります。

<meta property =“ tag type” content =“ information for tag” />

使用しているタグは、次のセクションで説明するタグタイプのセクションに配置します。 情報部分には、タグに必要な情報を入力します。

たとえば、URLにオープングラフメタタグを使用した場合、コンテンツとしてWebページのURLを含めます。

5種類のオープングラフメタタグ

Facebookの投稿の情報を制御するために使用できるオープングラフメタタグには、次の5つのタイプがあります。

1. og：title

開いているグラフタグのリストの最初はog：titleです。 このタグを使用すると、FacebookページでWebコンテンツを共有するときに表示されるタイトルを制御できます。

Facebook投稿のタイトル

 

このタグを使用しない場合、Facebookはページからメタタイトルタグを自動的に取得します。 このタグを使用すると、Facebookユーザーがあなたの記事をクリックするようにするより説得力のあるタイトルを作成できます。

このオープングラフタグを使用するには、次のコードを使用します。

<meta property =“ og：title” content =“ page title here” />

2. og：description

使用したいogメタタグのもう1つは、og：descriptionです。 このタグを使用すると、ソーシャルメディアでページを共有するときに表示される簡単な説明を追加できます。

マーベルがFacebookで共有した投稿の説明

 

この説明により、ページで何を期待するかについての情報を視聴者に提供できます。 この説明は検索エンジン最適化（SEO）の取り組みに影響を与えないため、キーワードを説明に統合するために時間を費やす必要はありません。

ユーザーがあなたのリンクをクリックできるように、有益で魅力的な説明を提供することに焦点を当てます。

この機能をオープングラフタグの1つとして使用するには、次のコードを使用します。

<meta property =“ og：description” content =“ description here” />

3. og：type

使用したいオープングラフメタタグのタイプのもう1つは、og：typeです。 このオープングラフタグを使用すると、共有するオブジェクトの種類を指定できます。 選択できるオプションは数十ありますが、最も人気のあるものは次のとおりです。

  • Webサイト
  • ブログ投稿
  • ビデオ
  • 写真

Webサイトのページを共有する場合は、「Webサイト」タイプを使用して指定します。

このタグを使用するには、次のコードをページに追加します。

<meta property =“ og：type” content =“ type tag（website、video、etc）” />

4. og：url

次のオープングラフメタタグのタイプのリストはog：urlです。 このタグを使用すると、Webサイトでユーザーを誘導するURLを指定できます。 このタグは、同じコンテンツに対して複数のURLがある場合、たとえば、パラメーターのあるページとパラメーターのないページがある場合に役立ちます。

このタグを設定すると、共有からのすべてのトラフィックが正しいURLに送信されます。

このタグを実装するコードは次のとおりです。

<meta property =“ og：url” content =“ url link here” />  

5. og：image

ここで取り上げるオープングラフメタタグの最後はog：imageです。 このタグを使用すると、コンテンツを共有するときにコンテンツのサムネイルを設定できます。

Facebookからの画像投稿

 

投稿の画像は、誰かがあなたの投稿をクリックしたかどうかを判断する上で重要な役割を果たします。 写真が粗い、またはコンテンツと無関係である場合、他の人があなたのページにアクセスするのを思いとどまらせるリスクがあります。

このogメタタグを設定するときは、1200x627ピクセル以上の画像を選択することをお勧めします。

画像ファイルのサイズも5MBを超えてはなりません。 サイト上の画像または他の場所からの画像を選択できます。

このオープングラフタグを実装するには、次のコードを使用します。

<meta property =“ og：image” content =“ domainname.com/imagename.filetype” />

オープングラフメタタグに関するFAQ

オープングラフタグについてもう少し質問がありますか？ 答えがあります！

オープングラフメタタグが重要なのはなぜですか？

ogメタタグについて学んだ後、なぜそれらが重要なのか疑問に思うかもしれません。 これらのタグを実装すると、ビジネスにどのように役立ちますか？

オープングラフタグを使用する最大の理由の1つは、ソーシャルメディアを介して共有したときにコンテンツがどのように表示されるかをより細かく制御できることです。

あなたがあなたのソーシャルページであなたのウェブサイトへのリンクを共有しているとき、あなたはあなたのコンテンツを共有するように他の人を誘惑したいと思います。

あなたの投稿が見込み客にクリックして詳細を学ぶように誘惑していない場合、彼らはそれを共有しません。 オープングラフタグを使用すると、投稿の表示方法を変更できるため、共有する内容に関心を持つ人が増えます。

さらに、ogメタタグは、視聴者とのコンテンツのパフォーマンスに影響を与えます。 投稿の外観を制御できる場合は、投稿を変更して、視聴者にとってより魅力的なものにすることができます。

その結果、視聴者はあなたのコンテンツに気づき、関与する可能性が高くなります。

タグをチェックして、タグが正しいことを確認できますか？

はい！

Facebook Crawler Sharing Debuggerを使用して、ソーシャルメディアページで共有したときに投稿がどのように表示されるかを確認できます。 このツールを使用すると、Facebookが認識しているオープングラフタグを確認することもできます。

タグをチェックする開発者タグチェッカー

 

これは、タグが正しく使用され、機能していることを確認するための優れた方法です。

ソーシャルメディアでコンテンツを共有すると、コンテンツがどのように表示されるかを簡単に確認できます。

他のプラットフォームはオープングラフメタタグを使用していますか？

はい。 Facebookはオープングラフメタタグを使用するための主要なプラットフォームですが、TwitterとLinkedInの両方もタグを使用しています。

LinkedInの場合、設定されるタグはFacebookと同じです。

プラットフォームには次のタグを使用できます。

  • og：title
  • og：image
  • og：description
  • og：url

Twitterの場合、コーディング設定は少し異なります。 コードは次のようになります。

<meta name =“ twitter：tag” content =“ info” />

Twitterで使用できるogメタタグは次のとおりです。

  • Twitter：card（og：typesのTwitterバージョン）
  • Twitter：title
  • Twitter：説明
  • Twitter：url
  • Twitter：image

あなたのビジネスのためにオープングラフメタタグを設定するのに助けが必要ですか？

オープングラフメタタグは、ページへの投稿がソーシャルメディアにどのように表示されるかをビジネスで制御するための優れた方法です。 クリック数を増やし、ビジネスのトラフィックを増やすのに最適な方法です。

ただし、コーディングの経験がない場合、またはオープングラフメタタグを実装する方法を知らない場合は、WebFXが役立ちます。

450人を超えるマーケティングエキスパートのチームが、オープングラフメタタグの実装を支援して、投稿のパフォーマンスを向上させます。 さらに、当社のソーシャルメディアマーケティングサービスは、コンテンツの投稿から見込み客との関わりまで、ソーシャルメディアのあらゆる側面を管理するのに役立ちます。

オンラインでお問い合わせいただくか、本日888-601-5359までお電話いただき、ストラテジストとお話しください。