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の設定の反映を確認できます。