Terlalu sering menggunakan <h1> buruk, tapi sekarang, dengan HTML5?


22

Kita tahu bahwa terlalu sering menggunakan <h1>dapat menyebabkan penalti optimisasi berlebihan , tetapi sekarang, di HTML5 diizinkan menggunakan beberapa <h1>di halaman yang sama (di dalam bagian bersarang).

Apa yang akan Google lakukan dengan halaman yang <h1>hanya berisi judul?


Saya tidak tahu apa yang dilakukan Google, tetapi saya berharap suatu hari itu akan menghukum mereka dan mengirim mereka ke neraka selama sisa hidup mereka! Dengan semua hal-hal indah yang dibawa kepada kami oleh HTML5, saya benar-benar kesulitan untuk memahami mengapa orang perlu mengasapi penggunaan <h1>tag bersarang dalam kode. Tanyakan kepada diri sendiri: "Apakah ada lebih dari satu <title>tag di halaman saya?" jawabannya TIDAK, jadi mengapa saya perlu menambahkan lebih dari satu <h1>tag dalam satu halaman ?!
Marco Demaio

1
Sangat mirip, jika tidak identik dengan SEO tentang penggunaan beberapa tag H1 ?
Zhaph - Ben Duguid

1
@MarcoDemaio, H1tag tidak sama dengan TITLEtag. Algoritme penguraian HTML5, serta hampir semua elemen sectioning yang diperkenalkan oleh HTML5, dibuat untuk membahas konsep bahwa satu halaman mungkin berisi lebih dari satu artikel. Ketika satu halaman berisi satu artikel (seperti kebanyakan halaman di Wikipedia), menggunakan H1-H6 saja masuk akal. Jika Anda mulai menampilkan beberapa penggoda artikel pada halaman, Anda akan berakhir berantakan jika Anda hanya mengandalkan tag H1-H6 untuk membuat struktur konten Anda.
Thirdender

@ thirdender: IMHO jika Anda menampilkan satu halaman dengan beberapa artcile di dalamnya yang dapat Anda gunakan <h1>untuk membungkus nama asli halaman "Artikel yang berbicara tentang ..." dan judul artikel dapat dimasukkan ke dalam <h2>, saya masih tidak melihat mengapa Anda harus menggunakan <h1>mutliple kali di halaman.
Marco Demaio

1
@MarcoDemaio, ya, itu mungkin dilakukan dengan cara itu, tapi kemudian Anda tidak memanfaatkan elemen pemisah HTML5 untuk keuntungan penuh mereka. Lihat Smashing Magazine: Structural Semantics - Pentingnya Elemen Sectioning HTML5 . Dia benar-benar palu rumah kekurangan dari dokumen sejarah yang menguraikan mekanisme, dan bagaimana mereka ditangani oleh elemen pemisah HTML5 baru. Ini menguntungkan programmer dengan membuat hidup lebih mudah, dan menguntungkan pengguna layar pembaca dengan standarisasi praktik garis besar dengan cara yang bermakna.
Thirdender

Jawaban:


14

Menurut Matt Cutts, Google tidak menghukum situs hanya karena memiliki banyak <h1>tag . Mungkin saja pengindeks mereka dapat diprogram untuk mendeteksi penggunaan berlebihan yang berlebihan <h1>- seperti, katakanlah, memiliki semua teks Anda di dalam <h1>tag - dan untuk menghukum halaman seperti itu, tetapi saya belum melihat konfirmasi langsung tentang hal itu. Ini adalah sangat mungkin bahwa staf manusia mereka, jika disiagakan untuk halaman tersebut, akan melihatnya sebagai pelecehan dan bertindak sesuai.

Saya tidak bekerja di Google dan saya tidak tahu bagaimana sebenarnya algoritma mereka bekerja (di luar apa yang dapat disimpulkan dari pengamatan dan posting oleh orang-orang yang tahu), tetapi jika saya menulis kode penanganan pos mereka, saya akan mengalokasikan sejumlah "berat heading" per halaman dan bagi bobot itu secara proporsional di semua pos pada halaman. Dengan begitu, memiliki dua <h1>tag akan memiliki efek yang persis sama dengan memiliki satu <h3>tag panjang, dan hanya menggunakan, katakanlah, tag pada halaman akan memiliki efek yang persis sama dengan hanya menggunakan satu <h1>. Ini adalah solusi yang jelas sehingga saya agak terkejut jika Google tidak melakukan sesuatu yang kurang lebih seperti itu.


1
Penanya tidak menyebutkan dengan tepat apa yang dirujuk, tetapi patut dicatat bahwa video yang ditautkan Ilmari berasal dari 2009. Pembaruan yang secara khusus ditargetkan menjadi penalti pengoptimalan berlebihan (akhirnya bernama Penguin ) baru diperkenalkan sekitar seminggu yang lalu .
Su '29

8

Praktik terbaik yang diterima secara umum hanya memiliki satu <h1>pada satu halaman, atau hanya 1 <h1>pada bagian untuk HTML5. Google tidak akan menghukum Anda karena memenuhi standar HTML, juga tidak akan menghukum Anda karena memiliki banyak <h1>'s - itu dapat menghukum Anda karena memiliki HANYA <h1> sekalipun.

Poin penting adalah bahwa ini adalah tentang persyaratan konten dan persyaratan pengguna - apakah mereka terlihat atau tidak, yang seharusnya memenuhi syarat .

Berikut ini adalah Johnathan Mueller dari Google yang mengonfirmasi bahwa Google dapat mengindeks HTML 5 , dan bahwa itu tidak melakukan sesuatu yang istimewa untuk itu, yaitu memberi Anda imbalan karena menggunakan HTML 5.

Sistem perayapan dan pengindeksan kami saat ini tidak melakukan hal-hal khusus untuk HTML5, jadi tidak ada "bonus" untuk menggunakan konstruksi HTML5, tetapi juga pada umumnya juga tidak ada kerugian. Yang mengatakan, sebagian besar halaman dengan markup HTML5 yang saya lihat cenderung sangat bersih - dengan sedikit "cruft" dan elemen yang tidak perlu. Walaupun memiliki markup bersih bukanlah sesuatu yang dicari secara eksplisit oleh algoritme kami, kami terkadang melihat laman yang hampir tidak dapat dipecahkan. Selain itu, pembersihan markup membuatnya lebih mudah untuk memelihara situs web, lebih mudah untuk menambahkan elemen baru seperti Microformats, dan sering membuat halaman lebih portabel di berbagai browser dan perangkat. Jadi dengan itu dalam pikiran, tidak ada yang menahan Anda (dari sudut pandang pencarian) dari membuat situs yang luar biasa di HTML5 :).


buktikan apa yang kamu katakan. buktikan bahwa google mengerti HARI INI html5 ... pasti akan di masa depan. tapi hari ini?
skyline26

1
dari blog matt cutts ': Tag H1 berlebihan - semuanya sekarang: H1 untuk judul teratas; H2 dan H3 untuk sisanya. Anda seharusnya hanya memiliki satu judul H1 per artikel atau halaman.
skyline26

@toPeerOrNotToPeer ya, tepatnya. Ikuti standar dan Anda tidak akan memiliki masalah, tetapi Google tidak menghukum untuk beberapa H1 dan ia mengerti HTML 5.
toomanyairmiles

Pembatasan single-H1 tidak pernah benar.
Su '29

@ Su 'ini tidak ada dalam spesifikasi, tidak. Ini adalah praktik yang diterima secara umum - saya memang melebih-lebihkan kasus ini.
toomanyairmiles

3

Semua orang selalu menunjuk ke posting Matt Cutts dari 2009. Berikut ini adalah video dari 2011 selama obrolan cam web langsung di mana Matt Cutts secara khusus menyatakan preferensi untuk satu <h1>tag per halaman.


Selamat datang di situs ini! Itu tautan informatif - dapatkah Anda sedikit memperluas jawaban untuk menjawab pertanyaan dengan lebih baik? Kalau tidak, jawaban Anda lebih dekat ke komentar. Terima kasih!
dan

3

Itu selalu diizinkan untuk menggunakan banyak <h1>dokumen, dan tidak pernah dihukum secara sewenang-wenang. Lebih dari melakukan itu adalah apa yang bisa membuat dirinya menjadi masalah.

Sejauh Google, Anda hanya harus percaya bahwa para insinyur melakukan pekerjaan mereka dan jika mereka mengindeks HTML5 dengan benar, Googlebot tahu bahwa bersarang <h1>secara efektif didorong "turun" tingkat. Jika Anda tidak mempercayainya, maka jangan lakukan itu dan buatlah secara manual <h2>sampai Anda mendapatkan jawaban yang jelas dan langsung padanya. (Tautan ke pos Johnathan Mueller dalam tanggapan @toomanyairmiles menarik, tetapi tidak cukup lengkap untuk saya.) Saya belum melihat ini terjadi.


1

Saya menganggap pertanyaan ini didasarkan pada logika bahwa sebuah <h1>tag mewakili satu judul utama halaman. Sementara itu mungkin benar di hari-hari sebelumnya, HTML5 telah mengubah jenis logika itu. Dalam HTML5, <h1>tag adalah judul utama suatu bagian. Ini bisa berupa halaman penuh, subhalaman, modul, dll. Contoh bagus mengapa perbedaan ini penting adalah ketika membangun sistem modular dari bagian yang berbeda yang didedikasikan untuk kegiatan yang berbeda.

Bayangkan sebuah sistem dengan banyak "halaman" yang berbaris di samping satu sama lain. Setiap halaman memiliki tujuan yang berbeda: satu untuk cuaca, satu untuk mengatur tugas, satu untuk pelanggan tampilan, dll. Masing-masing halaman ini dapat digali lebih lanjut ke dalam (perkiraan jam demi jam, tugas tunggal, pelanggan tunggal) dan ini "subhalaman" dapat ditempatkan secara visual di samping halaman yang sebenarnya.

Sebelum HTML5, Anda harus menentukan secara logis tag header mana yang sesuai dan, jika Anda masuk lebih dari 6 level, Anda kehabisan tag header. Dengan HTML5, Anda dapat mengatur semuanya <h1>tanpa logika tambahan atau batasan bersarang.


Tetapi dia bertanya "apakah Google akan melakukan dengan halaman ...". Sistem yang Anda bayangkan dalam jawaban Anda lebih mirip antarmuka aplikasi web daripada webiste. Biasanya aplikasi web seharusnya tetap di belakang login, karenanya Google tidak dapat menjelajahnya sama sekali.
Marco Demaio
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.