AMP対応でデザイン崩れ。AMP解除でアクセスエラー!元に戻す対処法【Twitter、SNS】

ブログ
この記事は約4分で読めます。
Googleさんの推奨されるがままにAMP導入したけど、緊急事態!
こんな問題がおきてしまった!そんな方向けに対処策をお伝えします。

AMP化により、
・AMP対応版のブログデザインが崩れている!
・Google Adsenseの広告収入が減った!

AMPを停止して元に戻そうとすると、
・TwitterなどSNSの記事リンクが404エラーになる
・AMP関連のサイト見ても、難しすぎる
・404エラーの統計情報がみるみる増えていく・・・

行くも地獄。戻るも地獄・・・。

かなり焦っていると思うので、結論から申し上げます。

AMP解除後の対処法

1. 恒久対策:1,2日後にアクセス可
 Google Search Console(サチコ)でメイン記事のサイトマップ送信

2. 暫定対策:即アクセス可
 WordPressのリダイレクト設定

AMP化による問題

デザイン崩れ

「ふきだし」が、次のとおり分解されたり、フォントがシンプルになります。
・大きなふきだしアイコン画像
・「ふきだし」が無くなり、ただの段落文章になる。

ふきだし → 大きなアイコン画像と文章に。

Adsenseが表示されない

Adsenseが表示されない

AMP化の問題 AMP停止でアクセス不可 404Not Found(Twitterなど)

AMPを停止すると、AMP対応サイトが見られなくなります。

https://www.keitaiplan.com/jizokuka-kyufu-tokurei-kaigyoutodoke/amp

特にTwitter投稿したものは、全リンクURLがAMP対応されて表示しようとするので全滅です。

https://www.keitaiplan.com/kakuteishinkoku-shufu/amp/?_twitter_impression=true

いずれも、AMP停止設定したあとにアクセスすると、次の404エラーになります。

統計情報のリファラをみると、それなりにアクセス割合が大きくなっていたので痛手です。
※末尾がamp…になっているものです。

AMP化を元に戻す対処法2つ 恒久対策、暫定対策(即効)

Google Search Consoleのインデックス登録リクエスト(1,2日後にアクセス可)

AMPを解除→Twitterからアクセスすると記事が表示されなくなった時の対処法

https://www.shikaou.net/amp-taisyohou/

上記の、鹿王さんのブログによると、翌日または翌々日あたりに正常表示されるようになるようです。

WordPressのリダイレクト設定(即アクセス可)

AMP対応版のURLは、AMP非対応版の通常URLに飛ばせるように、リダイレクト処理をします。

これにより、Twitter経由のアクセスもできるようになります。

中級者向け:公式サイト、コード編集(一括修正)

コード編集をする方法です。

Htaccessリダイレクトの方法~301リダイレクトの転送方法
301リダイレクトとは、Webサイトの引っ越しや、ドメインを変更したい場合にユーザーを転送させる仕組みのこと。記事ではhtaccessを利用した、301リダイレクト(mod_Rewriteが使える場合)の方法を紹介します。
WordPress:AMPを削除するときの対策
AMP(Accelerated Mobile Pages) を不用意に消してしまうとアクセス数がいきなり激減したり、Google Search Console から狂ったように通知がくることがある。ものすごく焦ることだろう。こんなとき、変更

むずかしい。。

WordPressのプラグインでも対処できます

初心者向け:WordPressのプラグイン(記事ごと修正)

WordPressのプラグインでリダイレクトする方法

https://dietmiler.com/201809amp

記事ごとになるので、メイン記事を中心にやるといいでしょう。
ポイントは、末尾を「/amp」、「/amp/」を用意することです。

転送設定は、デフォルトのまま「301-恒久的に移動」です

AMP化まとめ メリットは大きい。準備はしよう

AMP化は、Googleの推奨するとおり、アクセス速度が改善されるメリットがあります。Googleのカルーセルにも表示されやすいとの話もあります。

デザイン崩れや、広告対応ができたら、再チャレンジしてみましょう(心が折れてなければ)

公式の解決方法(になるかもしれない記事)

公式サイトを見ましたが、焦っているためか?すぐに対応できるとは思えませんでしたので、緊急対応するのはやめました。分かる方は、恒久対策としてやればいいかなと思います。

AMPのキャッシュを削除する

Google Search Console
AMP コンテンツを更新する  |  Google AMP キャッシュ  |  Google Developers

AMP バージョンの WordPress サイトに広告コードを挿入する

AMP バージョンの WordPress サイトに広告コードを挿入する - Google AdSense ヘルプ
Accelerated Mobile Pages(AMP)は、収益性が高く高速で美しいサイトにより、すぐれたウェブ体験を実現するオープンソースの取り組みです。詳しくは、

AMP 対応のディスプレイ広告ユニットを作成する

AMP 対応のディスプレイ広告ユニットを作成する - Google AdSense ヘルプ
このガイドでは、AMP 対応のディスプレイ広告ユニットを作成して、AMP ページに AdSense 広告を表示する方法を説明します。AMP 広告は、AdSense のすべて
]]>
人気のおすすめ記事

ふるさと納税は、Yahoo!ショッピングが最もお得(5のつく日曜日)
ふるさと納税は、実質2,000円で特産物がもらえるお得な制度ですが、さらにお得なのは、Yahoo!ショッピングです!5がつく日曜日に決済すると、最大34.5%相当のポイントバックがあります!人気商品と購入時の注意点を解説します。2022年は、9/25(日)が対象日です。

【LITALICO】こども向けプログラミング教室の無料体験に参加。レゴLEGO、スクラッチScratch【小学生でもできた!】
LITALICO(リタリコ)こども向けプログラミング教室の無料体験に参加。小学1年生でもLEGOとScratchを使ってプログラミングできた!2020年プログラミング必須に向けた対策を。1発目が大事なので、学校の先生にお任せするのはちょっと怖かったです。無料体験から始めてよかった!

【体験談】Amazonプライムはワンコインで本当にお得だった
多くの人が利用する大型ショッピングサイト『アマゾン』。そんなアマゾンの『Amazonプライム』を6か月間体験した結果をご紹介します。利用料は月500円程度かかるものの、そのサービスの豊富さが好評で、加入している人が多数います。...

公務員に民間から転職できたコツ!就職氷河期が脱IT業界。公務員面接対策は、ハローワーク最強説
夫が中小IT企業から一部上場IT会社に転職後、地方公務員に転職できた体験談を紹介します。民間の転職は、リクルートエージェントが最強、公務員への転職は、ハローワークを活用するのが最強だと思います