Facebook OG メタタグs



Facebook OG メタタグs

WebサイトのURLをFacebook Open Graphで正しく表示するには、ページのタイトル、ページの種類、ページのURL、画像のURL、ページの説明、サイト名、記事の公開など、追加のメタタグが必要です。変更日、記事のセクション、記事のタグ、およびFacebookの管理者ID。

Open Graphは、URLを共有するときに完全なリッチカードを作成できる、非常に完全なメタデータセットです。

オープンなグラフのメタタグSEO

次のメタタグを使用する必要があります。下のテンプレートはコピーして貼り付けることができます。

URLを共有するときに適切な表示を許可するのに加えて、一般的なページSEOも改善されます。

これはFacebook OG Open Graphのみのためであり、HTMLのメタタグはコードの頭の部分に貼り付ける必要があります:

<!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" />

Facebook Open Graphメタタグ

TwitterカードのメタタグやFacebookオープングラフのメタタグを含め、FacebookのウェブサイトのOG仕様全体を利用するには、以下の完全なコードを使用できます。

これは、すべてのソーシャルメディアメタデータのHTMLカードを対象とし、それらのすべてであなたのURLを適切に共有できるようにします:

<!DOCTYPE html> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en" prefix="fb: http://www.facebook.com/2008/fbml"> <head> <title>60 char title</title> <meta name="description" content="200 char description" /> <!-- Twitter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Twitter_publisher" /> <meta name="twitter:title" content="Page title" /> <meta name="twitter:description" content="Page description" /> <meta name="twitter:creator" content="@Twitter_creator" /> <!-- Twitter 280x150px image --> <meta name="twitter:image:src" content="http://www.url.com/img.jpg" /> <!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" /> <!-- Schema.org markup for Google+ --> <meta itemprop="name" content="Site name"> <meta itemprop="description" content="Page description"> <meta itemprop="image" content="http://www.url.com/img.jpg">

グラフプロトコルを開く

FacebookのメタデータがWebサイトに実装されると、それらを共有することで、タイトル、画像、説明がFacebookによって正しく検索されるため、下のような外観が生成されます。

FacebookのOGデバッガ

デベロッパーのためのオンラインアプリケーション、Open GraphバリデーターはFacebookのウェブサイトで利用可能であり、リッチカードにメタタグが自分のウェブサイトに適切に実装されているかどうかをdevlopersが自ら調べることができます。

Facebook Open Graphデバッガで説明されているように、Webページを開き、Facebook OGリッチカードが表示されるURLを貼り付けて、その結果、または誤って実装されたタグの場合の潜在的なエラーを確認するだけです。

FacebookのOGデバッガ

Facebook OG画像サイズ

Facebookの投稿に投稿される画像は、少なくとも200ピクセル×200ピクセル、または200ピクセル×200ピクセルでなければなりませんが、最大1200×630ピクセルの画像を使用することをお勧めします。

Facebookの投稿に画像が常に正しく表示されるように、この最小要件を尊重し、見栄えを良くします。

どこで飛べますか? - ホーム|フェイスブック
国際SAPとWebコンサルティング - ホーム|フェイスブック
ヘルプスマートフォン - ホームFacebook
旅行コンパレータ - home Facebook
Facebookの開発者向けプラットフォーム - Facebookの開発者
キエフビーチクラブと夏のキエフ夜光 - 私はどこに飛ぶことができますか?

さらなる読書

豊富なカード表示や他のソーシャルメディアの共有を目的としたメタタグを最適化するには、これらの優れたウェブサイトを参考にしてください。

ウェブ開発者のSEOチートシート2.0
すべてのWebページが2014年に持つべきメタタグ18個
オープン・グラフ・プロトコル
スニペット - Google+プラットフォーム
ビジネスのためのPinterestリッチピン
WooCommerce - 製品マークアップを追加する無料のWordpressツールキット

メタプロパティOG Facebook

フェイスブックメタグラフサイズおよびフェイスブックオープングラフ画像サイズに対するフェイスブックオープングラフ画像寸法は、200ピクセル×200ピクセルである。最小値として推奨されており、最大サイズは1200 x 630ピクセルを超えてはいけません。

OGタグとはFacebook OGタグ、またはFacebook Open Graphタグとも呼ばれるOGタグは、Webサイトのソースコードには存在しますが、Webサイトの訪問者からは見えないように表示されます。共有リンクについてわかりやすく説明した詳細を表示するために使用される画像、説明、およびその他の情報。

Facebookのメタは次のとおりです。

- Facebook OGサイト名はWebページの名前です。

- Facebook OGの説明にWebページの短いテキストの説明が含まれている、

- OG画像Facebookにはリンクの画像へのリンクが含まれています、

- Facebook OGタイプは、記事や本など、共有されるコンテンツのタイプを定義します。

- Facebook OG URLはリンクの一意のインターネットアドレスであり、URLとも呼ばれます。

- FacebookのOG画像サイズは最小200×200ピクセル、最大1200×630ピクセルです。

OGタグジェネレータOpen Graph Generator、高度なメタタグジェネレータツール
Twitter Open Graphテスターカード検証 - Twitterカード




コメント (1)

 2019-02-01 -  Jarek
Bardzo przydatny artykuł tylko szkoda że tak mało osób z niego korzysta.

コメントを残す