定期的にGoogle Search Console TeamからAMPの警告でメールが送られて来ています。
内容はAMPのエラーまたは警告つき有効のお知らせになります。
ブログはWordPressでテーマはCocoonを使っています。
本日もまたメールが来ました。
いつもの画像サイズが小さいかな？
「推奨サイズより大きい画像を指定してください。」と言うものです。
(すでにルーチンワークになっています。)
と思っていたら、次の内容でした。
HTMLタグに同じ属性が複数回繰り返されています。
この有効（警告あり）でした。
初めて見ました。
これはなんだ？
とりあえず検索です。
そのままでやりました。
しかし、何も出てきません。
なので、自分でソースコードのチェックを初めてしました。
初心者なので自分でやる方法を知らなかったのです。
いつも他人任せです。
今回初めて手探りでやりました。
Google Search Consoleを開いてURLをクリックします。
ページ内のインスタンスを表示させます。
警告を受けているのは外部ブログカードでした。
ソースコードを見ると画像を指定する＜amp-img＞の中にwidthとheigthが複数存在していました。
初心者なので細かいソースコードは理解できません。
しかし、なんとなく推測することはできます。
推測でこれが原因としました。
対象になる外部ブログカードのリンク先はGoogle Play アプリのページです。
Google Play アプリのページはAMPで表示されるので問題ないみたいです。
仮に問題があってもリンク先のソースコードは変更できません。
私のブログの他の外部ブログカードもエラーや警告になっていないので問題ないみたいです。
組み合わせが悪いみたいです。（推測です）
それならこのリンクだけブログカードを使うのをやめます。
外部ブログカードをやめて普通のリンクに変更することにしました。
しかし、外部ブログカードはテーマのCocoonで設定して使っています。
ブログカードの設定を解除するとすべてのページで使えなくなります。
テーマCocoonで通常のリンクを貼ったことないです。
内部・外部リンクともブログカードの設定にしています。
最初は、URLの先頭に!を付ければ良いのかと思いやりました。
これを付けるとブログカードにならないとのことだったので。
!URL
しかし、ブログカードにならないけれどリンクにもなりません。
ただのテキストになるだけです。
いろいろ試したらやっと出来ました。
通常のテキストリンクにする方法です。
＜a href=”URL”＞URL＜/a＞
これだとブログカードになります。
しかし、
＜a href=”URL”＞URLと違うテキスト＜/a＞
これだと通常のリンクになります。
Cocoonのマニュアルには見当たらないが、良く見ていないだけかもしれません。
Google Search Consoleで確認・検証
リンクを直したので確認・検証の作業です。
これは画像サイズを直した時にいつもやっているルーチンワークです。
しかし、エラーになります。
Cocoon設定でキャッシュを削除してやり直してもエラーになります。
該当するブログのページを表示させました。
赤の矢印のところをクリックです。
しかし、リンクは通常のテキストリンクに変更されています。
……。
最初からやり直し？
Google Search Consoleで再びページ内のインスタンスを表示させて、ソースコードのチェックをしました。
そしたら、内容が変更されていませんでした。
あ！インデックスされているものを変更しないといけないのか！？
さっそく、Search Consoleで再インデックスをさせました。
URLは最後に?amp=1にしてAMPのものにしました。
30分後に再び確認・検証をしたら今度は成功です。
エラーになりません。
検証が開始されて保留になりました。
あとは合格するのを待つだけです。
この保留になってから7日後に無事合格になりました。
コメント