Sabtu, 21 Februari 2015

cara edit Rich Snippet

<div vocab="http://schema.org/" typeof="Article">  <h2 property="name"> Article </h2>
  <div property="description">Tulis Deskripsi blog di sini.</div>
  <div property="aggregateRating" typeof="AggregateRating">
    <div>Article rating:      <span property="ratingValue">9</span>
      <meta property="bestRating" content="10"/>
      <meta property="worstRating" content="1"/>
      based on <span property="ratingCount">20</span> ratings
    </div>
  </div>
</div>

Selasa, 20 Januari 2015

Cara Memasang Meta Tag Terstruktur di Blog




Untuk membangun Data Blog/Website agar terstruktur dengan benar yang harus dilakukan adalah mengkonfigurasi HTML Template blog anda dengan menambahkan meta-tag. Baiklah, langsung saja kita ke langkah optimalisasi data terstruktur situs/blog. berikut cara-caranya:
1. Log in Blogger
2. Buka Edit HTML
3. Carilah kode berikut dengan CTRL+F, letaknya paling atas:


<?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'>
<head>

Jika sudah ketemu, silahkan ganti dengan kode di atas tadi dengan kode berikut 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'/>

<head>

4. Langkah selanjutnya, Hapus seluruh kode diantara kode <head> sampai kode <b:skin><![CDATA[
Kemudian copylah kode berikut ini dan paste di antara kode <head> sampai kode <b:skin><![CDATA[
<link href='https://plus.google.com/108091474010000000s7' 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='Health Care | Healthy tips, Health, Cancer' name='description'/>
<meta content='Healthy tips, Health, Cancer,' name='keywords'/>
<meta content='Haikal Palapa' name='Author'/>
<meta content='nama@gmail.com' 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/108091474000000s7' name='DC.Creator'/>
<meta content='Health Care' name='DC.Identifier'/>
<meta content='ID' name='DC.Language' scheme='ISO639'/>
<meta content='Health Care' 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/108091474000000ss7' name='DC.Publisher'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>

Silahkan anda ganti tulisan yang bercetak tebal merah tersebut dengan Kriteria blog anda.
Catatan:
Jika diantara kode <head> sampai kode <b:skin><![CDATA[ terpadat script bawaan template misalnya script FONT seperti ini :
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/> jangan dihapus, karena akan mengakibatkan buruknya tampilan blog.

5. Langkah berikutnya, carilah kode seperti ini: <b:if cond='data:post.hasJumpLink'>
Jika sudah ketemu, silahkan paste kode berikut ini tepat diatasnya:
<div class='vcard' id='hcard- Health Care'>
<span class='fn n'>
<span class='given-name'>Posted by: Haikal Palapa</span>
</span>
<a class='updated' href='www.healthypeople.tk/' rel='bookmark'> Health Care, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></div>

→ Gantilah kode yang berwarna merah dengan kriteria blog anda/
Langkah pengoptimalisasi data terstruktur sudah selesai, anda bisa mengecek blog anda kembali dengan menggunakan GOOGLE RICH SNIPPET
======================================================


Cara Mengatasi Profil Pengarang dan Profil Penerbit yang belum terverifikasi


Cara diatas dijamin berhasil dan tidak ada lagi masalah tidak terverifikasinya profil pengarang dan penerbit pada review Rich Snippet. namun jika masalah masih timbul, silahkan copy kode berikut dan paste tepat dibawah kode <head>
<link href='https://plus.google.com/kode_id_anda' rel='author'/>
<link href='https://plus.google.com/kode_id_anda' rel='publisher'/>