【Cocoon】AMPエラーの解決方法。コンタクトフォームが原因の時

cocoonエラーカサ子のつぶやき
この記事は約4分で読めます。
カサ子
カサ子

Googleからメールがきてる~
ウゲッ 問題ってあるけど((p*>_<*q))

実際にきたメールは、下記の内容でした。
ampのメール
書かれてた内容を下記に抜粋しますと、

suibun-hoshii.com の所有者様、
Search Console により、貴サイトに影響するAMPの新たな問題が 1 件検出されました。
主なエラー(最大 5 件)
エラーによって、ページが Google 検索結果に表示されなくなる可能性がございます。貴サイトでは、以下のエラーが検出されました。
許可されていない属性または属性値が HMTL タグにあります。

と書かれてありました。

検索流入からほどんどないブログですが(;^ω^)、それでも結果に表示されないのは困ります。

ということで、ほどこした内容を書き留めておこうと思います。

尚、私はCcocoonを使用させていただいております。

スポンサーリンク

AMPとは

正式名称はAccelerated Mobile Pagesといい、スマホでwebページを見たときに、スムーズに高速で表示する方法のことです。

スマホでネットを見ていると、検索結果に表示されてる雷みたいなマークがついたページがありますが、これがampページのことです。
amp実際のページ

上の画像で、赤丸で囲ったところ。

今回のエラーは、このAMPに関するエラーでした。

スポンサーリンク

エラーの状況を確認してみる

とりあえず、状況を確認しないとダメなので、メールにあるAMPの問題を解決するをクリックしてみます。

そうしましたら、サーチコンソールの画面に移ります。

その画面には、またエラーメッセージが表示されてあり、有難迷惑なことに該当ページ数まで書かれてあります。
しかも、赤い字で・・・( ≧ヘ≦)イヤ
ampエラーページ

キツ美
キツ美

イヤがってないで現実を直視しなさいよ( 一一)

さらに、下へスクロールしますと、該当ページか表示されます。
amp該当ページ

そこには「https://suibun-hoshii.com/contact?amp=1」とありました。

カサ子
カサ子

contact・・・あ、これはお問合せフォームのことか!

念の為に実際のページを確認してみましょう。

URLの上にマウスを持って行って、右側に表示された“新しいタブで開く”をクリック。
amp該当ページ

すると、出てきた画面には、お問い合わせフォームなどは表示されておらず広告ばかりのページがあるだけでした(;^ω^)
ampエラーのページ

カサ子
カサ子

これ、Googleから規約違反て怒られそう~~(;”∀”)

スポンサーリンク

Cocoonでの解決策

原因がわかったので、早速解決していきましょう。

私が使用させていただいてるCocoonでは、AMPはボタン1つで設定できとても便利です。

でも、注意点として、下記の3点があります。

・AMP対応していないプラグインを使用している
・入力フォームなどがあるページ
・プラグインをインストールしすぎていてCSS量が多すぎるページ
Cocoonマニュアルより

今回の私のエラーは、2番目の入力フォームなどがあるページがそれに該当しそうです。

解決策も、ちゃんと同じページに書かれてあります(*^-^*)

カピ子
カピ子

わいひらさんて凄いお人だね(^^♪

では、ワードプレスにログインして、お問い合わせフォームを見てみます。

画面右側に「AMPページを生成しない」とあるので、そこにチェックをいれて更新するだけです。
amp解決

カサ子
カサ子

たったこれだけ(@_@)

対策が完了したら、サーチコンソールに戻って、修正したのでまたチェックしてねと依頼をかけます。
amp修正依頼

“修正を検証”をクリック

そうしたら、下画像のように、何やら動きがあって、
amp修正中

ちょっと待つと、検証:開始となります。amp検証

すると、Googleから検証していますというメールがきますので、しばらく待ってましょう。
Googleからのメール
それから、待つこと3日。
メールの検証フローの進捗状況を確認するをクリックして、サーチコンソールを見に行ってみました。
ようやく「合格」の文字が\(^o^)/

amp合格画面
20日に申請をして、23日に合格でした。

自分でサーチコンソールを見に行ったのと前後して、Googleからも修正ができたよとメールでお知らせがきました。
amp修正完了の画面

まとめ 【Cocoon】ampエラーの解決方法。コンタクトフォームが原因の時

Cocoonでは、AMPの設定はボタン1つで簡単にできますが、3点注意しないといけません。
AMPを設定する前に、3点の注意点にあてはまらないか確認しておくといいです。
念の為に、もう一度下記に注意点を書いておきます。

・AMP対応していないプラグインを使用している
・入力フォームなどがあるページ
・プラグインをインストールしすぎていてCSS量が多すぎるページ

そして、もしもエラーがあっても、解決策はネットで検索をすればわんさかヒットしますので、焦らず落ち着いて対処しましょう。

応援よろしくお願いしますm(__)m
にほんブログ村 美容ブログ 乾燥肌へ
にほんブログ村

コメント

トップへ戻る
タイトルとURLをコピーしました