Twitterカードが表示されない！？　試したこと全て～解決済み

1年間お世話になったロリポップとお別れし、10月末からエックスサーバーにお引越ししました。その引越し作業でプラグインの入れ替えも済み、Twitterカードも普通に表示されていましたが、ふと気づくと表示されていません！

Twitterカートって何？

正常に表示されている状態だとこのように表示されます。
Tweetする時にURLをシェアした時にブログ側の設定でSummay_large_imageを指定しているとこのように表示されます。

こちらが今回表示がおかしくなっている状態です。何故か画像が表示されていません。

◎　Card validatorで表示のチェック

Twitter上でも表示されませんが、念の為Card Validatorでチェックしてみました。Logを見るとエラーは出ていないようです。とりあえずタイトルとサイト名は表示されていますが、アイキャッチ画像を読み込んでいません。

Logに2回同じコメントが並んでいるのは、1回目は読み込めなくても、通常はリロード（F５を押す）すると読み込み可能な場合があるのでリロードした結果です。この時はリロードでも画像は表示されませんでした。

この後、まず疑ったのが、「All in one SEO」です。

△　All in one SEOの設定の見直し

ソーシャルメディアのTwitterの設定を見てみると、問題ないようです。

もちろん設定を変えていないので、まだ表示されません。

△　Robots.txtの設置

そう言えば、つい最近アクセス制限周りを見直したばかりだった。Robotes.txtを設置はせずプラグインGoogle XML Sitemapsを利用していましたが、これを機に導入することに。

2行目：wp-adminフォルダー以下をアクセス禁止に
5行目：Googleの画像検索を許可
9行目：Googleアドセンスのアクセスを許可
13行目：Twitterボットの巡回許可
16行目：sitemap.xmlの設置場所

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php
Allow: /wp-content/uploads
# allow google image bot to search all images
User-agent: Googlebot-Image
Disallow:
Allow: /*
# allow Google adsense bot on entire site
User-agent: Mediapartners-Google*
Disallow:
Allow: /*
User-agent: Twitterbot
Disallow:
Allow: /*
Sitemap: https://xxxxxx.xxxxx.xxx/sitemap.xml

エックスサーバーの例：FTPでRobots.txtを/xxxxx.xxxx.xxx/public_htmlのルートに置きます。

これでもまだダメでした。

△　header.php

もとから入っていたメタタグcard、site、新たにtitle、description、imageを追加してみましたが、私の環境ではエラーで動かなかったので無難なcard、site、titleのみに。

hea<?php if(is_single()): ?> 
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Amychan2011" />
<meta name="twitter:title" content="<?php the_title(); ?>" />
<?php endif; ?>

参考にしたサイト様：WordPressでTwitterカードを追加する方法|ゆきの野望

◎　表示出来ない記事のソースをチェック（最重要）！！

ブラウザで記事のソースを見てみました。
<meta name=”twitter:card” content=”summary_large_image” />
<meta name=”twitter:site” content=”@Twitterアカウント” />
<meta name=”twitter:title” content=”記事のタイトル” />
ここまでは正常のようです。

デスクリプションのところに_aioseop_descriptionの文字が、検索してみるとaioseoは「All in one SEO」の略。PHPのバージョンとシングルコーテーション表記のエラー？

画像のアドレスに見慣れないhttps://i2.wp.com/の表示があります。画像の読み込みに時間が掛かっている状態らしいので、この後Jetpackの画像表示高速部分をオフに。

参考にしたサイト様：php5.6からphp7.1に変更した時にソースを手直しした部分

WordPress で画像が表示されなくなった（`https://i2.wp.com/../1×1.trans.gif`に置き換わる）