Fungsi Meta Tag Pada HTML Blog/Website

TAG META merupakan cara terbaik bagi para webmaster dalam memberikan informasi mengenai situs web/blog kepada mesin telusur terbesar di dunia GOOGLE, seperti halnya juga kita yang banyak menggunakan beberapa tag meta pada HTML Template hanya sebagai pelengkap informasi situs yang kita kelola, karena banyak tutorial yang memberikan sebuah kode-kode yang berisikan tag meta, oleh karena sebagian dari kita tidak memahami betul apa itu fungsi tag meta, sehingga ada yang baru tanpa berpikir langsung memasangnya pada tag HTML.

Gambar terkait

Bila kita memahami element struktur pada TAG META, penggunaan kode yang satu ini memang sangat banyak membantu buat blog kita, karena Tag meta dapat digunakan untuk memberikan informasi ke semua jenis pengguna, akan tetapi mesin pencari hanya akan memproses sistem tag meta yang dapat dipahami, sedangkan sisanya akan diabaikan. Kita akan membahas sekilas tentang Tag meta dalam bahasa HTML, sehingga Anda sedikit akan memahami mana tag meta yang perlu kita tambahkan dan mana yang tidak berfungsi (diabaikan mesin pencari)

Dalam bahasa HTML Template Tag Meta biasanya ditambahkan kebagian <head> yang secara umum akan terlihat seperti ini

Mana Tag Meta yang dapat dipahami Google dan mana yang diabaikan, saya akan jabarkan dalam Tabel berikut ini

ITEM TERKAIT (Tag Meta) YANG DIPAHAMI OLEH GOOGLE



META NAMEFUNGSI ELEMENT
<meta name="description" content="A description of the page" />Tag ini memberikan deskripsi singkat mengenai laman terkait. Dalam situasi tertentu, deksripsi ini digunakan sebagai bagian dari kutipan yang tampak di hasil telusur
<title>The Title of the Page</title>Ini merupakan kode untuk menampilkan judul post dan judul blog. Meski secara teknis bukan merupakan suatu tag meta, tag ini kerap digunakan bersama dengan "deskripsi". Konten tag ini umumnya tampak sebagai judul dalam hasil telusur (dan tentu saja dalam browser pengguna)


<meta name="robots" content="..., ..." />

<meta name="googlebot" content="..., ..." />
Tag meta ini bisa mengendalikan perilaku mesin pencari untuk merayapi dan mengindeks (seperti sering kita gunakan pada label arcive dengan element "noindex") Tag meta robotberlaku bagi seluruh mesin pencari, sementara tag meta "googlebot" bersifat spesifik untuk Google. Nilai standarnya adalah "indeks atau ikuti" (sama dengan "semua") yang sebenarnya tidak perlu ditetapkan. Karena Mesin pencari Google sangat memahami nilai berikut ini (namun jangan lupa saat menentukan banyak nilai, pisahkan dengan menggunakan koma):

1. noindex - mencegah agar laman tidak diindeks
2. nofollow - mencegah agar Googlebot tidak mengikuti tautan dari laman
3. nokutipan - mencegah agar kutipan tidak ditampilkan
4. noodp - mencegah penggunaan alternatif deksripsi dari ODP/DMOZ
5. noarchive - mencegah agar Google tidak memperlihatkan tautan yang tersimpan untuk sebuah laman
6. unavailable_after:[date] - memudahkan Anda dalam menentukan tanggal dan waktu yang pasti untuk menghentikan perayapan dan pengindeksan laman ini sesuai keinginan Anda
7. noimageindex - memungkinkan Anda menentukan bahwa Anda tidak ingin laman Anda muncul sebagai laman perujuk untuk gambar yang muncul di hasil penelusuran Google
8. value none - sama dengan noindex, nofollow

Saat ini Anda dapat menentukan informasi ini pada judul laman Anda menggunakan perintah judul HTTP "X-Robots-Tag". Ini sangat bermanfaat terutama jika Anda ingin membatasi pengindeksan file non-HTML seperti grafis atau jenis dokumen lain
<meta name="google" content="notranslate" />Saat Mesin pencari mengenali bahwa isi suatu halaman tidak dalam bahasa yang cenderung ingin dibaca oleh pengguna (bahasa kurang dipahami), sistem TRANSLATE google akan secara otomatis menyediakan tautan ke terjemahan dalam hasil telusur. Secara umum, hal ini memberi Anda peluang untuk membuat isi yang unik dan menarik bagi kelompok pengguna yang lebih luas. Namun demikian, boleh jadi terdapat situasi dimana hal ini tidak diinginkan. Tag meta ini menginformasikan kepada Google bahwa Anda tidak ingin memberikan terjemahan untuk laman ini, jika halaman Anda tidak ingin diterjemahkan, maka gunakan tag ini.
<meta name="google-site-verification" content="..." />Anda dapat menggunakan tag ini pada laman level-atas di situs Anda untuk memverifikasi kepemilikan terhadap Alat Webmaster. Harap diperhatikan bahwa meski nilai atribut "nama" dan "isi" harus benar-benar sama dengan apa yang diberikan kepada Anda (termasuk huruf besar dan huruf kecil), tapi bukan masalah bila Anda mengubah tag dari XHTML ke HTML, atau bila format tag sesuai dengan format laman Anda


<meta http-equiv="Content-Type" content="...; charset=..." />

<meta charset="..." >
Tag meta ini mendefinisikan jenis konten dan himpunan karakter laman. Pastikan bahwa Anda mengurung nilai atribut isi dengan tanda petik ( " )( ' ) - bila tidak demikian atribut charset dapat ditafsirkan dengan tidak benar. Sebaiknya gunakan Unicode/UTF-8 jika dimungkinkan.
<meta http-equiv="refresh" content="...;url=..." />Tage meta ini mengantarkan pengguna ke URL baru setelah beberapa saat, dan terkadang digunakan sebagai bentuk pengalihan sederhana (Refresh Halaman). Namun demikian, hal ini tidak ditunjang oleh seluruh jenis browser, dan dapat membingungkan pengguna. Dan perlu anda ketahui W3C tidak menyarankan penggunaan tag ini, jika ingin penggunaan pengalihan server-side gunakan direct 301saja, bukan 404Error.

Poin penting lain yang perlu diperhatikan:

Google bisa membaca baik tag meta gaya HTML dan XHTML, tanpa memperhatikan kode yang digunakan pada laman
Dengan pengecualian terhadap verify, secara umum huruf besar dan huruf kecil bukan hal penting di tag meta

Ini bukan merupakan daftar eksklusif dari tag meta yang tersedia, dan Anda bebas menggunakan tag meta yang tidak tercantum bila penting bagi situs Anda. Harap diingat bahwa Google akan mengabaikan tag meta yang tidak dikenalnya. Jadi tidak perlu menggunakan Tag Meta yang berlebihan, karena hasilnya percuma jika tag tersebut diabaikan oleh Google. Semoga Bermanfaat.
Fungsi Meta Tag Pada HTML Blog/Website Fungsi Meta Tag Pada HTML Blog/Website Reviewed by Diyah Ayu P Putri on 7:49 PM Rating: 5

No comments:

Powered by Blogger.