Sempurnakan Meta Tag dan Deskripsi Blog Anda Dengan Cara Ini

Meta Tag dan Deskripsi Blog – Dewasa ini meta tag dan deskripsi blog sudah bukan hal baru lagi. Banyak sekali tutorial yang menyajikan tentang pengoptimalan tentang keduanya. Dan banyak pula jenis pola pengoptimalannya, ada yang lahir dari hasil eksperimen, dan tidak sedikit pula yang lahir dari contekan lalu menambahkan dan mengurangi sesuatu yang dianggap penting.

Seperti halnya yang saya lakukan, dan saya harus jujur bahwa cara yang saya gunakan ini adalah hasil dari contekan dari blog-blog besar namun saya tambahkan dengan beberapa ramuan yang sangat menggoda mesin pencari. Seperti apa optimasi meta tad dan meta description yang saya maksud? Simak tutorial ini secara bijaksana.


Dalam hal ini saya tidak akan menjelaskan codingnya akan diletakkan dimana. Yang saya bagikan cukup kodingnya saja. Karena jika seseorang yang berani membaca tutorial seperti ini, kurang lebih ia telah memahami setengah perjalanan dari seluk-beluk blogging. Langsung saja kita ke TKP.

Langkah pertama : Ganti seluruh optimasi meta tag dan deskripsi anda dengan kode  dibawah ini.
 <!-- Block1: Output post meta keywords -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section id='meta1' showaddelement='no'>
<!-- widget must be a of Type = 'blog' to have posts data exposed, and must have a unique id -->
<!-- Empty Includables(functions) to output nothing, You must keep them ): -->
<b:widget id='Blog2' locked='no' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post' />
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'><!-- Main Function of Any widget comes with ID 'main' -->
<!-- Loop Page Posts (only 1 in a post page )-->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<!-- If the post has labels, make Meta keywords by looping lables -->
&lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt;
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</b:if>
<!-- Block1 End -->
<head>
<meta charset='utf-8'/>
<link href='https://plus.google.com/103493780843253133709' rel='author'/>
<meta content='NsY_bFR9FDDyUdXmtZvew66FKT_CkrtpWgzr_CPJMl0' name='google-site-verification'/>
<meta content='ti-4MIHxs_MD1JEuwT71CJeyLXs' name='alexaVerifyID'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> / Blog Bung Frangki</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <title><data:blog.pageName/> / Blog Bung Frangki</title>
</b:if>
<b:if cond='data:blog.searchLabel'>
  <title>Artikel pada Label / <data:blog.pageName/> / Blog Bung Frangki</title>
</b:if>
<b:if cond='data:blog.searchQuery'>
  <title><data:blog.searchQuery/> / Blog Bung Frangki</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
  <title><data:blog.pageName/> / Blog Bung Frangki</title>
</b:if>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<title><data:blog.pageTitle/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<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'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik1jsbTBrobz5hu7uLVnyrab-d0vtg_21Zi_DSLckKo2aQLowDpRFzt6gJXREaEFFXVFM9XUl_cWmzwbZDcIBZS9yFnBByksWBHa74uychmEyoRxP1Jn762zIqvBUHI3mnBgFOqARA6jk/s1600/130x130.png' property='og:image'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='Bungfrangki.com, Bung Frangky, optimasi seo, smartphone, internet, ilmu komputer, materi sastra, blogger hacks, free blogger templates, blogspot tutorial, blogger tutorial ,' name='keywords'/>
</b:if>
</b:if>
<meta content='253664224684238' property='fb:app_id'/>
<meta content='1698503815' property='fb:admins'/>

Kode di atas tersusun dari :
Optimasi meta keywords otomatis sesuai kategori postingan yang anda tentukan disaat membuat postinngan
Meta keywords di awal postingan tersendiri dan berbeda dengan meta keywords untuk postingan
Meta description di awal postingan tersendiri (akan dijelaskan di bawah)
Meta description berbeda disetiap postingan (akan dijelaskan di bawah)
Dan kode lainnya yang saya tidak perlu sebutkan satu-persatu, yang pasti mereka-mereka itu juga sangat berguna.

Langkah Kedua : Perhatika dashboard blog anda, klik Setelan > Preferensi Penelusuran, edit pada bagian Deskripsi. Lihat gambar di bawah ini:

Silahkan masukkan deskripsi blog sesuai konten blog anda. Deskripsi ini untuk tampil di awal postingan.

Langkah Ketiga : Ketika membuat postingan baru, hendaknya menambahkan Label dan Deskripsi Penelusuran. Perhatikan gambar berikut.

Nomor 1 : Merupakan label artikel yang nanti akan menjadi meta keywords postingan.
Nomor 2 : Merupakan Deskripsi Penelurusan yang nanti akan menjad meta description postingan.

Demikian optimasi yang saya gunakan untuk blog ini, jika berminat silahkan terapkan di blog anda, jika tidak berminat karena dengan alasan kuat untuk memilih tidak memasangnya juga tidak apa-apa. Toh saya merasa sangat nyaman setelah memasang optimasi ini. Screenshoot pencarian artikel blog setelah saya menggunakan optimasi tersebut dapat dilihat di bawah ini.

Itulah beberapa screenshoot penampakan posisi postingan blog ini di mesin pencari, dengan rata-rata berada di layar pertama google.

Sekian tutorial ini, semoga bermanfaat. Salam blogging.

4 komentar

  1. Profil:https://www.blogger.com/profile/09491622766198881241
    Bung Frangki...
    kalau template gempar udh di sempurnakan belum dengan tehnik ini?
    • Profil:https://www.blogger.com/profile/13162875744493565460
      baru sebagian gan, yang lainnya bisa di tambahkan...
      perhatikan saja kodenya
  2. Profil:https://www.blogger.com/profile/08436884961146342218
    keren bung frangki..patut di praktekan
    • Profil:https://www.blogger.com/profile/11878619887895296501
      silahkan bung, semoga templatenya makin seo :D
  • Gunakan fitur Format Kode untuk menulis atau menyisipkan kode dan gambar dengan format tertentu.
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi via Email ketika ada balasan.
  • Apabila ada pertanyaan di luar artikel silahkan telusuri atau bertanya lewat .
  • Untuk menyisipkan gambar, silahkan upload gambar terlebih dahulu. Lalu salin URL Gambar tersebut, paste ke kolom di bawah ini, lalu klik tombol Image.
  • Untuk menyisipkan Potongan Kode, atau Quote, paste kode tersebut ke kolom di bawah ini, lalu klik tombol pre, code, atau quote.
  • Untuk menulis kode dalam Syntax Highlighter gunakan format kode panjang.
  • Setelah itu, salin atau copy hasil parse dengan klik tombol icon Salin Kode! lalu paste ke kolom komentar.

image quote pre code