Pages

PEMASANGAN DATA TERSTRUKTUR (RICH SNIPPETS)

tutorial data terstruktur blogspot

TUTORIAL DATA TERSTRUKTUR ATAU RICH SNIPPETS BLOGSPOT

Pada catatan kali ini jejak Blogger akan menulis Tutorial pemasangan Data Terstruktur atau Rich Snippets pada Blogspot, penggunaan Data Terstruktur sangat dianjurkan oleh Google karena bermanfaat untuk mempermudah pembacaan keseluruhan isi Blog oleh mesin pencari Google, sebagai pemilik Blog, tentu kita menghendaki Google menyukai blog kita, karena dari mesin pencari Google itulah arus utama pengunjung ke blog kita.sepertinya itu saja ikhtisar dari Manfaat Penggunaan Data Terstruktur atau Rich Snippets yang bisa saya berikan, tetapi kalo sampeyan ingin penjelasan lebih jauh, silahkan browsing sendiri, pasti banyak blog-blog tetangga yang membahas tentang Rich Snippets.

Untuk Pemasangan Data Terstruktur atau Rich Snippets pada Blogspot, sampeyan bisa mengikuti panduan dibawah ini. (saya asumsikan sobat telah berada pada dassboard blogger).
  • Penting!! Backup dulu template anda untuk menghindari kesalahan, klik Backup / Restore , biasanya menu tersebut terdapat di halaman Template disebelah kanan atas, dan klik klik Download Full template pada pop up yang muncul
  • klik menu Template yang berada di sebelah kiri
  • pada halaman selanjutnya klik Edit HTML
  • Dalam Kotak Edit HTML coba sobat cari kode dibawah ini, untuk mempermudah pencarian, klik disembarang tempat pada Kotak Edit HTML, lalu manfaatkan shortcut keyboard dengan menekan Ctrl + F
<?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 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'>
(pada sebagian template blogspot, mungkin saja ada perbedaan dan tidak sama persis dengan kode diatas, sebagai acuan yang pasti kode tersebut terletak dibagian atas sendiri diatas kode <head> )
  • Apabila telah ketemu, silahkan ganti keseluruhan kode diatas dengan 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'/>
  • Selanjutnya cari kode <head> dan <b:skin><![CDATA[ , apabila telah ketemu silahkan ganti kode-kode yang terdapat diantara kode tersebut dan ganti dengan kode-kode dibawah ini (kecuali kode script bawaan template, misalnya script font dll, karena dengan menghapus script ini akan mempengaruhi tampilan blog)
<link href='https://plus.google.com/kode google plus anda' rel='publisher'/>   
<meta charset='utf-8'/>   
<b:if cond='data:blog.pageType == &quot;index&quot;'>   
<b:if cond='data:blog.pageType == &quot;item&quot;'>   
<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='deskripsi blog anda' name='description'/> 
 
<meta content='keywords blog anda' name='keywords'/>   
<meta content='nama anda' name='Author'/>   
<meta content='email anda' 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>   
<meta content='https://plus.google.com/kode google plus anda' name='DC.Creator'/>   
<meta content='nama blog anda' name='DC.Identifier'/>   
<meta content='ID' name='DC.Language' scheme='ISO639'/>   
<meta content='nama blog anda' 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 google plus anda' name='DC.Publisher'/> 
<meta content='Indonesia' name='geo.placename'/>  <meta content='id' name='geo.country'/>

  • Klik Save, untuk menyimpan template
  • Masih dalam Kotak Edit HTML, silahkan cari kode : <b:if cond='data:post.hasJumpLink'> 
  • Apabila telah ketemu, lanjutkan dengan meletakkan 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>

  • Klik Save untuk menyimpan Template
Demikian Tutorial Pemasangan Data terstruktur atau Rich Snippets pada Blog Blogspot , semoga bermanfaat dan terima kasih telah berkunjung

TUTORIAL PASANG DATA TERSTRUKTUR BLOGGER
TUTORIAL SEO BLOG

© 2012 -JEJAK BLOGSPOT | Blogger Template HTML 5 | Designed by kimzigr | Using The 1KB Grid | Powered by Blogger