昨日の夜こんなつぶやきをしました。
ツイッターで表示が変わるの何でなの?
まいるー#ワードプレス pic.twitter.com/muUVpBmllw— さ恵き ふみ@マンガ家 (@saekifumi23) December 20, 2018
前は普通だったのになんでいきなり?と調べてたら原因と解決策を見つけたのでご紹介します。
こんなのWordPress初心者には荷が重いでしかし…!
Twitterでブログの表示がおかしくなった原因はAMPだった!
いつものようにブログを書いてTwitterにアップ→ちゃんとリンク貼れてるか確認するとあれ?表示がなんかおかしいぞ?青くなってるし装飾?が全くされていないドシンプルなページが表示されるではありませんか。
デザインが全然違うだけでもアカンのにリンクもちゃんと機能していない。
右上のアイコンを押すと今までのモバイル用表示に切り替わるけどそんなん誰もクリックしないやろ!
ちなみにPCなら大丈夫でスマホだったとしてもSafariやFacebookだと普通に表示されているのでTwitterでリンクを開いた時のみで発生している問題のようです。
ちゃんと表示されなきゃいやーんと原因を調べてみたけど的確なキーワードが思いつかず中々苦戦しました。
そんな中現れた救世主!
この記事に書かれていた事と全く同じことが私にも起こっていたのです。
あ~っ私もグーグルアドセンスから通知きて何も考えずに最適化やったわ~orz
グーグルアドセンスからの提案に気軽にのっちゃうたびに大変な事になってる気がする…!(ちゃんと調べてから動けって話だね!)
AMPのプラグインを停止したらページが表示されなくなったのでページのリダイレクトをしたらいけた
ワードプレスでプラグイン→AMPプレグインを停止して確認したら
「使う事あるの?」という気持ちで作った404ページが表示された。
作っといてよかった!( ´∀` )
仕組みはよく分かりませんがページのリダイレクトをやってみました。
※詳しくはこのブログを参照してください。めっちゃ分かりやすいです。
①エックスサーバーのファイルマネージャにログインして
②ドメイン名→public_html→.htaccessにチェックを入れて編集ボタンをポチ
③そしてコード【RewriteRule ^(.*)/amp/?$ $1 [R=301,L]】を書き換えて保存する
ブログの手順通りに進めたらツイッターの表示がちゃんとなりました!よかった!
同じ症状の方は参考になさってください。