Pengguna search engine lebih tertarik dengan hasil temuan yang terdapat gambar pada hasil pencarian, memunculkan gambar artikel pada mesin pencari akan memberikan peluang 80% kepada pengunjung untuk meng-klik blog karena ketertarikan.
ada berbagai macam cara yang dapat digunakan, contohnya yaitu memasang script Hrecipe pada HTML Template dan menambahkan script tambahan pada gambar setiap artikel atau memasang script hrecipe hanya pada HTML Template dengan tambahan itemtype/itemprop sebagai tembahannya,, saya akan menerang kan cara yang kedua karena tidak menyulitkan kita dengan mengedit keseluruhan artikel.
Caranya adalah :
- Buka dashboard Blogger,
- lalu pilih Template.
- Klik pada Edit HTML
.hrecipe{font:1px oswald;}
Copy kode berikut ini dan letakkan tepat dibawah kode <body>
<div>
<div itemscope='' itemtype='http://data-
vocabulary.org/recipe
<div itemscope='' itemtype='http://data-
vocabulary.org/recipe
Cari kode berikut <h3 class='post-title entry-title'>
setelah ketemu silahkan ganti dengan kode dibawah ini:
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>
<h3 class='post-title entry-title' itemprop='name'>
kemudian tutuplah kode html nya dengan
</span></span>
kira-kira seperti ini :
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a><b:else/>
<b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a>
<b:else/><data:post.title/>
</b:if>
</b:if>
</h3>
</span></span>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a><b:else/>
<b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a>
<b:else/><data:post.title/>
</b:if>
</b:if>
</h3>
</span></span>
Copy kode berikut dan letakkan tepat dibawah kode <data:post.body/>
<div class='hrecipe'>
<span class='item'>
<span class='fn'>TIPS BLOGGER</span>
</span>
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
By <span class='author'><b><data:blog.title/></b></span>
Published: <span class='published'><data:post.timestampISO8601/></span>
<span class='summary'><data:post.title/></span>
<span class='review hreview-aggregate'>
<span class='rating'>
<span class='average'>3</span>
<span class='count'>11</span> reviews
</span>
</span>
</div>
<span class='item'>
<span class='fn'>TIPS BLOGGER</span>
</span>
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
By <span class='author'><b><data:blog.title/></b></span>
Published: <span class='published'><data:post.timestampISO8601/></span>
<span class='summary'><data:post.title/></span>
<span class='review hreview-aggregate'>
<span class='rating'>
<span class='average'>3</span>
<span class='count'>11</span> reviews
</span>
</span>
</div>
Catatan:
Letakkanlah kode tersebut pada kode <data:post.body/> yang pertama.
Berakhirlah artikel Cara Menampilkan Judul Posting dan Gambar/ foto Pada Pencarian Google, semoga tidak ada kesulitan dalam memahami dan menerapkannya.
salam....
Tidak ada komentar:
Posting Komentar