Apakah markup berlebihan mempengaruhi SEO?

9

Misalnya, jika saya membungkus konten saya dengan <div>tag (tanpa alasan, hanya demi argumen), apakah itu akan menyebabkan perbedaan pada mesin pencari? Apakah markup yang lebih tipis meningkatkan SEO?

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

melawan

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

melawan

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

Dari sudut pandang SEO, apakah semua ini sama atau tidak?

— Dustin
sumber

6

Dalam perspektif SEO, membungkus konten dengan <div>tag bukanlah masalah, tetapi pengkodean dalam jumlah besar yang tidak diinginkan akan meningkatkan byte data yang dapat meningkatkan PageSpeed. Berikut kutipan dari sumber ini :

Memadatkan kode HTML, termasuk semua JavaScript inline dan CSS yang terkandung di dalamnya, dapat menyimpan banyak byte data dan mempercepat waktu pengunduhan, penguraian, dan waktu eksekusi.

Karena PageSpeed adalah salah satu faktor peringkat di Google, menggunakan <div>tag yang tidak diinginkan ini tidak dihargai. Lihat berita ini dari blog resmi Google.

— Sathiya Kumar
sumber

2

Masalah lain dengan situs kode-berat adalah butuh spider mesin pencari lebih lama untuk menjelajah halaman Anda. Bahkan jika kode kembung tidak memengaruhi waktu pemuatan laman (dari perspektif pengunjung), waktu perayapan yang lebih lama dapat memengaruhi secara negatif bagaimana mesin pencari menilai situs Anda. (Ini bukan sinyal utama tetapi setiap sedikit membantu.)

Dari SearchEngineGuide.com :

Kode bersih dan ramping dapat meningkatkan masalah kinerja situs web lebih dari yang dipikirkan kebanyakan orang. Kode yang membengkak dapat memperlambat spidering dan unduhan halaman, yang keduanya dapat berdampak pada peringkat mesin pencari situs.

— KevinStirtz
sumber

0

Dari perspektif SEO, contoh yang Anda berikan adalah sama. Saya sarankan Anda melihat menggunakan elemen semantik yang diperkenalkan dengan HTML5 seperti:

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

— Michael Moriarty
sumber

Apakah ada keuntungan menggunakan tag ini? Dari perspektif SEO Google tidak peduli. Terakhir kali saya memeriksa beberapa versi IE tidak mendukung sama sekali. Berdasarkan itu, saya akan merekomendasikan tetap dengan div dan bentang.

— Stephen Ostermiller

Tidak ada bukti bahwa menggunakan tag HTML5 baru akan mendapatkan apa pun dari perspektif SEO. Itu membantu mengurangi 'kode mengasapi' dan memiliki manfaat lain. Untuk artikel yang bagus baca: searchengineland.com/…

— Michael Moriarty

Saya membaca bahwa tag <main> dan <article> baru membantu SEO karena mereka menunjukkan dengan jelas (atau harusnya) di mana konten yang relevan berada.

— Michael Moriarty