Tag HTML untuk SEO: Tag Mana yang Penting, Lengkap dengan Contoh

Mesin pencari dan asisten AI membaca halaman Anda sebagai kode sebelum ada yang melihatnya di layar. Segelintir tag HTML untuk SEO menentukan bagaimana kode itu dipahami: URL mana yang diindeks, title mana yang muncul di hasil pencarian, tentang apa halaman itu, dan bagaimana tampilannya saat dibagikan. Google mencantumkan tag meta dan atribut yang didukungnya dalam satu halaman dokumentasi Search Central, dan segala sesuatu di luar daftar itu tidak berpengaruh pada Google Search. Panduan ini membahas setiap tag yang berguna beserta contoh, kesalahan yang harus dihindari, dan tag yang bisa Anda lupakan.

Tag HTML mana yang penting untuk SEO?

Tabel di bawah adalah daftar referensi. Tag di head menjelaskan halaman kepada mesin; tag di body menyusun apa yang dibaca orang.

Tag head mana yang mengendalikan tampilan halaman Anda di Google?

Title tag

Title tag adalah tag terpenting di halaman. Google menyatakan tidak ada batas panjang untuk elemen title, tetapi tautan judul dipotong agar sesuai lebar perangkat, yang dalam praktiknya berarti sekitar 50 sampai 60 karakter di desktop. Google juga dapat menulis ulangnya: dokumentasinya mencantumkan sumber yang dipakai, mulai dari elemen title dan judul utama yang terlihat hingga heading H1, tag og:title, dan teks anchor tautan yang mengarah ke halaman. Title yang selaras dengan H1 dan isi halaman adalah yang dipertahankan Google. Tulis title yang unik untuk setiap halaman, dengan kata kunci utama di dekat awal dan merek di akhir.

Meta description

Meta description tidak mengubah peringkat, tetapi sering menjadi sumber cuplikan di bawah title sehingga memengaruhi klik. Google dapat menggantinya dengan bagian halaman yang lebih cocok dengan kueri. Tulis sebagai jawaban singkat diikuti manfaat, antara 120 dan 160 karakter, dan jangan pernah memakai deskripsi yang sama di beberapa halaman.

Tag meta robots

Tag meta robots memberi tahu crawler apa yang boleh mereka lakukan dengan halaman. Nilai yang paling sering dipakai adalah noindex, yang menjaga halaman tetap di luar hasil pencarian; yang lain mencakup nofollow, nosnippet, dan max-snippet, yang membatasi panjang cuplikan teks. Untuk berkas yang tidak memiliki bagian head, seperti PDF, direktif yang sama ditempatkan di header HTTP X-Robots-Tag. Noindex yang tertinggal di templat yang sudah tayang adalah salah satu penyebab paling umum hilangnya trafik, jadi periksalah setelah setiap rilis.

Viewport dan charset

Google menyatakan dalam dokumentasinya bahwa keberadaan tag viewport menandakan halaman yang ramah ponsel. Karena Google mengindeks versi seluler situs, tag ini wajib ada di setiap halaman. Deklarasi charset (UTF-8 adalah rekomendasi Google) mencegah karakter rusak di title dan cuplikan, yang penting untuk situs multibahasa.

Tag mana yang memberi tahu Google URL mana yang diindeks?

Dua tag link di head mengelola duplikat dan bahasa. Tag canonical menentukan versi pilihan ketika konten yang sama dapat diakses melalui beberapa URL (filter, parameter pelacakan, HTTP dan HTTPS). Google memperlakukannya sebagai petunjuk kuat, bersama pengalihan dan tautan internal, sehingga paling efektif ketika semua sinyal mengarah ke URL yang sama. Gunakan URL absolut, pertahankan satu canonical per halaman, dan jangan pernah mengarahkannya ke halaman yang diblokir atau diatur noindex.

Atribut hreflang memberi tahu Google halaman mana yang ditampilkan untuk bahasa atau wilayah mana. Menurut panduan Google tentang versi yang dilokalkan, setiap versi harus mencantumkan dirinya sendiri dan semua versi lainnya, dan nilai x-default dapat menunjuk halaman bagi pengguna yang bahasanya tidak tercakup. Tautan balik yang hilang adalah kesalahan hreflang yang paling sering terjadi: jika halaman A menunjuk ke halaman B, halaman B harus menunjuk balik ke halaman A.

Tag body mana yang membantu mesin pencari memahami konten?

Heading dari H1 sampai H6

Heading memberikan kerangka halaman. Gunakan satu H1 yang menyatakan topik, tag H2 untuk bagian utama, dan tag H3 untuk langkah atau butir di dalam sebuah bagian, tanpa melompati level demi efek visual. Google telah menyatakan bahwa beberapa tag H1 tidak menyebabkan penalti, tetapi satu H1 yang jelas tetap menjadi struktur paling sederhana bagi pengguna dan teknologi bantu. Heading H2 berbentuk pertanyaan ("Bagaimana cara kerja X?") juga sesuai dengan cara orang merumuskan pencarian dan prompt.

Teks alt pada gambar

Google menjelaskan dalam pedoman SEO gambar-nya bahwa Google menggunakan teks alt bersama computer vision dan konten halaman untuk memahami gambar, dan bahwa mengisi atribut alt dengan kata kunci dapat membuat situs dianggap spam. Deskripsikan apa yang ditampilkan gambar dalam frasa singkat. Google juga mencatat bahwa gambar latar CSS tidak diindeks, jadi gambar apa pun yang ingin berperingkat membutuhkan elemen img yang sebenarnya.

Tautan dan atribut rel-nya

Elemen a adalah cara crawler menemukan halaman, jadi tautan internal harus berupa tautan sungguhan dengan href, bukan tombol yang ditangani JavaScript. Atribut rel memberi kualifikasi pada tautan keluar: sponsored untuk penempatan berbayar, ugc untuk komentar dan postingan forum, nofollow untuk tautan yang tidak ingin Anda dukung. Google memperlakukan nilai-nilai ini sebagai petunjuk sejak 2020. Teks anchor yang deskriptif membantu pengguna maupun mesin pencari.

Elemen HTML5 semantik

Elemen seperti main, article, nav, header, footer, dan section memberi tahu mesin bagian mana dari halaman yang merupakan konten utama dan bagian mana yang berulang di setiap halaman. Elemen-elemen ini tidak mendongkrak peringkat dengan sendirinya, tetapi membuat konten utama lebih mudah dipisahkan, baik untuk mesin pencari, pembaca layar, maupun alat AI. Panduan kami tentang HTML semantik merinci setiap elemen. Di dalam teks, strong dan em menandai penekanan; gunakan untuk istilah kunci, bukan seluruh paragraf.

Tag mana yang membentuk pratinjau sosial dan hasil kaya?

Protokol Open Graph, yang dibuat oleh Facebook dan kini dibaca oleh sebagian besar jejaring sosial dan aplikasi pesan, mendefinisikan tag og:title, og:description, og:image, dan og:url yang membentuk kartu pratinjau saat halaman dibagikan. Tanpa tag tersebut, platform menebak, sering dengan gambar yang salah. Anda dapat menguji hasilnya dengan alat pratinjau Open Graph sebelum menerbitkan.

Data terstruktur dalam format JSON-LD, yang ditempatkan dalam tag script, mendeskripsikan halaman dengan kosakata Schema.org: artikel, produk, organisasi, breadcrumb, FAQ. Google menggunakannya untuk hasil kaya, dan data ini memberi sistem AI fakta eksplisit tentang entitas di balik halaman. Markup harus mendeskripsikan apa yang terlihat di halaman. Kami membahas perannya untuk jawaban AI dalam panduan kami tentang data terstruktur dan pencarian AI.

Tag HTML mana yang diabaikan Google?

Daftar tag yang didukung Google juga memberi tahu apa yang bisa berhenti Anda kelola:

• Meta keywords: Google menyatakan bahwa tag meta keywords tidak digunakan oleh Google Search dan tidak berpengaruh pada pengindeksan maupun peringkat.
• Tag meta yang tidak dikenal: Google mengabaikan tag meta yang tidak didukungnya, seperti meta author atau meta revisit-after.
• Atribut lang: Google mendeteksi bahasa halaman dari teksnya, bukan dari atribut lang. Pertahankan atribut tersebut untuk aksesibilitas dan alat lain, dan gunakan hreflang untuk menghubungkan versi bahasa.
• Meta refresh sebagai pengalihan: berfungsi, tetapi Google menyarankan pengalihan 301 di sisi server sebagai gantinya.

Apakah tag HTML penting untuk jawaban AI?

Ya, dengan alasan yang sederhana: ChatGPT, Claude, Gemini, dan Perplexity mengekstrak bagian dari halaman, dan HTML yang bersih membuat bagian-bagian itu mudah ditemukan. Beberapa crawler AI mengambil HTML mentah tanpa menjalankan JavaScript, sehingga title, canonical, atau blok teks yang disuntikkan oleh skrip mungkin tidak pernah sampai kepada mereka. Hierarki heading yang jelas memecah halaman menjadi jawaban yang berdiri sendiri, daftar dan tabel menjaga fakta tetap bersama, dan data terstruktur menyatakan fakta tanpa ambiguitas. Inilah sisi teknis dari generative engine optimization: tag yang sama yang membantu Google juga membantu asisten AI mengutip Anda dengan akurat.

Bagaimana cara memeriksa tag HTML sebuah halaman?

1. Baca sumber mentahnya. Buka kode sumber (Ctrl+U) dan cari tag title, meta description, robots, canonical, dan hreflang. Jika sebuah tag hanya muncul di halaman yang dirender, berarti tag itu bergantung pada JavaScript.
2. Bandingkan dengan pandangan Google. Alat Inspeksi URL di Google Search Console menampilkan HTML yang dirender Google dan canonical yang dipilihnya.
3. Audit halaman demi halaman. Ekstensi Chrome Sorank gratis mendaftar tag yang hilang atau duplikat beserta perbaikannya untuk halaman yang sedang Anda lihat.
4. Audit seluruh situs. Crawler menemukan title duplikat, teks alt yang hilang, dan canonical yang salah di ribuan URL; seleksi alat SEO teknis kami membandingkan pilihannya.
5. Periksa ulang setelah setiap rilis. Perubahan templat adalah tempat tag noindex, canonical yang rusak, dan title kosong muncul.

Menguasai belasan tag di atas mencakup hampir semua yang bisa dilakukan HTML untuk SEO; sisanya adalah pekerjaan konten dan tautan. Jika Anda menginginkan halaman yang sejak awal sudah memiliki title, heading, tautan internal, dan konten terstruktur yang bersih, generator artikel blog Sorank menulis dan menerbitkannya secara autopilot, mulai dari $49 per bulan dengan penagihan tahunan (lihat harga).