OGP index.htmlでの設定方法　JS

OGP index.htmlでの設定方法

 

  <!-- OGP -->
  <script>
  var url = location.href;
  </script>

  <script>document.write('<link rel="canonical" href="' + url + '" />');</script>
  <meta property="og:locale" content="ja_JP" />
  <meta property="og:type" content="article" />
  <meta property="og:title" content="タイトル" />
  <meta property="og:description" content="デスクリプション">
  <script>document.write('<meta property="og:url" content="' + url + '" />');</script>
  <meta property="og:site_name" content="サイト名" />
  <meta property="og:image" content="images/common/ogp.jpg"/>
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="タイトル" />
  <meta name="twitter:image" content="images/common/ogp.jpg"/>

 

OGP debugデバッグサイト

ここでOGPの設定の反映を確認できます。

https://developers.facebook.com/tools/debug/

category cloud