さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【twitter】twitterカードに画像が表示されなくなったら

Pocket
LINEで送る

サイトに記事を投稿した際にツイートされるtwitterカードに画像が表示されなくなった。特に何もしていないのにだ。
色々調べて見たところテーマファイルのディレクトリにあるrobots.txtに原因があった。
robots.txtには以下のように記述されていた。

robots.txt(修正前)

User-Agent: *
Disallow: /wp-login.php
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/
Allow: /
Sitemap: https://example.com/sitemap.xml

「Disallow」はサイトのクロールを拒否する設定で、上記だとWordpress関連の余計なファイルはクロールされないように設定されています。
クロール拒否されているとtwitterカードにも表示されないようなので、画像のアップロード先の「/wp-content/uploads/」をクロールされるように設定してあげます。

robots.txt(修正後)

User-Agent: *
Disallow: /wp-login.php
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/
Allow: /wp-content/uploads/
Sitemap: https://example.com/sitemap.xml

「Allow」に指定してあげるとそのディレクトリはクロール許可になります。当サイトはこれでtwitterカードの画像が表示されるようになりました。
しかし、以前は普通に表示されていたし、こんな設定した記憶は無いのだが・・

※ 反映には少し時間がかかるようなので、しばらく経ってから確認するようにしてください。

カテゴリー:HP制作, twitter

コメントを残す

コメント内容