TumblrにOGPを設置する方法

TubmlrにOGPを設置する場合、以下のようにテーマを編集すればできます。

  1. Tumblrの「ダッシュボード」→「カスタマイズ」から「テーマ編集」をクリック
  2. Htmlを入力できる欄が開くので、「head」の中に下記タグを追加
  3. 保存して終了
  4. Facebookが用意している確認用のページに移動
  5. URLを入力して「Lint」ボタンをクリックし、エラーがないことを確認

※ headの中に入れるタグは以下の通りです。

<meta property="og:title" content="{block:PostTitle}{PostTitle}{/block:PostTitle}" />
<meta property="og:type" content="blog" />
<meta property="og:url" content="{Permalink}" />
<meta property="og:image" content="{PortraitURL-64}" />
<meta property="og:site_name" content="{Title}" />
<meta property="fb:admins" content="FACEBOOK ID" />
<meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}" />

※ まだテーマを編集したことが無い場合は、1で「テーマ編集」のあとに「HTMLを編集する」をクリックする必要があります。

※ metaの「fb:admins」は「FACEBOOK ID」となっている箇所には、自分のFacebook ID、もしくはFacebook PageのIDを入力します。

この記事が役に立った場合、シェアしていただけると励みになります!!