お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Landing Pages
Website Pages

HubSpot ページの画像に開封グラフメタタグを含める

更新日時 2020年 7月 15日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

ウェブサイトページまたはランディングページの ヘッド HTML に開封グラフタグを追加することにより、ソーシャルメディアプラットフォームなどの他のサイトで、コンテンツが期待した通りに表示されるようにすることができます。開封グラフメタタグは、HubSpot ブログ記事の画像に自動的に含まれます。

ランディングページまたはウェブサイトページの画像に開封グラフメタタグを追加するには、このコードスニペットをページのヘッド HTML に追加します

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

コードを追加する際に、IMG URL画像ファイルの URL と置換します。

Twitter カードには、ページからプレビューコンテンツを表示する追加のメタタグが必要です。Twitter で共有されたときにコンテンツを表示する方法を最適化するには、ページのヘッド HTML に次のコードスニペットを追加します。

 <meta name="twitter:card" content="summary_large_image">

/jp/cos-general/how-can-i-include-an-open-graph-meta-tag-on-my-images