Cara Memasang SEO Meta Tag bagi Pemula

Meta Tag adalah kode HTML yang dapat memberitahukan Search Engine tentang informasi penting pada suatu halaman Web serta dapat memberitahukan Web Browser tentang bagaimana cara menampilkannya kepada pengunjung.
Yasya El Hakim

Meta Tag adalah kode HTML yang berguna untuk memberitahukan mesin telusur (Search Engine) seperti Google, Bing, dll tentang informasi pada suatu halaman Web serta juga dapat memberitahukan Web Browser tentang cara menampilkannya kepada pengunjung.

Penggunaan Meta Tag yang tepat dapat membantu mengoptimalkan halaman Web agar dapat lebih mudah ditemukan dan dipahami oleh Search Engine, meningkatkan visibilitas Web, dan membantu meningkatkan lalu lintas atau Traffic pengunjung.

Setiap halaman Web biasanya memiliki Meta Tag yang tersembunyi di dalam kode HTML.

Dalam panduan ini, kita akan mempelajari cara menggunakan beberapa Meta Tag yang memiliki dampak penting bagi SEO.

Daftar Isi

Meta Title

Meta Tag Title adalah elemen HTML yang berguna sebagai judul halaman web yang akan ditampilkan pada hasil pencarian (SERP) oleh mesin pencari seperti Google dan Search Engine lainnya. Judul halaman tersebut akan menjadi tautan atau Link yang dapat diklik oleh pengguna untuk mengakses halaman Website.

Meta Tag Title

Mengapa Meta Tag Title Penting bagi SEO?

Berikut adalah penjelasan dari Google:

Judul artikel sangat penting karena dapat memberikan wawasan yang cepat dan relevan dengan Query yang dicari oleh pengguna. Terkadang, informasi utama sering digunakan untuk menentukan hasil mana yang akan di klik. Jadi, sangat penting untuk menggunakan judul yang berkualitas tinggi pada halaman Web.

Tips Membuat Meta Tag Title

Berikut adalah tips yang dapat kalian gunakan untuk membuat Meta Tag Title yang lebih optimal bagi SEO:

  1. Title Tag Unik: Pastikan setiap halaman memiliki Meta Tag Title yang unik dan tidak sama dengan halaman lain di Website kalian.
  2. Jelas dan Singkat: Buatlah judul yang singkat tetapi tetap memberikan deskripsi jelas tentang isi dari halaman. Usahakan untuk memasukkan informasi yang sekiranya penting dalam judul tersebut.
  3. Hindari Generic: Hindari penggunaan judul yang Generik atau umum dan tidak memberikan informasi spesifik tentang halaman. Gunakan judul yang relevan dan mencerminkan isi unik dari halaman Website kalian.
  4. Tepat dan Menarik: Gunakan kalimat yang tepat dan menarik dalam judul untuk menarik perhatian pengguna di hasil pencarian. Tetapi, pastikan judul tetap akurat dan sesuai dengan konten halaman.
  5. Hindari Clickbait: Hindari menggunakan judul yang bersifat clickbait (menyesatkan atau memberikan informasi palsu) yang hanya bertujuan untuk mendapatkan klik tanpa memberikan nilai yang sebenarnya.
  6. Maksud Pencarian: Pertimbangkan maksud pencarian pengguna ketika membuat judul. Usahakan untuk memasukkan kata kunci atau Keywords yang relevan dengan pertanyaan atau topik yang sering dicari oleh pengguna.
  7. Sertakan Keyword: Masukkan kata kunci target yang relevan dalam judul, tetapi hindari penggunaan berlebihan. Buatlah judul yang alami dan mudah dipahami.
  8. Batasi Karakter: Usahakan untuk membuat judul yang tidak melebihi 60 karakter. Hal ini akan memastikan judul tidak terpotong di hasil pencarian, sehingga lebih mudah dipahami oleh pengguna.

Cara Menambahkan Meta Tag Title pada Website/Blog

Pastekan kode berikut pada bagian <head> di Website/Blog kalian:

<title>Ini adalah judul halaman.</title>

Jika kalian menggunakan Blogger, kalian dapat menggunakan Meta Tag Title berikut:

<b:if cond="data:view.isSingleItem">
   <title><data:blog.pageName/></title>

   <b:elseif cond="data:view.isHomepage"/>
   <title><data:blog.title/></title>

   <b:elseif cond="data:view.search.label"/>
   <title><data:blog.pageTitle/></title>

   <b:elseif cond="data:view.search.query"/>
   <title><data:view.search.resultsMessage/></title>

   <b:elseif cond="data:view.search and !data:view.search.label and !data:view.search.query"/>
   <title><data:blog.pageTitle/></title>

   <b:elseif cond="data:view.isArchive"/>
   <title><data:view.archive.rangeMessage/></title>

   <b:elseif cond="data:view.isError"/>
   <title>404 Tidak Ditemukan</title>
</b:if>

Kesalahan Umum Penggunaan Meta Tag Title

Kesalahan umum yang terjadi pada Meta Tag Title adalah:

  1. Panjang/Pendek yang tidak sesuai: Title Tag yang terlalu panjang dapat terpotong di hasil pencarian, sehingga informasinya tidak jelas. Sebaliknya, Title Tag yang terlalu pendek mungkin tidak mencerminkan isi halaman yang cukup.
  2. Tidak ada Title Tag: Beberapa halaman mungkin tidak memiliki Meta Tag Title sama sekali, menyebabkan mesin pencari kesulitan untuk mengetahui dan memahami isi konten dari halaman tersebut.
  3. Title Tag Ganda: Terkadang, halaman web dapat memiliki Meta Tag Title yang sama atau hampir identik pada beberapa halaman yang menyebabkan Title Tag menjadi duplikat tanpa memberikan variasi yang relevan untuk setiap konten.

Meta Robots

Meta Tag Robots berfungsi untuk memberitahu Search Engine tentang aturan pengindeksan (Crawling) yang harus diikuti pada halaman Web. Berikut adalah contoh penggunaan Meta Robots:

<meta name="robots" content="index, follow" />

Mengapa Meta Robots Penting bagi SEO?

Penggunaan atribut yang salah pada Meta Tag Robots dapat berdampak buruk pada keberadaan halaman Web dalam hasil pencarian (SERP). Oleh karena itu, penting untuk memahami dan mengimplementasikan Meta Tag Robots dengan cara yang tepat dan efektif dalam strategi SEO.

Berikut adalah nilai-nilai yang dapat digunakan pada Meta Tag Robots:

  1. index: Memberitahu bot (mesin pencari) untuk mengindeks (index) halaman.
  2. noindex: Memberitahu bot untuk tidak mengindeks (noindex) halaman.
  3. follow: Memberitahu bot untuk mengikuti (follow) tautan atau Link yang ada di halaman.
  4. nofollow: Memberitahu bot untuk tidak mengikuti (nofollow) tautan atau Link yang ada di halaman.

Kita dapat menggabungkan beberapa value dari Meta Robots diatas menjadi seperti berikut:

<meta name="robots" content="noindex, nofollow" />
<meta name="robots" content="index, follow" />
<meta name="robots" content="noindex, follow" />
<meta name="robots" content="index, nofollow" />

Kita juga dapat menggunakan <meta name="robots" content="none" /> yang artinya sama dengan <meta name="robots" content="index, follow" />. Tidak memasang Meta Robots juga akan diartikan sama seperti <meta name="robots" content="index, follow" />.

Tips Membuat Meta Tag Robots

  1. Gunakan Meta Robots hanya ketika kalian benar-benar ingin membatasi Search Engine dalam melakukan Crawling halaman.
  2. Pastikan untuk tidak memblokir halaman dengan Meta Robots melalui file robots.txt.

Cara Memasang Meta Robots pada Website/Blog

Pastekan kode berikut pada bagian <head> di Website/Blog kalian:

<meta name="robots" content="index, follow" />

Jika kalian menggunakan Blogger, kalian dapat menggunakan Meta Tag Robots berikut:

<b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel or data:blog.searchQuery'>
   <meta content='noindex/nofollow' name='robots' />

   <b:elseif cond='data:view.isSingleItem or data:view.isHomepage' />
   <meta content='index/follow' name='robots' />
</b:if>

Meta Viewport

Meta Tag Viewport adalah area yang terlihat pada halaman dan biasanya digunakan untuk memberitahu Browser agar dapat me-render atau menampilkan halaman dengan benar pada ukuran layar yang berbeda, seperti layar Desktop, Tablet, Smartphone, dan sebagainya.

Penggunaan Meta Tag Viewport yang tepat dapat memastikan tampilan halaman Web yang responsif dan optimal di berbagai perangkat serta meningkatkan pengalaman pengguna secara keseluruhan.

Mengapa Meta Viewport Penting bagi SEO?

Menurut Google, Meta Tag Viewport menandakan bahwa halaman web tersebut mobile-friendly atau ramah untuk perangkat seluler.

Banyak pengguna mungkin langsung meninggalkan halaman Web ketika membukanya di smartphone karena tampilannya tidak ramah untuk perangkat seluler (Mobile-Friendly) dan sulit untuk dibaca. Hal ini menjadi salah satu efek negatif bagi halaman web tersebut.

Tips Membuat Meta Tag Viewport

  1. Pastikan untuk menggunakan Meta Viewport pada semua halaman Web kalian.
  2. Gunakan tag standar untuk Meta Viewport. Jika tidak yakin, kalian dapat mengikuti panduan di bawah ini:

Cara Memasang Meta Viewport pada Website/Blog

Pastekan kode berikut pada bagian <head> di Website/Blog kalian:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Perlu di ingat bahwa atribut content tidak harus diatur menjadi width=device-width, initial-scale=1.0 karena value tersebut hanyalah implementasi yang paling umum dan sering digunakan.

Meta Charset

Meta Tag Charset adalah kode yang menentukan pengkodean karakter (Character Encoding) untuk halaman web. Dengan kata lain, Meta Tag Charset memberitahu browser tentang cara menampilkan teks yang ada di halaman web.

Terdapat banyak karakter set yang tersedia, namun ada dua karakter set yang paling umum dan sering digunakan:

  1. UTF-8: Character Encoding untuk Unicode, yang mendukung berbagai karakter dari berbagai bahasa dan simbol.
  2. ISO-8859-1: Character Encoding untuk huruf Latin atau alfabet barat, yang mencakup bahasa-bahasa seperti Inggris, Jerman, dan bahasa Eropa lainnya.

Mengapa Meta Charset Penting Bagi SEO?

Penggunaan Character Encoding yang salah dapat menyebabkan karakter yang ditampilkan menjadi tidak tepat di browser dan dapat merusak halaman web.

Dampak Meta Charset bagi SEO:

  1. Pengguna tidak ingin mengunjungi halaman web: Jika halaman Web tidak ditampilkan dengan benar karena karakter encoding yang salah, pengguna akan kesulitan membaca atau memahami isi halaman, sehingga mereka cenderung meninggalkan halaman dengan cepat dan mencari sumber informasi lain yang lebih mudah dibaca.
  2. Bounce Rate yang tinggi: Bounce Rate adalah persentase pengunjung yang meninggalkan halaman Web setelah hanya melihat satu halaman tanpa berinteraksi lebih lanjut. Karakter encoding salah dapat menyebabkan tampilan halaman yang buruk, maka kemungkinan besar bounce rate halaman tersebut akan meningkat, yang dapat berdampak negatif pada peringkat SEO halaman.
  3. Search Engine tidak memahami konten yang ada di dalamnya: Search engine mengandalkan karakter encoding yang benar untuk memahami dan mengindeks konten halaman. Jika karakter encoding yang digunakan salah, mesin pencari mungkin mengalami kesulitan dalam mengindeks dan memahami isi halaman tersebut, sehingga dapat mempengaruhi peringkat dan visibilitas halaman web dalam hasil pencarian.

Tips Membuat Meta Charset

  1. Pastikan untuk menggunakan Meta Tag Charset pada setiap halaman web.
  2. Gunakan UTF-8 sebagai karakter encoding yang disarankan.
  3. Selalu perhatikan penulisan HTML yang benar untuk menghindari masalah dengan karakter encoding.

Cara Memasang Meta Charset pada Website/Blog

Pastekan kode berikut pada bagian <head> di Website/Blog kalian:

<meta charset="UTF-8" />

Jika kalian menggunakan HTML4 kebawah, kalian dapat menggunakan Meta Charset berikut:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

Jika kalian tidak yakin atau tidak mengetahui versi HTML yang digunakan, kalian dapat melihat dan mencari kode <!DOCTYPE html>. Jika kode tersebut ada, maka kalian telah menggunakan HTML5.

Kesimpulan

Membuat, mempelajari, dan memasang Meta Tag pada halaman web tidaklah sulit dan membingungkan. Beberapa Meta Tag di atas mungkin dapat meningkatkan SEO pada halaman web. Jika artikel ini bermanfaat, silakan bagikan kepada orang lain. Jika kalian memiliki pertanyaan, jangan ragu untuk menulisnya pada kolom komentar. Terima kasih.

Share:
Label:
Yasya El Hakim
404 Not Found!
Comments
Id Tutor Plus · Comment Poster
mengatasi meta tag yang menampilkan thumbnail image yang ada di halaman static tidak muncul setelah share WA, yang muncul malah gambar default.

Contoh: halaman https://www.elcreativeacademy.com/p/tentang.html akan muncul gambar yang ada di dalam post static itu.

Trims
Post a Comment