Cara mengoptimalkan Google Webmaster, Memasang Rich Snippet di WP

Rich snippet review yaitu rating yang ada si search result, jadi mungkin ini bisa membuat para pencari informasi di Google akan memilih blog kita yang ada ratingnya.

To the point aja yak, gak usah lama-lama foreplaynya.

Rich snippet harus dihubungkan dengan akun google plus, harus saling ngelink antara web dan akun google plus. Juga bukan sekedar ngelink, tapi ada aturannya. Intinya adalah, proses menghubungkan google plus dan blog, lalu pasang kode rich snippet di blog dan selesai.

Ilustrasi :


Contoh yang sudah Berhasil seperti gambar dibawah ini.























Screenshot di atas adalah hasil test dari Rich Snippet Testing Tool yang ada di webmaster Bisa juga langsung di kunjungi di sini http://www.google.com/webmasters/tools/richsnippets  Di situ terlihat jelas bahwa google plus dan web harus terhubung, kalau tidak pasti muncul  pesan error.


Hal pertama yang harus kita lakukan adalah memberi link ke web kita dari akun Google Plus

Caranya:
1. Buka profil google plus https://plus.google.com/me
2. Pilih menu edit profil
3. Tambahkan kontributor link
Di sebelah kanan ada tulisan kontributor untuk: silahkan masukkan URL anda di situ contoh:


Sekarang tinggal pengaturan di blog, ikuti Langkah Berikut:

1. Masukkan link dari blog anda ke profil google plus

Formatnya seperti ini:

<span class="author vcard"><a class="url fn n" rel="author" title="Nama Anda" href="https://plus.google.com/10316228xxxxxxxxxxxxxxxx">Nama Anda</a> </span> 

yang penting rel= author, bisa dipasang di widget/html atau di taruh di dalam theme. Silahkan ganti dengan nama dan link ke profil Google Plus anda. Atau juga bisa masuk ke Dashboard WordPress;
Edit Theme > single.php

ganti Code:
 <?php the_author() ?> 

dengan kode HTML ini:
Code: 

<span class="author vcard"><a class="url fn n" rel="author" title="Nama Anda" href="https://plus.google.com/xxxxxxxxxxxx">Nama Anda</ a> </span>

2. Masukkan data reviewnya.

Code: 
<div itemscope itemtype="http://data-vocabulary.org/Review">
<span itemprop="itemreviewed">Judul</span>
<span itemprop="reviewer">Author/reviewer</span>
<time itemprop="dtreviewed" datetime="tanggal">tanggal</span>
<span itemprop="summary">informasi</span>
<span itemprop="description">deskripsi</span>
<span itemprop="rating">1-5 (angka)</span>
</div>


Karena kita menerapkan di wordpress, maka jadi seperti ini :

Code: 
<div itemscope itemtype="http://data-vocabulary.org/Review">
<span itemprop="itemreviewed"><?php the_title(); ?></span><br/>
Reviewed by<span itemprop="reviewer"><?php the_author() ?></span> on
<time itemprop="dtreviewed" datetime="<?php the_date('F j, Y'); ?>"><?php the_time('l, F jS, Y') ?></time> <br />
Rating: <span itemprop="rating">4.5</span>
</div>


Untuk summary dan description sengaja saya hilangkan, dan ternyata tetap berfungsi. Dan di cek di rich snippet testing tools tetap berhasil.

silahkan pasang kode ini di single.php di bawah :
WordPress Dashboard > Appearance Editor > single.php )
Code: 
<?php the_content 



Silahkan buka kembali rich snippet testing tools, periksa apakah masih ada yang salah, kalo masih ada silahkan baca kembali tulisan ini. Atau bisa juga tanya ke saya.  Angka 4.5 itu angka yang saya tulis sendiri, kita bebas menentukan angka rating (bintang). Dan untuk menerapkan ini, anda tidak perlu menginstal plugin Rating apapun, dan anda berhak menentukan jumlah bintangnya. (5 semua juga boleh)

Kode di atas bisa disesuaikan dengan theme anda, biar cocok dengan theme. Ini contoh yang saya terapkan di blog pribadi saya.
Code:

<div <?php post_class() ?> id="post-<?php the_ID(); ?>">  <div itemscope itemtype="http://data-vocabulary.org/Review">
<h2 class="title"><span itemprop="itemreviewed"><?php the_title(); ?></span></h2>
<div class="postdate"><img src="<?php bloginfo('template_url'); ?>/images/date.png" />   <time itemprop="dtreviewed" datetime="<?php the_date('F j, Y'); ?>"><?php the_time('l, F jS, Y') ?></time> <img src="<?php bloginfo('template_url'); ?>/images/user.png" /> <span itemprop="reviewer"><?php the_author()
?></span> <span itemprop="rating">4.5</span><?php if (current_user_can('edit_post', $post-
>ID)) { ?> <img src="<?php bloginfo('template_url'); ?>/images/edit.png" /> <?php edit_post_link('Edit', '', ''); } ?></div></div>

Semoga ini bisa membantu anda yang sedang bingung untuk membuat Rich Snippet Di Blog.





0 Response to "Cara mengoptimalkan Google Webmaster, Memasang Rich Snippet di WP"

Posting Komentar