【AMPの問題解決わかりやすく】ドキュメント ヘッドの外側で、ドキュメント ヘッドの直接の子としてのみ許可されているタグが検出されました 「ワードプレス内コピペNG!？」

「ドキュメント ヘッドの外側で、ドキュメント ヘッドの直接の子としてのみ許可されているタグが検出されました」と、 サーチコンソールからメールが！

先日、やっとエラーが解決したなと思ったら・・・

上画像のように　またまたサーチコンソールからご指摘が！

届いたメールの「AMPの問題を解決する」をクリックして「サーチコンソール」を確認すると、下画像のようになっていました

「ドキュメント ヘッドの外側で、ドキュメント ヘッドの直接の子としてのみ許可されているタグが検出されました」どういうこと？エラーの原因を確認する

サーチコンソールで、エラーの原因を確認しましょう

サーチコンソールで指摘されている URL (上画像グレー部分)をクリックすると、右サイドに問題箇所が出てきます

上画像のように　問題になっている実際のページが表示されて「ココらへんが変だよ」と、赤色で教えてくれています

どうやら「head」だけに使える「meta charset=” UTF-8″」を、そうではないところに使っているから修正しなさい・・のようです

まちがってつけている「meta charset=” UTF-8″」を削除しなさいってことですね

　

「ドキュメント ヘッドの外側で、ドキュメント ヘッドの直接の子としてのみ許可されているタグが検出されました」問題解決！WordPressで、指摘されたページをチェック・修正する

【1】WordPress「ビジュアルエディター」から「コードエディター」にする

普段、ブログを書くのに使っているのは「ビジュアルエディター」です　指摘された「meta charset=” UTF-8″」を削除するため、「コードエディター」にします

右上端にある「縦の三点リーダー」をクリックすると、上画像のように表示されるので、「コードエディター」をクリックします

すると、下画像のように「コードエディター」になります

【2】コードエディターで、「meta charset=” UTF-8″」をあぶり出す

ページ内のエラーが1カ所とは限りません　コードエディターの中で「meta charset=” UTF-8″」をピックアップするために下記をキーボードで打ち込みましょう

すると、下画像のように①検索ボックスが出てくるので　②この検索ボックスに文字を入力すると③いくつあるのか？④どこなのか？がわかります

上訂正：③metaだけ入力した場合、④「＜」部分の色は変わりません

ちなみに＜meta・・・utf-8″＞までガッツリ入力すると、その部分が色表示されるので、削除部分がよりわかりやすいです

【3】「meta charset=” UTF-8″」エラー発見したら、「削除」して解決☆

上画像の赤線部分を削除すれば解決です♪

　

「ドキュメント ヘッドの外側で、ドキュメント ヘッドの直接の子としてのみ許可されているタグが検出されました」問題解決！「meta charset=” UTF-8″」 いつものエディターで検証してみる

しかし、ちょっと試してみようと思いました　もう一度、あたらしく同じ文字を入力してみるのです　それでも同じように「meta charset=” UTF-8″」が入ってしまうのなら何か対策が必要です

下画像は、 いつもの「ビジュアルエディター」の画面で入力したところです　エラーの出た上に　まったく同じ文字を入力しました

このまま「コードエディター」画面にしてみると・・下画像のように「meta charset=” UTF-8″」はありませんでした

なぜ過去記述したものに「meta charset=” UTF-8″」が入ったのかナゾです

「ドキュメント ヘッドの外側で、ドキュメント ヘッドの直接の子としてのみ許可されているタグが検出されました」問題解決！ナゾが解けた？WordPressのエディター内で コピペするとmeta・・が文章の頭に付く？！

wordPressのエディターで コピペするとmeta・・が文章の頭に付くから注意との記事がいくつかあったので試してみました

このページ(上画像)で試してみます　この画面を「コードエディター」にすると、下画像のように異常なし◯です

いつもの「ビジュアルエディター」で、上の文章をそのままコピーして下の行に貼り付けました

このページを「コードエディター」にしてみると・・・

ほんとにmeta・・・がくっついてます　みなさんのはどうなんでしょう？？うかつに WordPress内ではコピペできませんね　ビックリしました

ところが、翌日同じことをやってみたところmeta・・はくっついていませんでした　日によるんですかね？？

記事を書く前に、meta・・がくっつかないのか一度コピペして確認するといいですね♪(めんどくさいけど)　大丈夫だったら　安心してバンバンコピぺできますね☆苦笑

「ドキュメント ヘッドの外側で、ドキュメント ヘッドの直接の子としてのみ許可されているタグが検出されました」問題解決！修正したら、サーチコンソールへgo！「修正を検証」クリック

さて、気を取り直して・・修正したので「修正を検証」をクリックして　サーチコンソールで検査してもらいましょう

ちなみに、「meta・・・」を削除して修正したのに　サーチコンソールで「修正を検証」クリック後、あいかわらずエラー表示になることがあります

そのようなときは、翌日・数日後、時間をあけて再度「修正を検証」してみてください

【AMPの問題解決わかりやすく】ドキュメント ヘッドの外側で、ドキュメント ヘッドの直接の子としてのみ許可されているタグが検出されました 「ワードプレス内コピペNG!？」まとめ

おつかれさまです！息抜きによろしければRelax with the video