Twitterからブログを表示すると崩れる THE THOR 版

 

ブログを更新したらTwitterで通知しています。

 

 

ツイッターからURLリンクを開くとビックリ!

 

レイアウトが崩れているではありませんか!

 

 

URLを直に入力すると崩れていません。

 

 

広告でないし、webフォント適用されない…

 

え!?何で?軽くパニックです。

 

この記事では、この問題の解消法をご紹介します。

 

解消法とは

 

ツイッターのURLに謎が隠されている!と思いみてみると、

 

 

変な文字列が後ろに付いてる!

 

?type=AMP&__twitter_impression=true

 

AMPページへのリンクをTwitterが強制的に付与してるようです。

 

Twitter社とGoogle社の共同開発なので、AMP推しなのでしょう。

 

にしても、私のサイトはTHE THORというテーマでAMPは使えますが、未使用だし…と、設定を再確認したら、

 

 

AMPが有効になっていました…。

 

設定を試している間に有効になったのかもしれません。

 

これを非表示にして6時間ほどたったら、レイアウトは崩れなくなりました。

 

今までTwitterから参照いただいてた皆様、ご迷惑をおかけしました。

 

まとめ

 

Twitterからのリンクが崩れないか確認しましょう。

崩れてた場合はAMPの設定を見直しましょう。