WEBデザインの勉強

WEB制作初心者が1から勉強するブログ。

Facebook OGP設定

「Open Graph protocol」の略

headにプレフィックスをつける

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta property="og:title" content="">

ページのタイトル

<meta property="og:type" content="">

サイトのタイプ。websiteなど

<meta property="og:url" content="">

ページのURL

<meta property="og:image" content="">

pngの方が良い?絶対パスで書く




正しくできているか確認
Open Graph Debugger - Facebook Developers
developers.facebook.com


アップロードした直後だとOGPが反映されていない場合があるが、
これを使用し更新するとすぐ反映してくれる。


headの最後に『/』(スラッシュ)をつけるとheadを認識してくれず、
ogタグを読みこんでくれない。

関連記事

mmmmofu.hatenablog.com