OPTIMASI META TAG DAN DATA TERSTRUKTUR BLOGGER

Home » Blogspot » SEO » Seo Onpage » Tutorial Blog » OPTIMASI META TAG DAN DATA TERSTRUKTUR BLOGGER

OPTIMASI META TAG DAN DATA TERSTRUKTUR BLOGGER

SEO ONPAGE BLOGGER, META TAG DAN RICH SNIPPETS

Ketika kita menginginkan blog kita lebih bersahabat dengan Mesin pencarian Google (Google Friendly), yang mana keadaan tersebut akan memberikan trafik gratis ke blog kita, tentunya diperlukan syarat-syarat tertentu yang nantinya dijadikan Google sebagai alasan merekomendasikan Blog kita dan menempatkannya di halaman pertama mesin pencari (Syukur-syukur kalo ditempatkan di urutan pertama), salah satu syarat tersebut adalah SEO ONPAGE atau mengoptimalkan blog kita dari dalam.

Dalam Seo Onpage sendiri, banyak sekali yang bisa kita lakukan, selanjutnya akan dibuatkan artikel-artikel tersendiri (Satu persatu) tentunya yang saya tahu, namun khusus artikel ini seperti judulnya yang membawa sampeyan kesini, saya akan berbagi tentang Pemasangan Data Terstruktur atau yang biasa disebut Rich Snippets serta Optimasi Meta Tag Blogger.

Fungsi dari Data Terstruktur sendiri adalah untuk membantu mempermudah Mesin Pencari Google melakukan Peng-indek-an seluruh isi dari blog kita, dengan Data Terstruktur (Rich Snippet) yang telah terpasang di blog, Blog akan lebih SEO Friendly dan tentunya Google Friendly karena google sendiri sangat menyarankan pengaplikasian sebuah Data Terstruktur pada sebuah blog

Tanpa bicara panjang lebar lagi, berikut ini adalah tahap-tahap yang musti dilakukan

Pastikan Sobat telah berada (Log in) di Dassboard Blog
Klik Menu Template (Terletak di sebelah kiri) dan lanjutkan dengan klik Edit HTML
Lalu cari kode-kode dibawah ini (biasanya terletak di atas kode <head>)

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Selanjutnya silahkan ganti kode diatas dengan kode-kode dibawah ini

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html>

<html expr:dir='data:blog.languageDirection' itemprop='http://schema.org/Article' itemscope='http://schema.org/Article' itemtype='http://schema.org/Article' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <html lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'/>

Lanjutkan dengan mencari kode <head> dan ganti semua kode yang terletak antara <head> dan <b:skin><![CDATA[ dengan kode-kode dibawah ini

<b:include data='blog' name='all-head-content'/>
<link href='https://plus.google.com/ kode id Google Plus sobat' rel='author'/>
<link href='https://plus.google.com/kode id Google Plus sobat' rel='publisher'/>
<meta charset='utf-8'/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content=' isi dengan deskripsi blog ' name='description'/>
<meta content=' isi dengan Keyword ' name='keywords'/>
<meta content='Nama Sobat' name='Author'/>
<meta content='Email Sobat' name='Email'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='1 days' name='revisit-after'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle + ", isi dengan deskripsi tambahan "' name='Description'/>
<meta expr:content='data:blog.pageName + ", isi dengan Keyword tambahan "' name='keywords'/>
</b:if>
<meta content='https://plus.google.com/kode id Google Plus sobat' name='DC.Creator'/>
<meta content='Nama Blog Sobat' name='DC.Identifier'/>
<meta content='ID' name='DC.Language' scheme='ISO639'/>
<meta content='Nama Blog Sobat' lang='id' name='DC.Title'/>
<meta content='www.blogger.com' name='DC.Relation.IsPartOf'/>
<meta content='1998-09-22' name='DC.Date.LastModified' scheme='ISO 31-1'/>
<meta content='https://plus.google.com/kode id Google Plus sobat' name='DC.Publisher'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>

Note : apabila diantara kode <head> dan kode <b:skin><![CDATA[ terdapat script bawaan template, janganlah ikut di hapus, Semisal Script Font dibawah ini :

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700,800' rel='stylesheet' type='text/css'/>

Langkah selanjutnya, sobat bisa SAVE dulu, baru lanjutkan dengan mencari kode di bawah ini

<b:if cond='data:post.hasJumpLink'>

kalau sudah ketemu silahkan Copy Paste kode dibawah ini tepat diatas kode tersebut

<div class='vcard' id='hcard-Nama Blog Sobat'>
<span class='fn n'> <span class='given-name'>Posted by: Nama Sobat</span> </span>
<a class='updated' href=' Url Blog Sobat ' rel='bookmark'>Nama Blog Sobat, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr> </div>

Simpan

Pemasangan Rich Snippet dan Optimasi Meta Tag Blogger sudah hampir selesai, langkah terakhir adalah sobat harus memverifikasi kepengarangan (Authorship) di Google+, tepatnya di halaman Profil --> Tentang (About) --> Tautan --> Kontributor --> klik Edit dan masukan Nama Blog dan URL Blog sobat

Apabila semua langkah diatas telah dilakukan, silahkan mengunjungi link dibawah ini untuk melihat apakah Data Terstruktur telah terpasang dengan baik dan memastikan Verifikasi Kepengarangan telah berhasil

http://www.google.com/webmasters/tools/richsnippets

Demikian Tutorial Optimasi Meta Tag dan Data Terstruktur pada Blogspot, sebenarnya tutorial dalam artikel ini belumlah sepenuhnya lengkap, karena kita masih harus memasang Breadcrumbs, Schema serta menambah Rating Google agar semakin sempurna pemasangan Rich Snippet dalam Optimasi SEO Onpage blog kita, namun karena artikel ini terlalu panjang, nanti akan dilanjutkan dalam artikel yang terpisah, terima kasih telah berkunjung, semoga artikel ini bermanfaat

Perhatian : Sebagian besar kode adalah diambil dari blog saya sendiri, dan seperti ini lah yang biasa saya lakukan dalam Optimasi SEO Blogspot , mohon dimaklumi apabila terdapat kesalahan penulisan entah itu istilah maupun kode-kode yang termuat dalam artikel ini, apabila ada yang perlu dipertanyakan silahkan berkomentar dalam kotak komentar dibawah