Meta Tag HTML
Sebelumnya saya ucapkan selamat datang di blog jual rebana dan marawis ini, kali ini saya akan menulis tentang Bagaimana cara membuat Meta tag HTML agar Blog SEO Friendly dimana Blog yang saya maksud adalah Blogspot.

Meta Tag termasuk dalam tag elemen head blog, dimana tag-tag pada elemen head tidak akan ditampilkan oleh web browser, tetapi tag ini berfungsi untuk memberikan informasi mengenai halaman web terutama bagi Search Engine ( baik Google, Yaho, Bing, maupun SE lainnya) dalam mengindex suatu blog yang akan ditampilkan pada suatu halaman hasil pencarian (SERP).

Berdasarkan fungsi tag tersebut diatas, maka bisa kita katakan bahwa suatu meta tag yang baik (SEO Friendly) adalah suatu meta tag yang mampu memberikan informasi sebaik mungkin di mata SE dalam mengindex halaman suatu web/blog kita sehingga halaman web/blog kita ditampilkan di halaman utama hasil pencarian.

Di dalam elemen head suatu blog terdapat beberapa meta tag yang sering digunakan, antara lain yang akan saya bahas kali ini adalah: meta tag title, description, dan keyword.
  1. Meta Tag Title
    Tag ini berfungsi untuk menjelaskan Judul Blog maupun Halaman Blog, dimana judul merupakan suatu elemen utama dari halaman posting/blog yang pertama kali diindex karena judul dianggap merupakan identitas halaman/blog yang mampu menjelaskan isi dari halaman/blog secara keseluruhan.
    Meta Tag Title pada Template Blog secara umum adalah:
    <title><data:blog.pageTitle/></title>
    Namun agar meta tag title bisa lebih SEO Friendly untuk setiap halaman postingan yang kita buat maka Meta tag title tersebut diatas dapat kita modifikasi dengan cara mengganti kode tersebut dengan meta tag title berikut:
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageName/></title>
    </b:if>
    Jika Anda masih belum mengerti cara menggantinya, maka ikutilah langkah-langkah berikut:
    • login ke www.blogger.com dengan akun blog sobat
    • Klik pada menu "Rancangan/Lay out" kemudian pilih "edit HTML"
    • Jangan Lupa beri tanda centang pada kotak "Expand Template Widget" setelah itu klik "Download Template Lengkap" pada link yang terletak kanan di atas, dan simpan baik-baik sebagai backup template untuk berjaga jaga dari hal yang tidak kita inginkan

    • Cari Kode :
      <title><data:blog.pageTitle/></title>
    • Hapus kode tersebut kemudian ganti dengan kode berikut ini:
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title><data:blog.title/></title>
      <b:else/>
      <title><data:blog.pageName/>  | <data:blog.title/></title>
      </b:if>
    • Simpan Template

  2. Tag Meta Description
    Tag meta ini berfungsi berfungsi untuk menjelaskan secara spesifik dari judul mengenai isi dari blog, Pada saat SE mengindex website secara otomatis, maka program ini akan mencari deskripsi di website kita dan akan mencarinya di tag meta ini.
    Secara Umum meta tag description adalah sebagai berikut:
    <meta content='Deskripsi blog/web' name='description'/>
    Gantilah Deskripsi blog/web yang berwarna biru dengan deskripsi web/blog Anda

  3. Tag Meta Keyword
    Tag ini berfungsi untuk search engine yang bertipe auto robot yang secara otomatis akan mencari kata-kata di tag ini dan meletakkan di database mereka. Karena itu lah Meta Keyword diangap sebagai penentu tujuan dari sebuah blog. Bila seseorang mencari dengan katakunci yang terdapat dalam tag meta ini maka website kita akan termasuk dalam salah satu hasil pencarian. Secara Umum meta tag keword adalah sebagai berikut:
    <meta content='Kata kunci blog/web sobat' name='keywords'/>
    Gantilah Deskripsi blog/web yang berwarna biru dengan keyword web/blog Anda, dimana antara keywod dipisahkan dengan tanda koma (,)

  4. Adapun Meta tag yang SEO Friendly:
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <meta expr:content='data:blog.pageTitle + &quot; | Deskripsi Blog Anda&quot;' name='description'/>
    <meta expr:content='data:blog.pageTitle + &quot;keyword Blog Anda&quot;' name='keywords'/>
    <b:else/>
    <meta expr:content='data:blog.pageName + &quot; | Deskripsi Blog Anda' name='description'/>
    <meta expr:content='data:blog.pageName + &quot;,keyword Blog Anda' name='keywords'/>
    </b:if>
  5. Dengan demikian secara keseluruhan Tag Meta  Title, Deskripsi dan keywordnya adalah sebagai berikut:
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/>  | <data:blog.title/></title>
    </b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='Deskripsi blog/web' name='description'/>
    <meta content='Kata kunci blog/web sobat' name='keywords'/>
    </b:if>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <meta expr:content='data:blog.pageTitle + &quot; | Deskripsi Blog Anda&quot;' name='description'/>
    <meta expr:content='data:blog.pageTitle + &quot;keyword Blog Anda&quot;' name='keywords'/>
    <b:else/>
    <meta expr:content='data:blog.pageName + &quot; | Deskripsi Blog Anda&quot;' name='description'/>
    <meta expr:content='data:blog.pageName + &quot;keyword Blog Anda&quot;' name='keywords'/>
    </b:if>
Demikian uraian mengenai Membuat Meta Tag HTML Agar Blog SEO Friendly di blog jual marawis dan rebana ini, semoga bermanfaat untuk kita semua, amin..

Artikel lainnya: