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

ソーシャル投稿プレビューのサムネイル画像での問題のトラブルシューティング

更新日時 2019年 12月 2日

対象製品

Marketing Hub  Professional, Enterprise
Basic

ソーシャル投稿を公開する前に、投稿のサムネイル画像がどのように表示されるかをプレビューできます。ソーシャルプレビューのサムネイル画像での問題をトラブルシューティングする方法を説明します。

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

ソーシャルプレビューは、ページ HTML の<head> セクションにあるmeta tags in the <head>上に作成されます。これらのタグはOpen Graphプロトコルの一部であり、これによってウェブページはソーシャルグラフ内のリッチオブジェクトになります。これらのタグは、Facebook、LinkedIn、Twitterなどのソーシャルメディアサイトで共有リンクのプレビューを作成する際に、注目すべき箇所を示します。基本的なメタタグには:

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

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

リンク記事とソーシャル投稿の比較

HubSpotでソーシャル投稿を作成する場合、画像の動作は共有する投稿タイプによって異なります。次の2種類のソーシャル投稿があります。

  • リンク記事: 主にテキストで構成され、URLを含む記事。
  • 写真記事: 主なコンテンツが画像である記事。

LinkedInではリンク記事で使用される写真をユーザーが選択できますが、FacebookとTwitterでは画像を自動的に選択します。FacebookまたはTwitterのソーシャル投稿に特定の写真を含める場合は、公開前に記事に画像を挿入することによりHubSpotで写真記事を作成します。

insert-photo-into-social-post

 

よくある質問

以下に、ソーシャル投稿プレビューに関してよくある質問と回答をご紹介します。

ソーシャルプレビューで表示されるように選択した画像がないのはなぜですか?

まず、ブログ記事、ランディングページ、ウェブサイトページの画像を選択したことを確認してください。外部ページを共有している場合は、Chromeデベロッパーツールを使用してページのソースを表示し、「og:image」タグを検索して、表示される画像を確認します。

og:imageタグとして設定されたものとは別の画像がソーシャルプレビューに表示されている場合、ソーシャルネットワークでそのページを再クロールする必要がある場合があります。以下の検証ツールを使用して、ページの再クロールをトリガーし、公開に影響する可能性のあるエラーを表示することができます。

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

og:imageタグがページに設定されていない場合、ソーシャル投稿に含める最も適切な画像を見つけるため、ソーシャルネットワークによってページがスキャンされます。通常は検出された最初の画像になります。ページクロールを防止するためにrobots.txtファイルまたは特定のセキュリティソフトウェアが使用されていると、リンクプレビュー画像がまったく表示されない場合があります。

サムネイル画像が正しく表示されない場合、どうすればよいですか?

サムネイル画像がソーシャルプレビューで正しく表示されない場合(画像が途中で切れている場合や比率が正しくない場合など)、投稿先となるソーシャルネットワークに適切な寸法を設定するために画像を編集する必要がある場合があります。その後、ページを再公開します。各ネットワークでサムネイル画像を最適化するため、次の寸法の利用をお勧めします。

  • Facebook: 300:175
  • Twitter:2:1
  • Instagram(正方形):1:1
  • Instagram(縦向き):4:5
  • Instagram(横向き):1.91:1
  • LinkedIn(横向き):1.91:1

ソーシャルメディア投稿に含めるメディアが各ネットワークのファイルサイズガイドラインに従っていることを確認してください。特定のネットワークに投稿するにはファイルが大きすぎるとHubSpotが判断すると、警告が表示されます。各ソーシャルネットワークの最大ファイルサイズは以下のとおりです。

  • Facebook:4MB(ピクセル化を避けるためPNGファイルの場合1MB未満を推奨)
  • Instagram:8MB
  • Twitter:5MB(GIFの場合15MB)
  • LinkedIn:10MB

ソーシャルメディア投稿をリンク投稿の代わりに写真投稿として公開することもできます。そうすると、表示する写真をよりよく制御できます。リンク投稿と写真投稿の違いの詳細をご確認ください。

ソーシャル投稿の公開後にサムネイル画像の色が異なって見えるのはなぜですか?

ソーシャル投稿にサムネイル画像がどのように表示されるかは、埋め込みカラープロファイルによって影響される可能性があります。共通ではないカラープロファイルはシステムによって異なる方法で処理されます。ファイルマネージャーで画像をプレビューする際に色が異なって見える場合があるのは、このことが原因です。外部ツールを使用して画像URLを表示することにより、共通ではないカラープロファイルを使用しているかどうかを確認できます。必要に応じて、Photoshopなどの写真編集ツールを使用して障害を起こすカラープロファイルを削除してから、ページを再公開した後、ソーシャル投稿を公開できます。

自分のソーシャルメディアアカウントから直接行う代わりにHubSpot経由で公開すると、ソーシャルメディア投稿画像がぼやけるのはなぜですか?

HubSpotのファイルマネージャーでは、HubSpotでホストされているコンテンツの読み込み速度を最適化するためにJPEGとPNGで画像の圧縮を使用します。ソーシャルメディアネットワークでも投稿で画像の圧縮を使用していますが、HubSpotで表示される品質とは異なる場合があります。このため、各ネットワークの(推奨されるアスペクト比で)比較的高い解像度の画像を使用することをお勧めします。画像がソーシャルネットワークの要件に準拠していない場合、HubSpotのソーシャルパブリッシングツールに警告が表示されるので、それに応じて画像を調整します。

/jp/social/featured-image-not-displaying-correctly-in-social-preview