本ページには広告が含まれています。

AMP やめます! KonoHaWING+WEXAL+Cocoon

AMP やめます!

AMPを継続するかどうか検討していましたが、この記事の投稿と同時にやめることに決めました!

決断した理由やAMPをやめる方法などを記事に残しておきたいと思います。

スポンサーリンク

AMP やめることを決断した理由

理由を簡単に言うと、AMPによるメリットよりもデメリットの方が大きくなったためです。

【AMPを設定していた理由を簡記しておきます】
・モバイルでの表示が高速化される
・高速化されればアクセスの増加につながる
・SEO的に有利になる

AMP化していることによるデメリット

【サイトの表示デザインが崩れること】
JavaScript や CSSに制限があるため通常ページとは同じデザインとはならずアクセス数の減少や直帰率が高くなる原因になっています。

【広告の表示に制限があること】
AMPに対応していない広告などは表示が制限されています。
表示されないことにより、コンバーションも下がりデザイン崩れの原因にもあてはまっています。
何よりも収益が上がらない原因にもなっています。

デメリット以外の理由

【検索順位への影響が無いこと】
AMP自体に直接的な検索順位の影響は無い(優遇されていない)ことです。
通常ページの読み込み速度が向上したので、AMPと比較しても遜色が無くなったことです。
モバイルユーザビリティ向上へのメリットが感じられなくなっていることです。

【モバイルアクセスが少ないこと】
そもそも、モバイルアクセス数が少ないこと。当サイトはPCが95%以上という状況です。

アナリティクスのデバイス別アクセス数グラフ

CocoonならAMPの設定は超簡単!

CocoonテーマのAMP設定は本当に簡単です。

AMP機能を有効/無効化する方法

AMP機能を設定するには、WordPress管理画面から「Cocoon設定」を選択ます。

次に「Cocoon設定」内の「AMP」タブを開きます。

一応AMP機能を有効化する方法も説明しておきます

「AMP」タブ内の「AMP機能を有効化する」にチェックを入れて、保存ボタンを押すだけです。

必要に応じて「AMP」を除外するカテゴリの指定や「AMPロゴ」の設定を行うことができます。

Cocoon設定のAMPタブでAMPを設定する

AMP機能を無効化する方法

有効化の時にチェックを入れた「AMP機能を有効化する」チェックを外して、保存ボタンを押すだけです。たったこれだけでAMPが無効化されます。

無効化後「Cocoon設定」「キャッシュの削除」内の「AMPキャッシュの削除」を実行しておきます。

Cocoon設定の「AMPキャッシュの削除」ボタン

※ Google側にキャッシュされているデータがすべて更新されるまで、しばらくの間はキャッシュされていた元のAMPページが表示されます。

301リダイレクトを設定しておきます

ユーザーが履歴などから元のAMPページにアクセスした場合、該当ページが存在しないという状況を回避するために301リダイレクトを設定しておきます。

301リダイレクトはURLが変更になった際に、変更後のURLへ転送するための処理コードです。

CocoonでAMP化したページのURLには「/?amp=1」という表記が付いています。

この「/?amp=1」にアクセスがあった場合「?amp=1」を外した通常ページに転送する設定です。

次のコードを「.htaccessファイル」を編集して書き込んでおきます。

#BEGIN WordPress より前に書くこと!
#AMPページの301リダイレクトSTART
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{QUERY_STRING} (^|&)amp=1(&|$)
RewriteRule ^(.*)$ https://kurumico.com/%{REQUEST_URI}? [R=301,L]
</IfModule>
#AMPページの301リダイレクトEND

※「kurumico.com」の部分は自分のドメイン名を入れる部分です。

当サイトの場合(モバイルアクセス数が少ないから)301リダイレクトを設定しなくても大きな影響は無いと思いましたが一応設定しておきました。

まとめ(おわりに)

以上、当サイトは KonoHaWING+WEXAL+Cocoon で高速化できたおかげでAMPをやめても大丈夫だろうという判断に至りました。
参考になるかどうかわかりませんがAMPをやめるにあたって対応した内容を書いてみました。

くるみこ
くるみこ

CocoonテーマのAMP設定は本当に簡単なのがおわかりいただけたと思います。

AMPをやめることとしましたが、今後いつまた状況が変わってAMPを復活させることになるかわかりません。でも Cocoon なら「AMP機能を有効化する」に ✔ を入れるだけで直ぐにAMP化できますので安心ですね(^^)/

★★★ ブログランキング参加中! クリックしてね(^^)/ ★★★

【今後の記事について】

今回の記事はいかがだったでしょうか。皆さまのお役に立てたなら幸いです(^^;
「汎用でだれでも使えて活用できるように考えてる」というポリシーで、記事を継続して書いていきたいと思っています。どうぞよろしくお願いしますm(_ _)m

【検討中の今後の記事内容は・・・・】
・実務に役立つものを提供できるよう常に検討しています(^^ゞ
・その他雑記的に「プチネタなど」もいろいろ考えていきたいと思っています・・・・
・今後の記事にご期待ください(^^)/

スポンサーリンク

過去記事のサンプルファイルをダウンロードできます

過去の記事で使用したサンプルファイルをダウンロードできるようにページを設置していますので、こちら(このリンク先)からご利用ください