「label」はタグ「a」で使用できない AMPエラー

Sponsor

属性「label」はタグ「a」で使用できませんの修正

Search Console でAMPエラー属性「label」はタグ「a」で使用できませんとのことなので、それを解消しました。

属性「label」はタグ「a」で使用できません

Sponsor

AMPエラーの確認/ 「label」はタグ「a」で使用できない

左のメニューよりAMPを開く
「AMP ページが無効な理由」をクリック
AMPページ無効のURLが表示される
URLをクリック
エラーの原因であるHTMLが色付けされ、エラーの原因が表示される

「AMP ページが無効な理由」→AMPページ無効のURLが表示される

エラーの原因であるHTMLが色付けされ、エラーの原因が表示される

Sponsor

AMPエラー修正後/ 「label」はタグ「a」で使用できない

AMPエラーを修正後、公開URLをテストします。

AMPエラーを修正前

AMPエラーを修正後

Sponsor

AMPエラーのあるHTML/「label」はタグ「a」で使用できない

<a label="..."> がエラーの原因

<a rel="noopener" target="_blank" label=" (opens in a new tab)" href="https://www.yodobashi.com/ec/support/beginner/freewifi/index.html" class="broken_link">ヨドバシ
</a>

undefined (opens in a new tab) がエラーの原因

<a href="http://www.saga-hirakawaya.co.jp/" target="_blank" aria-label="undefined (opens in a new tab)" rel="noreferrer noopener">http://www.saga-hirakawaya.co.jp/
</a>

エラーの原因

aria属性はタグ「a」で使用できません。

状況	AMPでの扱い
`<a label="...">`	エラー（無効な属性）
`<a aria-label="...">`	正常（正式仕様）
`<a title="...">`	正常（ツールチップとして表示）

AMPエラーのないHTML

<a aria-label="...">

<a href="https://www.yodobashi.com/ec/support/beginner/freewifi/index.html"
   target="_blank" rel="noopener noreferrer"
   aria-label="ヨドバシ(opens in a new tab)">
</a>

<a title="...">

<a href="https://www.yodobashi.com/ec/support/beginner/freewifi/index.html"
   target="_blank" rel="noopener noreferrer"
   title="ヨドバシ(opens in a new tab)"> 
</a>

<a label="..."> を使用しない

<a href="https://www.yodobashi.com/ec/support/beginner/freewifi/index.html" target="_blank" rel="noreferrer noopener">ヨドバシ博多</a>

aria-label="undefined (opens in a new tab)" を削除。

<a href="http://www.saga-hirakawaya.co.jp/" target="_blank" rel="noreferrer noopener">http://www.saga-hirakawaya.co.jp/
</a>

AMPエラーの修正の方法

エラーの部分のブロックを「HTMLとして編集」に変更する
- ブロックの三点メニューに「HTMLとして編集」があります
原因の部分を書き換える

コードを削除する不安がある場合は、削除する前にコピー（または複製）しておいてください。

AMPエラー

参考 Google のAMPページガイドライン他