web-dev-qa-db-ja.com

Wordの一部の周りに<span>タグがあると、SEOを傷つけますか？

私が行った場合

<h1>H<span style="font-size: 12px;">Ello</span>
W<span style="font-size: 12px;">orld</span></h1>
  1. 検索エンジンはそれを「Hello World」と読みますか？
  2. これはSEOを傷つけますか？

私はJSや他のことは何もしていません。他の文字を小さくしたいだけです。 「Small Caps」というフォントを見つける必要があることは知っていますが、このフォントには存在しません。

  1. この場合、最善のアプローチをお勧めしますか？
seohtmlcssheadingh1
1
Radek
  1. はい、これは問題ありません。検索エンジンはテキストを「Hello」と表示します。

理由：ドロップキャップ、WebサイトはNYC.comがドロップキャップを使用していることを好み、ドロップキャップはdivなしで特別なCSSコードを必要とします検索エンジンがサイトをクロールできることを確認するだけです。

  1. これはSEOを傷つけません。

  2. この場合、必要な推奨事項はありませんが、 ドロップキャップ を参照してください。

2
The KingMaker

このようなスパンを使用してもSEOに害はありませんが、::first-letter疑似要素が存在する場合にそれを行う理由はありません。マークアップを台無しにすることなく、最初の文字だけをスタイルするために次のことができます。

h1 {
  font-size: (your preferred font size for the rest of the text);
}

h1::first-letter {
  font-size: (your larger font size for the first letter);
}

したがって、あなたの質問に答えるために、::first-letter疑似要素は、設計の制約内に収まる場合、実際にはここでの最良のアプローチです。

詳細： https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter

2
Maximillian Laumeister