pengembangan-web-mp-pd.com

Apakah boleh menggunakan beberapa tag h1 pada halaman yang sama, tetapi gaya mereka berbeda?

Saya memiliki halaman web yang saya gunakan tag h1 beberapa kali dalam berbagai DIV dan saya gaya h1 untuk setiap div menjadi ukuran yang sesuai.

Sebagai contoh...

#content h1 {
  font-size:22px;
}

#left-nav h1 {
  font-size:14px;
}

#content .recent-news h1 {
  font-size:16px;
}

Apakah ini baik-baik saja? Saya khawatir tentang SEO.

Apa cara terbaik untuk masalah ini? Atau apakah saya mengkhawatirkan apa-apa?

htmlcssseo
43
Brad

Menurut pendapat saya, Anda tidak perlu khawatir, boleh saja seperti ini.

H1 menunjuk bagian dari konten Anda untuk menjadi pos tingkat pertama. Jadi jika Anda memiliki tajuk tingkat pertama di div navigasi Anda (mis. <H1>Navigation Menu</H1>), tentu saja itu seharusnya #nav h1.

Jika Anda harus memiliki beberapa H1 dalam konten Anda tergantung: Jika Anda memiliki blog dan setiap entri memiliki judulnya sendiri, itu akan menjadi H1s. Namun, jika blog Anda sendiri memiliki tajuk (mis. <H1>My Blog!</H1>), tajuk entri blog harus berupa H2. 

Tapi itu hanya teori. Cari apa yang dapat dibaca, markup semantik. Anda dapat memutuskan itu dengan melihat html Anda dan bertanya pada diri sendiri: 'Apakah bisa dibaca? Apakah keterbacaan akan meningkat jika saya melakukannya dengan cara lain? ' Jawabannya akan bervariasi dari proyek ke proyek.

10
Treb

Matt Cutts dari Google menjawab Lebih dari satu H1 pada halaman: baik atau buruk? (5 Mar 2009) dengan:

Nah, jika ada alasan logis untuk memiliki beberapa bagian, itu tidak Buruk untuk dimiliki, Anda tahu beberapa h1s. Saya akan memperhatikan Berlebihan. Jika seluruh halaman Anda adalah h1, itu terlihat cantik Creti, Kan? Jadi jangan lakukan semua h1 dan kemudian Anda CSS agar terlihat seperti Teks biasa karena kami melihat orang-orang, yang merupakan pesaing mengeluh tentang Bahwa jika pengguna pernah mematikan CSS atau CSS tidak melakukannya? t memuat, sepertinya benar-benar buruk. Jadi, Anda tahu, boleh saja memiliki sedikit h1 di sini Dan kemudian mungkin ada dua bagian pada satu halaman, dan jadi mungkin memiliki Sedikit h1 di sini.

Tetapi Anda benar-benar harus menggunakannya untuk tajuk atau tajuk, yang maksudnya . Tidak hanya melempar h1 ke mana pun Anda bisa di halaman. Karena saya bisa memberi tahu Anda, jika Anda hanya membuang h1 di mana-mana di halaman, Orang-orang telah mencoba untuk menyalahgunakannya dan karenanya algoritma kami mencoba untuk mempertimbangkan sehingga tidak benar-benar bermanfaat bagi Anda. Jadi saya akan Menggunakannya di tempat yang masuk akal dan lebih hemat, tetapi Anda dapat memilikinya Beberapa kali.

27
Joel

Ingatlah bahwa h1s Anda digunakan untuk menunjukkan konteks, bukan tata letak. Jadi, pada dasarnya tidak ada yang salah dengan memiliki beberapa halaman.

Dalam contoh khusus ini, Anda perlu memutuskan apakah h1s nav kiri Anda memiliki kepentingan kontekstual yang sama dengan konten Anda h1s dan h1s berita terbaru Anda. Jika hierarki yang jelas ada di pikiran Anda, gunakan tag tajuk Anda untuk menunjukkannya.

14
Yes - that Jake.

Secara umum, Anda hanya boleh memiliki satu h1 per halaman, dan h1 itu harus mewakili konten pada halaman itu. Selama Anda bersedia untuk mendesain dengan CSS, cari tahu level judul mana (h2, h3, h4, dll.) Yang dengan benar mewakili judul yang ingin Anda gunakan, dan kemudian gaya mereka.

10
sykora

Semantik, saya lebih suka menggunakan satu h1 pada halaman, terutama untuk judul halaman. Mungkin tidak terlalu penting dengan SEO, dan dengan cara html menggunakan HTML5, tag header generik akan membuatnya lebih sederhana dan argumen ini usang.

3
ern

Saya tidak suka gagasan beberapa H1s. H1 adalah tingkat teratas, tajuk terpenting dan halaman pada dasarnya akan membahas topik itu. Jika Anda memiliki topik kedua yang sama pentingnya, jangan letakkan di tag H1 lain, cukup taruh di halaman lain. Pantas untuk itu, kan?

1
aalaap

Saya mencoba untuk hanya memiliki satu H1 pada halaman dan memilikinya hampir tetapi sedikit diatur ulang dari isi tag judul/H1 adalah ide utama dari setiap halaman setiap hal lain harus menjadi tag h2 dan ... . 

0
Tab Petree

Jika ini menyangkut seo, lebih baik menggunakan tag h1 Dan jika Anda ingin menggunakannya hanya untuk tujuan penggunaan, gunakan stylesheet css. 

Yang paling penting adalah: Jika lebih dari satu tag h1 digunakan di halaman web maka google dapat menganggap halaman itu sebagai spam. gunakan tag heading lain selain h1 seperti h2 h3 h4 h5 h6 beberapa kali.

0
seo header tags

Dalam mencoba menjawab pertanyaan yang sama saya memposting pertanyaan ini yang mungkin memiliki beberapa informasi berguna. Perhatian saya dengan menggunakan H1, H2, H3 yang sama di tempat yang berbeda adalah bahwa kecuali Anda SELALU menentukan gaya 'induk' seperti yang Anda lakukan dalam contoh Anda * - maka Anda dapat mengalami masalah.

Dilema dalam memutuskan cara membuat CSS Untuk H1, H2, H3 dll.

* Itu artinya Anda tidak pernah mendefinisikan 'h1' dengan sendirinya

0
Simon_Weaver

Itu semua tergantung sedikit pada apa doctype Anda. Dengan html5 tidak masalah menggunakan beberapa tag h1 per bagian. (jangan baca, per <section></section>!) Saat menggunakan contoh XHTML 1.0 Transitionaldoctype, saya akan menghindari menggunakan beberapa tag h1 pada satu halaman.

Ketika menggunakan contoh XHTML 1.0 Transitionaldoctype, saya sering mencari yang seperti ini:

  • h1: maks. satu kali per halaman
  • h2: maks. dua kali per halaman
  • dll.

Juga @ joel, meskipun jawaban Anda agak OK, tolong jangan coba-coba membingungkan siapa pun ... Saya dapat mengatakan saya seorang insinyur perangkat lunak Google, karena saya hanya bekerja dengan Google (bukan perusahaan, tetapi produk) DAN saya seorang insinyur ... Sebutkan nama perusahaan Anda DAN sertifikasi apa pun saat mengklaim hal-hal seperti itu.

0
user1139291

Saya pikir praktik SEO yang baik untuk menempatkan tag H1 di bagian atas setiap elemen blok pada halaman saya, tapi itu hanya saya. Tentu saja tag H1 ini harus berisi informasi yang relevan dengan kata kunci/topik yang Anda targetkan.

Ini adalah metode SEO yang sangat efektif yang saya temukan, sehingga orang-orang yang memberi tahu Anda untuk tidak melakukan ini berusaha agar Anda tidak ikut bergabung dalam kemenangan kami.

0
Charles Addis