過剰なマークアップはSEOに影響しますか？

9

たとえば、コンテンツを<div>タグでラップした場合（理由はありませんが、引数のためだけに）、それは検索エンジンに違いを引き起こしますか？マークアップを薄くするとSEOが向上しますか？

<body>
    <div>
        <div>
            <div>
                <main>
                    <p>Text text text text text...</p>
                </main>
            </div>
        </div>
    </div>
</body>

対

<body>
    <div>
        <main>
            <p>Text text text text text...</p>
        </main>
    </div>
</body>

対

<body>
    <main>
        <p>Text text text text text...</p>
    </main>
</body>

SEOの観点から、これらはすべて等しいかどうか。

— ダスティン
ソース

6

SEOパースペクティブ<div>では、コンテンツをタグでラップすることは問題ではありませんが、大量の不要なコーディングによってデータのバイトが増加し、PageSpeedが増加する可能性があります。ここでこのソースからの抜粋：

含まれているインラインJavaScriptおよびCSSを含むHTMLコードを圧縮すると、データのバイト数を節約し、ダウンロード、解析、および実行時間を短縮できます。

PageSpeedはGoogle のランキング要素の 1つであるため、これらの不要な<div>タグを使用することは望ましくありません。Google公式ブログのこのニュースをご覧ください。

— サティヤクマール
ソース

2

コードを多用するサイトのもう1つの問題は、検索エンジンのスパイダーがページをクロールするのに時間がかかることです。肥大化したコードがページの読み込み時間に影響しない場合でも（訪問者の観点から）、クロール時間が長くなると、検索エンジンによるサイトの評価に悪影響を与える可能性があります。（それは主要なシグナルではありませんが、少しでも役に立ちます。）

SearchEngineGuide.comから：

クリーンで無駄のないコードは、ほとんどの人が考えるよりもWebサイトのパフォーマンスの問題を改善できます。肥大化したコードは、スパイダーとページのダウンロードの両方を遅くする可能性があり、どちらもサイトの検索エンジンのランキングに影響を与える可能性があります。

— ケビン・スターツ
ソース

0

SEOの観点からは、あなたが与える例は同じです。次のようなHTML5で導入されたセマンティック要素の使用を検討することをお勧めします。

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

— マイケル・モリアーティ
ソース

これらのタグを使用する利点はありますか？SEOの観点からは、Googleは気にしません。前回チェックしたところ、IEの一部のバージョンでまったくサポートされていませんでした。それに基づいて、divとspanを使用することをお勧めします。

— スティーブンオスターミラー

新しいHTML5タグを使用しても、SEOの観点から何かが得られるという証拠はありません。それは「コード膨張」を減らすのに役立ち、他の利点があります。良い記事をお読みください：searchengineland.com/…–

— Michael Moriarty

新しい<main>タグと<article>タグは、関連するコンテンツの場所を明確に示している（またはすべきである）ため、SEOに役立ちます。

— マイケルモリアーティ