Open Graphメタタグとは–詳細な概要

公開: 2021-04-08

これを想像してみてください-あなたはあなたのウェブサイトで有益なコンテンツを作成し、それをソーシャルメディアで共有しました。今、あなたはトラフィック、いいね、そしてシェアの増加を見るのを待っています。

とても簡単だったと思います！

しかし、そうではありません！

共有された投稿の外観を向上させて、人々がそれをクリックして共有できるようにするために、ある程度の努力を払う必要があります。そうしないと、ソーシャルメディアで共有される何百万ものコンテンツのプールの中で、コンテンツが失われる可能性があります。

Open Graphメタタグを入力して、簡単にします。

最近、OGメタタグが大流行しています。これらが何であるか疑問に思いますか？完全な概要を取得するには、ブログを最後まで読んでください。

オープングラフメタタグとは

OGメタタグは、ソーシャルメディアでのURLの外観を制御するコードスニペットです。これはFacebookのOGプロトコルの一部であり、LinkedInやTwitterなどの他のソーシャルメディアプラットフォームでも使用されています。

OGタグを使用すると、ページが共有されたときに情報がサードパーティのサイトからFacebookに移動する方法を制御できます。そうすれば、ピクセル化された画像やスクランブルされたスニペットを特集する代わりに、投稿は整理された方法で情報を特集します。

これは、私たちのブログがEストア開発にMagentoを選択する理由がOGタグを付けてFacebookでどのように見えるかです。

デジタルマーケティングサービス

使用するOpenGraphメタタグ

Facebookの公式文書には17ものOGタグがリストされています。私たちはあなたのためにそれを簡単にしました。 Facebookにページの基本を知らせるために必要なタグは5つだけです。これらについては、このブログを参照して以下で説明します。レディソリューションではなくカスタムeコマースWebサイトを選択する理由。

1. og：title
構文：

<meta property =” og：title” content =”すぐに使えるソリューションよりもカスタムeコマースウェブサイトを選ぶ理由” />

ここで、コンテンツのタイトルを定義します。これは、メタタイトルタグが検索エンジンの結果ページのコンテンツに対して行うのと同様の目的を果たします。 Facebookがページ上でog：titleタグを見つけられない場合、メタタイトルを使用します。メタタイトルとog：titleに異なるタイトルを使用する完全な権利があります。ソーシャルメディアでのみページに魅力的なタイトルを付けてクリック数を増やしたい場合は、キャッチーなタイトルを付けることができます。

文字に制限はありませんが、メタタイトルと同じ制限（60文字以内）を維持することをお勧めします。タイトルが100文字より長い場合、Facebookは自動的に88文字に短縮します。ユーザーからのクリックをトリガーするのに十分な説得力のあるタイトルを維持します。

2. og：description
構文：

これはメタ記述タグに似ています。それはあなたのコンテンツの要点を説明します。これで、従来のメタディスクリプションタグとは異なり、SEOに影響を与えることはありません。したがって、適切なキーワードを探すのではなく、キャッチーなキーワードにして、クリックする人を引き付けるように注意してください。

Facebookは、このセクションに最大300文字を表示できます。ただし、コンテンツは200文字に制限することをお勧めします。短くて鮮明な説明は、人々が一目でアイデアを得て、リンクをクリックして詳細を知るのに役立ちます。

3. og：image
構文：

<meta property =” og：image” content =” https://webguru-india.com/blog/wp-content/uploads/2021/03/Why_Choose_a_-Custom_Ecommerce_Website_over_A_Ready_Solution.jpg” />

写真は、コンテンツを目立たせ、人々の注目を集めるのに役立ちます。 OG画像タグは、ページまたはコンテンツが共有されたときに特定のサムネイルが表示されるようにします。

og：imageで画像を指定しない場合、Facebookには、ページから削り取られた広告バナーが表示されるか、まったく表示されない場合があります。これはコンテンツに深刻な影響を与え、人々はそれを超えてスクロールする可能性があります。

通常、評判の高いソーシャルメディアマーケティングエージェンシーの専門家は、OG画像の解像度を1200×627ピクセル[1.91：1の比率]にすることを推奨しています。また、画像が5MBのサイズ制限を超えないようにしてください。

4. og：type
構文：

<meta property =” og：type” content =” article” />

このタグは、共有しているオブジェクトのタイプ（画像、ビデオ、またはブログ投稿）を示します。コンテンツタイプの例を次に示します。

ウェブサイトベース：ウェブサイト、記事、ブログ
場所：都市、国
ビジネス：会社、レストラン、ホテル
人々：俳優、政治家、作家
エンターテインメント：映画、ゲーム、本、食べ物

もっと！

このタグは重要な役割を果たします。たとえば、あなたの投稿は、「いいね」ボタンのある映画や本に関するものです。コンテンツがユーザーの興味のあるセクションに表示されるかどうかを決定します。

5. og：url
構文：

<meta property =” og：url” content =” https://webguru-india.com/blog/why-choose-a-custom-ecommerce-website-over-a-ready-solution/” />

ここで、共有している特定のページの正規URLを設定できます。このようにして、すべてのいいねと共有が移動する1つのページを定義します。同じコンテンツに対して2つ以上のURLがある場合に非常に便利です。

指定したURLはFacebookニュースフィードに表示されないことに注意してください。ドメイン名のみが表示されます。

デジタルマーケティングサービス

[ここで、矢印記号を付けて、次のように記述します– og：title [レディソリューションではなくカスタムeコマースWebサイトを選択した理由]、og：image [画像]、og：description[計画している場合...hを使用...]およびog： url [webguru-india.com]]

オープングラフメタタグの利点

なぜOGタグを実装するのに苦労するのですか？デジタルマーケティングサービスのプロバイダーがソーシャルメディアでコンテンツを共有する前にOGタグの使用を強調する理由は次のとおりです。

ソーシャルメディアの投稿の外観を向上させる

OGタグを使用する最初のそして最も重要な理由は、魅力的な投稿を作成するのに役立つということです。投稿の画像がぼやけているか、テキストがキャッチーでない場合、ユーザーはコンテンツを操作する可能性が低くなります。

OGタグを使用すると、コンテンツの表示方法を完全に制御できます。タイトルと説明を好きなだけキャッチーにすることができます。コンテンツのすべての要素を整理し、プロフェッショナルな外観を作り出すのに役立ちます。これにより、コンバージョンが促進されます。

Facebook検索での視認性の向上

OGタグは、Facebookがコンテンツの内容を理解するのに役立ちます。これにより、Facebook検索を通じてブランドの認知度を高めることができます。一方、Facebookで何かを検索する場合、特定の結果をクリックする前に、いくつかの結果を一瞥します。 OGタグに最適化されたコンテンツは、彼らの注意を引く可能性が高くなります。

次の写真をご覧ください。

OGタグとは-包括的な調査

Facebookは、「モバイルアプリ開発プロセス」を検索すると、OGタグで最適化された「モバイルアプリ開発プロセスへのテクニカルインサイト」という記事を表示します。

さらに、誰かがFacebook Messenger、WhatsApp、またはiMessageのダイレクトメッセージを介してOpen Graphメタタグで最適化された投稿のリンクを共有する場合、OGタグはスニペットの作成に役立ちます。

さまざまなプラットフォームに適しています

Facebookはオープングラフを発表しましたが、現在はTwitter、LinkedIn、Pinterestなどの他のソーシャルネットワーキングプラットフォームで採用されています。したがって、一度だけタグを作成して、さまざまなプラットフォームでのプレゼンスを最適化できます。

GoogleDiscoverでブランドの存在感を最適化する

Google Discoverは、ChromeアプリのGoogle検索バーの下に配置されたAI主導のコンテンツ推奨ツールです。ユーザーの行動に基づいて、ニュース、記事、ビデオ、広告、スポーツの生中継などを推奨します。 Google Discoverの詳細については、こちらをご覧ください。

Discoverフィードに表示されるようにコンテンツを最適化する場合は、OGタグが重要な役割を果たす可能性があります。ここに興味深い事実があります。 Ahrefsチームは最近、OpenGraphメタタグとGoogleDiscoverの関係に気づきました。彼らは、投稿のog：titleに存在するタイプミス（「inkBuilding CaseStudy」）がGoogleDiscoverで取り上げられていることを発見しました。ただし、記事の実際のタイトルには入力ミスはありませんでした（「リンクビルディングのケーススタディ」）。

OGタグの確認方法

OGタグの監視を支援するために、FacebookにはSharingDebuggerと呼ばれる専用ツールがあります。それは何をするためのものか？以下に説明します。

確認したいリンクを入力すると、エラーとOGタグに関連する提案があれば返されます。必要に応じて、画像と説明を確認および変更できます。

また、Facebookのキャッシュをクリアします。どうしてそれが重要ですか？ Facebookにリンクを投稿して、サムネイルの間違いを見つけたとします。したがって、戻ってOGタグに必要な変更を加え、Facebookに再度投稿します。

何も起こらず、サムネイルは同じままである可能性があります。そして、クレジットはキャッシュに送られます。共有デバッガーは、リンクを変更した後、リンクのキャッシュを完全に更新します。したがって、OGタグを変更するたびに必ず使用してください。

まとめる時間

2021年3月現在、OGタグは全ウェブサイトの54.6％で使用されています。これは、サイトのほぼ半数がまだこれらを使用していないことを意味します。 OGメタタグの最適化には時間がかかる場合がありますが、実行する価値があります。タグは、群衆から目立つようにし、Facebook検索結果の可視性を高め、人々の注意を引き付け、クリック数を増やすのに役立ちます。

ソーシャルメディアでコンテンツを共有する前にOGタグを使用していますか？そうでない場合は、すぐに実装を開始してください。