テーマ【Cocoon】を使用している方のためのAMPエラー解決方法

雑記

はじめに

こんにちは。

グーグルサーチコンソロールからエラーのメールがきたことはありますか?

私はブログをはじめて半年ほどですが、これまで5回メールを受け取っています。

その度に『またか…』と思います。

知識がないし、ヘルプを読んでもちんぷんかんぷんです。

 

なぜエラーのページが有効になったのか、知識がないので説明することは出来ませんが、フォロワーの方に教えていただき数回直すことが出来たので、同じようにお困りの方のために記事を書いてみようと思い立ったのでした。

 

このブログではテーマ【Cocoon】を使用しております。

同じように、Cocoonを使用していてお困りの方の参考になれば幸いです。

エラー内容/タグ「style amp-custom」で指定された作成者のスタイルシートが長すぎます。上限は 50000 バイトです。

ある日、Cocoon設定にてスキンの変更を行いました。

それからメールが届いたのは数日後のことです。

内容はこうでした。

タグ「style amp-custom」で指定された作成者のスタイルシートが長すぎます。上限は 50000 バイトです。
自分でエラーの出ているページを開きましたが、やっぱりよくわかりませんでした。
画像を削除してみたり、後で思うと全くお角違いなことをしていて笑ってしまいました。
それでは、解決手順を載せていきます。

1.Cocoon設定>AMP>サイズ制限対応(スキンのスタイルを有効にする)のチェックを外す

2.Cocoon設定>キャッシュ削除>AMPキャッシュ削除をクリック

3.こちらのページで有効になるか確認(GoogleのAMPテストページです)https://search.google.com/test/amp?hl=ja (エラーになっているURLなので、末尾に「/?amp=1」がついている状態のURLを張り付けて確認します。)

4.OKでしたら、サーチコンソロールのメールに戻って検証を開始する

数日後に、Googleからメールが届くと思います。
ちなみに、私は3の段階で自分のブログURLを貼り付けて『AMPページではありません』となりました。笑

エラー内容/許可されていない属性または属性値が HMTL タグにあります。

こちらは画像を入れようとして、枠だけ作り画像を入れなかったために起きたエラーでした。

普段はビジュアルで記事作成しているためわかりませんでしたが、テキストにしてみると『image』という文字が入っていたので、『image』の入ったcssを削除しました。

エラーのメールから【AMPの問題を解決する】>AMP バージョンの URLをクリック

するとどこでエラーが起きているのか赤くマーカーが引いてあってわかります。

ただ、初心者の私はにそれを見てもわからなかったのですが^^;

 

削除したら、またサーチコンソロールの『検証する』をクリックして、Googleからのメールを待ちましょう。

エラー内容/送信された URL に noindex タグが追加されています

プラグイン『Google XML Sitemaps』を使っていませんか?

『noindex』とはインデックスしないでねという意味らしいです。

webページの仕組みとして、検索結果に表示させたくないページを個別でこれを指定すると、ブログにはリンクがあるけれど、検索には表示されなくなるそうです。

このエラーは、プラグイン「Google XML Sitemaps」というのを使っている場合に活性化される項目です。

このプラグインはGoogleにブログのマップ(全体のリンク地図)を通知している機能を持ったプラグインです。

これを使い、インデックスする・しないを設定した全体図を送信していて、その結果Googleからエラーが返ってくる仕組みです。

1.設定>XML-sitemap>HTML形式でのサイトマップを含める部分のチェックを外して更新します

2.メールに戻って検証を開始します

『検証開始:日付』が出ていればGoogleが検証してる途中だそうです。

また数日間待ってみてくださいね。

さいごに

私のように知識がないと、Googleのヘルプをみても意味がわかりません。
HTML、CSS、PHP、Javascriptというブログを構成している言語を少しわからないと難しいかもしれませんね。
理解は出来ていないのですがAMPエラーが出る度にTwitterにて、フォロワーの方に助けていただいております。

おかぴーさんのTwitterアカウントはこちら https://twitter.com/blueokap?s=17
この方はWebデザイナーさんで、AMPエラーはもちろん私のアイコンイラストを作っていただき、私のブログの外観を作っていると言っても過言ではないです。
初心者の私にはわからないことが多く、残念ながら調べても理解できないことが多いです。
AMPエラーでお困りの方、こちらの記事を見ても解決できなかった方は、ぜひおかぴーさんに相談してみてくださいね。
今のところ、無料で相談&解決していただいております。

パソコンでの説明なので不安に思う方もいるかもしれませんが、おかぴーさんは文章だけでなく画像や動画を使って、丁寧に教えてくれます。
とてもやさしく、丁寧な方ですので気軽に相談できますよ☆彡
ですが、せっかく記事を書いたのですから、この記事も少しでも皆さまのお役に立てると嬉しいです。
まだまだわからないことばかりですが、ブロガーの方々と一緒に成長していけたらいいなと思います。
ここまで読んでくださり、ありがとうございました。
このブログはエックスサーバーで運用しています。全然知識のない状態の私でも、なんとかブログを開設することができました。収益を目指したいし、無料ブログだとせっかく頑張って続けても突然の削除もあり得るとのことで、有料ブログにしました。
広告は基本的にGoogleアドセンスで自動にしていますが、アフィリエイト登録もしています。
無料で認知度も高いところです。
Q.あなたのブログはスマホからも見れますか?
A.見れるならA8.netをはじめよう♪(無料)
Google AdSense導入をお考えの方はこちらから(公式サイト)https://www.google.com/intl/ja_jp/adsense/start/#/?modal_active=none