スポンサーリンク

【Cocoon】Twitterカードがhttps://省略形にするとうまく表示されない?

WordPress
この記事は約4分で読めます。

Twitterカードの表示がおかしい

WordPressの有名な無料テーマ、Cocoonを導入してからいろいろ改造してるんですが、ふとTwitterの定期ツイートを確認してみると、僕のブログの宣伝ツイートに表示されている画像(Twitterカードの画像)がデフォルトのCocoonの画像になっていました。

Cocoonを導入するまでの前のテーマでは、僕のブログのサムネイル画像(faviconっていうんですかね?)がTwitterカードの画像として自動的に表示されていました。

しかしCocoonをテーマとして設定してしまうと、アイキャッチ画像無しの記事のURLか、もしくはトップページのURLをツイート内に記述すると、ブログのサムネイルがTwitterカードの画像として自動設定される仕様は失われ、CocoonでTwitterカードの画像を設定しないとCocoonのテーマ画像が表示されてしまいます

僕はここがちょっとデメリットだなと思ってて、Twitterカードの画像に初期設定されているCocoonのテーマ画像をクリアすれば、サムネがTwitterカードの画像に勝手になるようにしてほしかったなと思います。

Cocoonの設定から画像を変更するも…

まず、WordPressの管理画面にログインし、「Cocoon設定」→「Cocoon設定」

「OGP」を開く

「ホームイメージ」に、TwitterにURLを貼った時に表示したい画像を設定したら、「変更をまとめて保存」

これで設定は完了です。

さて、それじゃあTwitterに反映されてるかな…というと、反映されてません。反映には時間がかかるそうです。(しかし僕は確か数日経っても変わらなかったように思います)

強制クロールで即Twitterに反映させる

すぐに反映させたいので、これは数々の記事で紹介されてますが、「Twitter Card Validator」このサイトを使って強制クロールさせて、即反映させます。

このサイトにTwitterアカウントでログインして、出てきた空欄にURLを入力して、右に表示された画像がちゃんと設定された画像になっているか確認するのですが(シンプルなのですぐわかります)、きちんとやれば間違いなく反映されるのが確認できると思います。

この時、僕は自分のブログのURLを辞書登録しているので、「わかめ」と打つと「wakame1001.com」が出てきます。これを入力しても、URLを入力してくださいと注意が出て、入力完了することができません。

https://を省略しているとダメなんですね。

なので手入力で「wakame1001.com」の前に「https://」を付け加えてエンター押すと、ちゃんと設定した画像でTwitterカードが表示されました。

Twitterで試してみるもうまくいかない

これで大丈夫だろうと思い、Twitterで確認してみると、まだCocoonのテーマ画像のままで、変更されていません!

あれなぜだろう…と思って色々試すと、


ツイート内に「https://wakame1001.com」と入力すると、ちゃんと設定画像が表示されましたが、

「wakame1001.com」と、省略形で書くと、

こんなふうにやっぱりCocoonのテーマ画像のままです。

あれ…?なんで差が出てくるの??

自分のブログを開いてURLをコピーしてくる

なぜこうなってしまうのか、ずっと試行錯誤して悩んでたんですが、手入力でhttps://を記述したのがダメだったんだと気付きました。

それで、自分のブログを開いて上のURLをコピーして(こうすれば確実なURLが取得できるだろうと考えた)、もう一度先程のサイト、Twitter Card Validatorにペーストして強制クロールさせてみました。

んで…ペーストした時、その前に入力されていた「https://wakame1001.com」をドラッグして上書きする形でペーストしたのですが、なんかちょっとだけURLの文章の長さが伸びたんですよね(´・ω・)

あと、末尾にスラッシュが追加されてました。

スラッシュがなかったからダメだったのかなとも思ったのですが、この記事を書くために後から色々試した時に、どうもスラッシュがなかったからダメだったわけではないようです(´・ω・)

手入力でURLを記述するのと、生のURLをコピペするのとでは、何か違うのでしょうか…

無事、表示成功

上記を試してからTwitterで確認してみると、ちゃんとCocoon設定で設定した画像が表示されました(*´ω`*ノノ☆パチパチ

wakame1001.comという省略形で記述して強制クロールできないからうまくいかないのかと思って、これからは省略形でツイートするわけにはいかないのかと思い、定期ツイートも全部https://付きに書き換えなければならないのかとも悩みました…。

自分がツイートする分には自分が気をつければいいんですが、他の人が僕のブログのURLをツイートしてくださるときに、省略形で記述されてしまうと僕の設定した画像がうまく表示されなくなるのでそれは困るなぁと思ってまして、解決して一安心でした。

0
ブログランキング参加中です!クリックしてもらえるとありがたいです!
ブログランキング・にほんブログ村へにほんブログ村

コメント

タイトルとURLをコピーしました