Hypertext Markup Language (HTML) merupakan standard markup language (bahasa markah standar) dalam pembuatan website.

Bagi para praktisi SEO dan webmaster tentu tidak asing lagi dengan bahasa tersebut. Pasalnya, HTML menjadi salah satu elemen penting dalam SEO, khususnya Technical SEO.

Tapi, pernahkah teman-teman mendengar istilah semantic HTML (HTML semantik)? Apakah semantic HTML berbeda dengan HTML pada umumnya?

Dan, apa pengaruhnya terhadap SEO dan website?

Untuk mengetahuinya, mari kita kupas penjelasan lengkapnya di artikel ini.

Apa itu Semantic HTML?

Semantic HTML adalah tentang penggunaan tag HTML yang digunakan untuk menjelaskan makna dari konten yang ada di dalamnya.

Dengan menambahkan tag semantic HTML ke halaman website Anda, teman-teman memberikan informasi tambahan yang menentukan seberapa penting dan apa peran dari bagian-bagian halaman website tersebut.

Lawan dari semantic HTML adalah non-semantic HTML, yang mana menggunakan tag tanpa menjelaskan makna apapun dari isi konten.

Secara sederhana, berikut adalah gambaran bagaimana semantic HTML digunakan dalam struktur halaman website.

Contoh Tag Semantic HTML

Seperti yang sudah dijelaskan di atas, bahwa semantic HTML digunakan untuk menambah makna dan mendefiniskan dari konten yang ada di dalam website.

Berikut ini adalah beberapa contoh tag semantic HTML yang biasa digunakan oleh website yang menerapkan kode semantic HTML:

  • <header>
  • <nav>
  • <main>
  • <article>
  • <section>
  • <aside>
  • <footer>
  • <h1> hingga <h6>
  • <p>
  • <a>
  • <ol>
  • <ul>
  • <q>
  • <em>
  • <strong>
  • <code>

Di sisi lain, tag HTML seperti <div> dan <span> merupakan jenis tag yang tergolong dalam non-semantic HTML.

Kedua contoh tag non-semantic di atas hanya berperan sebagai holder (wadah penahan), namun tidak memberikan makna apapun terkait konten yang dikandungnya.

Baca Juga:   Mengenal 5 Menit "Manual SEO Audit". Bagaimana Prosesnya?

Manfaat Semantic HTML Terhadap Website

Selain lebih mudah dibaca dan dipahami oleh web developer (pengembang web) yang melakukan peninjauan kode.

Semantic HTML juga bermanfaat dalam hal accessibility (aksesibilitas) dari sebuah website.

Bagi user (pengguna), mereka menjadi lebih mudah mengidentifikasi bagian-bagian yang terdapat di halaman website.

Apakah itu header (kepala), footer (kaki), dan main content (konten utama), semuanya langsung bisa terlihat secara visual dengan kode HTML tersebut.

Selain itu, penggunaan tag semantic HTML yang tepat akan membantu para pembaca memahami konten Anda dengan lebih baik karena screen reader (pembaca layar) akan mengomunikasikan konten tersebut secara lebih akurat.

Pengaruh Semantic HTML untuk SEO

Tag semantic HTML bukan hanya bermanfaat untuk web developer dan user saja, tapi juga penting untuk Search Engine Optimization (SEO).

Informasi yang ada pada tag tersebut membantu search engine crawler (perayap mesin pencari) dalam memahami isi konten halaman web dengan lebih baik.

Contoh search engine crawler adalah Googlebot.

Dengan begitu, konten yang Anda miliki berpotensi untuk mendapatkan ranking yang baik di search engine results page (SERP) untuk query atau keyword (kata kunci) tertentu.

Sederhananya, website yang menerapkan semantic HTML secara tepat akan memiliki benefit lebih di sisi SEO dibandingkan dengan website yang tidak menerapkannya.

Apakah Semantic HTML Merupakan Ranking Faktor?

Meskipun semantic HTML memudahkan search engine dalam menganalisis konten dan struktur website, tapi hal ini bukanlah faktor ranking secara langsung.

Hipotesis tersebut telah dijelaskan secara langsung oleh John Mueller, berikut penjelasan lengkapnya:

Semantic HTML membantu (Google) untuk memahami isi konten dari sebuah halaman web. Namun, ia bukanlah pengganda ajaib yang membuat ranking website menjadi lebih tinggi.

John Mueller

Walaupun tidak secara langsung memengaruhi ranking website, semantic HTML tetap dibutuhkan dalam hal peningkatan SEO dan aksesibilitas website.

Baca Juga:   UTM Link Mudahkan Anda untuk Melacak Kinerja SEO Campaign

Artinya, selain Anda mengoptimasi website untuk search engine, Anda juga mengoptimasi sisi user experience (pengalaman pengguna) ketika mereka mengunjungi website Anda.


Demikianlah artikel mengenai apa itu semantic HTML dan pengaruhnya terhadap SEO ini, jika Anda memiliki pertanyaan silakan tuliskan di kolom komentar di bawah atau bisa gabung ke grup Telegram DailySEO ID di sini.

Teman-teman juga bisa ajukan topik selanjutnya untuk kami bahas! Jika ingin belajar SEO dari ahlinya, yuk belajar di course-nya DailySEO ID!

Sumber:

Dapatkan berita terbaru seputar SEO Gratis!
Subscribe Sekarang!

Author

Touched SEO in 2014 and dive more deeply in 2019. Currently working at Farmaku & DokterSehat as an SEO Specialist. Let's connect!

Write A Comment