【AMP】Twitterから自分のブログに飛んだら画像やリンクが表示されない?!トラブルをワンクリックで解決

ブログ

こんにちは、ブログ初心者のサエコロです。

ワードプレスでブログをはじめてもうすぐ一か月になる…記事ももうすぐ10記事になるし、そろそろ色んな方に見て頂きたい!

そうだ、Twitterしよう。

という訳でTwitterを開設し、ブロガーさんに自分の記事を読んでいただいて感想を伺おうとしたわけです。

今回は、その際に起こったトラブルと解決法をお伝えいたします!

こちらのトラブルの解決方法はワードプレスでCocoonを使用している場合のものです

スポンサーリンク

Twitterからブログに飛ぶとうまくページが表示されない?!

そこでご指摘いただきました。

「スマホで拝見したのですが、リンクがうまく表示されていないようです」と。

え?!それはやばい!!いつもスマホでチェックしてるけど全然気づいてなかった…!!

と慌ててブックマークからサイトを表示すると、ん?全然なんともないぞ?

改めて私がシェアしたTwitterのリンクから記事を見てみると

な、なんじゃこりゃああ

                       

誤った表示

謎の球体が喋ってる!!

さらには、リンクも崩壊していました!!

旦那君くんに相談したところ「Twitterからブログ飛ぶとそういう事あるよ。仕方ないんじゃないかな」との事。

しかし、なってない人も居るんだから必ず解決方法があるはずだ!!とググってみたり知恵袋を見たりしてもわからず…。Twitterで相談し優しいフォロワーさんに教えて頂いてもわからず。これはもう積んだかな?と肩を落としていました。

問題はAMPだった!

そこで何が違うんだろう?とURLをチェックしたところ

Twitterから飛んだ記事のURLの末尾に amp=1&__twitter_impression=true という文字がついていました。

amp…AMP!

AMPって言うと、モバイルページを高速に表示させるためにあるそうなのですが

ということは、逆にAMPページだから重たい要因が壊れてるってことか…なるほど。

解決方法:「AMP機能を有効化する」のチェックを外す

ブログのテーマを汎用性のあるものに変えればいいのかな、とも思ったのですが

なんせ今はテーマを変えて崩れた時全部修正できる余裕がない…ということで、とりあえず今すぐできる修正を図りたい…!!

そこで、CocoonのAMPページを見てみました。

この「AMP機能を有効化する」チェックボックスをオフにしてみました。

すると、Twitterからでも正しく表示されるようになりました。

AMPを外したことで表示速度を懸念していたのですがそんなに変わった感じもなく。

これにて解決!!

まとめ

Twitterにブログのリンクを張ると飛んだ先でうまく表示されないことがある

問題はAMP

解決方法はAMPのチェックをはずすだけ(今のテーマを変えたくない場合)

ブログ初心者にとってトラブルがあるとアクセス数にも影響が出ますしパニックになってしまいますよね。

今回の場合、もともとスマホでは正常に表示されていたので、なぜTwitterからだとおかしくなるのかまでは分かりませんでした。

でもとにかく直ったので良かったです!!

今回の解決策の他にも、テーマを変えるなど色々やり方はあると思いますが、その場合表示が崩れたりする可能性もあるのでぜひこちらの方法も試してみてくださいね。

同じトラブルを抱えていらっしゃる方のお役に立てれば幸いです。

にほんブログ村ランキングに参加しています!
もし良かった!面白い!と思っていただけたら、クリックで応援をよろしくお願いします(^^)/

ブログランキング・にほんブログ村へ

日本ブログ村

コメント

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