【HTML】name属性はもうやめよう。ページ内リンクも動かず、AMPエラーが出る。

HTMLイメージ

少し古いHTML知識をお持ちの方だと、id属性と一緒にname属性を入れる方も多いでしょう。

ブランクのあるコーダーに気をつけていただきたいのですが、HTML5ではname属性は非推奨となっており、Firefoxなどモダンブラウザではすでに動作しなくなっています。

すでに入れているname属性はid属性に入れ替えよう

今、ページ内リンクのタグを書くとき、アンカー地点の主流はid属性です。name属性で書いたタグはどんどんidに置き換えてしまいましょう。

1ページにつき二つ存在してはいけないid属性はページ内リンクにピッタリです。

id属性とname属性を一緒に入れているのもNG

ページ内リンクのアンカー地点として、タグにid属性とname属性を両方書いているページもたくさん存在しています。

両方あればid属性にひっかかるのでページ内リンクとしては問題なく動作します。

が、id属性と一緒でも、name属性は消してしまった方が良いです。そして今後は一切使わない方が無難です。

今GoogleがTwitterとともに推し進めているAMPではname属性がNGのため、AMPエラーとなってしまいます。

AMPはAccelerated Mobile Pagesの略で、要はスマホなどモバイル環境でもページをサクッと読み込めるよう専用のタグを使いましょう~ってなもの。

Googleが推しているくらいですから、今後AMPもSSL化(アドレスのhttps化)同様SEOに大きな影響を与え、検索順位で優遇されるようになっていくでしょう。

そもそもGoogleは表示速度が速いページが大好きですし。

特にWordPressで作ったブログやページではあとからでもAMP対応のテーマに切り替えたりプラグインを入れるだけで簡単にAMP対応できます。

が、古い記事などでname属性が入っているとAMPエラーによりそのページはSEO恩恵を受けられないのです。

まだまだAMPは走りだしたばかりですが、将来のことを考えて今の内から準備しておいた方が良いでしょう。

name属性を使ってはいけない理由 まとめ

  • HTML5ではname属性は非推奨となっており、すでにモダンブラウザではページ内リンクには使用できないものも。
  • name属性が存在するページはAMPエラーとなってしまうため、サイトをAMPに対応してもSEO恩恵を受けることができない。