Jun 13, 2010

Meta Tag Dalam HTML


Meta tag adalah sebuah kode special dalam HTML yang gunanya untuk memberikan informasi-informasi mengenai sebuah website. Dalam sebuah meta tag inilah mesin pencari (search engine) akan membaca informasi tentang website Anda, jadi meta tag ini juga berfungsi sebagai SEO(Search Engine Optimizer). Kalau Anda memberikan Informasi dengan lengkap, maka website Anda akan cepat ter-index oleh mesin pencari.

Meta tag sendiri terletak di antara perintah <head>LETAK META TAG</head>. Sebagai Contoh:
<html>
<head>
<title>Contoh meta tag</title>
<meta http-equiv=”Content-Type” content=”text/html;charset=utf-8”>
<meta name=”Keywords” content=”Mata Kuliah Teknik, Tutorial HTML, Tutorial CSS”>
<meta name=”Description” content=”Ini adalah contoh penggunaan Perintah meta tags”></head>
<body>Isi website Anda</body>
</html>


Pada dasarnya perintah ada 2 perintah terpenting dalam meta tag agar masuk disetiap halaman website Anda dan agar diterima oleh mesin pencari adalah Keywords dan Description. Dua perintah ini harus Anda perhatikan betul-betul dalam merancang sebuah website, karena ini berhubungan erat dengan SEO(Search Engine Optimizer).

Keywords berisi tentang kata kunci website Anda dan Description berisi tentang deskripsi website Anda. Untuk Keywords ini sangat berhubungan sekali dengan tulisan-tulisan yang ada di website Anda. Dan Keywords ini harus mengarah pada pemikiran global, jadi pemikiran yang sering orang lain pikirkan.

Misalnya: Si A dan Si B sedang mencari sebuah buku/tutorial tentang AutoCAD di Internet, mereka sama-sama membuka layanan search engine untuk mencarinya. Si A menuliskan tutorial AutoCAD, sedangkan Si B menuliskan buku tentang AutoCAD. Dan misalnya dalam website Anda menggunakan Keywords tutorial AutoCAD, maka Si A lah yang akan mengetahui website Anda, sedangkan Si B mungkin akan menemui website-website penjualan buku AutoCAD.

Selain perintah Keywords dan Description, Anda juga bisa menyisipkan perintah-perintah berikut:

1. Robot
Perintah ini berguna untuk memberitahukan kepada mesin pencari sebuah jaring apakah website Anda akan ter-index dalam mesin pencari atau link yang ada di halaman website Anda akan diikuti lalu index diterima. Sebagai Contoh:
<meta name=”robots” content=”index,follow”>

2. Content-Languages
Perintah ini berguna untuk memberikan informasi mengenai bahasa yang digunakan dalam website Anda. Biasa menggunakan Sandi-sandi Negara, sebagai contoh:
<meta http-equiv=”Content-Language” content=”id”>

3. Content-Type
Perintah ini berguna untuk memberikan informasi mengenai type dari Sandi bahasa yang digunakan apakah menggunakan A-Z Alphabet ataukan Karakter Jepang, China, Rusia, Thailand dll. Biasanya untuk perintah ini langsung menngunakan Sandi A-Z Alphabet. Sebagai Contoh:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

4. Refersh
Perintah ini memberikan instruktur atau peringatan kepada browser untuk otomatis mereload atau memproses ulang website Anda. Perintah ini semacam penghitung waktu mundur. Jadi perintah ini akan bekerja setelah Anda memberikan waktu. Waktu yang digunakan dalam hitungan detik jadi jika Anda memberikan instruktur selama 1 menit, maka Anda tulis 60, sebagai contoh:
<meta http-equiv=”refresh” content=”60”>

5. Revised
Perintah ini akan memberikan informasi megenai tanggal Anda memperbaiki website atau me-revisi website Anda, sebagai contoh:
<meta name=”revised” content=”Ade Tiawan, Malang, 06/12/10”>

6. Copyright
Perintah ini akan memberikan informasi mengenai Copyright website Anda, Sebagai contoh:
<meta name=”Copyright” content=”Copyright © 2010, Matakuliahteknik.blogspot.com! All rights reserved.”>

7. Author
Perintah ini akan memberikan informasi mengenai pembuat website Anda. Sebagai contoh:
<meta name=”Author” content=”Ade Tiawan dari http://matakuliahteknik.blogspot.com”>

8. Perintah Lainnya
Anda juga bisa menggunakan perintah-perintah dibawah untuk melengkapi informasi mengenai website Anda.

a. Revisit-after
<meta name=”Revisit-after” content=”20 days”>

b. Reply-to
<meta name=”Reply-to” content=”matakuliahteknik.blogspot.com”>

c. Publisher
<meta name=”Publisher” content=”Global”>

d. Expired
<meta name=”Expired” content=”09/12/09”>

e. Rating
<meta name=”Rating” content=”General”>

Sedikit dari saya, semoga bermanfaat bagi Anda yang membutuhkan. Tunggu tutorial dari saya selanjutnya.
Download Tutorial

2 Comments:

Karlz on June 14, 2010 at 1:22 PM said...

q juga pasang banyak nich ^_^.. nice tutor bro

Blogger Indo on June 14, 2010 at 8:23 PM said...

thanks...:-)

Post a Comment

Your comments are very helpful this blog in the future. but do not spread the SPAM on this blog!

 

Mata Kuliah Teknik. Copyright 2010 All Rights Reserved.Template by Bloganol.com