web-dev-qa-db-ja.com

SEOに対する<i>、<b>、<strong>、または<span>要素の影響は何ですか?

SEOに対するibstrongまたはspanタグの影響は何ですか?

MDNHTML要素リファレンス を引用します:

HTML <b> Elementは、特別な重要性や関連性を伝えることなく、通常のテキストとスタイルが異なるテキストの範囲を表します。通常、要約のキーワード、レビューの製品名、または太字で表示される一般的なテキストの他の部分に使用されます。別の使用例は、記事の各段落の先頭文にマークを付けることです。

HTML <i> Elementは、技術用語、外国語など、何らかの理由で通常のテキストから外れたテキストの範囲を表します言語フレーズ、または架空のキャラクターの思考。通常、斜体で表示されます。

HTMLの強い要素(<strong>)はテキストに重要性を与え、通常は太字で表示されます。

これらから、これらの3つを使用して「重要なテキスト」を強調表示できます。しかし、SEOの観点からは、セマンティクスへの影響がどうなるかはあまりわかりません。

これまで、視覚スタイル項目でコードを汚染することなく重要な単語の視覚的重要性を高めるために、スタイリング属性を持つspanタグを主に使用していました。

しかし、これらの重要な言葉は確かに重要です。 SEOの観点からそれらを強調するのが賢明かもしれないということです。 spanは無意味であるため、別のタグに切り替えることをお勧めします。

検索エンジンの結果を最適化するために、これらの3つの代替タグに違いがあるかどうか知っていますか?

5
Yako

これらのスタイリングタグ(それ自体)の影響は とても大きい ほとんど何もない。

[OK]を、なぜこれが実際にそうではないのですか?

いくつかの情報源は、 CSSスタイリングの影響応答性の影響 (問題のリンクを参照)、および意味論の影響と通常はまったく異なることについて述べています。
(特に異なる時間に作成されるため)

1つは:

CSSスタイリングでspanを使用する場合とiまたはbを使用する場合に測定された違いはありません。

アクセシビリティを念頭に置いて、これは事実です。現時点では、bは-spanと同じように、単なるスタイリングタグです。

もう1つ:

b<strong><em>、または<mark>の使用に違いはありません。

これは間違っています。 bはテキストを太字にしますが、strongは重要なテキストを表します。 (また、太字ではありません)

説明については、 <b>のリファレンス を参照してください。

<b>要素を<strong><em>、または<mark>要素と混同しないでください。 <strong>要素は特定の重要度のテキストを表し、<em>は特定のテキストに重点を置き、<mark>要素は特定の関連性のあるテキストを表します。 <b>要素は、このような特別な意味情報を伝えません。他に当てはまらない場合にのみ使用してください。

これは、スクリーンリーダー、クローラー、および(検索)エンジンに適しています。
そして、すでに知っているように:

良いものは良いランクです。

一般的に最も正確なステートメントは、検索エンジンがコンテンツの品質に基づいてページをランク付けすることです。

<span>または<strong><em>、および<mark>を使用する決定がページランクへの影響に基づいている場合、明確にいいえ、役に立ちません。


私の意見の少しでそれを言うには:

良いコンテンツを書くなら、あなたは すべき must最適な言語を使用する必要があります。この言語は、ほとんどの場合HTML5であり、上記のタグを間違いなく好むべきだと言っています。

SEOに影響しますか?
はい。

気づいていますか?
知りません。

素晴らしい 記事 約4年前、コメントに興味深い点がありました。

4
Clijsters

違いはセマンティック関数です。詳細については、サードパーティではなく W3 HTML仕様 を参照することをお勧めします。

<em><i><b>、および<strong>の仕様の定義を見て、各インスタンスで正しい意味を伝えるものを使用することをお勧めします。

SEOの影響に関しては、検索エンジンがテキストの意味をよりよく理解できるという利点があります。それは本質的にHTMLの目的です:それは機械可読なセマンティックおよび構造情報を提供します。

それは、「あなたのたわごとを知ることとあなたがたわごとを知ることの違い」である文法についての古い格言のようなものです。そのアポストロフィは些細な詳細のように見えますが、意味を理解するのはfundamentalです。

検索エンジンはより高度な言語処理、音声検索、会話パターンの理解などを行うため、HTMLを使用してセマンティックおよび構造情報を正しく伝達することは、コンテンツのパフォーマンスにとって重要です。

1
GDav