Twitterの投稿に大切な「OGPイメージ(OGP画像)」が表示されない時の対処方法(Card Validator)

この記事ではTwitterの表示で、設定したOGP画像が表示されない時の対処方法をご案内しています。

OGPとは「Open Graph protocol」の略です。SNS(FacebookやTwitterなど)でブログの記事などのURLが紹介された時に、そのページの情報をURLページの作成者が自分の意図した通りに表示させる仕組みです。表示される情報は主に「タイトル」「サムネイル画像」「概要」などです。SNSでURLを共有&拡散したい場合は、そのページの情報やイメージを正しく見栄えよく伝えたいですよね。そのためには大事な設定です。

 

TwitterでOGPイメージが反映されない時の対処方法

この記事では、設定しているOGPイメージが反映されない時の対処方法について、主な原因であるキャッシュ!とその解決方法(キャッシュクリア)についてご紹介しています。

OGPのイメージが反映されない状態とは

まず、OGPイメージが反映されない状態とは、こんな感じで画像が表示される領域に画像が表示されていません。

キャプチャー、Twitterの投稿画像

*原因としてはOGPの設定が適切にできていなかった
*イメージを設定する前にTwitter投稿された

などが考えられます。

OGPの設定方法

まず、OGPの設定を確認して、画像が設置されている状態であることが前提です。

OGP画像の設定方法
WordPressではアイキャッチ画像でとして設定した画像が反映される
アメブロやはてなブログではカバー画像として設定した画像が使用されます。*その他専用のSEO設定のためのプラグインなどでも、OGP画像を専用に設定する場合もあります。

 

アイキャッチで設定

キャプチャー、アイキャッチの設定

OGP設定欄で設定

*テーマやプラグイン利用等によって、OGP専用の設定欄がある場合があります。こちらに設定するとアイキャッチに別の画像が設定されている場合でも、ここに設定した画像がOGPとして優先的に使用されます。

キャプチャー、OGP設定

 

画像が表示されない原因

原因として考えられることは色々あります

 

  1. 画像を選択していない(設定していない)
  2. 画像のファイル名が間違っている
  3. Twitterに貼ったURLが間違っている
  4. 画像のサイズやファイル形式が適応していない
  5. OGPタグが正しく設定されていない
  6. Twitter側のキャッシュ
  7. プラグインが重複している

 

Twitterのキャッシュが原因の不具合を解決する方法

上記の原因のなかで、1〜5までは、設定を見返すことでほぼエラーは見つかります(^^)
7のプラグインはそれらしいのを無効化する等して、原因を探ってみてください。

ここでは6のTwitterのキャッシュの対処方法について解説します。
このエラーは残っているキャッシュ情報を強制的に変更することで、解決します。
*キャッシュとは?についてはググってくださいm(_ _ )m。

 

では、その方法です(^^)

まずこちらのURLをクリック
↓↓↓↓↓↓↓
https://cards-dev.twitter.com/validator

以下のサイトが表示されます。

キャプチャー、TwitterのOGPキャッシュクリア

Enter the URLとある欄に、画像が表示されないURLを入力して、[Preview card]のボタンをクリックします。

キャプチャー、TwitterのOGPキャッシュクリアー

 

右側のCard preview の欄に設定している画像が表示されればOKです。

キャプチャー、プレビュー表示の確認

Twitterで結果確認をします、無事表示されるようになりました(^^)

キャプチャー、TwitterのOGP表示が回復

お試しください。

 

なお、SNSの投稿で大事なOGPについては以下の記事で詳しく解説しています。参照ください。

無料テーマ「 Luxeritas(ルクセリタス)」でのOGP設定、とても簡単です

りんごからのお知らせ

こんにちは、Ringoです。岡山県真庭市というところで非常勤のデザイン講師をしながら、ブログやメルマガを利用したネットビジネスをご紹介しています。

このブログでは、老後の「ゆとり」を生む資金作りのノウハウを配信しています。
今だけ無料で『資金づくりの種類や手法をわかりやすくまとめたレポート』をお渡し、無料で受け取りたい!ということであれば、今すぐ「りんごのメルマガ」にご登録ください。
登録後、特典の受け取り方法をご案内するメールをお送りいたします。
*特典を受け取った後にメルマガを解除いただいても構いません。
*解除に対しての手数料もかかりません。

ただ、メールを読み続けていただくと、シニアライフに嬉しい「お小遣い」を獲得できるノウハウを紹介。無理なくコツコツと老後の資金を増やしていくためのお得な情報をお届けします。

イラスト、りんごを持ったおじさんとおばさん

SNSやネット活用の実践講座を交えた実りいっぱいの無料メルマガです。

お申し込みはこちらのボタンをクリック、是非この機会に(^o^)ノ゙
↓↓↓↓↓↓↓↓↓↓ バナー、りんごメルマガ登録用 *クリックだけで登録はされません、表示された案内ページ内の申込フォームからご登録ください。

よろしければ、この記事やブログに関する 感想・聞いてみたいこと・要望などなどお聞かせください。内容と関係ない雑談も大歓迎です(^^)
↓↓↓↓↓↓↓お気軽にo(^-^)o♪
yoko_takano@appli.redまたは お問合せ


お願い記事内の不具合や間違い等をお知らせください。 (キャプチャーの違い、古くなった情報、誤字脱字等些細なことでもかまいません)
↓↓↓↓↓↓↓↓
バナー、不具合問い合わせフォーム *お知らせいただいた方にはりんごからささやかなお礼を送らせていただきます。