Mengenal SEO dan Meta Tags

Sudah beberapa tahun kebelakang saya mempelajari SEO secara otodidak dan menerapkannya pada beberapa website yang saya buat, dan sekarang saya coba untuk menuliskannya di blog ini.

Saya akan coba membaginya menjadi beberapa bagian, diantaranya:
1. Mengenal SEO dan Meta Tags
2. Cara Agar Website Kita Terindex Google - Coming Soon
3. Facebook Open Graph dan Twitter Card - Coming Soon

Dan pada bagian pertama ini, saya akan fokus kepada "Bagaimana kita mengoptimalkan source code website kita agar SEO Friendly".

Apa itu SEO?

SEO (Search Engine Optimization) merupakan suatu cara yang dilakukan untuk membuat website kita lebih mudah dikenal oleh Search Engine.

Meta Tag

<meta> tag adalah tag html yang digunakan untuk menyimpan metadata suatu dokumen HTML. Metadata tidak akan muncul pada halaman, tetapi dapat dibaca oleh Search Engine.

Elemen <meta> biasanya digunakan untuk menyimpan data seperti kata kunci, deskripsi, pengarang suatu artikel, terakhir dimodifikasi, dll.

Baca lebih lanjut tentang HTML Meta Tag.

Meta Tags yang Dipahami Google

Meta tags are a great way for webmasters to provide search engines with information about their sites. Meta tags can be used to provide information to all sorts of clients, and each system processes only the meta tags they understand and ignores the rest.

- Meta tags that Google understands

Meta tags merupakan cara yang paling baik (saat ini) yang dapat digunakan oleh para Webmaster dalam memberikan informasi mengenai suatu situs kepada Search Engine.

Meta tags biasanya disisipkan diantara kode <head> dan </head>.

Contoh:

<!DOCTYPE html>  
<html>  
  <head>
    <meta charset="utf-8">
    <meta name="description" CONTENT="Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price:  £9.24, Length: 784 pages">
    <meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="/>
    <title>Example Books - high-quality used books for children</title>
    <meta name="robots" content="noindex,nofollow">
...

Tidak semua <meta> tags digunakan oleh google dalam meng-index suatu website, hanya beberapa saja, diantaranya:




Diterjemahkan dari Meta tags that Google understands
Tag
Fungsi
<meta name="description" content="A description of the page" /> Tag ini digunkan untuk menyimpan deskripsi singkat suatu web. Dalam beberapa kasus, tag ini digunakan oleh Google sebagai snippet pada hasil pencarian.

Selengkapnya tentang Snippet on Search Result.
<title>The Title of the Page</title> Sebenarnya ini tidak termasuk <meta> tag, konten <title> ini biasanya digunakan bersamaan dengan <meta name="description"> dan juga digunakan sebagai judul laman yang muncul pada hasil pencarian.
<meta name="robots" content="..., ..." /> <meta name="googlebot" content="..., ..." /> Tags ini digunakan untuk mengontrol bagaimana search engine melakukan crawling & indexing pada suatu web.

Tag <meta name="robots"> itu digunakan oleh semua search engines, sedangkan <meta name="googlebot"> hanya digunakan oleh Google.

Selengkapnya tentang Robots Meta Tag.
<meta name="google" content="nositelinkssearchbox" /> Terkadang dalam hasil pencarian, google memunculkan sebuah search-box untuk membantu user dalam menemukan apa yang mereka cari. Tag ini berfungsi untuk memberitahu google bahwa kita tidak ingin memunculkan search-box pada hasil pencarian website kita.

Selengkapnya tentang Sitelink Search Box.
<meta name="google" content="notranslate" /> Tag ini digunakan untuk memberitahu google bahwa kita tidak ingin memunculkan option untuk men-translate website kita.
<meta name="google-site-verification" content="..." /> Tag ini digunakan sebagai verifikasi google untuk Search Console.

Selengkapnya tentang Verifikasi Google.

Insya Alloh akan dibahas pada artikel berikutnya, tentang bagaimana cara agar website kita ter-index oleh Google.
<meta http-equiv="Content-Type" content="...; charset=..." /> <meta charset="..." > Tag ini digunakan untuk mendefinisikan content type dan character set pada suatu laman. Google merekomendasikan untuk menggunakan Unicode/UTF-8 bila memungkinkan.

Selengkapnya tentang Web Authoring Statistics: Metadata.
<meta http-equiv="refresh" content="...;url=..." /> Tag ini digunakan untuk mengirim user kepada laman lain. W3C tidak merekomendasikan untuk menggunakan ini sebagai redirection, Google merekomendasikan untuk menggunakan Server Side 301 Redirect.

Contoh Penggunaan Meta Tags

Contoh penggunaan <meta> tag pada laman http://asepmaulanaismail.com:

<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta name="google-site-verification" content="VVSQKeMObN1wCWc7sSpMrz3IUQJdkKSJ9eD-hFq****" />
    <meta name="p:domain_verify" content="c9bdf1a7d0b9eaecd69d3feb521f****"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <META NAME="description" CONTENT="Hi, I am Asep Maulana Ismail. I live in Bandung, Indonesia. I\'m very interested in javascript. If you want to ask something, feel free to contact me.">
    <META NAME="keywords" CONTENT="asep maulana ismail">
    <META NAME="robot" CONTENT="index,follow">
    <META NAME="copyright" CONTENT="Copyright © 2015 Asep Maulana Ismail. All Rights Reserved.">
    <meta name="language" content="english"> 
    <META NAME="revisit-after" CONTENT="7 days">

    <title>Asep Maulana Ismail</title>
</head>  

Contoh tampilan pada hasil pencarian Google:
Google Search Result

Kesimpulan

Dengan membaca artikel bagian pertama ini, saya rasa sudah cukup untuk bisa mengoptimalkan website kita dengan menggunakan Meta Tags agar SEO Friendly.

Untuk langkah selanjutnya, insya Alloh akan saya bahas pada artikel berikutnya yaitu tentang "Cara Agar Website Terindex Google".

Bila ada pertanyaan, jangan ragu untuk langsung menanyakannya di kolom komentar.

Semoga bermanfaat & selamat mencoba!
Terima kasih.