Contact Form 7Google Search Console トラブルシューティング

お問い合わせページが AMP エラーに引っかかる理由は?

contact-amp-error Contact Form 7
スポンサーリンク

現状・条件

  • WordPress バージョン:5.2.2
  • WordPress のテーマ:Cocoon 1.9.0.2
  • Contact Form 7 5.1.3
  • Contact Form 7 – reCaptcha v2 1.2.0
  • Cocoon テーマ設定で AMP 機能を有効化してあります。
  • Contact Form 7 プラグインを使ってお問い合わせメニューを公開しています。
  • Google Search Console にサイトを登録しています。

問題を把握

Google Search Console ナビゲーション パネルの「拡張 → AMP」メニューをクリックすると、下記のようなエラーが出ています。

search-console-amp-html-tag-attribute-not-allowed-1
▲ 検証の開始前

「許可されていない属性または属性値が HMTL タグにあります。」テキストをクリックします。

search-console-amp-html-tag-attribute-not-allowed-2
▲ 問題をチェック!

▲ ページ下の「例」を見るとエラーが出ている URL でエラー個所を把握しましょう。
※ https://www.example.com/contact/?amp=1 ← contact はお問い合わせページである!

問題の原因を探る

▼ 問題のお問い合わせページが正しい AMP ページか AMP テスト で検証して見ると、お問い合わせページは「有効な AMP ページではあいりません」と!

何故なの?

search-console-amp-html-tag-attribute-not-allowed-3

「検証の問題」部分にその原因が書いてあります。

問題の原因を特定

原因属性「action」はタグ「FORM [method=POST]」で使用できません。

なるほど!!
言わば、ユーザがお問い合わせるとプログラムで処理するんですが、その方法が普通のウェブページでは OK だが、AMPページではダメですよと。。

確か、属性「action」→「action-xhr」に変更する必要があるようですが、それはプラグインの作成者にやってもらわないと。。( 対処外 )

代案として、お問い合わせページ自体を AMP ページから外します!

問題を修正

WordPress 管理画面から、
・押下:「固定ページ」>「固定ページ一覧」> 「お問い合わせ用ページ

search-console-amp-html-tag-attribute-not-allowed-4
▲ お問い合わせページをクリックします

・ページ内:
固定ページの編集画面を下までスクロールします。
右側に「AMP 設定」メニューの「AMPページを生成しない 」にチェックを入れます。
「更新」ボタンをクリックします。

search-console-amp-html-tag-attribute-not-allowed-5
▲ AMP ページから外します
search-console-amp-html-tag-attribute-not-allowed-6
▲ AMP テストで検証:OK !

お問い合わせ」ページが実際に AMP ページから除外されたか、AMP テスト ( ▲ )で「AMP ページではありません」と表示されれば OK です。

それでは、Google Search Console 側に、修正を検証するように依頼しましょう。

Google Search Console で修正を検証

Google Search Console にアクセスして下さい。

ナビゲーション パネルの「拡張 → AMP」メニューをクリックします。
「詳細」のエラー内容をクリックして下さい。

search-console-amp-html-tag-attribute-not-allowed-1

「修正を検証」ボタンをクリックします。

search-console-amp-html-tag-attribute-not-allowed-7

検証を開始するとメールで案内してくれます。

search-console-amp-html-tag-attribute-not-allowed-8

検証結果を待ちましょう!

※ 下記の記事は今回の件とすごく似ています。ご参考ください。

スポンサーリンク

[2019/08/08 追記] 検証結果が来ました。問題はクリアされました!

wp-search-console-amp-html-tag-attribute-not-allowed-9

コメント

タイトルとURLをコピーしました