Membuat Like Share SEO Facebook
Kali ini saya akan bagikan bagaimana membuat tombol like dan juga share untuk postingan. Banyak sekali di google cara untuk membuat tombol like facebook ini tapi perlu kita ketahui bahwa membuat tombol share dulu banyak yang menggunakan <iframe tetapi penggunaan itu kurang bagus untuk Seo dan sekarang bagaimana untuk membuat tombol like dan share yang Seo dan juga valid HTML5?
Bagi para blogger penggunaan ini cukup signifikan karena bisa mengundang trafik pengunjung blog kita untuk cara membuatnya yaitu kita harus menggunakan facebook developers
Sebelumnya saya sudah menggunakan tombol like dan share ini dari pencarian google dan semua work tapi pas di coba share postingannya terdapat bahwa postingan tersebut diposkan oleh nama orang lain dan juga terdapat link yang menuju ke alamat website orang tersebut. nah untuk itu saya akan memberikan tutorial bagaimana membuat postingan yang kita share ini tapi postingannya hanya ada link alamat blog kita saja. masih bingung?? Sebaiknya sobat ikuti tutorialnya di bawah ini
Ok lanjut bacanya dan kita langsung saja cara membuatnya :
1. Pertama sobat bisa membuatnya melalui facebook developers melalui link berikut ini
Facebook Developers
 |
| klik gambar untuk memperbesar |
2. Di halaman developers tersebut sobat harus mengisi alamat website sobat di kolom URL to Like dan jika ingin mengatur lebar tentukan lebarnya di kolom width dan layoutnya juga, Silahkan berkreasi sendiri karena disitu sudah ada previewnya dan juga cara pengaturannya
3. Jika sudah selesai klik Get Code nanti akan keluar pop up yang berisi kode html berikut caranya
4. Masukkan kode scriptnya dibawah <body> atau diatas </body> dan untuk kode tombolnya simpan di tempat yang di inginkan
5. Jika untuk postingan simpan kodenya di bawah kode <data:post.body/> caranya masuk ke template dan edit html lalu tekan ctrl+f untuk pencarian dan copy kode <data:post.body/> dan enter biasanya terdapat beberapa kode <data:post.body/> dicoba saja di salahsatu kodenya
6. Simpan template dan lihat hasilnya
Like Share SEO Facebook Valid HTML5
Cara diatas sudah saya terapkan tapi terjadi error dalam script ketika menyimpan template dan cara diatas juga ketika di share bukan share postingan tapi halaman awal blog, Jadi jika sobat mengalami hal serupa maka sobat bisa coba yang sudah saya terapkan dan hasilnya work. Berikut caranya :
1. Masuk ke Edit Html dan selalu gunakan cara
Disini
2. Copy kode di bawah ini diatas kode </body>
<div id='fb-root'/>
<script>//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
3. Copy kode dibawah ini dibawah kode <data:post.body/>
<div class='fb-like' data-layout='button_count' data-send='false' data-share='true' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/>
4. Kode diatas adalah kode yang valid Html5 jadi silahkan dicoba dan simpan template lalu lihat hasilnya
Itulah bagaimana cara untuk membuat tombol like dan share facebook postingan. Semoga bermanfaat
ADS HERE !!!
