Tutorial Lengkap Belajar Html # Membuat Meta Tags

Jika kamu pernah belajar seo, meta tags bukanlah hal yang asing lagi kan?.
Meta tags memang tidak sepenting dulu, tapi bukan berarti tidak bermanfaat sama sekali.

Meta tags masih digunakan untuk memberikan hide information terkait halaman web yang akan digunakan mesin pencarian(google, bing, yahoo) dalam mengetahi ringkasan article dari halaman tersebut. Memang mesin pencarian sekarang sudah sanagt cerdas, tanpa meta tag pun mesin pencarian dapat mengetahui isi konten, topik yang dibahas bahkan dapat menyimpulkan isinya. Tapi tidak ada salahnya kan jika kita tetap menggunakan meta tags ini untuk memaksimalkan seo halaman yang kita buat,

Yuk kita mulai tutorialnya,

Daftar Isi

Apa Itu Meta Tags?
Attribute-Attribute Meta Tags
Cara Mengimplementasikan Meta Tags
Fungsi meta tag lainnya
- Membuat halaman otomatis refresh
- Membuat halaman redirect

Apa Itu Meta Tags?

Meta tags adalah tag yang digunakan untuk memberikan deskripsi sebuah halaman web, pengaturan halaman web, optimasi onpage dan lain sebagainya.
Umumnya meta tags tidak mempengaruhi tampilan dan isi konten dari halaman yang ditampilkan kepada user karena posisinya yang berada di dalam tag <head> dokumen html.

Meta tag di tandai dengan tag <meta name="nama meta" content="isi meta" />. Ada juga tags lainnya yang bisa di kategorikan tag meta, yaitu <title>.

Attribute-Attribute Meta Tags

Selain name dan content ada beberapa properti lainnya yang bisa kita gunakana untuk mengatur meta tag.
Berikut adalah properti-properti yang bisa kita gunakan di meta tag,

content, digunakan untuk memberikan isi dari meta terkait, dan selalu diikuti dengan atribut meta lainnnya seperti atribut name.
name, digunakan untuk membuat meta tag dengan nama tertentu, misalnya robots, keyword, description, author dan lainnya.
http-equiv, Berkaitan dengan http header, biasanya digunakan untuk memberitahu browser tipe konten yang digunakan, misalnya text/html.
charset, digunakan untuk memberi tahu browser dengan karakter set apa halaman web akan ditampilkan. Biasanya atribut charset ini akan berisi nilai seperti utf-8.
property, biasanya digunakan untuk membuat open graph protocol

Cara Mengimplementasikan Meta Tags

Buat sebuah file html seperti biasanya, dan pada tag head silahkan tulis kode meta kalian,

Contohnya,

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="keywords" content="belajar meta tag html, meta tag, apa itu meta tags" />
		<meta name="description" content="Ini adalah tutorial penjelasan dan cara membuat meta tags" />
		<meta name="author" content="Deretcoode" />
		<meta content='website' property='og:type'/>
		<title>Tutorial Meta Tags</title>
	</head>
	<body>
	   <p>Jika kamu pernah belajar seo, meta tags bukanlah hal yang asing lagi.</p>
	   <p>Meta tags memang tidak sepenting dulu, tapi bukan berarti tidak bermanfaat sama sekali.</p>
	   <p>Meta tags masih digunakan untuk memberikan hide information terkait halaman web yang akan digunakan mesin pencarian(google, bing, yahoo) dalam mengetahi ringkasan article dari halaman tersebut. Memang mesin pencarian sekarang sudah sanagt cerdas, tanpa meta tag pun mesin pencarian dapat mengetahui isi konten, topik yang dibahas bahkan dapat menyimpulkan isinya. Tapi tidak ada salahnya kan jika kita tetap menggunakan meta tags ini untuk memaksimalkan seo halaman yang kita buat,
	Yuk kita mulai tutorialnya
	   </p>
	</body>
</html>

Fungsi meta tag lainnya

Berikut trik-trik dalam memanfaatkan meta tags

Membuat halaman otomatis refresh

Untuk membuat halaman yang otomatis refresh dengan jeda waktu tertentu kita bisa menggunakan meta tags http-equiv, kodenya seperti berikut,

<meta http-equiv="refresh" content="5"/>

Secara otomoatis halaman akan refresh setiap 5 detik sekali

Membuat halaman redirect

Untuk membuat halaman yang otomatis redirect ke halaman lainnya, kita juga bisa menggunakan meta tags http-equiv, kodenya seperti berikut,

<meta http-equiv="refresh" content="1;url=http://example.com/" />

Secara otomatis halaman akan redirect ke halaman lain dengan jeda waktu 1 detik.

Sekian dulu tutorial membuat meta tags.
Jika kalian merasa artikel ini bermanfaat silahkan kalian klik tombol share.
Jika ada pertanyaan atau ada hal yang ingin di sampaikan silahkan tulis di kolom komentar.