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

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

更新日時 2019年 10月 22日

対象製品

Marketing Hub  Professional, Enterprise
Basic


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

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

https://moz.com/blog/seo-meta-tagsog:title:コンテンツのタイトル。

  • og:type:動画やウェブページなどのコンテンツのタイプ。
  • og:image:コンテンツを表す画像のURL。
  • og:URL:永続的なIDとして使用されるコンテンツ固有のURL。
  • /jp/articles/kcs_article/cos-blog/how-do-i-use-a-featured-image-in-a-blog-post-landing-page-or-website-page

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

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

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

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

/jp/articles/kcs_article/social/create-and-publish-social-posts#image

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

insert-photo-into-social-post

#why-isn-t-the-image-that-i-selected-displaying-in-the-social-preview

  • よくある質問
  • 以下に、ソーシャル投稿プレビューに関してよくある質問と回答をご紹介します。
  • #why-isn-t-the-image-that-i-selected-displaying-in-the-social-preview
  • #what-should-i-do-if-my-featured-image-isn-t-displaying-correctly

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

#why-are-my-social-media-post-images-blurry-when-publishing-through-hubspot-instead-of-directly-on-my-social-media-accounts

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

  • /jp/articles/kcs_article/cos-blog/use-a-featured-image-in-a-blog-post-landing-page-or-website-page
  • まず、ブログ記事、ランディングページ、ウェブサイトページの画像を選択したことを確認してください。外部ページを共有している場合は、Chromeデベロッパーツールを使用してページのソースを表示し、「og:image」タグを検索して、表示される画像を確認します。
  • https://developers.facebook.com/tools/debug/

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

https://cards-dev.twitter.com/validator

http://www.feedmusic.com/

  • LinkedIn:LinkedIn Card Inspectorを使用してメタタグの警告とエラーの表示やコンテンツURLの再取得を行うと、最新のLinkedInカードプレビューが生成されます。
  • og:imageタグがページに設定されていない場合、ソーシャル投稿に含める最も適切な画像を見つけるため、ソーシャルネットワークによってページがスキャンされます。通常は検出された最初の画像になります。ページクロールを防止するためにrobots.txtファイルまたは特定のセキュリティソフトウェアが使用されていると、リンクプレビュー画像がまったく表示されない場合があります。
  • サムネイル画像が正しく表示されない場合、どうすればよいですか?
  • https://blog.hubspot.com/marketing/ultimate-guide-social-media-image-dimensions-infographic
  • サムネイル画像がソーシャルプレビューで正しく表示されない場合(画像が途中で切れている場合や比率が正しくない場合など)、投稿先となるソーシャルネットワークに適切な寸法を設定するために画像を編集する必要がある場合があります。その後、ページを再公開します。各ネットワークでサムネイル画像を最適化するため、次の寸法の利用をお勧めします。
  • Facebook:300:175

Twitter:2:1

  • Instagram(正方形):1:1
  • Instagram(縦向き):4:5
  • Instagram(横向き):1.91:1
  • LinkedIn(横向き):1.91:1

Facebook:4MB(ピクセル化を避けるためPNGファイルの場合1MB未満を推奨)

Instagram:8MB

LinkedIn:10MB

#link-posts-vs-social-posts

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