Kita lanjutkan tutorial tentang dasar-dasar HTML, yaitu tentang Meta data. HTML memungkinkan kita untuk menambahkan Meta data pada halaman web, yaitu berupa informasi penting tentang dokumen tersebut. Elemen pada Meta data ini bisa digunakan untuk menggambarkan properti dari halaman HTML seperti nama pembuat, kata kunci dan sebagainya.
Kita bisa memasukkan satu atau lebih tag Meta pada sebuah halaman HTML berdasarkan informasi apa yang akan ditambahkan pada halaman tersebut. Catatan bahwa Meta data tidak tampil pada halaman web ketika diakses.
Cara menambahkan tag Meta
Tag yang digunakan adalah <meta>
. Diletakkan pada bagian atas dari struktur halaman HTML yaitu di antara <head>
dan </head>
. Tag Meta ini memiliki atribut atau properti, diantaranya adalah name, content, scheme, http-equiv.
Atribut | Keterangan |
---|---|
name | Nama dari tag Meta. Bisa diisi apa saja; biasanya berisi author, keywords, description dan lain-lain. |
content | Isi dari properti. |
scheme | Berisi skema untuk menginterpretasikan isi dari properti yang sudah diatur sebelumnya. |
http-equiv | Digunakan untuk merespon pesan http di header. Misal http-equiv bisa digunakan untuk me-refresh halaman, bisa juga untuk mengatur cookie. Isi yang bisa atur adalah content-type, expires, refresh dan set-cookie. |
Mengatur kata kunci
Untuk mengatur kata kunci digunakan keywords pada atribut name. Kemudian pada atribut content diisi dengan kata kunci yang diinginkan. Jika kata kunci lebih dari 1, gunakan tanda koma. Cara penulisannya seperti ini: <meta name="keywords" content="kata, kunci, letakkan, di sini">
.
Contohnya: <meta name="keywords" content="tutorial web, tutorial android, belajar adminer, bisnis online">
Mengatur deskripsi halaman
Biasanya pada halaman web juga ditambahkan deskripsi yang berisi ringkasan atau penjelesan singkat dari halaman web. Deskripsi bisa dibuat berbeda-beda untuk setiap halaman. Dan deskripsi ini biasa digunakan oleh mesin pencari untuk melakukan indexing halaman-halaman web. Dengan deskripsi ini maka halaman web kita bisa lebih mudah diindex dan muncul di halaman pencarian.
Cara penulisannya sama dengan cara mengatur kata kunci, menggunakan atribut name dengan isi description dan content diisi dengan ringkasan halaman web. Ini bentuk penulisannya: <meta name="description" content="ringkasan halaman web">
.
Contohnya: <meta name="description" content="Tag Meta HTML diperlukan untuk optimasi SEO (Search Engine Optimization)">
Silahkan ketik kode berikut untuk contoh keywords dan description. Simpan dengan nama file 33-html-meta-keywords-description.html:
<!DOCTYPE html> <html> <head> <title>Meta Keywords dan Description</title> <meta name="keywords" content="tutorial web, tutorial android, belajar adminer, bisnis online"> <meta name="description" content="Tag Meta HTML diperlukan untuk optimasi SEO (Search Engine Optimization)"> </head> <body> <h2>Menambahkan Meta Keywords dan Description</h2> <p>Meta keywords dan description digunakan oleh mesin pencari untuk mengindex halaman-halaman web. Biasanya dimaksimalkan untuk optimasi mesin pencari (SEO), agar halaman web bisa tampil di halaman awal hasil pencarian.</p> </body> </html>
Lihat tampilannya di halaman sebelah.
Masih susah untuk saya mengerti gan, mohon bimbingan nya lagi untuk meta tag wotdpress gan
Untuk WordPress sudah ada dan bisa pakai plugin gan, tapi kalo mau atur sendiri harus ubah langsung secara manual di file-file template
sangat membantu gan,
Tapi web ane seonya susah juga ya.
keyword ane jasa desain interior
Terima kasih atas kunjungannya…
Sama dengan blog ini, SEO masih sambil belajar 🙂
makasih bg membantu sekali bagi saya pemula
Sama-sama, terima kasih telah berkunjung…
thanks gan untuk informasinya,ini sangat berguna banget untuk menambah ilmu saya. Anggapan saya ini susah ternyata sedikit mudah..semoga ke depannya bisa lebih membuat banyak artikel yang membantu 🙂 Kenalkan nama saya Rachma Dini
Hallo min bisa tolong cek website sya, saat saya cek di ceksite. com tidak ada diskripsi keywordnya min kenapa ya?
Ini web saya min alfabatsstore.com
Saya cek ada kok ^_^
bang kalau Phrase itu apa ya, dan , saat cek audit seo, di keyword phrase itu tidak muncul (keyword yang di inginkan), tetapi di, individu keyword ada (keyword yang di ingikan) gimana cara mengatur keyword phrase, dan bagian mana yang perlu di sama kan
Terima kasih telah berkunjung…
Phrase sendiri lebih tepat digunakan sebagai keyword pada tag meta di HTML menurut saya. Sedangkan pada audio saya belum explor lebih jauh. Beberapa referensi tentang tag meta di HTML, tidak saya temukan bahasan tentang phrase kecuali sebagai isian pada atribut content dengan name keyword.
bang kalo meta descriptionya kita ganti jadi data table bisa ga ya bang?
terima kasih
Wah… saya belum pernah coba 😀
Kalau punya pengalaman, silakan di share di sini om.. 🙂
Itu yg terakhir meta tag redirect ya mas? Jadi misal habis kunjungi situs A nunggu beberapa detik langsung ke situs B kah?
Betul sekali mas…
Keren bsa dicoba mas
Terima kasih atas kunjungannya mas…