Tweet

Pocket

サイトに記事を投稿した際にツイートされる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カードの画像が表示されるようになりました。
しかし、以前は普通に表示されていたし、こんな設定した記憶は無いのだが・・

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