8 dari Tag HTML Paling Penting untuk SEO

Apakah Anda menggunakan tag HTML dalam proses SEO Anda?

Tag HTML adalah elemen kode dengan ujung belakang semua halaman web, tetapi ada juga jenis kode HTML tertentu yang memberi mesin pencari info kunci untuk tampilan SERP. Pada dasarnya, elemen ini menyorot bagian konten Anda yang relevan untuk penelusuran, dan menjelaskan elemen tersebut untuk crawler penelusuran.

Meskipun demikian, Anda tidak harus menggunakan semua alat kode tambahan ini. Mesin telusur semakin pintar, dan penggunaan tag HTML saat ini jauh lebih sedikit dibandingkan sebelumnya. Tetapi beberapa tag masih bertahan - dan beberapa bahkan memperoleh nilai SEO.

Dalam posting ini, kita akan membahas beberapa tag HTML SEO utama yang masih masuk akal di tahun 2020.

1. Tag judul

Tag judul digunakan untuk menyiapkan berita utama yang dapat diklik yang Anda lihat di SERP:

Secara umum, Google dapat membuat judul SERP untuk halaman Anda, dan dapat menggunakan salah satu judul bagian dari dalam halaman - atau bahkan dapat membuat judul baru sama sekali.

Tetapi tempat pertama Google akan memeriksa ide judul adalah tag judul, dan jika ada tag judul, Google kemungkinan besar akan menjadikannya judul utama dalam daftar yang relevan. Dengan demikian, mengoptimalkan tag judul memberi Anda kendali atas cara halaman Anda direpresentasikan dalam SERP.

Praktik terbaik

Di satu sisi, judul Anda harus berisi kata kunci yang akan membantunya muncul dalam hasil pencarian. Di sisi lain, judul Anda harus cukup menarik bagi pengguna untuk benar-benar mengeklik, jadi diperlukan keseimbangan antara pengoptimalan penelusuran dan pengalaman pengguna:

• Perhatikan panjangnya - Google hanya akan menampilkan 50-60 karakter pertama dari judul Anda, dan memotong sisanya. Tidak masalah untuk memiliki judul yang lebih dari 60 karakter, selama Anda memasukkan informasi penting sebelum batas waktu.
• Sertakan kata kunci dalam jumlah yang wajar - Penjejalan kata kunci kemungkinan akan dikenakan sanksi, tetapi satu atau dua kata kunci akan baik-baik saja. Pastikan judul Anda membentuk kalimat yang koheren.
• Tulis salinan yang bagus - Jangan berjualan, dan jangan umum. Buat judul deskriptif yang menonjolkan nilai konten Anda, dan tentukan ekspektasi yang tepat, sehingga pengguna tidak kecewa saat mengunjungi halaman tersebut.
• Tambahkan nama merek Anda - Jika Anda memiliki merek yang dapat dikenali yang cenderung meningkatkan klik-tayang Anda, silakan tambahkan juga ke judul.

Kode HTML

Di bawah ini adalah sedikit kode yang diambil dari artikel BBC tentang statistik virus corona. Anda dapat melihat tag judul yang diatur dengan benar berada tepat di atas tag deskripsi meta - yang akan kita bahas selanjutnya:

2. Tag deskripsi meta

Tag deskripsi meta digunakan untuk mengatur deskripsi dalam cuplikan hasil pencarian:

Google tidak selalu menggunakan tag deskripsi meta untuk membuat cuplikan ini, tetapi jika tag meta ada di sana, kemungkinan besar deskripsi meta Anda akan masuk ke SERP.

Perlu diingat, bagaimanapun, bahwa terkadang Google akan mengabaikan tag deskripsi meta, dan sebagai gantinya mengutip sedikit salinan dari halaman. Ini biasanya terjadi ketika kutipan lebih cocok untuk kueri tertentu daripada deskripsi meta yang seharusnya.

Pada dasarnya, Google akan memilih opsi terbaik untuk meningkatkan peluang Anda untuk mengeklik.

Praktik terbaik

Aturan untuk deskripsi meta tidak terlalu ketat - lagipula, jika Anda gagal menulis yang bagus, bahkan jika Anda gagal menulisnya sama sekali, maka Google akan menuliskannya untuk Anda.

• Perhatikan panjangnya - Sama seperti tajuk utama, Google akan menyimpan 150-160 karakter pertama dari deskripsi meta Anda, dan memotong sisanya. Pastikan bahwa aspek penting disertakan sejak awal untuk memaksimalkan minat pencari.
• Tulis salinan yang bagus - Meskipun deskripsi meta tidak digunakan untuk peringkat, tetap penting untuk mengoptimalkannya untuk maksud pencarian. Semakin relevan deskripsi Anda, berdasarkan kueri terkait, semakin besar kemungkinan pengguna akan mengunjungi halaman Anda.
• Pertimbangkan untuk melewatkan deskripsi meta - Mungkin sulit untuk membuat salinan yang bagus terutama untuk kata kunci berekor panjang, atau untuk halaman yang menargetkan berbagai kata kunci. Dalam kasus tersebut, pertimbangkan untuk tidak menggunakan deskripsi meta - Google akan mengikis halaman Anda dan mengisi cuplikan Anda dengan beberapa kutipan yang relevan.

Kode HTML

Di bawah ini adalah sedikit kode yang diambil dari artikel BBC yang sama tentang statistik virus corona, dan Anda dapat melihat bahwa mengikuti tag judul adalah tag deskripsi meta, yang memberikan ringkasan singkat tentang artikel tersebut:

3. Tag Judul (H1-H6)

Tag judul digunakan untuk menyusun halaman Anda baik untuk pembaca maupun mesin telusur:

Bukan rahasia lagi bahwa hampir tidak ada orang yang membaca sebuah artikel lagi - yang biasanya kita lakukan adalah memindai artikel sampai kita menemukan bagian yang kita sukai, kita membaca satu bagian itu, dan kemudian kita terpental. Dan jika artikel tidak dibagi menjadi beberapa bagian, banyak yang akan langsung terpental, karena terlalu banyak. Jadi, dari sudut pandang pengguna, heading adalah alat bantu bacaan yang praktis.

Dari perspektif mesin pencari, bagaimanapun, tag heading membentuk inti konten, dan membantu bot crawler pencarian memahami tentang apa halaman itu.

Praktik terbaik

Aturan untuk tajuk berasal dari praktik copywriting umum - pisahkan salinan Anda menjadi potongan-potongan kecil dan pertahankan pemformatan yang konsisten:

• Jangan gunakan lebih dari satu heading H1 - H1 berbeda dari heading lain karena diperlakukan oleh mesin pencari sebagai judul halaman. Jangan bingung dengan tag judul - tag judul ditampilkan di hasil pencarian, sedangkan tag H1 ditampilkan di situs web Anda.
• Pertahankan struktur yang dangkal - Jarang ada kebutuhan untuk pergi ke bawah H3. Gunakan H1 untuk judul, H2 untuk judul bagian, dan H3 untuk subbagian. Lebih dari itu cenderung membingungkan.
• Bentuk judul seperti kueri - Perlakukan setiap judul sebagai peluang tambahan untuk menentukan peringkat dalam penelusuran. Untuk tujuan ini, setiap judul harus terdengar seperti kueri atau jawaban untuk kueri - termasuk kata kunci.
• Konsisten dengan semua tajuk - Semua tajuk Anda harus ditulis sedemikian rupa sehingga jika Anda menghapus semua teks dan hanya menyimpan tajuk, tajuk itu akan terbaca seperti daftar.

Kode HTML

Di bawah ini adalah potongan kode yang diambil dari artikel BBC yang sama tentang statistik virus corona, dan Anda dapat melihat bahwa ada judul H2 yang diatur dengan benar, diikuti oleh dua paragraf:

4. Teks alt gambar

Sementara tujuan utama teks alt adalah aksesibilitas web, tujuan SEO dari atribut alt adalah pengindeksan gambar.

Tujuan utama dari teks alt gambar adalah untuk membantu pengguna memahami gambar ketika tidak dapat dilihat, misalnya, oleh pengunjung yang memiliki gangguan penglihatan. Dalam hal ini, bersamaan dengan saat, katakanlah, ada masalah dan gambar tidak dapat dimuat, teks alt dapat digunakan untuk mendeskripsikan apa yang ada dalam gambar, alih-alih melihatnya.

Dari perspektif SEO, teks alt adalah bagian besar dari cara gambar diindeks di penelusuran Google. Jadi jika ada komponen visual untuk apa yang Anda lakukan - baik itu gambar produk Anda, pekerjaan Anda, stok gambar Anda, seni Anda - maka Anda pasti harus mempertimbangkan untuk menggunakan teks alt gambar.

Praktik terbaik

Prasyarat untuk menambahkan tag teks alt adalah menemukan semua gambar tanpanya.

Anda dapat menggunakan alat seperti Auditor WebSite untuk merayapi situs web Anda dan menyusun daftar gambar tanpa teks alt.

Setelah Anda membuat daftar, terapkan pedoman berikut:

• Ringkas, tetapi deskriptif - Teks alternatif yang bagus adalah tentang satu atau dua baris teks yang akan membantu orang yang memiliki gangguan penglihatan memahami apa yang digambarkan.
• Jangan terlalu ringkas - Satu kata, atau bahkan beberapa kata, mungkin tidak akan cukup - tidak akan ada cara untuk membedakan gambar dari gambar lain. Pikirkan semua kemungkinan properti yang ditampilkan: jenis objek, warna, bahan, bentuk, hasil akhir, pencahayaan, dll.
• Jangan lakukan penjejalan kata kunci - Tidak ada tempat tersisa di mana penjejalan kata kunci masih berfungsi, dan teks alt tidak terkecuali.

Kode HTML

Berikut adalah contoh cuplikan teks alt dari gambar sel penyakit:

5. Markup skema

Markup skema digunakan untuk meningkatkan cuplikan SERP biasa dengan fitur cuplikan kaya:

Schema.org menghosting kumpulan tag yang dikembangkan bersama oleh Google, Bing, Yahoo !, dan Yandex, dan tag tersebut digunakan oleh webmaster untuk memberikan informasi tambahan kepada mesin pencari tentang berbagai jenis halaman. Pada gilirannya, mesin pencari menggunakan informasi ini untuk meningkatkan cuplikan SERP mereka dengan berbagai fitur yang kaya.

Tidak ada kepastian apakah menggunakan markup Skema meningkatkan peluang peringkat seseorang - tidak ada pertanyaan, bagaimanapun, bahwa cuplikan yang dihasilkan terlihat jauh lebih menarik daripada cuplikan biasa, dan dengan demikian meningkatkan posisi seseorang dalam penelusuran.

Praktik terbaik

Satu-satunya praktik terbaik adalah mengunjungi schema.org dan melihat apakah mereka memiliki tag yang dapat diterapkan ke jenis halaman Anda. Ada ratusan, jika tidak ribuan, tag, jadi kemungkinan akan ada opsi yang berlaku, dan dapat membantu meningkatkan daftar situs web Anda.

Kode HTML

Berikut adalah contoh cuplikan kode yang menentukan fakta nutrisi untuk suatu resep. Anda dapat mengunjungi schema.org untuk melihat daftar lengkap item yang tersedia untuk markup:

6. Tag semantik HTML5

Elemen HTML5 digunakan untuk deskripsi yang lebih baik dari berbagai komponen halaman:

Sebelum pengenalan elemen HTML5, kami kebanyakan menggunakan tag div untuk membagi kode HTML menjadi beberapa komponen terpisah, dan kemudian kami menggunakan kelas dan id untuk menentukan lebih lanjut komponen tersebut. Setiap webmaster menentukan komponen dengan cara khusus mereka sendiri, dan oleh karena itu, akhirnya menjadi sedikit berantakan, dan tantangan bagi mesin telusur untuk memahami apa yang ada di setiap laman.

Dengan pengenalan elemen HTML5 semantik, kami memiliki sekumpulan tag intuitif, masing-masing mendeskripsikan komponen halaman terpisah. Jadi, alih-alih memberi tag konten kami dengan sekumpulan div yang membingungkan, sekarang kami memiliki cara untuk mendeskripsikan komponen dengan cara yang standar dan mudah dipahami.

Seperti yang dapat Anda bayangkan, mesin pencari sangat antusias dengan HTML5 semantik.

Kode HTML

Berikut adalah beberapa elemen HTML5 semantik yang paling praktis, gunakan untuk meningkatkan komunikasi Anda dengan mesin telusur:

• artikel - memisahkan pos dari kode lainnya, menjadikannya portabel
• bagian - memisahkan sekelompok posting dalam blog atau sekelompok tajuk dalam posting
• samping - mengisolasi konten tambahan yang bukan merupakan bagian dari konten utama
• header - mengisolasi bagian atas dokumen, artikel, bagian, mungkin berisi navigasi
• footer - mengisolasi bagian bawah dokumen, artikel, bagian, berisi informasi meta
• nav - mengisolasi menu navigasi, kelompok elemen navigasi

7. Tag meta robot

Tag meta robot adalah tentang aturan keterlibatan antara situs web dan mesin pencari.

Di sinilah pemilik situs web dapat menguraikan seperangkat aturan untuk merayapi dan mengindeks halaman mereka. Beberapa aturan ini bersifat wajib, sementara yang lain lebih seperti saran - tidak semua perayap akan menghargai tag meta robot, tetapi mesin telusur arus utama akan sering melakukannya. Dan jika tidak ada tag meta robot, maka crawler akan melakukan sesuka mereka.

Praktik terbaik

Tag robot meta harus ditempatkan di bagian kepala kode halaman, dan harus menentukan crawler mana yang dituju dan petunjuk mana yang harus diterapkan:

• Alamat robot dengan nama - Gunakan robot jika instruksi Anda ditujukan untuk semua perayap, tetapi gunakan nama khusus untuk menangani perayap individu. Perayap web standar Google, misalnya, disebut Googlebot . Mengatasi robot individu biasanya dilakukan untuk melarang crawler berbahaya dari halaman sambil mengizinkan crawler yang bermaksud baik untuk melanjutkan.
• Cocokkan instruksi dengan tujuan Anda - Anda biasanya ingin menggunakan tag meta robot untuk mencegah mesin pencari mengindeks dokumen, hasil pencarian internal, halaman duplikat, area pementasan, dan apa pun yang tidak ingin Anda munculkan dalam pencarian.

Kode HTML

Berikut adalah beberapa parameter yang paling umum digunakan dengan tag meta robot. Anda dapat menggunakan sejumlah dari mereka dalam satu tag meta robot, dipisahkan dengan koma:

• noindex - halaman tidak boleh diindeks
• nofollow - link pada halaman tidak boleh diikuti
• ikuti - link pada halaman tersebut harus diikuti, meskipun halaman tersebut tidak akan diindeks
• noimageindex - gambar di halaman tidak boleh diindeks
• noarchive - hasil pencarian tidak boleh menunjukkan versi halaman yang disimpan dalam cache
• available_after - halaman tidak boleh diindeks melebihi tanggal tertentu.

8. Tag kanonik

Tag kanonis menghindarkan Anda dari risiko konten duplikat:

Intinya adalah bahwa halaman tertentu, bukan karena kesalahan Anda sendiri, dapat memiliki beberapa alamat. Terkadang hasil dari berbagai artefak - seperti http / https dan berbagai tag pelacakan - dan di lain waktu hasil dari berbagai opsi pengurutan dan penyesuaian yang tersedia di katalog produk.

Sejujurnya, ini bukan masalah besar, kecuali bahwa semua alamat tersebut mungkin membebani anggaran crawl, dan pada otoritas halaman Anda, dan juga dapat mengacaukan pelacakan performa Anda. Alternatifnya adalah menggunakan tag kanonik untuk memberi tahu mesin telusur mana dari alamat halaman tersebut yang merupakan alamat utama.

Praktik terbaik

Untuk menghindari potensi komplikasi SEO, terapkan tag kanonis ke halaman berikut:

• Halaman tersedia melalui URL yang berbeda
• Halaman dengan konten yang sangat mirip
• Halaman dinamis yang membuat parameter URL-nya sendiri

Pikiran terakhir

Ini adalah tag HTML teratas saya yang masih perlu dikhawatirkan di tahun 2020, meskipun saya yakin beberapa di antaranya akan segera keluar. Seperti yang telah disebutkan, dengan mesin pencari yang semakin pintar, semakin sedikit kebutuhan untuk pengoptimalan tag HTML, karena kebanyakan hal sekarang dapat disimpulkan secara algoritmik. Selain itu, sebagian besar sistem CMS modern menambahkan elemen ini secara otomatis, setidaknya dalam beberapa kapasitas.

Namun, saya tidak akan menyerahkan sepenuhnya kepada Google untuk menafsirkan konten saya - sebaiknya temui setengah jalan di mana Anda bisa.