Tag Header: Panduan Sederhana (Tapi Lengkap) Untuk Tag Heading HTML H1, H2 dan H3 Untuk SEO
Diterbitkan: 2020-08-25
Ini adalah panduan lengkap untuk tag header pada tahun 2021.
Dalam panduan baru ini, Anda akan belajar dengan tepat bagaimana menggunakan tag H1 hingga H6 untuk mendorong peringkat mesin pencari yang lebih tinggi, bahkan jika Anda baru mengenal tag header SEO, atau, ditipu (oleh Google) dengan berpikir bahwa tag heading tidak kerja.
Anda akan mempelajari semua yang perlu Anda ketahui tentang elemen heading HTML dari apa adanya (secara sederhana) hingga strategi heading lanjutan yang terbukti meningkatkan jangkauan dan keterlibatan konten Anda.
Berikut ini ikhtisar singkat tentang apa yang tercakup:
- Apa itu tag heading dan bagaimana cara menggunakannya
- Perbedaan antara tag H1, H2 dan H3 dan kapan waktu yang tepat untuk menggunakan masing-masing jenis
- Lima alasan mengapa tag heading sangat penting saat ini
- Anatomi hierarki tag header yang terstruktur sempurna
- Cara membuat tag H1 hingga H6 yang memberikan peringkat (dan penjualan) lebih tinggi
- Banyak lagi
Mari kita mulai.
UNDUH: Daftar periksa gratis yang akan menunjukkan kepada Anda dengan tepat bagaimana menerapkan tip pengoptimalan tag header yang terdapat dalam posting ini.
Apa itu Tag Judul? Definisi Bebas Jargon
Secara sederhana:
Tag heading adalah elemen HTML yang digunakan untuk menentukan judul halaman.
Mereka membedakan heading <h1> dan sub-heading <h2> hingga <h6> dari konten lainnya.
Angka dari 1 hingga 6 menentukan pentingnya dan posisi sebuah heading dalam hierarki keseluruhan struktur heading.
Seperti kebanyakan istilah SEO, ada banyak sinonim yang digunakan secara bergantian untuk mendeskripsikan heading:
Tag header, heading HTML, dan tag H adalah beberapa cara lain untuk menggambarkan hal yang sama.
Jadi jika Anda pernah mendengar istilah-istilah SEO sebelumnya, sekarang Anda tahu apa artinya.
Mereka semua hanya tag heading, dengan nama yang berbeda.
Di sisi lain, " header HTML " adalah bagian kode antara elemen <header> pada halaman web.
Ini adalah wadah untuk konten pengantar seperti navigasi, logo, informasi penulis, dan detail judul.
Dengan kata lain, ini adalah wadah yang dapat menyertakan tag heading Anda (antara lain).
Anda juga TIDAK boleh mengacaukan tag heading dengan elemen < head > dari kode HTML.
< head > adalah wadah untuk metadata (data tentang data) dan ditempatkan di antara tag < html > dan tag <body> di halaman web Anda. Isinya tidak ditampilkan pada halaman tetapi sangat penting untuk SEO.
Ini adalah tempat dalam kode Anda di mana Judul Halaman, Deskripsi Meta, dan skrip seperti Google Analytics Anda ditempatkan.
Masih bersamaku?
Bagus, mari kita lanjutkan.
Apa Itu Tag H1?
Anggap saja Anda tidak tahu apa-apa tentang H1.
Saya akan membagikan definisi yang sangat sederhana dengan Anda:
H1 adalah tag HTML yang menunjukkan judul utama pada halaman web.
Mari kita membongkar itu.
- Ini adalah elemen HTML, artinya tag H1 ada di dalam kode situs web Anda.
- Itu digunakan untuk menandai tajuk utama, biasanya tajuk pertama yang terlihat di halaman.
Untuk menonjolkan teks, tag H1 biasanya ditampilkan lebih besar dan lebih menonjol daripada teks lainnya di halaman atau postingan Anda.
Cara termudah bagi Anda untuk memahami bagaimana Anda akan menggunakan tag Heading 1 adalah dengan membayangkan Anda sedang menulis garis besar dokumen.
Judul utama dokumen Anda harus <h1> Anda.
Ini harus mewakili topik keseluruhan dokumen dan ditampilkan di awal sebagai font besar.
Contoh Tag H1:
Menggunakan contoh di atas dari Smart Passive Income, tag H1 memiliki nilai “Pelajari Pemasaran Afiliasi yang Etis.”
Jika dilihat dalam HTML tag H1 muncul sebagai berikut:
<h1>Learn Ethical Affiliate Marketing</h1>Tentu saja, halaman situs web Anda mungkin memerlukan lebih dari satu judul.
Di sinilah tag heading lainnya masuk.
Apa Itu Tag H2?
Sedangkan tag H1 Anda digunakan untuk judul utama dokumen Anda ;
Poin utama Anda dibungkus dalam subpos yang dikenal sebagai H2s.
Dengan kata lain:
Tag <h2> mendefinisikan judul tingkat kedua di halaman web Anda.
Tapi, tag heading tidak berhenti di H2s.
Sub-poin di bawah tag <h2> Anda menggunakan tag heading <h3>:
Dan sub poin di bawah tag <h3> menggunakan tag heading <h4>.
Urutan ini dapat berlanjut hingga tag <h6>, yang merupakan yang paling tidak penting dalam hierarki tag header.
Namun:
Sangat jarang Anda akan menulis konten yang cukup dalam untuk membutuhkan tag H4, H5, dan H6.
(Kecuali konten Anda sangat panjang dan teknis).
Seperti yang ini pada SEO gambar, sebagian besar posting blog saya panjangnya lebih dari 5.000 kata.
Dan meskipun demikian, subpos saya hanya terdiri dari H2s dan H3s:
Jadi mari kita selesaikan tag H2:
Tag subjudul H2 digunakan untuk memecah konten dan membuatnya dapat dipindai dan mudah dibaca.
H2 digunakan untuk menyorot bagian penting dari informasi dan memimpin subbagian di halaman Anda.
Jika perlu, Anda dapat menggunakan tag H3 sebagai judul untuk sub-poin di bawah H2 Anda.
Menggunakan contoh di atas, seperti inilah tampilan tag H2 dalam kode HTML:
<h2>How To Claim Your Business On Google</h2>Mengerti? Bagus.
Selanjutnya, kita akan mempelajari lebih dalam tentang tag heading dan cara mengkodekannya dalam HTML.
Tag Heading dalam HTML: Dan Pentingnya H1
Tag heading dan khususnya, tag H1, memiliki fungsi penting dalam struktur HTML.
Mari saya jelaskan:
File HTML dapat didefinisikan sebagai kombinasi node, di mana tag heading adalah titik awal dari mana node lain bercabang.
Oleh karena itu, file HTML seharusnya (secara teori) hanya memiliki satu heading H1.
Mengapa? Karena tag H1 adalah akar dari mana semua node lain dimulai.
Sebaliknya, header yang lebih rendah dalam urutan (H2 hingga H6) dapat digunakan sesering yang diinginkan.
Namun, mereka harus mempertahankan hierarki logis – lebih lanjut tentang itu nanti.
Dari sudut pandang kode, tag heading digunakan untuk menampilkan teks saja.
Dengan demikian, pemformatan judul harus ditentukan dalam file CSS untuk memisahkan format dan konten.
Contoh Tag Heading Dan Cara Mengodekannya Dalam HTML
Apa yang membuat tag heading menjadi header dalam kode situs web Anda adalah dua tag HTML sederhana:
Tag pembuka <h> dan penutup </h>.
Di dalam kedua tag tersebut terdapat teks heading yang ingin Anda tampilkan:
Baris kode untuk heading dengan dua subheading terlihat seperti ini:
<h1>This is a heading</h2> <h2>This is a sub-heading</h2> <h3>This is a third sub-heading</h3>Tentu saja, kode situs web Anda tidak hanya akan menampilkan judul.
Ini akan berisi body copy dan elemen lainnya juga.
Berikut tampilan kode HTML dengan serangkaian heading DAN body copy yang disertakan:
<h1>This is a heading</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>Tidak banyak elemen kode selain itu.
Ingatlah:
Setiap tag heading dimulai dengan tag pembuka <h> dan harus ditutup dengan tag penutup </h>.
Hirarki tag (1-6) ditentukan segera setelah "h" dan harus didefinisikan baik dalam tag pembuka dan penutup.
Konten teks Anda ditulis di antara dua elemen tag.
Dengan semua yang dikatakan:
Kecuali Anda mengkodekan halaman web secara khusus (BUKAN sesuatu yang biasanya saya sarankan), kode HTML tag heading Anda akan ditangani oleh sistem manajemen konten Anda.
Cara Menambahkan Tag H1 Ke H6 di WordPress
WordPress adalah sistem manajemen konten web yang paling populer.
Menurut WordCamp, saat ini ada lebih dari 75 juta situs yang menggunakan WordPress .
Itu sekitar 30% dari semua situs web di world-wide-web.
Apa yang membuat WordPress begitu populer adalah keramahan mesin pencari dan kemudahan penggunaannya.
Menambahkan fungsionalitas SEO seperti judul halaman kustom dan permalink, hyperlink, dan gambar yang dioptimalkan sangat mudah di WordPress.
Begitu juga dengan menambahkan tag heading ke Halaman atau Postingan.
Ada dua cara utama untuk menambahkan tag heading di WordPress; Saya akan menunjukkan kepada Anda berdua:
(Sebuah). Menambahkan Tag H1 di WordPress melalui Editor
Cara termudah untuk menambahkan judul adalah melalui editor. Jika Anda sudah menggunakan editor blok Gutenberg, klik tombol '+' dan pilih 'Heading';
Dari sana, Anda dapat memilih heading mana yang ingin Anda tambahkan.
Jika Anda masih menggunakan editor klasik, itu juga sederhana.
Pastikan Anda berada di tab visual editor dan arahkan ke dropdown gaya teks.
Kemudian cukup pilih 'Heading 1' atau 'Heading 2' ...atau heading lain yang Anda inginkan dari menu dropdown.
Mudah, ya?
Opsi selanjutnya untuk menambahkan tag H1 ke H6 di WordPress adalah menggunakan HTML.
(B). Menambahkan Tag H1 di WordPress melalui Editor
Jika Anda ingin, Anda juga dapat menambahkan heading di WordPress menggunakan HTML.
Saya yakin Anda telah mengikuti, jadi Anda sudah tahu kode HTML untuk <h1>, <h2>, <h3> dll.
Ini dimulai dengan <h> pembuka dan diakhiri dengan tag </h> penutup dengan teks judul Anda diapit di antara:
Untuk menambahkan tag <h1> ke <h6> di WordPress menggunakan editor klasik, Anda harus berada di tab teks:
Di editor blok, Anda harus beralih ke edit sebagai HTML.
Untuk melakukannya, klik pada tiga titik vertikal di bilah alat blok. Kemudian, pilih opsi Edit sebagai HTML.
Seperti:
Di salah satu editor, cukup salin/tempel tag heading yang ingin Anda gunakan dari yang di bawah ini , perbarui teks heading Anda, dan Anda siap melakukannya.
<h1>This is an H1 heading</h1> <h2>This is an H2 sub-heading</h2> <h3>This is an H3 sub-heading</h3> <h4>This is an H4 sub-heading</h4> <h5>This is an H5 sub-heading</h5> <h6>This is an H6 sub-heading</h6>Selanjutnya mari kita alihkan perhatian kita ke Shopify.
Cara Menambahkan (Atau Mengubah) Tag H1 Ke H6 di Shopify
Sejak pertama kali muncul, Shopify dengan cepat menjadi platform e-commerce pilihan.
Menurut Hosting Tribunal, hampir setengah juta situs web menggunakan Shopify.
Seperti WordPress, apa yang membuat Shopify paling menarik adalah sentrisitas penggunanya.
Mengelola produk, menambah dan menghapus halaman, dan posting semuanya sangat mudah.
Begitu juga dengan menambahkan tag heading <H2> ke <H6>.
Di dalam Pages atau Posts Editor, cukup klik pada tab pemformatan:
Kemudian pilih tag heading yang Anda inginkan:
Seperti halnya WordPress dan sistem manajemen konten lainnya, Shopify juga menyediakan editor kode.
Untuk menambahkan judul ke Shopify menggunakan editor kode, klik tombol <> di jendela editor dan tambahkan kode judul Anda:
Cukup mudah!
Di sisi lain, jika Anda ingin menambahkan dan mengoptimalkan tag <H1> dan <H2> di halaman lain toko Shopify Anda, seperti halaman rumah atau produk Anda…
Anda akan diminta untuk mengedit file tema Shopify Anda.
Untungnya, Daniel Sim dari Plugin Berguna menyusun panduan praktis tentang itu di sini.
Mengapa Menggunakan Judul?
Jadi kita telah membahas "bagaimana" untuk menambahkan tag heading.
Tapi, tetap saja, Anda mungkin bertanya-tanya "mengapa" menggunakan heading?
Terutama ketika Google telah menggambarkan penggunaan judul untuk SEO sebagai berlebihan:
Terlepas dari apa yang dikatakan Google, ada (sebenarnya) beberapa alasan penting mengapa Anda harus menggunakan tag heading:
1. Tag Judul Meningkatkan Aksesibilitas – Yang Memberikan Jangkauan Lebih Luas pada Konten Anda
Jika Anda ingin konten Anda dapat diakses oleh semua orang, termasuk pembaca tunanetra, tag heading sangat berguna.
Teknologi pembacaan layar menggunakan H1 dan tag heading lainnya untuk membantu pengguna menavigasi konten, memindai, dan mencari halaman.
Seperti yang telah Anda pelajari, heading disematkan dalam HTML, yang berarti:
Pembaca layar dapat menggunakan HTML untuk mengidentifikasi struktur konten dan membaca judul dengan lantang.
Pada gilirannya, ini membantu tunanetra, dan pengguna tunanetra mendapatkan gambaran umum tentang artikel (tanpa perlu mendengarkan kata demi kata).
Mereka kemudian dapat memutuskan apakah akan membaca artikel tersebut secara lengkap atau tidak.
Apalagi:
Pembaca layar akan menawarkan pintasan untuk melompat dari satu judul ke judul berikutnya.
Dengan kata lain, tag heading juga digunakan oleh tunanetra untuk navigasi .
2. Google Menggunakan H1 sebagai Pengganti Judul Tag (Jika Relevan)
Dalam beberapa (tidak begitu) kasus yang jarang terjadi;
Seperti saat Google tidak dapat menemukan atau memproses tag judul Anda.
Google dapat memilih untuk mengekstrak judul dari bagian paling relevan berikutnya dari halaman Anda.
Dalam banyak kasus, ini akan menjadi tag Heading 1 karena ini adalah elemen teks paling menonjol yang tersedia.
Dalam beberapa hal, tag H1 halaman memiliki tujuan yang mirip dengan tag judulnya.
Itu harus memenuhi maksud pencarian, memberi tahu pembaca apa yang dapat mereka harapkan dari halaman, dan membuat pengguna bersemangat untuk membaca lebih lanjut.
Sekarang Anda tahu bahwa Google dapat memilih untuk menampilkan H1 Anda di SERP; pastikan untuk membuat judul yang menarik untuk diklik.
Saya akan berbagi tips tentang cara melakukannya nanti.
3. Judul Digunakan dalam Cuplikan Unggulan
Periksa cuplikan unggulan ini.
Ini adalah Cuplikan Daftar yang menampilkan blog media sosial teratas untuk tahun 2020.
Dan, menurut Anda dari mana teks ini ditarik?
Anda menebaknya. Judul halaman peringkat:
Jika Anda ingin muncul dalam jumlah cuplikan unggulan yang terus bertambah, maka memasukkan judul ke halaman Anda sangat penting.
Yang membawa saya ke alasan saya berikutnya:
4. Google Menggunakan Judul Untuk Menafsirkan Konten Anda (Dan Memberikan Peningkatan Peringkat).
Saya akan membuat poin ini dengan dua pernyataan dari Google.
Pertama, dari John Mueller, Analis Tren Webmaster Senior di Google, yang mengatakan:
“Kami memang menggunakan tag H untuk memahami struktur teks pada halaman dengan lebih baik.”
Dan kedua, dari Matt Cutts, sebelumnya bagian dari tim Kualitas Pencarian Google.
“Google melihat banyak hal yang berbeda. Kami melihat lebih dari 200 hal, PageRank hanyalah salah satunya. Setiap kali kami memberi peringkat sesuatu, kami menggunakan hal-hal dalam judul, di URL, bahkan Anda tahu hal-hal yang disorot seperti tag h1 dan hal-hal seperti itu.”
Matt Cutts, Google
Untuk memperluas ini lebih lanjut:
Google menggunakan judul halaman untuk (lebih baik) menafsirkan tentang konten tersebut.
Karena heading biasanya harus mendahului blok konten:
Google akan melihat judul untuk mempelajari konten berikut: teks, gambar, atau video.
Jika heading dan body copy Anda selaras, Google dapat lebih yakin bahwa konten Anda akan memberikan jawaban yang relevan untuk pertanyaan (berkaitan dengan konten).
Dan pada gilirannya, Anda akan mendapatkan sedikit peningkatan peringkat.
Dengan itu, ke alasan kelima saya menggunakan heading.
5. Penggunaan Heading Berkorelasi Dengan Peringkat Lebih Tinggi
Hampir setiap studi korelasi SEO yang pernah saya lihat menunjukkan korelasi kecil namun positif antara peringkat yang lebih tinggi dan judul pada halaman.
Ambil yang ini dari SEM Rush:
Ditemukan bahwa memiliki artikel yang terstruktur dengan baik (menggunakan tag H2 dan H3) lebih cenderung berkinerja tinggi.
Dan yang ini dari Moz:
Studi faktor peringkat Moz menemukan bahwa halaman dengan kata kunci yang termasuk dalam tag heading H1 lebih cenderung peringkatnya lebih tinggi.
Sedangkan pembobotan yang diberikan pada tag heading oleh penelitian ini hanya sedang, dan;
Beberapa SEO akan (dengan tepat) berpendapat bahwa korelasi tag heading dengan peringkat yang lebih tinggi tidak membuktikan bahwa mereka menyebabkan lebih banyak peringkat teratas , saya yakin Anda akan setuju dengan saya:
Menggunakan tag heading yang dioptimalkan dengan baik sangat berharga.
Atau itu?
Apakah Tag H1 Benar-Benar Berfungsi (Eksperimen SEO)?
Setiap panduan SEO di luar sana menawarkan saran yang sama:
Tapi, tidak semua blog mengikuti apa yang disebut praktik terbaik SEO ini, Moz menjadi salah satunya.
Moz.com adalah salah satu situs web paling tepercaya (dan sangat diperdagangkan) di luar sana tentang topik SEO, namun:
Blog Moz tidak memiliki tag H1 dan menggunakan tag H2 untuk judul utama mereka.
Setelah melihat blog Moz menggunakan tag H2 untuk headline (bukan H1), Craig Bradford dari Distilled menghubungi Cyrus Shepard di Moz.
Bersama-sama, Craig dan Cyrus memutuskan untuk menjalankan eksperimen yang diharapkan akan menentukan sekali dan untuk semua jika tag H1 memengaruhi peringkat mesin pencari.
Untuk melakukan itu, mereka merancang tes split 50/50 dari berita utama blog Moz menggunakan SearchPilot; alat pengujian split A/B SEO.
Dalam percobaan, setengah dari headline Moz diubah menjadi H1, dan setengah lainnya tetap sebagai H2.
Mereka kemudian mengukur perbedaan lalu lintas organik antara kedua kelompok.
Menurut Anda apa yang terjadi ketika headline utama diubah dari tag heading yang salah (H2) menjadi heading yang benar (H1)?
Jawabannya:
Tidak banyak sama sekali!
Setelah delapan minggu mengumpulkan data, mereka menentukan:
Mengubah judul posting blog dari H2s ke H1s tidak membuat perbedaan yang signifikan secara statistik.
Apa yang bisa kita simpulkan dari ini?
Hanya bahwa Google sama-sama dapat menentukan konteks halaman jika judul utama Anda dibungkus dengan H1 atau H2.
Apakah itu berarti Anda harus meninggalkan praktik terbaik dan menghilangkan H1?
Tidak semuanya.
Struktur Tajuk: Anatomi Hirarki Tag Tajuk yang Terstruktur Sempurna
Seperti yang sudah saya tunjukkan:
Judul mengomunikasikan organisasi konten di halaman Anda.
Dan, buat konten Anda lebih bermanfaat bagi pembaca.
Jadi, meskipun Google telah menyatakan bahwa bahkan tanpa “tag heading”, mereka dapat menentukan apa yang penting pada suatu halaman…
Manfaat SEO menggunakan tag heading dan menyusunnya dengan benar membuat upaya ekstra yang diperlukan lebih besar daripada tidak menggunakannya sama sekali…
Pertanyaannya kemudian menjadi:
Cara Menyusun Tag Judul: Hirarki Sederhana (Logis) Untuk Halaman Web
Ketika datang untuk menyusun judul Anda, ada beberapa aturan sederhana untuk diikuti:
- Judul sarang menurut peringkat (atau level) mereka
- Judul paling penting memiliki peringkat teratas (<h1>)
- Judul yang paling tidak penting memiliki peringkat terendah (<h6>)
- Judul dengan peringkat yang sama atau lebih tinggi memulai bagian baru
- Judul dengan peringkat yang lebih rendah memulai subbagian baru yang merupakan bagian dari bagian dengan peringkat lebih tinggi
Saat menerapkan aturan ini, ingatlah pengguna.
Pertama, pengguna visual yang akan memindai halaman Anda;
Apakah hierarki tag Anda membuat struktur halaman lebih menonjol dan lebih mudah dipindai?
Kedua, pengguna tunanetra;
Apakah hierarki tag Anda menggambarkan setiap bagian (dan halaman secara keseluruhan) yang memungkinkan pengguna tunanetra untuk langsung menuju bagian yang paling menarik bagi mereka?
Jika Anda membaca tag header dengan keras, apakah pengguna akan mempelajari (tepatnya) informasi apa yang ada di halaman Anda dan bagaimana pengaturannya?
Jika Anda menjawab "tidak" untuk semua pertanyaan ini, struktur Anda perlu dipikirkan kembali.
Mari kita gunakan contoh:
<h3>Quick Links</h3> <h3>Photography Tutorials</h3> <h1>Setting the Exposure Manually on a Camera</h1> <h3>Set the ISO</h3> <h4>The effect of ISO on image quality</h4> <h4>High ISO cameras</h4> <h3>Choose an aperture</h3> <h4>The effect of aperture on depth of focus</h4> <h4>Vignetting</h4> <h4>Diffraction</h4> <h3>Choose a shutter speed</h3> <h4>Shutter speed limitations for hand-holding a camera</h4> <h4>Long exposures</h4>Dalam struktur di atas:
Garis besar dimulai dengan dua judul <h3>, bukan <h1>, dan tak satu pun dari judul ini merupakan judul utama untuk halaman web.
Sebaliknya, mereka adalah bagian dari struktur navigasi di sekitar heading di template.
Terlebih lagi, setelah konten dimulai, garis besar melompat dari level 1 ke level 3, tanpa judul level 2 di antaranya.
Seperti yang dapat Anda bayangkan;
Pengguna yang memindai judul ini (seperti yang ada di perangkat pembaca layar) akan agak bingung.
Asumsikan kontennya bukan yang mereka cari;
Klik tombol kembali dan pergi ke tempat lain.
Pengunjung hilang!
Saya yakin Anda sekarang mengerti mengapa membuat struktur heading Anda benar sangat penting?
Berpegang pada contoh yang sama…
Inilah yang seharusnya terlihat seperti struktur heading dalam urutan yang sesuai:
<h1>Setting the Exposure Manually on a Camera</h1> <h2>Set the ISO</h2> <h3>The effect of ISO on image quality</h3> <h3>High ISO cameras</h3> <h2>Choose an aperture</h2> <h3>The effect of aperture on depth of focus</h3> <h3>Vignetting</h3> <h3>Diffraction</h3> <h2>Choose a shutter speed</h2> <h3>Shutter speed limitations for hand-holding a camera</h3> <h3>Long exposures</h3>Setiap tingkat heading, <h1> hingga <h3>, menunjukkan hubungan dari satu bagian konten ke bagian lainnya.
Konten di bawah heading berhubungan secara logis dengan heading di atasnya.
Demikian pula, konten dalam blok konten <h2> berada secara logis di bawah <h1> yang mendahuluinya.
Dengan cara ini, struktur heading mengatur isi dokumen secara hierarkis.
Dan, membuatnya sangat jelas apa yang penting.
Bingo!
Pemeriksaan Tag H1: Cara Melakukan Audit Judul
Jadi, Anda sekarang tahu cara menyusun halaman baru di situs Anda, kan!
Tapi, bagaimana dengan halaman Anda yang sudah ada?
Bagaimana Anda bisa memeriksa apakah mereka menggunakan tag heading yang benar?
Nah, ada beberapa cara:
Pertama, Anda dapat memeriksa kode sumber situs web Anda .
Untuk melakukannya, jelajahi halaman web yang ingin Anda periksa menggunakan Google Chrome.
Selanjutnya, klik 'Lihat' lalu 'Pengembang' lalu 'Lihat Sumber.'
Kemudian 'Kontrol F' untuk meluncurkan fungsi pencarian dalam halaman diikuti oleh '<h1' untuk menemukan tag HTML H1 pembuka:
Proses ini dapat diulang untuk H2 menggunakan pencarian '<h2' dan seterusnya.
Anda juga dapat melihat tag heading Anda menggunakan ekstensi browser seperti SEO Quake.
Dengan SEO Quake terinstal, buka halaman yang ingin Anda periksa, navigasikan ke tab 'Diagnosis' di dalam SEO Quake, lalu gulir ke bawah ke bagian Judul.
Ini akan menunjukkan kepada Anda jumlah total tag heading di setiap level, lalu daftarkan tag heading dalam hierarki yang ditampilkan.
Tinjauan singkat halaman di atas menunjukkan bahwa ia menggunakan tag H1, H2, dan H3, dan tag tersebut terstruktur dalam hierarki logis.
Tapi mungkin ada masalah.
Halaman tersebut berisi dua judul H1.
Tag H1: Berapa Banyak Elemen H1 yang Direkomendasikan pada Satu Halaman
Seperti yang saya tunjukkan sebelumnya, sebuah halaman seharusnya hanya memiliki satu tag H1 .
Itu karena tag H1 adalah simpul akar dari mana semua judul lainnya berasal.
Dan, dengan hanya memiliki satu tag H1, upaya SEO Anda terfokus pada satu topik utama – dengan beberapa subtopik (komprehensif) di bawah judul yang menggunakan H2 dan H3.
Itulah struktur yang ideal untuk peringkat hari ini.
Tapi bagaimana dengan contoh di mana halaman Anda memiliki lebih dari satu H1?
Atau bahkan tidak ada H1 sama sekali?
Menurut sebuah penelitian yang dilakukan oleh SEMRush, sebagian besar situs web mengandung masalah tag H1:
Namun, menurut Google, ini tidak perlu dikhawatirkan:
Terutama, karena HTML5 dapat menggunakan H1 untuk memimpin beberapa bagian dalam halaman yang sama.
Jadi apa yang saya rekomendasikan?
Jika Anda sudah menggunakan HTML5, yang dapat memiliki bagian berbeda dalam halaman yang sama, maka menggunakan tag H1 untuk setiap bagian tidak masalah.
Namun, jika Anda menggunakan kode pra-HTML5, di mana satu halaman biasanya berarti satu topik inti – maka patuhi aturan satu h1/satu halaman!
Cara Membuat Tag Pembunuh H1 hingga H6. Lima Tips Menulis Header
Selanjutnya, saya akan membagikan dengan tepat cara menulis judul yang memangkas rasio pentalan, meningkatkan waktu di halaman, dan pada akhirnya mendorong peringkat dan konversi mesin telusur yang lebih tinggi untuk situs web Anda.
Mari kita masuk:
1. Beri Mereka Apa Tujuan Mereka – Menguasai Maksud Pencarian Dengan H1s
Google mengatakan menggunakan kata kunci dalam judul Anda tidak akan membantu Anda mendapatkan peringkat yang lebih baik.
Mereka salah!
Saya setuju bahwa kata kunci di dalam judul mungkin bukan faktor peringkat langsung , tetapi kata kunci itu tetap membantu Anda memberi peringkat lebih tinggi dari waktu ke waktu.
Bagaimana bisa?
Dua kata kecil; maksud pencarian.
Bayangkan sejenak Anda telah menelusuri sesuatu di Google, mengeklik hasil yang relevan, dan menyelesaikannya di laman landas.
Dalam skenario A, halaman yang Anda klik memiliki judul yang diartikulasikan dengan jelas yang sangat cocok dengan istilah pencarian Anda.
Dalam skenario B, judul halaman sama sekali tidak cocok dengan istilah pencarian Anda.
Di halaman mana Anda tinggal?
Halaman A, tentu saja.
Algoritme pembelajaran mesin Google, yang dikenal sebagai RankBrain menggunakan konsep ini sebagai faktor peringkat dengan mengukur waktu tinggal pengguna.
Waktu tunggu yang lama (AKA time-on-page) adalah ukuran kepuasan pencari.
Jika pengguna menghabiskan waktu yang lama di halaman web - sebagai lawan dari pogo-menempel kembali ke hasil pencarian segera - Google akan menganggap pengguna menemukan apa yang mereka cari.
Dan, pada gilirannya, berikan peningkatan peringkat pada halaman.
Sederhananya:
Memaksimalkan waktu tinggal dan meminimalkan pogo-sticking sangat penting untuk peringkat yang lebih tinggi akhir-akhir ini.
Salah satu faktor paling signifikan yang memengaruhi waktu tunggu adalah apa yang dilihat pengguna saat pertama kali membuka halaman. Dengan kata lain, judul.
Karena semua spesialis pencarian berbayar akan memberi tahu Anda jika Anda menargetkan kata kunci "tongkat hoki", halaman arahan Anda harus menyertakan istilah itu (atau variasi yang sangat mirip) dalam judul. Hal yang sama berlaku untuk pencarian organik.
Kuncinya di sini adalah; kata kunci target atau variasi yang mirip .
Tentu saja, Anda dapat memasukkan kata kunci yang tepat jika Anda mau, tetapi itu tidak penting.
Hal utama adalah mencocokkan maksud di balik pencarian pengguna, yang memungkinkan Anda menggunakan variasi dan sinonim untuk membuat judul Anda lebih alami dan menarik.
Either way, mencerminkan istilah pencarian di judul akan mengatakan kepada pengguna, "Anda telah menemukan apa yang Anda cari" yang meningkatkan kemungkinan mereka akan bertahan.
Mari kita ilustrasikan ini dengan sebuah contoh:
Glen Allsopp di Detailed.com menulis posting bumper ini tentang pembuatan tautan.
Ini menargetkan kata kunci “pembuatan tautan lanjutan.”
Untuk membantu postingan memenuhi maksud pencarian, Glen memasukkan kata kuncinya di Judul Halaman postingan:
Dan lagi di Header halaman.
Jelas bagi siapa pun yang mencari "pembuatan tautan lanjutan" pos Glen akan memiliki apa yang mereka cari.
Ini hanya dapat membantu meningkatkan waktu tunggu posting Glen dan menenangkan algoritma RankBrain Google.
2. Gunakan Teknik “So What” dan Ubah Judul Membosankan yang Berfokus pada Fitur Menjadi Kait Berbasis Manfaat
Alih-alih hanya menulis subjudul pendek yang berfokus pada fitur.
Saya memasukkan manfaat ke dalam setidaknya 50% dari H2 saya:
Mengapa saya melakukan itu?
Dengan menggunakan manfaat saya mengisyaratkan bagaimana informasi saya akan membantu pembaca saya dalam peran mereka sebagai SEO.
Contohnya:
Dalam posting ini tentang eksperimen SEO saya bisa saja menulis "Gunakan Tautan Keluar" sebagai H2.
Namun sebaliknya, saya menyertakan manfaat yang berdampak yang menunjukkan masalah yang akan dipecahkan oleh informasi tersebut.
Jika Anda seorang SEO dan Anda memiliki masalah yang sama, Anda hampir pasti akan terus membaca.
Jadi, bagaimana Anda menyusun judul yang didorong oleh manfaat?
Bertanya: “jadi apa?” beberapa kali.
Izinkan saya menunjukkan kepada Anda sebuah contoh yang saya peroleh dari Enchanting Marketing:
Fitur: Oven memanas dengan cepat.
Terus?
Ini dengan cepat siap untuk mulai memasak lasagna Anda.
Terus?
Makanan Anda ada di meja lebih cepat.
Terus?
Hidup kurang stres. Ada lebih sedikit berkeliaran di dapur menunggu oven siap. Dan Anda tidak perlu khawatir; Anda mungkin lupa untuk memanaskan oven terlebih dahulu.
Judul Anda yang dimulai sebagai "Fungsi Pemanasan Awal"
Sekarang bisa menjadi:
“Hemat Waktu dan Kurangi Stres Anda Dengan Fungsi Pemanasan Awal yang Unik Ini”
Mana yang lebih mungkin membuat Anda terpaku pada halaman?
3. Jadikan Judul Anda Pop Dengan Font Yang Menonjol dan Warna yang Kontras
Anda telah memakukan salinan Anda dan judul Anda memenuhi maksud pencarian dengan sempurna, apa selanjutnya?
Untuk membantu pembaca menavigasi konten Anda dengan lebih baik, Anda harus membuat judul dan subjudul Anda dapat dibedakan.
Dengan kata lain, judul Anda harus "POP" di halaman.
Menjadi dapat dibedakan dapat melibatkan diferensiasi visual dalam warna, ukuran, font atau efek.
ATAU kombinasi dari semua ini.
Mari kita lihat beberapa contoh:
Blog Ahrefs melakukan pekerjaan yang baik dalam membedakan header mereka:
Mereka menggunakan ukuran font yang berbeda dan secara halus berkembang dari hitam ke abu-abu saat mereka bergerak ke bawah hierarki header.
Untuk poin bonus, mereka juga menggunakan font khusus yang dikembangkan secara eksklusif untuk merek mereka.
Contoh bagus lainnya adalah Single Grain Eric Siu yang menggunakan warna oranye kontras untuk judul blog mereka.
Anda ingin judul Anda menonjol, sehingga secara visual berbeda dari elemen lain di halaman – terutama ajakan bertindak .
Terlalu banyak tumpang tindih visual dapat mengakibatkan lebih sedikit bola mata pada CTA Anda yang mengarah ke konversi yang lebih rendah.
Dengan itu, ke tip keempat saya
4. Manfaatkan Teknik Copywriting yang Bagus Ini, Pangkas Tingkat Pentalan Anda, dan Tingkatkan Penjualan Anda
Jika ini tidak membuat Anda menganggap serius penulisan judul, tidak ada yang akan:
Pernyataan ini menggarisbawahi pentingnya judul, dan mengapa itu menentukan efektivitas keseluruhan bagian Anda.
Singkatnya, semakin baik judul Anda, semakin baik peluang Anda untuk mengalahkan rata-rata dan mendapatkan apa yang telah Anda tulis dibaca.
Ini tidak hanya berlaku untuk heading utama Anda (H1), tetapi juga subpos Anda (H2 hingga H6).
Setiap kali ada jeda dalam konten Anda, pembaca Anda memiliki dua pilihan;
Entah mereka berhenti, atau terus membaca.
Itulah mengapa sangat penting untuk menggunakan salinan yang memikat di seluruh heading Anda (H1 hingga H6).
Saya bukan ahli copywriting, jadi saya akan menyerahkannya pada Kursus KopyWriting Nevile Medhora untuk membagikan beberapa tip penulisan judul.
5. HENTIKAN Pembaca Di Jejaknya Dengan Menyisipkan Elemen Judul Ini Ke Konten Anda
Menggunakan grafik sangat bagus.
Menggunakan heading sangat bagus.
Tetapi ketika Anda menggabungkan keduanya, keajaiban yang sebenarnya terjadi.
Seperti yang sudah kita bahas:
Meningkatkan waktu pengguna di halaman akan meningkatkan hasil peringkat Anda.
Waktu tunggu yang lama memberi tahu Google bahwa pengguna Anda puas – dan pada gilirannya, konten Anda mendapat peningkatan peringkat.
Untuk meningkatkan waktu di halaman, ada satu hal yang harus Anda fokuskan di atas segalanya;
Membuat konten Anda lebih mudah dibaca .
Selain;
- Paragraf pendek
- Gambar dan multimedia
- Blok kutipan
- Poin peluru
- kuis
Ada elemen konten interupsi lain yang harus Anda sisipkan di samping sub-judul Anda yang pasti akan menghentikan "skimmer konten" di jalurnya:
Grafik Header Kustom
Lihatlah ringkasan ini tentang SEO lokal di blog SEO Sherpa.
Di samping tag header H2, saya telah menambahkan grafik khusus yang memperkenalkan setiap sub-bagian dari posting.
Mereka tidak hanya membuat postingan terlihat JAUH lebih mengesankan.
Tapi, mereka membantu meningkatkan waktu di halaman menjadi rata-rata 4 menit yang layak:
Yang jauh di atas rata-rata untuk situs:
Membuat grafik ini mudah karena saya cukup beruntung memiliki dua staf desainer penuh waktu.
Tapi, jika Anda belum siap untuk membangun tim desain Anda sendiri, masih ada banyak pilihan di luar sana
- Canva – alat pengeditan gambar (gratis)
- PicMonkey – pembuat desain grafis (gratis)
- 99 Desain – desainer lepas (murah)
- Upwork – platform lepas (berbiaya rendah)
Rute mana pun yang Anda pilih.
Lain kali Anda menulis konten SEO yang panjang, tambahkan beberapa grafik header dan perhatikan waktu di halaman (dan peringkat) Anda naik.
Jadi begitulah, semua yang perlu Anda ketahui tentang tag header dan cara menggunakannya untuk meningkatkan optimasi mesin pencari Anda.
Sekarang terserah Anda!
Cara Mempraktikkan Teknik Ini Di Situs Anda
Saya membuat daftar periksa heading gratis yang akan membantu Anda memanfaatkan teknik ini untuk meningkatkan kinerja situs Anda.
Ini menguraikan – langkah demi langkah – persis bagaimana menggunakan strategi yang saya bicarakan di posting.
Setelah Anda mengunduhnya di bawah , beri tahu saya di komentar yang merupakan tip penulisan tajuk favorit Anda. Aku ingin tahu.
