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
Search Console でプロパティに関する Google 検索結果データを監視できます。
AMP コンテンツを更新する  |  Google AMP キャッシュ  |  Google for Developers

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

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

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

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

【2023】Amazonプライム感謝祭のおすすめセール商品まとめ
Amazonプライム感謝祭は、次の2日間にかけて実施される2023年初開催のセールで、Amazonデバイスをはじめ様々なアイテムをお得に購入することができます。Amazon Prime 感謝祭のセール期間 10月14日(土)0:00 ~ 10月15日(日)23:59。本記事ではそんなAmazon Prime 感謝祭でお得に買物をするコツ(攻略法)を解説した上で、見逃せないセール商品をガジェットや家電を中心に紹介していきます!

【ふるさと納税】限度額の計算は、住民税決定通知で確認(6月発送済み)
住民税決定通知が届いたら、ふるさと納税額をシミュレーションしましょう。ただしふるさと納税額は今年の所得に係るものなので、あくまで試算です。おすすめ返戻品もご紹介します。

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