Friday, January 16, 2015

Script Dalam Tag Head Bagian Ketiga

Setelah memahami tipe dokumen atau DocType Blogspot, selanjutnya mempelajari dan memahami apa saja script yang ada didalam tag <head> agar tidak salah pada saat proses scripting di template blogspot.

Element Tag <head>

Berikut ini adalah Elemen/unsur atau apa saja yang ada didalam tag <head> yang sebenarnya banyak sekali tergantung pada kebutuhan blogger masing-masing, yaitu:

  1. Tag Title (Tag Judul).
    Tag judul ini sangat penting sekali mengingat blog harus memiliki identitas pengenal. Dari judul tersebut dapat diketahui tentang tema/topik apa yang dibahas di blognya. Konten yang tidak relevan dengan Judul akan sangat merugikan, terkecuali website tersebut adalah website official yang ingin mengembangkan Brand (baca: Nama Besar, misal: Nama Perusahaan).

    Contoh script Title:
    <head>
    <title>judul blog ditulis disini</title>
    </head>
  2. Tag Description (Tag Ringkasan/Gambaran).
    Tag Description berisi ringkasan singkat atau uraian singkat yang menjelaskan judul blog dan kontennya.
    Misalnya:

    Nama/Judul Blog: Tips Belajar Cepat
    Description: Tips Belajar Cepat dalam Meraih Prestasi Disekolah.

    Dengan kata lain, antara judul dan description ada kaitan erat dan relevan.

    Contoh script description:
    <head>
    <meta content="Tips Belajar Cepat dalam Meraih Prestasi Disekolah" name="description"/>
    </head>
  3. Tag Meta Robot.
    Robots ada 2 jenis: pertama, Meta robot, dan kedua robots.txt. Meta robots juga termasuk hal terpenting. Namun bisa diganti dengan robots.txt. Bagi Blogger blogspot, robots.txt dapat diatur di Settings > Search Preference > Yes, lalu isi didalam kotak tersebut dan simpan!



    Umumnya, robots.txt blogspot sudah diatur otomatis oleh blogger.com. Untuk melihatnya bisa dicek di URL: namablogmu.blogspot.com/robots.txt lalu ENTER.

    Contoh Meta robots:

    <head>
    <meta content="index,follow" name="robots"/>
    </head>

    Untuk mengenal lebih jauh mengenai Robots, berikut ini adalah referensinya:
    - google.com - panduan robots.txt
    - Robots.txt atau google.com - Memahami Robots.txt
    - Crawler, Spider dan Robots.txt
  4.  Meta Charset.
    Meta charset berguna bagi browser dan spider google untuk menentukan apakah halaman tersebut.
    - Kegunaan Charset UTF-8

    Contoh script Meta Charset:

    <head>
    <meta charset="UTF-8"/>
    </head>


Bila ketiga hal itu digabung, jadilah seperti dibawah ini:

<head>
<meta charset="UTF-8"/>
<title>judul blog ditulis disini</title>
<meta content="Tips Belajar Cepat dalam Meraih Prestasi Disekolah" name="description"/>
<meta content="index,follow" name="robots"/> 
</head>

atau, lengkapnya sebagai berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>judul blog ditulis disini</title>
<meta content="Tips Belajar Cepat dalam Meraih Prestasi Disekolah" name="description"/>
<meta content="index,follow" name="robots"/> 
</head>
<body>
............
</body>
</html>

Seperti yang ditulis diatas tadi, masih banyak jenis meta tag dan kesemuanya bergantung kebutuhan, akan tetapi 4 jenis tag diatas bisa dikatakan wajib ada. Untuk mempelajari jenis meta tag lain silahkan saja browse di: http://tina-andrew.blogspot.com

No comments:

Post a Comment