Optimasi Elemen Head HTML (Website)

Perlu diketahui bahwa salah satu teknik atau praktik SEO (Search Engine Optimization) yang paling mendasar adalah mengoptimalkan elemen <head>, yakni semua element yang seharusnya ada diantara tag <head> dan </head> di situs web.

Pemula biasanya tidak memahami tentang hal ini, maka dari itu disini saya akan menjelaskan bagaimana cara optimasi (mengoptimalkan) elemen head dan sedikit pemahaman tentang bagaimana mesin telusur khususnya Google, dalam merender atau melakukan crawling dan indexing halaman website.

Maksud Dan Tujuan Mengoptimalkan Elemen Head

Yang dimaksud dengan mengoptimalkan elemen <head> adalah menata elemen penting seperti tag <meta>, <link> dan elemen html lainnya di situs web ke posisi teratas kemudian memastikan semua elemen html yang ada diantara tag <head> dan </head> valid.

Tujuannya adalah untuk mempermudah mesin pencari memahami halaman website, karena elemen utama di situs web yang diperiksa oleh mesin pencari adalah <head>, untuk menentukan metadata tentang halaman tersebut (website).

Sebelum melakukan pengoptimalan (optimasi) elemen head saya sarankan untuk memeriksa source halaman website terlebih dahulu, apakah sudah benar atau ada beberapa yang keliru, caranya pada addressbar browser ketik view-soure: dibelakang url situs kemudian enter.

Apa yang kamu lihat pada source elemen head tersebut seperti itulah google melihat (merender) metadata website kamu, jika kamu ingin mempelajarinya lebih lanjut silahkan baca artikel crawling-indexing google bagian metadata halaman. [ads id="ads1"]

Cara Mengoptimalkan Elemen `<head>` HTML

Tempatkan elemen penting pada pisisi teratas di <head> situs
Pastikan semua elemen yang ada di <head> valid.

Lihat contoh source elemen head yang dioptimalkan pada cuplikan kode di bawah ini;

<!DOCTYPE html>
<html lang="id">
<head>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
  <link href="url" rel="canonical"/>
  <link href="/favicon.ico" rel="icon" type="image/x-icon"/>
  <meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, user-scalable=1" name="viewport"/>
  <title>Title</title>
  <meta content="Description" name="description"/>
  <link href="image_url" rel="image_src"/>
  <!-- Metadata penting lainnya -->
</head>
  <!--document body-->
</html>

Elemen seperti tag <link canonical>, <title> dan <meta description>, harusnya ditempatkan pada posisi teratas di situs web, karena elemen utama yang diperiksa oleh mesin pencari Google adalah <head>, untuk menentukan metadata tentang halaman tersebut (website).

Pastikan semua elemen yang ada di <head> situs web valid, jangan tambahkan elemen yang tidak valid seperti <div>, <iframe>, dan <img> kedalam elemen <head>, karena Google akan mengabaikan elemen apa pun yang muncul setelah elemen yang tidak valid tersebut.

Berikut adalah elemen head yang dianggap valid oleh mesin pencari khususnya Google yakni; <title>, <meta>, <link>, <script>, <style>, <base>, <noscript>, dan <template>.

Elemen meta, link dan script biasanya cukup banyak di head, maka dari kita harus bijak meyusun semua elemen tersebut dari yang paling penting terlebih dahulu untuk mempermudah mesin pencari memahami maksud halaman website.

Optimasi Elemen Head HTML (Website)

Maksud Dan Tujuan Mengoptimalkan Elemen Head

Cara Mengoptimalkan Elemen <head> HTML

Cara Mengoptimalkan Elemen `<head>` HTML