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

フィーチャー画像がソーシャルプレビューで正しく表示されない

更新日時 2019年 3月 26日

対象製品

Marketing Hub  Professional, Enterprise
Basic

ソーシャルプレビューでフィーチャー画像のトラブルシューティングを行う際には、ソーシャルプレビューの仕組み、理想的なフィーチャー画像のサイズ、ソーシャルネットワークごとのフィーチャー画像の表示に及ぼす影響の違いを考慮します。

 

ソーシャルプレビューの仕組み

ソーシャルプレビューは、ページ HTML の セクションにあるメタタグ上に作成されます。これらのタグは Open Graph プロトコルの一部であり、これによってウェブページはソーシャルグラフの豊富なオブジェクトになります。これらのタグは、Facebook、LinkedIn、Twitter、Google+ などのソーシャルメディアサイトに対して、共有リンクのプレビューを作成する際にどこに焦点を当てるかを提示します。基本的なメタタグには: 

  • og:title: コンテンツのタイトル。
  • og:type: 動画やウェブページなどのコンテンツのタイプ。
  • og:image: 画像: コンテンツを表す画像の URL。
  • og:url: 永久的な ID として使用されるコンテンツの固有の URL。

タイトル、メタディスクリプション、フィーチャー画像のタグはブログ記事に自動的に設定されます。ランディングページとウェブサイトページでは、フィーチャー画像を手動で設定する必要があります

 

フィーチャー画像が正しく表示されない場合はどうすればいいですか? 

フィーチャー画像がソーシャルプレビューで正しく表示されない場合 (例、画像が切れていたり、比率が正しくないなど)、投稿先のソーシャルネットワークで正しいサイズになるよう、画像を編集する必要があるかもしれません。

 

フィーチャー画像に影響を及ぼす可能性があるソーシャルネットワークの問題とは何ですか?

正しいメタタグを使用することや適切な画像サイズにすること以外に、フィーチャー画像に影響を及ぼす可能性があるソーシャルネットワーク固有の問題がいくつかあります。:

  • Facebook: Facebook シェアデバッガーを使用すると、メタタグに関する警告やエラーが表示されたり、最新の Facebook リンクプレビューを生成するためにコンテンツ URL が再取得されたりします。
  • Twitter: Twitter Card Validator を使用すると、メタタグに関する警告やエラーが表示されたり、最新の Twitter カードプレビューを生成するためにコンテンツ URL が再取得されたりします。
  • LinkedIn: LinkedIn Card Inspector を使用すると、メタタグに関する警告やエラーが表示されたり、最新の LinkedIn カードプレビューを生成するためにコンテンツ URL が再取得されたりします。