こんにちは、さち です。
ツイッターでは、ツイートに URL が含まれている場合、そのサイトのアイキャッチ画像が表示されます。
このブログの記事の URL をツイートした場合ももちろんアイキャッチ画像が表示されます。……と思いきや、何も表示されていませんでした。
どうして？
ツイッターカードの画像が表示されない
サイト側が適切な設定（metaタグの設置）をしていれば、つぶやいた URL のアイキャッチ画像が表示されます。もちろん、このブログでも設定はしてあるので、こんな感じでアイキャッチ画像が表示されるはずです。
しかし、何も表示されません。ツイッター側の反映にタイムラグがあるのかと思ったんですが、次の日になってもアイキャッチ画像は表示されず……。どうも、こちら側に原因がありそうです。
「ファイルへの完全な URL パス」を変更して解決
- ブログ記事の metaタグ を確認したところ、アイキャッチ画像を指定する「twitter:image」の content(画像URL) が相対パスになっていました。これが原因っぽいですね。
- WordPress の管理画面のメニュー「設定」→「メディア」を開きます。「ファイルアップロード」という項目に問題がありそうです（この項目は、画像のアップロード場所を変えた場合に表示される）。
- 「ファイルへの完全な URL パス」が相対パスになっています。
- 絶対パスに修正して、変更を保存します。
- ツイッターカードのアイキャッチ画像が表示されるようになりました。
「相対パス」を記述してもブログ記事内の画像の表示は正常だったので、まんまとハマってしまいました。よく考えると、「ファイルへの完全な URL パス」なんだから、「絶対パス」で書かいないといけないですよね。
ちなみに、「画像のアップロード場所を変える方法」の記事は、当時すでにこのミスに気づいていたので、操作手順ではちゃんと絶対パスを記述するように解説しています。
コメント