web-dev-qa-db-ja.com

ネストされたspan要素が含まれている場合、検索エンジンはhタグのコンテンツを正しく認識できますか?

私は新しいクライアントを引き受けました。サイト(Wixサイト)を確認するときに、 このツール を使用しました。これは、ページにh1タグがないと主張します。

ただし、Chrome開発者ツールには明らかにあります。唯一の注意点は、h1タグ内にネストされた多数のspan要素(正確には4)があることです。したがって、ネストされたスパンと別のネストされたスパンを備えたh1であり、4回の反復が繰り返されます。

このツールは混乱しているだけですか、それとも検索エンジンの問題ですか?私は明らかにこれを異なる方法で実装する予定ですが、現在の実装に問題があるかどうかを理解したいと思います。

1
CZorio

Span要素は、それ自体では何も意味しません。

https://developers.whatwg.org/text-level-semantics.html#the-span-element

この要素は、スタイリングまたはJavaScriptアクセスのフックとして使用され、ドキュメントフローを変更しません。そのため、Googleはまさにその理由でタグを無視し、コンテンツをクローキングするために使用する場合を除いて、そのコンテンツのみを見るかもしれません。

2
Rob

Spanタグがインデックス作成に問題を引き起こすとは思わない。 hタグが適切に閉じられていることを確認してください。 <h1>...</h1>。完璧であれば、インデックス作成について心配する必要はありません。検索エンジンはウェブサイトをクロールしても問題ありません。

2
Prashant Gorule

Spanタグは、HTMLドキュメント内で使用できる最も一般的なタグであるため、スタイリングなどの多くの目的で見出しなどにネストするのに最適です。 Googleがこれを知っているので、あなたが使用しているツールが少し見当違いになると確信しています。 h1内にh1をネストすると、少しファンキーになります:)。

2
John