Tips& Tricks||Download Music,Video,Film,Software,Trick blog and wordpress

Menampilkan thumbnails image pada search result wordpress


kopi luwak

http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Faaheroe.info%2Fmenampilkan-thumbnails-image-pada-search-result-wordpress.htm&layout=standard&show_faces=true&width=300&height=25&action=recommend&font=arial&colorscheme=light


Buat pengguna wordpress tentunya ingin membuat website mereka lebih baik dari segi tampilan maupun kualitas website. Dari beberapa sumber yang saya baca , salah satu dari faktor penting dalam serp google kali ini adalah bounch rate. Jika belum tau apa itu bounch rate, silakan baca disini . Secara garis besar bounch rate merupakan persentase jumlah pengunjung yang langsung meninggalkan blog / website anda setelah membuka sebuah halaman. Semakin besar bounch rate = bad result buat website kamu dimata search engine.

Oleh karena itu akhir-akhir ini saya cukup fokus memperhatikan hal ini, terutama pada halaman search hasil generate stt2. Apa jadinya jika visitor masuk ke halaman search, melihat list topik related dengan yang dia cari acak2an( lebih parah jika kosong/tidak nyambung ) , kemungkinan visitor akan langsung cepat meninggalkan website kita.

Banyak cara untuk membuat halaman search menjadi lebih baik dan menarik, kali ini saya akan membahas dari segi biar lebih enak dilihat. Kebanyakan default halaman search untuk theme wordpress hanya menampilkan title dan ringkasan post saja, jarang sekali yang mengikut sertakan thumbnails image post.  Menurut saya , dengan list hasil search lengkap dengan thumbnails images akan membuat page tersebut menjadi lebih “hidup” , jika tidak tertarik dengan title/ringkasan post bisa jadi visitor tertarik dengan imagenya.

Gak usah njang lebar lagi, berikut cara menampilkan thumbnails pada search result page wordpress

 

 

 

1. install plugin Get the Image

download disini

2. buka file search.php pada theme worpress kamu , lalu add setelah loop kode berikut dibawah , yang akan menampilkan title, thumbnail image,tanggal kategory. Jika kamu ingin mengikut sertakan excerp (ringkasan post) bisa di tambahkan sendiri, silakan di otak atik sendiri.

1
2
3
4
5
6
7
8
<div class="results">
<div class="thumbs"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php if ( function_exists( 'get_the_image' ) ) { get_the_image('width=150&height=150&image_scan=true&default_image=http://yoursite.com/default.jpg' ); } ?></a></div>
<div class="blogposts">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<?php the_time('F jS, Y') ?> by <?php the_author_posts_link(); ?><br />
<p class="postmetadata">Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
</div>
</div>

 

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google

You are commenting using your Google account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

Connecting to %s