Cara Menampilkan Foto Profil Di Search Engine

Cara Menampilkan Foto Profil Di Search Engine

Cara Menampilkan Avatar Di Search Engine - Cara Membuat Gravatar Tampil Di Search Engine- Cara Menampilkan Foto Profil Di Search Engine.

 

Disini kita bahas Cara Membuat Page About Me Agar  Menampilkan Gambar Profile dihalaman Hasil Pencarian Google 

 

Bisa dipastikan robot Google sekalipun tidak mungkin bisa menentukan keaslian suatu artikel, yang mungkin bisa tentu saja hanya penulis artikel itu sendiri. Tapi dengan hadirnya fasilitas untuk menampilkan gambar Profile Anda dalam hasil pencarian tentu ini akan menjadi cerita lain, selain terlihat bahwa Anda adalah penulis sebenarnya dan itu juga menjadi kesan profesional buat Anda.

Coba saja Anda mencari artikel yang menarik di Google, Anda tentu akan melihat 10 hasil pencarian pertama dan bisa dipastikan semuanya mempunyai judul yang hampir mirip bahkan sama persis, lalu bagaimana jika di antara 10 hasil pencarian tersebut terpajang wajah tampan Anda, tentu si pencari akan melirik Anda terlebih dahulu walapun artikel blog Anda sendiri hanya berada pada urutan ke 6, itu karena halaman Google sering berisi penuh dengan teks dan dengan demikian orang mungkin akan tertarik lebih ke arah hasil yang memiliki beberapa elemen visual (foto penulis) yang melekat padanya. Asalkan bukan artikel COPAS aja ya tar malah malu2in, udah copas nampang pula hehehe

Cara menampilkan gambar Profile dihalaman hasil result Google:

CARA I:

1. Pertama, silahkan buat satu halaman "About me" di blog Anda, untuk pengguna blogger Anda bisa membuatnya melalui halaman Statis Page atau bisa juga menggunakan halaman Standar Post. 

2. Buat satu Text Link yang mengarah ke halaman URL Profile Google+ Anda dan jangan lupa menanamkan satu Tag rel="me" (ingat hanya satu tag saja) dalam link tersebut.

<a href="https://plus.google.com/ID_Anda" rel="me">publishe</a>

 

3. Ini sangat penting, pastikan semua artikel diblog Anda terkait kehalaman "About me". Caranya sangat mudah, Anda tinggal memasang saja link "About me" di menu, saya sendiri memasangnya di halaman About dalam widget saya (lihat paling bawah di blog ini ditandai dengan text link Read more ), dan pastikan Anda memasang Tag rel="author" pada link tersebut.

<a href="http://www.blog-Anda.com/p/about-me.html" rel="author">About me</a>

4. Langkah terakhir silahkan masuk ke halaman profile Google+ Anda disini https://plus.google.com dan tuju ke tombol "Edit Profile" kalau sudah silahkan tuju ke pengeditan "Profile lainnya", biasanya Anda diminta untuk memasukan alamat blog Anda, nah disini Anda tinggal memasukan Link "About me" saja beserta URL-nya.

Sampai tahapan ini sebenarnya sudah selesai dan biarkan google merayapi halaman Anda terlebih dahulu. Perlu juga diketahui bahwa tidak ada jaminan gambar anda akan tampil, semua tergantung analisa google itu sendiri setelah merayapi halaman anda.

CARA II: 

 

Cara yang kedua jauh lebih praktis dimana Anda tinggal menambahkan satu badge icon profile saja, caranya silahkan langsung menggunakan Profile Button Creator dialamat ini http://www.google.com/webmasters/profilebutton

 

Pastikan cara kedua ini tidak berlaku jika Anda sudah menggunakan cara pertama, jika tidak akan terjadi duplikat Profile Author.

Verifikasi Author

Agar gambar Profile Anda bisa tampil dan berjalan dengan sempurna sebaiknya Anda perlu melakukan verifikasi dengan mengujicobanya terlebih dahulu. 

 

1. Silahkan buka Rich Snippets Testing Tool

2. Masukan salah satu link artikel (posting) Anda yang terbaru.

3. Jika tidak ada masalah maka gambar profile beserta nama Anda akan muncul dan ditandai dengan nilai verifikasi yang bener.

Tips jika ada kesalahan

 

1. Pastikan Anda hanya menggunakan kedua tag rel="me" dan rel="author" diatas satu kali saja jangan sampai ada duplikat.

2. Pastikan Anda benar-benar memasukan gambar Anda pada Profile Google+, sebaiknya termasuk dengan Isi biodata Anda secara lengkap.

3. Pastikan halaman profile Google+ Anda benar-benar terkait dengan halaman blog Anda, termasuk halaman About me tadi.

4. Google akan memilih thumbnail gambar dari halaman Profil Google+ Anda, sebaiknya gunakan gambar yang sebenarnya dari diri Anda sendiri (bukan ikon). Gambar harus terlihat baik bahkan ketika dikompresi menjadi gambar thumbnail 50x50.

 

Silahkan baca dokumentasi selengkapnya disini    

Cara Mudah Mematikan Link Hidup di Komentar Blogger

Cara Mudah Mematikan Link Hidup di Komentar Blogger
Nah, untuk mengatasi banyaknya link aktif didala komentar postingan kita, kali ini saya kan membahas Cara Mematikan Link Hidup di Komentar Blog , langsung saja bagi yang ingin mencobanya, silahkan simak caranya berikut ini :

Cara Mudah Mematikan Link Aktif Pada Komentar Blogger :

• Login ke Akun Blogger sobat ..
• Lalu pilih Template >> Edit HTML..
• Lalu centang Expand Template Widget
• Cari Kode ]]></b:skin> (Tekan CTRL + F untuk mempermudah dalam pencarian kata)
• Copy Kode Berikut dan Paste kan diatas kode ]]></b:skin>
  
  /*----Matikan Link aktif di komentar----*/
  #comments p a {display: none !important; }
  /*----Matikan Link aktif  selesai----*/
  
  
• Klik Simpan Template
• Selesai

Cara tersebut sebetulnya tidak direkomendasikan, karena tetap akan terbaca oleh mesin pencari. Untuk cara yang lebih aman, tambahkan JavaScript ini di atas </body>

 
<script type='text/javascript'> 
//<![CDATA[ 
$(function(){$('#comments p').find('a').contents().unwrap();}); 
//]]> </script>
 

Informasi Kode :

kode tersebut memerintahkan agar mematikan link aktif, cara kerja kodenya adalah mendisable setiap kode yang mengandung kata "a". Nah, source kode link adalah mengggunakan <a , Contoh : <a href="http://google.com/">Google</a>. maka link Google tersebut akan otomatis di hilangkan dengan perintah "display: none"

Cukup sudah Tutorial Cara Mudah Mematikan Link Hidup di Komentar Blogger yang bisa saya berikan hari ini, semoga bisa bermanfaat bagi kita semua.

Cara Menampilkan Gambar Artikel dan Rating Bintang dihasil Pencarian Google

Cara Menampilkan Gambar Artikel dan Rating Bintang dihasil Pencarian Google

Sebenarnya cara menampilkan gambar posting dan rating bintang dihasil pencarian google sangalah mudah , saya sendiri pernah menerapkannya , anda tidak percaya ?? lihat saya gambar diatas , gambar postingan blog ini muncul di pencarian google , dan bukan hanya gambar posting yang muncul, tetapi juga Rating Bintangnya pun muncul.

Cara Menampilkan Gambar Artikel dan Rating Bintang dihasil Pencarian Google ini bisa membantu anda menaikan visitor blog anda, karena apa ?? karena pengunjung lebih tertarik memilih pencarian yang bergambar dari pada yang tidak, contohnya saja saya memang suka memilih hasil pencarian yang ada gambar author / admin blognya dan juga Gambar Posting dan Rating Bintang , hehehe

 

 

Ini yang dinamakan Rich Snippet Recipe , tahukah anda apa itu Rich Snippet Recipe ??? kurang lebih penjelasannya begini data yang dikirim oleh artikel blog yang sudah di optimasi, lalu diterima oleh Google dalam tampilan Judul, Gambar, Rating, Jumlah Ulasan dan Deskripsi di hasil pencariannya.

Kurang dari satu minggu saya menerapkan cara ini di blog saya yang lain , wah ternyata viitornya bertambah pesat , padahal blognya masih jelek , tapi alhamdulillah visitornya sudah mulai naik , hehehe

Anda tertarik Menampilkan Gambar Posting dan Rating Bintang dihasil Pencarian Google ??

 

 

Berikut ini caranya :

1.Login ke blogger
2. Pada dashboard, pilih blog anda lalu klik Template > Edit HTML

3. Cari kode ]]></b:skin> dan letakkan kode berikut ini diatas kode tadi

.hrecipe{font:14px Arial;}

4. Selanjutnya Cari kode data:post.body
5. Copy kode dibawah ini lalu letakkan di bawah data:post.body yang kedua (kalau tidak jadi coba terus yang lainnya

<div class='hrecipe'>
<span style='float:left;'><img alt='thumbnail' class='photo' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/></span>
Title: <span class='item'><span class='fn'><data:post.title/></span></span><br/>
Posted by:<span class='author'><data:post.author/></span><br/>
Published :<span class='published'><data:post.timestampISO8601/></span><br/>
<span class='review hreview-aggregate'>
<span class='rating'>
Rating: <span class='average'>4.5</span><br/>
Reviewer: <span class='count'>5</span> Reviews<br/></span></span>
<span class='summary'><data:post.title/></span>
</div> 

6. Simpan Template anda
7. Eittt belum selesai , masih ada langkah selanjutnya. , langkahnya :
8. Cek salah satu artikel blog anda di Google Richsnippets dan masukan salah satu url blog anda , apabila sudah ada gambar posting dan ratingnya maka anda berhasil menerapkan langkah ini.

Cara Membuat Breadcrumbs Terindex Google

Cara Membuat Breadcrumbs Terindex Google

Cara membuat agar label atau kategori yang terdapat dalam breadcumbs tersebut bisa muncul dalam hasil pencarian atau indeks dengan menggunakan mesin pencari Google, caranya adalah sebagai berikut:


Langkah-langkah membuat breadcumbs supaya bisa terindex dalam hasil pencarian

1. Login terlebih dahulu ke akun blogger milik anda

2. Jika sudah masuk ke Rancangan - pilih Edit HTML - jangan lupa centang Expand Template Widget

3. Jika sudah , cari kode <b:include data='top' name='status-message'/> (gunakan ctrl+f untuk mempercepat proses pencarian), jika terdapat 2 kode seperti itu maka pilihlah kode yang kedua..

4. kemudian masukkan kode <b:include data='posts' name='breadcrumb'/> tepat diatas kode tersebut..

5. Lalu cari kode <b:includable id='main' var='top'>

6. Kemudian tempatkan(copy) kode dibawah ini tepat diatas kode tersebut

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

7. langkah selanjutnya cari kode ]]></b:skin>
8. Jika sudah letakkan kode CSS berikut tepat diatas kode tadi

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

9. Terakhir simpan dan lihat hasilnya..

untuk melihat apakah breadcumbs yang telah anda buat tersebut berhasil atau tidak silahkan bisa anda cek dengan menggunakan Rich Snippets Testing Tool

Selamat mencoba semoga artikel tentang Cara Membuat Breadcrumbs Terindex Google tersebut bermanfaat untuk anda