OGP(Open Graph Protocol)設定

2016年10月27日2020年10月10日

SNSなんかでシェアされる時にサムネイル付きでおしゃれにシェアされているのをよく見ますね。
あれってどうやって設定しているのでしょうか？
ってことでサイトにOGP(Open Graph Protocol)を設定する方法をここに記しておきます。

こーんな感じです。

HTML5用に設定する場合は

XHTMLで設定する場合は

で設定できるようです。