CocoonでAMPをやめた方法【初心者向けにわかりやすく解説】

こんにちは！

ブログで稼ぐのが大変すぎて疲れ気味なセナです♪

本記事はこんな方向けの記事です。

「AMP対応してたけど、やめたい」
「AMP対応のやめ方を探している」
「初心者でもわかりやすい言葉で説明されてる記事を参考にしたい」

AMPをやめた時の方法について、以下3点を解説します。

AMPの正しいやめ方【Cocoonテーマ】
AMPをやめた後に確認すべき3点
AMPをやめた後の影響

筆者である私は最近ampページのデザインが崩れていることに気付きました。

これが理由でampをやめました。

詳しくは以下の記事にまとめているので、気になる方はどうぞ。

AMP対応でページデザインが崩れた【筆者の実体験ベースで解説】

本記事はこんな方向けです。「AMP対応したらデザインが崩れた」「AMPページデザイン崩れをなおしたい」「AMPページデザイン崩れの原因が知りたい」 AMPのデザイン崩れに関して以下４つを中心に説明します。当ブログのAMP対応中のデザイン崩れ【動画比較】デザイン崩れの原因 AMPを無効にする方法【WordPress】 AMPを無効にした後の影響筆者である私は2019年8月（ブログ開設5ヶ月目）に、AMP対応しているページ...

AMPをやめると決めたとき

「今までのブログが台無しにならないか？」
「アクセス数に影響はないか？」

など、いろいろ不安だったので15~20記事くらいを読みあさり、慎重にAMPをやめる方法を調べました。

私自身かなり初心者レベルなので、難しい言葉を使わずにわかりやすく解説できると思います。

私のレベル感は下記を参考にしてください。

【当ブログの概要＆私のレベル感】
・2019年3月に当ブログを開設
・Wordpress
・テーマ：Cocoon
~~・記事数：71記事（2019年8月15日時点→しょぼいw）~~
・記事数：141記事（2019年12月19日更新時）
~~・月間PV数：500弱（2019年8月15日時点）~~
・月間PV数：5,000弱（2019年12月19日更新時）
・当ブログくらいのHTML/CSSはできる

AMPの正しいやめ方【Cocoonテーマ】
1. AMPをやめる基本手順
2. AMPをやめる時の、2つの注意点
AMPをやめた後に確認すべき3点
AMPをやめた後の影響

AMPの正しいやめ方【Cocoonテーマ】

AMPをやめる前に、まずバックアップを取りましょう（任意）。

ちなみに私はCocoonの機能を信頼していたので、バックアップは取っていません。

説得力がなくてすみません。

AMPをやめる基本手順

AMP対応をやめるには、ソースコード内で rel=“amphtml”リンクを削除する必要があります。

rel=“amphtml”リンクとは？
Googleクローラーに「このページはAMP版です」と伝えるためのリンクです。
※WordPressを使ってる人はあまり気にしなくてOK

WordPressを使っている人の多くは、プラグイン or テーマのAMP機能を使用していると思います。

その場合は、プラグインを停止する、またはテーマのAMP機能をOFFにしてください。

すると勝手にrel=”amphtml” リンクは削除されます。

※注意※

AMPをやめた後も、しばらくはAMPページが残ります＝検索結果にAMPページが表示され続けます。理由はAMPキャッシュがGoogle上に残っているためです。Googleクローラーに自サイトを巡回しに来てもらえるまで待つ必要があります。早くAMP以外のページを検索結果に表示したい人は「301リダイレクト」の設定をしましょう。詳しくは後々に説明します。

私はテーマでCocoonを使っているので、CocoonのAMP機能をOFFにする流れを画像で紹介します。

CocoonのAMP機能をOFFにする手順

[Cocoon設定→AMPタブ→AMP機能を有効化する]からチェックを外すだけでAMP無効にできます。

手順１）Cocoon設定を開く

手順２）AMP ＞ AMP機能を有効化するからチェックを外す

AMPをやめる時の、2つの注意点

AMP対応をやめた後は、以下2つの設定を行いましょう。

特に ①301リダイレクト設定は重要です。

301リダイレクト設定
Googleクローラーにサイト巡回を依頼

ひとつずつ解説します。

① 301リダイレクト設定

WordPressでAMPプラグインを停止、またはテーマのAMP機能をOFFにした方は 301リダイレクト設定 も必ず行ってください。

301リダイレクト設定とは？
あるページにアクセスしたときに別ページへ転送する設定のことです。

今回のようにAMPページから非AMPページに転送するときや、全く別のページに飛ばしたいときに新URLを指定して転送したりします。

301リダイレクトを設定する理由は、
AMP機能をOFF（rel=”amphtml” リンクを削除）にしただけでは、ページ URL にアクセスすると 404エラーになってしまうからです。

404エラーとは？
「404 not found」「お探しのページは見つかりませんでした」と表示されるエラーのことです。

301リダイレクト設定は .htaccessファイルに以下コードを書き込めば設定完了します。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{QUERY_STRING} (^|&)amp=1(&|$)
RewriteRule ^(.*)$_[https://(domain.name)/%{REQUEST_URI}?](https://(domain.name)/%25%7BREQUEST_URI%7D?)_[R=301,L]
</IfModule>

※(domain.name)をちゃんと自分のサイトのドメインに変更してください。

設定完了後のURLはこんな感じになります。

◎ AMP対応中のURL
https://okilakugokulaku.com/scuba_diving/diving-at-osezaki/1230/?amp=1
（AMPページにはURL末尾に ?amp=1 がついています。）

◎ AMP対応やめた後のURL
(省略….)/diving-at-osezaki/1230/

.htaccessファイルはどこ？

WordPressをサーバーにインストールした時に、wordpress フォルダができたと思います。

.htaccessファイルは、その中のファイルのひとつとしてあるはずです。

もし見つからない場合は、以下２方法のいずれかを試してください。

レンタルサーバーを確認する
自分で .htaccessファイルを作ってアップロードする

レンタルサーバーを確認する

WordPressでサイト（ブログ）を開設したときに、レンタルサーバー (Xserverなど) も契約しているはずです。

wordpress フォルダで .htaccessファイルが見つからないときは、レンタルサーバー内で見つかる可能性があります。

私はレンタルサーバー内で .htaccessファイル見つけました。

私は Xserver(エックスサーバー) を借りているので、Xserver での 301リダイレクト設定手順を紹介します。

手順 1）Xserverのサーバーパネル＞ .htaccess編集

手順 2）ドメイン選択

手順 3）.htaccess編集を選択

手順 4）指定コード入力 ※必ず #BEGIN WordPress の前に入力する

自分で .htaccessファイルを作ってアップロードする

自分で .htaccessファイル作ってアップする方法もありますが、なんか難しそうです…

どうしても自分で作成する必要がある方は[.htaccessファイルの書き方と設定・設置方法ホームページ作成 All About]で詳しく説明されているので、参考にしてみてください。

記事の投稿編集ページから 301リダイレクト設定できるのでは？

お気付きの方も多いと思いますが、下画像のように実は投稿編集画面にもリダイレクト設定の項目があります。

しかし、ここを変えるだけでは 301リダイレクトされません！

最初、私はこの投稿編集からのみ 301リダイレクト設定を行っていました。

しかし、ページが全く表示されないというエラーが出て、一時的に掲載順位も下がりました。

ちゃんと .htaccessファイルに指定コードを入力することが大事です。

この設定さへ行っていれば、投稿編集での 301リダイレクトは設定する必要がありません。

② Googleクローラーにサイト巡回を依頼

AMPやめた後にやった方がいいもうひとつの設定は、GoogleサーチコンソールからGoogleクローラーにサイト巡回の依頼をだすことです。

※301リダイレクト設定をしていれば必要ないです

「自分のページはもうAMPではありませんよ〜」

とGoogleに早く認識してもらうための設定です。

ただし、クローラーにサイト巡回を依頼するにはページURLをひとつずつ指定する必要があるので時間がかかります。

さらに、依頼を出したからといってすぐにクローラーに巡回してもらえるとは限りません。

どうしてもこの依頼作業が必要な場合は、ページを10個くらいに絞るといいでしょう。

売上が高い記事
アクセス数が多い記事
早く評価を上げたい記事 etc.

Googleクローラーにサイト巡回を依頼する方法は以下を参考にしてください。

AMPをやめた後に確認すべき3点

AMP対応をやめた後に確認してほしい３点をご紹介します。

【直後】リダイレクトされているかページ確認
【24時間後】AMPページ数
【24時間後】PV数

確認はサクッと終わらせましょう。

じっくり時間をかける必要はありません。

その時間を記事執筆に当てた方が効率いいです♪

① 【直後】リダイレクトされているかページ確認

「AMP対応をやめ、リダイレクト設定も行い、完璧！」という状態になったら、ちゃんとリダイレクトされるかページチェックを行いましょう。

チェック項目は以下２点です。

投稿プレビューで AMPページを表示
Googleでキーワード検索＞自分のページをクリックして表示
PCだけでなくスマホでもチェックできるとGoodです。自分のスマホだけではなく、家族や友人のスマホを借りて確認させてもらってもいいかもしれません。ページがちゃんとリダイレクトされていればOKです。