これらのspan
要素をh1
要素内に追加すると、SEOに影響しますか?
<h1>PRODUCT 123456789
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span></h1>
それが何らかの形で検索エンジンに影響を与えると仮定する理由はありません。これらは、HTMLに関する限り、空の無意味な要素です。
ただし、セマンティックHTMLに関心がある場合は、別のマークアップを使用することもできます。星の評価値はコンテンツの一部であるため、CSSを介して追加しないでください。 meter
要素を使用できます。機械で読み取り可能な方法で評価値を伝えます。
<h1>
PRODUCT 123456789
<meter value="3" min="0" max="5">★★★☆☆</meter>
</h1>
(実際のコンテンツとして星を追加すると、当然のことながら検索エンジンに影響します。たとえば、結果スニペットに表示できるコンテンツがあるためです。CSSのみの方法でmeter
を使用することもできます。 span
を使用するよりも、テキストブラウザ、アクセシビリティツールなどが評価を伝える機会があるため)