※ この記事は⌛2分程度で読むことが出来ます。
もくじ
SNS でブログサイトの画像が表示されない、なぜ?
以下の問題解決ついてご案内します。
- Twitter(ツイッター)でブログの画像が非表示
- Facebook(フェイスブック)で 〃
※ 2023年7月24日から 旧 Twitter は「X」に変更されていますが、記事中では平易さの観点から 旧来の「ツイッター/ツイート/ Twitter(X) 」等で表記します
Twitter(ツイッター)の場合
ツイートで、以下の様な画像が表示された場合の対処法です。
※ 当記事は、主として PC 上での操作や設定を図解していますが、スマートフォン上においても基本的な操作や設定は PC と同じです(ただし、Ctrl + F5 などのキーボードが必要な操作や設定を除く)。
以下が正しい画像表示です。
「ツイートする」ボタンを押せば、正しい画像表示のままツイートされます。
画像は「Twitter カード」や「サムネイル画像」などと呼ばれています。
Twitter の新規投稿でブログ記事などのURL(リンク)を貼ると、通常はブログのアイキャッチ画像が自動的にサムネイル表示されますが…
ある日突然、表示されなくなることがあります。
💢いつも自動で表示されるのに!
その日によって、現象が出たりでなかったりすることも。
次章、30秒で解決します。
《記事はPRの下に続きます》
直し方(簡単です)
以下の説明画像は PC を前提としていますが、スマートフォン上でも操作は同じです( Ctrl + F5 などのキーボードを利用する操作を除く)。
ーーーーーーーーーーーーー
まず、以下のリンクにアクセスしてください。
💻Card validator というサイトを利用します
※ Twitter の公式サービスサイトです
https://cards-dev.twitter.com/validator
以下の画面が表示されます。
指示 ①② に従ってください。
以下の画面が表示されたら成功です。
※ 画像が正常に読み込まれたことを示す log メッセージや「Card preview has moved to Tweet Composer」の文言は、稀にですが表示されないことがあります
最後に、あなたの Twitter(X) タイムラインに更新をかけてください。
Twitter(X) 上に、ブログ画像は正常に表示されましたか?
😥ダメ、表示されないぞ~
それでは、再度あなたのブログ記事を ご自身のブログサイトからTwitter (X) へツイートしてみてください。
またもや、アイキャッチ画像が以下のように表示されてしまった場合…
この状態で、
この操作は「スーパーリロード」といいます。
これで、あっさり表示されることがあります。
ブラウザに残っているキャッシュを無視して、最新のページ情報を読み込む操作のことを言います。
それでも、“ ダメ、表示されない! ” という場合は …
🙇🏻すぐにお役に立てず、申し訳ありません💦
時間をおいて、再び同じ手順を繰り返してみてください。
🙂その他、画像非表示の回避ワザ
以下を試してみてください。
Card validator を利用したり、
Ctrl + F5 でスーパーリロードしても、変わらずに
上記が表示された場合は、
PC 上でツイートを作成せず、
スマートフォン上で
ツイートしてみてください
特に、記事をブログへアップした直後に PC からツイートした場合はサムネイル画像(Twitter カード)が表示されないケースが多いです💦
なので、💢イライラせずに スマートフォン上でブログを🐦ツイートしてみてください。
それでも、“ ダメ、表示されない! ” という場合は …
ブログ画像が非表示のまま「ツィートする」を押してしまいましょう!
すると、ツィート後に画像が表示されることがあります。
※ 表示されない場合、PC 上で Ctrl + F5 のスーパーリロードも再度 試してください
それでも、“ ダメ、表示されない! ” という場合は …
⌛時間をおいて、再び同じ手順を繰り返してみてください。
🤔ブロガーの方から多数寄せられる質問
Google サーチコンソールで「 URL 検査」を行い、
上記、「… 登録されています」が表示されない場合は、Twitter 上でも画像が表示されないのでは?
と聞かれますが、Google 登録の有無は関係ありません。
なので、Google サーチコンソールで「 URL 検査」を行い、
上記のように表示されたとしても、それとは関係なく Twitter 上ではきちんと画像表示されることがあります。
結論として、
😉サーチコンソールの結果は、画像表示に無関係です
おまけ:
Twitter で【マゾンアソシエイト】の商品画像が表示されない時は…
Twitter 関連の画像表示で、もうひとつ。
アマゾンアソシエイトの商品を、Twitter(X) でシェアする時に…
あれ??
😵 商品画像が表示されないゾ!
以下の記事を参照してください。
【マゾンアソシエイト】 ツイッター(X) で商品画像が表示されない! ⏳設定3秒 ログ画像が表示されない! サムネイル画像 🔰初心者の方へ^^
《記事はPRの下に続きます》
【家にいてもすべて揃う!:Amazon ホームページへ】
Facebook(フェイスブック)の場合
以下の説明画像は PC を前提としていますが、スマートフォン上でも操作は同じです。
ーーーーーーーーーーーーー
Facebook でリンク先サイトのサムネイル画像が表示されないことは、比較的 頻繁に起きます。
特に、ブログを公開直後に Facebook で投稿した場合に顕著です。
※ Google サーチコンソールで「 URL 検査」を行っても即効性なし
次章、30秒で解決します。
《記事はPRの下に続きます》
直し方(簡単です)
まず、ご自身の Facebook にログインしておいてください。
そして、Facebook のツールである「シェアデバッガー(以下リンク)」にアクセスしてください。
https://developers.facebook.com/tools/debug/
以下の画面が表示されます。
指示①②に従ってください。
もし、「このURLはまだFacebookでシェアされていません」と表示されたら、「新しい情報を取得」のボタンをクリックしてください。
「リンクをプレビュー」欄に、以下の様に画像が表示されたら成功です。
もし、「リンクをプレビュー」欄に画像が表示されない場合は、「もう一度スクレイピング」ボタンを押すと表示されます。
※ 画像が表示されるまで何回か試してください
Facebook の設定は以上です。
お役に立てたならうれしいです ^^
《記事はPRの下に続きます》
その他、記事のご案内
今回は「Twitter / Facebook 投稿でブログのアイキャッチ画像(サムネイル)を表示する」という、いつもとは毛色の変わった記事をご紹介させて戴きました。
本サイトでは、生活経済に困窮しないためのセーフティネットを中心にご案内しています。
特に、リストラやハラスメントで退職を余儀なくされた方 …
過酷な労働環境で心身に不調をきたし、望まない退職をされた方…
職を失ってまず必要なのは、衣食住を維持できる現金と、新しい生活に向けて心身ともに英気を養う時間です。
その2つを整えるために、積極的に公的給付制度や 税の減免に関する諸制度を活用してください。
ーーーーーーーーーーーーー
以下のジャンルを含む記事を寄稿しております。
公的給付:
・ 傷病手当金
・ 失業手当(基本手当)
・ 年金生活者支援給付金制度
医療関連制度:
・ 自立支援医療制度
・ 障がい者手帳(= 精神障害者福祉保健手帳)
・ 特別障害者手当
税金/年金:
・ 国民健康保険税
・ 国民年金保険料
・ 障害年金(2023年8月リリース予定)
今回もお目通し、ありがとうございました!↑ ↑ ↑
「surounin」をクリックすると総合サイトに飛びます ^^
【買い忘れたモノ、明日必要!:Amazon ホームページへ】
コメントを残す