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経由のアクセスもできるようになります。

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

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

301リダイレクトとは〜htaccessを利用して転送を行う方法
ホームページを運営していると、URLの転送が必要になることは多々あります。その際、旧URLが持っているGoogleからの評価を引き継いで転送することができるのが301リダイレクトです。本記事では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 Developers

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

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

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

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

コメント