[株式会社レボルメ]ウェブのあれこれウェブを活用したいひとのためのブログ一覧にもどる2016/02/10HTML/CSSFacebookでページをシェアするときに重要!OpenGraphWEBページに「OpenGraph」設定してますか?FacebookなどのSNSではいいね!やシェアなどのページ情報の取得にOpenGraphを利用しています。webサイトより引用)英語で書かれていてよくわかりませんが、要するに、OpenGraphはWEBページの基本的な情報をSNSなどに提供するためのプロトコルです。いったところでしょう。OpenGraphの設定OpenGraph(以下OGP)はHTMLのhead内にmetaタグで記述します。プロトコルに則った記述をすることでOGPを利用しているSNSなどの外部サービスがWEBページの情報を正しく取得できるようになります。OGPは以下のようにmetaタグに記述します。content="article"&gt;WEBページの場合、以下のいずれかを指定します。WEBサイト内のページや記事に指定します。WEBサイトのTOPページに指定します。websiteは基本的に1つのWEBサイトにおいてTOPページのみに指定することが推奨されています。content="ページのタイトル"&gt;ページのタイトルを指定します。content="ページの概要文"&gt;ページの概要文を指定します。・・・>と同じようなものですね。content="画像のURL"&gt;SNSなどでシェアされる際にサムネイルとして利用される画像のURLを指定します。URLは絶対パスを指定します。Facebookでは以下のように画像のサイズを推奨しています。高さ600pxで表示されるようです。content="ページのURL"&gt;ページのURLを指定します。OGPを設定するとこんな風にシェアされる試しにこのページをシェアしてみるとこんな風になります。ちなみに、正しくOGPが設定されているかどうか確認するために、Facebookでは「オブジェクトデバッガー」が公開されています。information」をクリックすると、入力したURLに設定されているOGPの情報を検証して、記述ミスや設定ミスなどがあると警告を表示してくれます。OGPの情報をFacebook上にキャッシュもしてくれるようです。information」を押してOGP設定を確認しましょう!OGPを設定していない場合、Facebookではtitleタグやmetaタグのdescriptionなどから情報を構成するようですが、画像などは意図したものが取得される保証はありません。WEBサイトではSNSでの記事のシェアも重要です。株式会社レボルメWeb制作、SEO、アクセス解析、etcウェブのお悩み伺います。レボルメに相談してください。inc.revolme.co.jp。