DeretCode|

Tips, Trik dan Tutorial
Seputar IT, Coding, Internet Marketing, Keahlian, Pendidikan, Hobi Dan Lainnya
Night :

Tutorial Lengkap Belajar Html # Membuat Meta Tags

advertisement
Apa Itu Meta Tag?

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

Apa Itu Meta Tags?

Meta tags adalah tag yang digunakan untuk memberikan deskripsi halaman, pengaturan halaman, 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 elemen head dokumen html.
Meta tag di tandai dengan tag <meta atribut1="isi_atribut" />. Ada juga tags lainnya yang bisa di kategorikan tag meta, yaitu <title> .

Atribut-Atribut Meta Tags

Meta tags memiliki beberapa atribut yang bisa kita atur, yaitu
  • 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 Membuat Meta Tags

Buat sebuah file html seperti biasanya, dan pada elemen 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>

Trik Penggunaan Meta Tag

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.
Good luck 👍
advertisement



0 Komentar untuk " Tutorial Lengkap Belajar Html # Membuat Meta Tags"

Silahkan berkomentar dengan baik dan bijak!