Panduan Header Tags

Apa header tags (H1–H6) adalah dan bagaimana banyak mereka sebenarnya penting untuk SEO — bagaimana Google dan Bing gunakan them, multiple H1s, heading order, keywords, dan accessibility.

Pertama kali diterbitkan: 25 Jun 2026 · Terakhir diperbarui: 9 Agu 2026 · Advanced
Bahasa

Header tags adalah HTML heading elements H1–H6 itu structure sebuah halaman's konten. mereka're sebuah nyata sinyal — Google memiliki called sebuah heading 'sebuah benar-benar strong sinyal' tentang apa sebuah bagian adalah tentang, dan menggunakan H1s ketika generating SERP judul tautan — tetapi mereka penting far lebih sedikit daripada sebagian besar SEO alat imply. Google says heading order tidak memengaruhi rankings dan multiple H1s adalah fine; Bing prefers satu H1. di my study dari di atas sebuah million domains, missing dan multiple H1s adalah keduanya extremely umum dan keduanya rendah-impact. gunakan semantic heading untuk organize konten untuk readers dan screen readers; jangan treat them sebagai sebuah keyword-peringkat lever.

TL;DR — Header tags (H1–H6) adalah sebuah nyata tetapi modest sinyal. Google memiliki called sebuah heading “a benar-benar strong sinyal” (terjemahan) “sebuah benar-benar strong sinyal” tentang sebuah bagian’s topic dan menggunakan <h1> elements sebagai sebuah input ketika generating SERP judul tautan — tetapi ini juga puts heading order dan heading count di bawah “hal Anda tidak seharusnya focus pada,” (terjemahan) “hal Anda tidak seharusnya focus pada,” says multiple H1s adalah fine, dan Illyes confirmed order tidak memengaruhi rankings. Bing diverges: ini ingin satu H1 dan menyatakan bahwa penggunaan tambahan “diminishes the value” (terjemahan) “mengurangi nilainya.” Dalam studi sejuta domain saya, H1 yang hilang (59,5%) dan multiple H1s (51,3%) adalah keduanya rampant dan keduanya rendah-impact. gunakan semantic heading — tidak CSS-styled text — untuk structure konten untuk readers, screen readers, passage peringkat, dan snippets. jangan treat them sebagai sebuah keyword lever.

Evidence for this claim HTML heading elements h1 through h6 represent six levels of section headings. Scope: Document structure and accessibility semantics. Confidence: high · Verified: MDN: Heading elements Evidence for this claim Google can use heading elements as sources when it generates title links. Scope: Title-link generation, not evidence that heading order or count directly determines rankings. Confidence: high · Verified: Google Search Central: Title links

Apa header tags adalah (dan tidak)

Header tags adalah HTML heading elements <h1> melalui <h6> — semantic markers dari sebuah halaman’s konten hierarchy. H1 adalah top tingkat (biasanya halaman’s utama heading), dan H2–H6 langkah down melalui bagian dan subsections. mereka render visibly di body dari halaman, yang adalah apa separates them dari <title> element: tag judul lives di <head>, drives browser tab dan SERP judul tautan, dan tidak ditampilkan pada halaman. H1 adalah pada halaman. mereka frequently overlap di wording, tetapi mereka’re berbeda elements dengan berbeda jobs.

Satu terminology note worth getting right: formal name di HTML spec adalah heading elements. “Header tags” (terjemahan) “Header tags” adalah informal industry istilah untuk yang sama hal — dan ini adalah istilah Bing menggunakan di -nya own docs. jangan confuse either dengan <header> element, yang adalah sebuah HTML5 landmark untuk sebuah halaman atau bagian’s header area (logo, nav), tidak sebuah heading.

cara pick sebuah tingkat. decision aturan adalah structural, tidak visual: sebuah heading’s peringkat seharusnya match di mana ini sits di halaman’s bagian nesting, tidak bagaimana besar Anda ingin ini untuk look. sebuah H2 introduces sebuah major bagian secara langsung di bawah H1; sebuah H3 introduces sebuah subsection di bawah itu H2; dan so pada. jika Anda’re choosing sebuah heading tingkat untuk mendapatkan sebuah particular font size, Anda’re menggunakan wrong alat — gunakan CSS untuk itu dan pick peringkat berdasarkan konten’s sebenarnya position di outline.

ada juga sebuah spec-tingkat detail worth knowing di sini: browser jangan infer sebuah heading’s peringkat dari bagaimana deeply ini adalah nested di dalam <section> atau <article> elements. HTML setelah memiliki sebuah proposed “outline algorithm” (terjemahan) “outline algorithm” itu akan let, say, sebuah <h1> nested dua <section>s deep count sebagai sebuah effective H3 — tetapi Tidak browser ever shipped ini, dan HTML spec formally dihapus ini dari living standard di 2022. Practically: selalu gunakan jelas peringkat Anda berarti (<h1><h6>), dan jangan assume wrapping sebuah heading di nested <section> elements perubahan -nya effective tingkat. ini tidak.

Bagaimana Google menggunakan heading

heading adalah sebuah genuine sinyal — hanya tidak sebuah strong, standalone peringkat lever. sebuah sedikit distinct hal adalah going pada:

  • Topic understanding. John Mueller put ini secara langsung: “A heading adalah a benar-benar strong sinyal telling us ini part dari itu halaman adalah tentang ini topic.” (terjemahan) “sebuah heading adalah sebuah benar-benar strong sinyal telling us ini bagian dari halaman adalah tentang ini topic.” Crucially, he mengatakan tingkat tidak penting banyak — “apakah Anda put itu menjadi an H1 tag atau an H2 tag atau H5 atau whatever, itu tidak matter so banyak” (terjemahan) “apakah Anda put itu ke sebuah H1 tag atau sebuah H2 tag atau H5 atau whatever, itu tidak penting so banyak” — ini adalah heading-sebagai-signpost itu helps. dan he adalah equally jelas itu “headings pada itu halaman adalah tidak itu hanya ranking factor itu we memiliki.” (terjemahan) “heading pada halaman adalah tidak satu-satunya peringkat factor itu kami memiliki.”
  • judul tautan generation. Since August 2021 judul generation perbarui, Google menggunakan <h1> elements sebagai satu dari utama sources untuk generating judul tautan ini menampilkan di hasil pencarian. So sebuah jelas, prominent, distinctive H1 reduces odds Google rewrites Anda judul di SERP — dan sebuah missing atau vague satu raises them.
  • Passage peringkat. Bersih heading + paragraf units memberikan Google parsable segments ini dapat identify dan peringkat sebagai distinct passages di dalam sebuah panjang halaman. sebuah muddled atau deeply nested structure membuat itu harder.
  • Featured snippets. heading-delimited konten — H2/H3 pertanyaan, numbered langkah — adalah persis apa Google extracts ke list dan table snippets. Structure feeds itu.

Now deflating bagian. Google’s SEO Starter Guide files heading guidance di bawah “hal we believe Anda tidak seharusnya focus pada.” (terjemahan) “hal kami believe Anda tidak seharusnya focus pada.” Dua lines dari di sana penting:

“Having your headings in semantic order is fantastic for screen readers, but from Google Search perspective, it doesn’t matter if you’re using them out of order.” (terjemahan) “Urutan semantik heading sangat membantu pembaca layar, tetapi urutan tersebut tidak berpengaruh dari sudut pandang Google Search.”

“There’s also no magical, ideal amount of headings a given page should have. However, if you think it’s too much, then it probably is.” (terjemahan) “Tidak ada jumlah heading ideal yang ajaib untuk sebuah halaman. Namun, jika menurut Anda jumlahnya terlalu banyak, kemungkinan memang demikian.”

Gary Illyes reconfirmed order poin di July 2024 SEO Office Hours, dan explicitly sided dengan Starter Guide di atas SEO alat itu flag heading order: “from Google Search perspective, it doesn’t matter if you’re using them out of order,” (terjemahan) “dari Google Penelusuran perspective, ini tidak penting jika Anda’re menggunakan them out dari order,” menambahkan itu “itu web di large tidak valid HTML code, so Google Search rarely relies pada itu semantic meanings hidden di itu HTML specification.” (terjemahan) “ web di besar tidak valid HTML code, so Google Search rarely relies pada semantic meanings hidden di HTML specification.” Ketika sebuah non-Google alat flags sesuatu, he noted, “that doesn’t make it relevant for Google.” (terjemahan) “itu tidak membuat ini relevant untuk Google.”

Multiple H1s: Google adalah fine, Bing tidak

ini adalah paling bersih place di mana dua mesin sebenarnya diverge, so ini adalah worth stating plainly.

Google memiliki mengatakan ini tentang sebagai banyak cara sebagai ini dapat. Mueller: *“You can use H1 tags as often as you want on a page. There’s no limit, neither upper or lower bound,” (terjemahan) “Tag H1 dapat digunakan sesering yang diperlukan; tidak ada batas atas ataupun bawah,” dan “your site is going to rank perfectly fine with no H1 tags or with five H1 tags.” (terjemahan) “Anda situs adalah going untuk peringkat perfectly fine dengan Tidak H1 tags atau dengan five H1 tags.” di “Ask Google Webmasters” (terjemahan) “tanyakan Google Webmasters” video: *“Our systems don’t have a problem when it comes to multiple H1 headings on a page. That’s a fairly common pattern on the web.” (terjemahan) “Sistem Google tidak bermasalah dengan beberapa heading H1 pada satu halaman; pola itu cukup umum di web.” Ia juga mengatakan sistem akan berfungsi dengan “styled pieces of text without semantic HTML at all.” (terjemahan) “styled pieces dari text tanpa semantic HTML di semua.” So dari Google’s side, H1 count adalah sebuah non-issue untuk rankings.

Bing takes opposite stance. -nya panjang-standing webmaster guidance recommends satu H1 per halaman dan menyatakan bahwa penggunaan lebih dari satu “diminishes the value of the <h1> tag” (terjemahan) “mengurangi nilai tag <h1>” — alasannya menjadi “there’s supposed to be only one big idea per page.” (terjemahan) “ada supposed untuk menjadi hanya satu big idea per halaman.” Bing Webmaster alat actively flags multiple H1s, though hanya sebagai sebuah rendah-priority Notice, tidak sebuah error. So jika Anda care tentang Bing, leaning toward sebuah single H1 adalah safer default.

Di mana mereka agree: satu H1 per halaman adalah right panggil untuk accessibility, regardless dari apa either mesin melakukan untuk rankings. itu’s nyata alasan “satu H1” (terjemahan) “satu H1” convention ada — screen reader pengguna navigate oleh heading, dan multiple H1s muddy document outline.

Apa my data sebenarnya menampilkan

Ketika I studied di atas sebuah million domains (1 002 165 dari them) untuk paling umum teknis SEO issues, dua heading findings stood out — dan keduanya adalah reassuring:

  • 59,5% dari situs memiliki halaman dengan missing atau empty H1 tags. My take di time: missing H1s adalah sebuah minor issue, terutama jika text adalah wrapped di sebuah H2 alih-alih. biasanya sebuah easy perbaiki, tetapi I jangan expect banyak impact.
  • 51,3% dari situs memiliki halaman dengan multiple H1 tags. Multiple H1s adalah diizinkan di modern HTML dan Google memiliki mengatakan mereka’re tidak sebuah masalah. Worth confirming setiap H1-tagged heading adalah sebenarnya halaman-relevant, tetapi I jangan treat ini sebagai significant.

dengan kata lain: dua heading “issues” (terjemahan) “issues” Anda audit alat screams tentang loudest adalah present pada lebih daripada half dari entire web, dan neither adalah sebuah bermakna peringkat concern. I’ve dibuat poin bluntly sebelum — ketika seseorang claims sebuah H1 perubahan lifted mereka rankings, ini adalah hampir selalu karena mereka simultaneously ditambahkan keyword-rich copy tinggi pada halaman (prominence), tidak H1 element itself. Anda dapat tukar Anda H1s untuk sebuah styled <span> dan peringkat impact akan menjadi roughly tidak ada apa pun.

itu mengatakan: jangan baca ini sebagai “headings adalah useless.” (terjemahan) “heading adalah useless.” mereka’re useless sebagai sebuah keyword peringkat trick. mereka’re genuinely berguna sebagai structure — untuk readers, untuk screen readers, dan untuk snippet/passage machinery di atas.

Keywords di heading

gunakan them — naturally. sebuah heading seharusnya deskripsikan bagian ini sits di atas, dan jika Anda target topic adalah apa bagian adalah tentang, keyword menampilkan up pada -nya own. hal untuk hindari adalah forcing tepat-match phrases ke setiap heading. correlation data poin lainnya cara: top-peringkat halaman adalah, jika apa pun, slightly lebih sedikit mungkin untuk cram tepat-match keywords ke H1. dan remember Mueller’s framing — heading’s job adalah untuk sinyal “ini part dari itu halaman adalah tentang ini topic,” (terjemahan) “ini bagian dari halaman adalah tentang ini topic,” tidak untuk menjadi sebuah keyword slot.

juga: H1 dan tag judul jangan perlu untuk match. Illyes, ditanyakan persis ini, mengatakan “No, just do whatever makes sense from a user’s perspective.” (terjemahan) “Tidak, hanya melakukan whatever membuat sense dari sebuah pengguna’s perspective.” beberapa overlap di wording adalah natural; sebuah tepat match adalah tidak sebuah requirement.

Semantic heading vs. CSS-styled text

ini adalah kesenjangan sebagian besar heading advice skips. sebuah heading itu looks like sebuah heading tidak niscaya sebuah heading. <div class="section-title">Big Bold Text</div> dapat menjadi visually identical untuk sebuah <h2>, tetapi ini carries Tidak structural meaning — Tidak sinyal untuk crawler, dan tidak ada apa pun untuk sebuah screen reader untuk navigate oleh. Google dapat sometimes baca visually prominent text (ini adalah satu dari inputs untuk judul tautan generation), tetapi untuk umum heading sinyal, passage peringkat, dan accessibility, Anda ingin nyata semantic <h> elements. jika Anda’re pada sebuah CMS, ini adalah sering controlled oleh theme/template, tidak editor — sebuah heading Anda jenis di editor mungkin render sebagai sebuah styled paragraf depending pada template. Worth memeriksa.

heading order dan accessibility

Dua terpisah pertanyaan itu constantly mendapatkan digabungkan:

  • untuk Google rankings: order tidak penting (Starter Guide + Illyes, di atas). Skipping dari H2 untuk H4 tidak akan hurt Anda rankings. Martin Splitt’s framing adalah berguna di sini — jika Anda structure Anda konten differently, “Anda tidak structure it better, Anda tidak structure it worse, Anda sekadar structured it differently.” (terjemahan) “Anda tidak structure ini better, Anda tidak structure ini worse, Anda hanya structured ini differently.”
  • untuk accessibility: order penting sebuah great deal. Per WebAIM’s survey, besar majority dari screen reader pengguna navigate halaman oleh heading, dan sebuah logical H1 → H2 → H3 outline adalah apa membuat itu berfungsi. W3C’s own heading guidance recommends terhadap skipping tingkat untuk persis ini alasan — ini adalah strong authoring guidance untuk ikuti. tetapi ini adalah tidak secara otomatis sebuah WCAG failure oleh itself: apakah sebuah skipped tingkat sebenarnya fails sebuah criterion like 1.3.1 (Info dan Relationships) bergantung pada evaluating spesifik halaman, tidak sebuah blanket “any skip = fail” (terjemahan) “apa pun skip = fail” aturan. Treat ini sebagai sebuah nyata masalah untuk perbaiki, tidak sebuah guaranteed conformance violation untuk cite.

So my practical aturan: pertahankan sebuah bersih, logical hierarchy untuk accessibility win, dan jangan lose sleep di atas heading-order warnings Anda SEO alat fires — itu adalah optimizing untuk sebuah hal Google memiliki explicitly mengatakan ini tidak gunakan.

sebuah note pada JavaScript-dirender heading

jika Anda heading hanya muncul setelah client-side JavaScript berjalan, mereka’ll umumnya masih mendapatkan terindeks — tetapi pada Google’s dua-phase render cycle, yang dapat lag. dan heading itu hanya muncul setelah sebuah pengguna interaction (clicking sebuah tab, expanding sebuah accordion) dapat tidak menjadi terindeks di semua, karena Google tidak click. untuk halaman itu perlu untuk peringkat, mendapatkan Anda heading structure ke server-dirender atau static HTML. ( rendering side dari ini lives di JavaScript SEO.)

Best practices, condensed

  • gunakan satu H1 per halaman sebagai sebuah default — mostly untuk accessibility dan untuk Bing, since Google tidak care tentang count.
  • gunakan H2/H3 untuk organize bagian; H4–H6 hanya ketika konten genuinely nests itu deep (sebagian besar halaman jangan).
  • Tulis descriptive heading itu reflect bagian; let keywords muncul naturally alih-alih stuffing tepat matches.
  • gunakan nyata semantic <h> tags, tidak CSS-styled divs.
  • pertahankan sebuah logical hierarchy untuk screen readers — bahkan though Google tidak memerlukan ini.
  • Put critical heading di server-dirender HTML, tidak JS-hanya.
  • jangan treat memperbaiki heading pada sebuah existing situs sebagai sebuah rankings play. Mueller again: “if you have an existing site, fixing this isn’t going to change your site’s rankings.” (terjemahan) “jika Anda memiliki sebuah existing situs, memperbaiki ini tidak going untuk perubahan Anda situs’s rankings.” wins adalah clarity dan accessibility.

Di mana untuk go berikutnya

ini hub adalah overview dari seluruh H1–H6 family. H1 tag mendapatkan -nya own deep dive sebagai sebuah sibling artikel di ini cluster — H1-spesifik best practices, satu-H1 debate di detail, dan bagaimana H1 feeds judul tautan generation. Multiple H1 tags mendapatkan -nya own deep dive too, focused secara khusus pada “does it hurt SEO?” (terjemahan) “melakukan ini hurt SEO?” pertanyaan HTML5’s sectioning konten raises. untuk head element itu’s sering confused dengan H1, see tag judul. lebih luas pada-halaman picture lives di pada-halaman SEO pillar.

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.