2/25/2017

Cara Mudah Membuat Meta Tag

Apa itu Meta Tags dan bagaimana cara membuatnya?

Dikesempatan artikel kali ini saya akan menjawab tuntas dalam pengertian Meta Tag, langsung saja ke topik berikut.

Meta tag adalah kode yang ada di template, posisinya antara kode <head>dan <b:skin><![CDATA[/
kita intip meta tag di template simple bawaan blogger. kode meta tags default blogger hanya dua buah kode, yaitu untuk mengindeks semua konten di bagian head (all head content) dan meta title (judul atau nama blog), sebagai berikut:

<head>
    <meta expr:content='data:blog.isMobile         ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot;         : &quot;width=1100&quot;' name='viewport'/>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*


Sebenarnya itu sudah cukup, namun minimal kode  <title><data:blog.pageTitle/></title> bisa dioptimalkan atau diubah menjadi seperti dibawah ini,


<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keywords, keywords1, keyword2 &quot;' name='keywords'/>
</b:if>
<b:skin><![CDATA[/*


Pengertian Meta Tags

Meta Tags (Tag Meta) adalah cara terbaik bagi para webmaster/blogger dalam memberikan informasi mengenai blog/situs mereka kepada mesin telusur (pencari). meta Tag dapat digunakan untuk memberikan informasi ke semua jenis pengguna dan setiap sistem hanya memproses tag meta yang dipahami dan mengabaikan sisanya. bahasa sederhananya, Meta Tag adalah "tanda pengenal" atau identitas sebuah blog sehingga dikenali, diakui, dan diindeks oleh mesin pencari, terutama Google.

Meta Tags menjelaskan kepada mesin pencari dan user tentang "indentitas" blog --blog tentang apa, isi atau kontennya apa saja, dan kata kuncinya apa saja? lalu cara Membuat dan Meletakkan Meta Tags seperti apa? untuk mengganti atau mengedit meta tag, anda tinggal klik "Template" > "Edit HTML" dan temukan kode yang ada kata-kata "meta name" atau "meta content". contoh,

Template Edit HTML

Meta Tag berada di bagian <head> laman HTML blog. Secara umum Meta Tags akan terlihat seperti ini:


<head>
    <title>Nama Blog Anda - Tagline atau Penjelasan Ringkas Blog Anda</title>
    <meta name='description" content='Deskripsi Blog Anda'/>
    <meta name='google-site-verification' content='Kode Verifikasi Google Anda'/>
    <meta name='robots' content='index,follow'>


Meta Tags terpenting bagi Google hanya tiga komponen yaitu:
  • Title - Judul Blog
  • Description - Deskripsi Blog
  • Robots
Tampak tidak ada Meta Keywords atau kata kunci di sana karena "kabarnya" Google tidak lagi memperhatikan kata kunci. jika template blog anda tidak menyediakan Meta Tags seperti di atas, maka ditambahkan saja kode di atas dan letakkan di bawah kode <head> seperti contoh di atas. tapi jika ingin lebih mantap, anda bisa gunakan Meta Tags Blog SEO dibawah ini, copas kode berikut ini di bawah kode <head>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Your Blog Description</title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='Your Blog Description here!' name='description'/>
    <meta content='Your Keywords here!' name='keywords'/>
    <meta content='Author Name here!' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='geo.country'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Indonesia' name='geo.placename'/>
</b:if>


SEO Meta Tags ala Thesis SEO


<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT' name='DESCRIPTION'/>
<meta content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>

Atau  bisa juga menggunakan SEO Meta Tags yang ini, 
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | SEO Friendly Responsive Blogger Template</title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>
<meta expr:content='data:blog.metaDescription' name='description'/>
 <meta expr:content='data:blog.pageName' name='keywords'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <meta content='New, Responsive, Johny Wuss, Blogger Template, SEO Theme' name='keywords'/>
    <meta content='New Johny Wuss' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
</b:if>

Bagaimana? apakah sudah paham dengan penjelasan saya ? saya yakin, kalau anda belajar dengan serius tidaklah sulit, selamat mencoba ya.. 

Lorem ipsum is simply dummy text of the printing and typesetting industry.


EmoticonEmoticon