Twitterカードを設定しているのにタイムラインにアイキャッチが表示・反映されない場合の対処方法

シェアする

まずはじめに、ともたろが遭遇したアイキャッチが反映されない現象は「特殊な状況」でした。

WordPressの投稿ページではアイキャッチ画像を設定した。Twitterカードの設定は問題ないし、Twitterのメタタグの設定・確認もした。にも関わらず、Twitterにアイキャッチが表示されないんです…。

途方に暮れていたのですが、まだWEB上に載っていないあることが原因だったので備忘録の意味も込めて残しておきます。

原因は「画像の相対パス化」だった

WordPressだと、一般的に画像のパスは「絶対パス」になっています。それを今回ともたろは「相対パス」にわざわざカスタマイズしていました。実はこれが原因です。

Twitterの仕様(というか自分のサイト以外はたぶん全部)で、画像のパスは「絶対パス」で指定しないと認識してもらえないため、アイキャッチ画像を設定しても表示されなかったのです。

なのでもし相対パスに変更してしまった方がいらっしゃいましたら、同じ悩みに直面すると思うので気をつけて下さい。

WordPressは「絶対パス」のまま運用することを強くお勧めします!

そもそもなぜ相対パスにしたか

ともたろはWordPressのカスタマイズをする際、まずはローカル環境で試します。

その時に投稿ページも試しに書いたりするのですが、それをサーバーにもっていこうとするとローカルの絶対パス(「C:\Users\xxx\マイドキュメント\Web-Site\」みたいなやつ)が設定されているため、メディア毎にパスを指定し直さなくてはならず、非常に面倒だったのです。

「じゃあメディアにアップロードするときに、絶対パスじゃなくて相対パスになるようにfunction.phpをカスタマイズすればいいじゃん!」

と、カスタマイズをしたのでした。これがTwitterにアイキャッチが表示されない原因となってしまいました。

効率化を目指してカスタマイズしたはずが、なんとも皮肉な結果になりました。

思うこと

WordPressをカスタマイズする際は、メモでもいいので「何をしたか」を書き留めておくと良いです。

まさか相対パスに変更したことがTwitterのアイキャッチが表示されない原因になっているとは全く思わなかったので、解決するまでかなりの時間が掛かってしまいました。

相対パスに変更したのは3週間前だったため、思い出すのにくっそ時間かかりました(´Д⊂ヽ

メモでもあれば思い出すきっかけになると思うので、皆さんもWordPressのカスタマイズの際はお気を付け下さい。

スポンサーリンク

シェアする

WordPress』の関連記事

WordPress』の人気記事

    他のカテゴリの人気記事