OGP(The Open Graph protocol)っていうのは何に必要なのか??
ツイッターなどにサムネ画像付きで記事の情報が表示されているのを見たことがあるけど、どうやらそれらしい。
自分の記事が、SNSでシェアをされた時に、このOGPを設定しているかどうかで自分のサイトへの流入数が大きく変わるので、なるべく設定したほうがいいとのこと。
ただOGPを設定するには、FacebookとかツイッターとかそれぞれのSNSごとのルールに従ってmetaタグを記述しないといけない。
これはだるい(笑)
だから、ワードプレスを使っているならば、プログラマーでない限り、プラグインを使った方がいいとのことだ。
HTMLのソースを見て、どれがOGP用のコードか調べてみたら、
例えばFacebookでは以下のような感じ。
1 2 3 4 5 6 | <meta property="og:title" content="~" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://~" /> <meta property="og:image" content="http://~" /> <meta property="og:site_name" content="~" /> <meta property="og:description" content="~" /> |
ツイッターでは、
1 2 3 4 5 6 | <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="" /> <meta name="twitter:domain" content="" /> <meta name="twitter:title" content="" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="" /> |
こんな感じ。
つまり、HTMLにこういうコードが書かれていたら、
「なるほどこれがOGPの設定をしているのね。」
と理解すればいい。