Meta Tags SEO Friendly Terbaik untuk Blogger

Meta Tag merupakan Teknik Dasar SEO yang sangat penting untuk memberikan informasi mengenai Blog atau Website Anda kepada mesin pencari. Hal ini seharusnya sudah Anda atur dan sesuaikan dengan baik ketika Awal Membuat Blog. Dengan penggunaan yang benar dan didukung dengan konten berkualitas, Akan memudahkan Anda untuk mendapatkan hasil yang terbaik di Google Search Engine.

Meta Tags SEO Friendly Terbaik untuk Blogger

Apa itu Meta Tag

Sebelum kita membahas lebih jauh, Ada baiknya kita mengetahui Apa itu Meta Tag? Bagi Anda yang sudah lama bergelut didunia blogging mungkin sudah tidak asing lagi mengenai hal ini. Namun bagi blogger pemula yang masih awam, Berikut penjelasannya :

Meta Tag adalah elemen penting dalam bahasa pemrograman HTML atau XHTML yang berguna untuk memberikan informasi mengenai identitas dan isi sebuah blog atau website ketika diindeks oleh mesin pencari. Elemen Meta ini harus diletakkan di bawah kode <HEAD>, Jika Anda menggunakan blogger maka pada sebuah Template pada umumnya diletakkan sebelum kode <b:skin>.

Informasi Apa saja yang diatur di Meta Tag kepada Mesin Pencari ? Pada umumnya Ada 3 elemen penting yang harus Anda informasikan kepada mesin pencari, yaitu sebagai berikut :
  • Meta Tittle - Untuk mengatur Judul Blog
  • Meta Description - Untuk mengatur Deskripsi Blog (Penjelasan Singkat mengenai Blog Anda)
  • Meta Robots - Untuk mengatur Apa saja yang boleh dan tidak boleh diindeks mesin pencari terhadap blog Anda.
Ketiga Elemen Meta diatas adalah Hal wajib yang harus diatur dan disesuaikan dengan identitas Blog milik Anda.

Meta Tag SEO Friendly

Sebetulnya Jika Anda menggunakan Template Blogger yang SEO Friendly, tentu saja sudah didukung dengan penggunaan Meta Tag penting didalamnya. Namun setiap template mungkin menggunakan elemen meta yang berbeda-beda dan membuat Anda bingung untuk memodifikasinya sesuai dengan keinginan Anda.

Jika Hal tersebut yang terjadi, Ada baiknya Anda menggunakan Meta Tag SEO Friendly yang DaftarBlog.com gunakan untuk blog ini. Anda bisa menggunakannya di semua template blogger milik Anda. Tapi sebelum kita menerapkannya di Blog, Ada baiknya kita belajar mengetahui mengenai fungsi dari elemen-elemen Meta Tags. Berikut penjelasan Meta Tag yang sangat penting untuk diterapkan diBlog Anda.

Meta Title

Meta Title merupakan elemen penting untuk mengatur Judul Blog atau Website Anda, Berikut Penjelasan Fungsi dan cara menerapkannya di Blog Anda.

Mengatur Judul Halaman HomePage

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.title/> Indonesia Terbaik, Terpopuler, dan Paling Keren</title>
  • Ganti Kode Berwarna Merah dengan Tambahan Judul Blog Anda.
Elemen Meta Tag diatas adalah untuk mengatur Judul Blog pada Halaman Depan atau Home Page Blog Anda. Jika Anda menerapkan Kode tersebut, Maka hasilnya pada mesin pencari akan seperti Gambar dibawah ini:
Meta Title SEO - Judul Halaman HomePage di Mesin Pencari google
  • Judul yang dilingkaran Warna Merah, merupakan Judul Blog yang Anda buat pada setelan atau tata letak blog Anda.
  • Judul yang dilingkaran Warna Biru merupakan Deskripsi Judul Tambahan yang kita buat pada Meta Tittle.

Mengatur Judul Halaman Posting

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>

Elemen Meta Tag diatas adalah untuk mengatur Judul Blog pada Halaman Posting Blog Anda. Jika Anda menerapkan Kode tersebut, Maka hasilnya pada mesin pencari akan seperti Gambar dibawah ini :
Meta Title SEO - Judul Halaman Posting di Mesin Pencari google
  • Meta Tag tersebut memberikan informasi kepada mesin pencari untuk hanya menampilkan judul posting sesuai dengan judul Artikel Anda.

Mengatur Judul Halaman Label, Arsip, dan Eror 404

Ada beberapa elemen Meta Tittle lagi yang perlu Anda Atur yaitu menyesuaikan Judul Label, Arsip, dan Eror 404. Berikut Elemen yang bisa Anda Tambahkan.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<title><data:blog.title/> - <data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Arsip Untuk <data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Halaman Tidak Ditemukan</title>
</b:if>

  • Perhatikan Kode Berwarna Merah tersebut. Anda bisa merubah pembatas ( - , | ) Antara judul blog dan Judul Halaman sesuai dengan keinginan Anda.

Title Tag SEO Friendly

Berikut Kode Lengkap Title Tag SEO Friendly untuk mengoptimalkan bagian Judul Blog di Mesin Pencari.

<!-- Title Tag SEO Friendly -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.title/> Tambahkan Deskripsi Judul</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Archive for <data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<title><data:blog.title/> - <data:blog.pageName/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<title><data:blog.pageTitle/> - All Post</title></b:if>
</b:if>

Meta Description

Deskripsi merupakan bagian kedua terpenting dalam Meta Tag setelah Title Tag. Berikut cara menerapkannya di Blog Anda :

<meta content='Daftar Review Blog dan Blogger Terbaik Indonesia, Ulasan dan Penilaian mengenai konten Blog dan Website terkenal dan paling keren di Indonesia.' name='description'/>

  • Ganti Kode Berwarna Merah dengan Deskripsi Blog Anda
Hasilnya pada mesin pencari akan seperti Gambar dibawah ini :
SEO Meta Tag Description

Meta Keyword

Sebetulnya Google tidak lagi memperhatikan mengenai penerapan Meta Keyword, karena google akan menentukan sendiri kata kunci yang tepat untuk sebuah blog atau website sesuai dengan isi konten situs tersebut. Jika Anda ingin menggunakannya, Hal ini mungkin hanya untuk mempertegas saja. Berikut Contoh penerapannya :

<meta content='daftar blog, blogger indonesia, blog terbaik' name='keywords'/>

  • Ganti Kode Berwarna Merah dengan Kata Kunci Blog Anda.

Meta Robots

Meta Robots biasa digunakan untuk mengatasi duplicate content di Mesin Penelusuran. Elemen ini digunakan untuk memberikan informasi kepada robot mesin pencari mengenai Halaman yang ingin dan tidak ingin diindeks.

Ada beberapa hal Penyebab terjadinya duplicate content pada blog di mesin pencari. Diantaranya adalah duplikat yang terjadi karena Halaman Label, Halaman Arsip, Pencarian, dan Halaman Versi Mobile. Hal ini bisa Anda atasi dengan menggunakan Meta Robots. Berikut cara menerapkannya :

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

Meta Tag Social Media

Meta Tag Tidak hanya berfungsi untuk memberikan informasi pada mesin pencari saja, tetapi juga sangat berguna bagi Anda yang ingin mempunyai tampilan yang menarik ketika link blog Anda dibagikan disitus Social Media seperti Facebook, Twitter, dan Google Plus.

<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='Daftar Review Blog dan Blogger Terbaik Indonesia, Ulasan dan Penilaian mengenai konten Blog dan Website terkenal dan paling keren di Indonesia.' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='DaftarBloggerIndonesia' property='fb:app_id'/>
<meta content='BlogJuragan' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@situsblog' name='twitter:site'/>
<meta content='@situsblog' name='twitter:creator'/>

<link href='https://plus.google.com/+DaftarblogIndonesia/posts' rel='publisher'/>
<link href='https://plus.google.com/103024584133192320547/about' rel='author'/>

<link href='https://plus.google.com/103024584133192320547' rel='me'/> 
  • Ganti Kode Berwarna Merah dengan Deskripsi Blog dan ID Social Media Anda.
Jika Anda Menerapkan Meta Tag Social Media tersebut di Blog Anda, kemudian Anda bagikan Link Blog Anda di Facebook, Maka hasilnya kurang lebih seperti gambar dibawah ini :

Meta Tag Social Media

Cara Membuat dan Memasang Meta Tag SEO Friendly Di Blogger

Setelah memahami mengenai fungsi dari elemen-elemen Meta Tag, Sekarang saat nya membuat dan memasang Meta Tag tersebut di Blog Anda. Agar mendapatkan hasil yang maksimal di mesin penelusuran sebaiknya Anda gunakan Meta Tag Super SEO Friendly yang DaftarBlog.com gunakan diBlog ini.

Meta Tags ini tentu saja bisa Anda gunakan untuk semua Template Blogger yang Anda pakai saat ini. Yang harus Anda lakukan hanya menghapus Meta Tag yang ada dan menggantinya dengan Meta Tag Super SEO Friendly berikut ini.


<head>

<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta charset='utf-8'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Blogger Indonesia' name='Author'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>

<!-- [ Untuk Verifikasi Webmaster Google, Bing, dan Alexa ] -->
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>

<!-- [ Title Tag SEO Friendly ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.title/> Tambahkan Deskripsi Judul</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Archive for <data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<title><data:blog.title/> - <data:blog.pageName/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<title><data:blog.pageTitle/> - All Post</title></b:if>
</b:if>

<!-- [ Description dan keywords ] -->
<meta content='Daftar Review Blog dan Blogger Terbaik Indonesia, Ulasan dan Penilaian mengenai konten Blog dan Website terkenal dan paling keren di Indonesia.' name='description'/>
<meta content='daftar blog, blogger indonesia, blog terbaik' name='keywords'/>


<!-- [ Biar Gak Duplikat Content ] -->
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='Daftar Review Blog dan Blogger Terbaik Indonesia, Ulasan dan Penilaian mengenai konten Blog dan Website terkenal dan paling keren di Indonesia.' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='DaftarBloggerIndonesia' property='fb:app_id'/>
<meta content='BlogJuragan' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@situsblog' name='twitter:site'/>
<meta content='@situsblog' name='twitter:creator'/>
<link href='https://plus.google.com/+DaftarblogIndonesia/posts' rel='publisher'/>
<link href='https://plus.google.com/103024584133192320547/about' rel='author'/>
<link href='https://plus.google.com/103024584133192320547' rel='me'/> 
<b:skin>

Anda bisa menerapkan Meta Tag SEO Friendly tersebut dibawah Kode <head> dan sebelum kode <b:skin> pada Template Blogger milik Anda.
  • Silahkan Rubah kode Berwarna Merah sesuai dengan Identitas Blog Anda.
  • Untuk Kode Berwarna Hijau biasanya setiap template memiliki perbedaan, dan akan mendapatkan hasil yang baik apabila menggunakan kode bawaan template tersebut.
Demikian Pembahasan kita mengenai Meta Tags SEO Friendly Terbaik untuk Blogger Ala DaftarBlog.com. Semoga bisa membantu memaksimalkan Blog Anda di hasil pencarian Google. Apabila ada pertanyaan seputar Meta Tag silahkan berikan komentar Anda di bawah ini. Terima Kasih
Reaksi: 

Related

SEO 8070259970881885924

Post a Comment

  1. Wahh mantapp..jd tau apa itu meta robots..sangat bermanfaat

    ReplyDelete
  2. Replies
    1. Jangan Panggil suhu :surprise:

      Delete
  3. ijin nanya bang.. penjelasaah super sekali tapi saya mau nanya bagaimana cara mengeditnya..???

    ReplyDelete

emo-but-icon

item