HTMLタグに同じ属性が複数回繰り返されています。 | AMP警告

初心者のWordPress
この記事は約5分で読めます。

定期的にGoogle Search Console TeamからAMPの警告でメールが送られて来ています。

内容はAMPのエラーまたは警告つき有効のお知らせになります。

 

ブログはWordPressでテーマはCocoonを使っています。

 

本日もまたメールが来ました。

 

タケシ
タケシ

いつもの画像サイズが小さいかな?

 

「推奨サイズより大きい画像を指定してください。」と言うものです。

(すでにルーチンワークになっています。)

 

と思っていたら、次の内容でした。

 

スポンサーリンク

HTMLタグに同じ属性が複数回繰り返されています。

この有効(警告あり)でした。

 

タケシ
タケシ

初めて見ました。

 

これはなんだ?

 

とりあえず検索です。

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日後に無事合格になりました。

コメント

スポンサーリンク
スポンサーリンク
スポンサーリンク
タイトルとURLをコピーしました