Keunggulan Memasang Widget Sosial di Blog


Widget sosial adalah suatu keharusan untuk dijadikan salah satu optimasi SEO pada website atau blog anda. Cara ini juga memang salah satu gabungan teknik Optimasi SEO On-page dan Off-page pada SEO Modern.
Keunggulan Memasang Widget Sosial di Blog

Widget ini membuat pengunjung dengan sangat mudah untuk membagikan dan merujukan (mereferensikan) artikel di blog anda ke jaringan media sosial. Juga, membuat halaman blog anda dapat  terkoneksi dengan baik pada media sosial. Agar lebih optimal anda harus menyisipkan Open Graph dan Twitter Card di Elemen HTML head.

(Baca : Dasar-dasar SEO dan Pengertian SEO)

Banyak situs-situs online yang bisa digunakan membuat widget sosial secara otomatis. Salah satunya adalah AddThis dan ShareThis. Melalui layanan ini, anda bisa membuat kode widget secara otomatis dengan cukup mendaftar lalu login menggunakan akun Google, Facebook, dan Twitter. Setelah anda mendapatkan kodenya, tinggal anda menyalin kode javascrift kemudian menempelkannya ke dalam template blog anda.

Pada pemasangan widget sosial ini, anda bisa bebas memasangnya di bagian mana saja yang anda inginkan. Misalnya anda ingin menampilkan widget ini di elemen aside (sidebar), akhir postingan, dan footer. Cara ini juga sangat mudah, akan tetapi dengan menempelkan widget dari situs tersebut akan ada sedikit tambahan waktu untuk memuat halaman blog anda.

Cara lain agar dalam memuat halaman blog anda menjadi ringan adalah dengan menaruhkan kode html secara manual. Anda hanya cukup membuat link sederhana melalui tag HTML <a> dengan menargetkan setiap url halaman ke jaringan sosial. Dengan ini anda juga bisa membuat tampilan tombol sendiri untuk mempercantik tampilan linknya.
Widget Sosial Manual
Dibawah ini contoh link target jaringan sosial :
https://www.facebook.com/sharer/sharer.php?url=http://www.mysitus.blogspot.com/postingansitusku.html
https://twitter.com/intent/tweet?url=http://www.mysitus.blogspot.com/postingansitusku.html
https://plus.google.com/sharer?u=http://www.mysitus.blogspot.com/postingansitusku.html
Untuk meningkatkaneksistensi dan memantau performa blog anda di jaringan sosial, pasanglah tag meta Open Graph dan Twitter Card di elemen HEAD. Lebih baiknya lagi jika anda membuat halaman profil blog anda di media sosial seperti fanspage facebook dan twitter, kemudian menyisipkan url halaman media sosialnya di lokasi tertentu seperti sidebar atau footer. Manfaatnya, pengunjung dapat me-like dan mem-follow halaman sosial anda. Otomatis pengunjung dapat selalu menerima pemberitahuan mengenai seputar blog anda dan ini sangat berguna sekali untuk meningkatkan performa SEO blog.

Cara pemasangan metadata Open Graph untuk facebook dan Twitter Card adalah seperti dibawah ini :
<!---Facebook Open Graph--->
<meta property='og:title' content='JUDUL HALAMAN BLOG'>
<meta property='og:description' content='DESKRIPSI BLOG ANDA'>
<meta property='og:url' content='URL HALAMAN BLOG ANDA'>
<meta property='og:image' content='URL THUMBNAIL HALAMAN'>
<meta property='og:site_name' content='NAMA SITUS BLOG'>
<meta property='og:type' content='Website'>
<meta property='og:locale' content='id_ID'>
<!---Twitter Card--->
<meta name='twitter:title' content='JUDUL HALAMAN BLOG'>
<meta name='twitter:description' content='DESKRIPSI BLOG ANDA'>
<meta name='twitter:image:scr' content='URL THUBNAIL HALAMAN POSTING'>
<meta name='twitter:card' content='summary'>
<meta name='twitter:site' content='@NAMA AKUN TWITTER BLOG'
<meta name='twitter:creator' content='@NAMA AKUN TWITTER PEMBUAT BLOG'>
<meta name='twitter:domain' content='NAMA DOMAIN BLOG'>

Penjelasan kode metadata di atas sebagai berikut :
  • og:title dan twitter:title adalah tag yang sama dengan tag <title>. Anda bisa menuliskan nilai yang sama dengan tag <title>.
  • og:description dan twitter:description juga metadata yang sama, dan anda bisa mengisi dengan nilai yang sama dengan meta description dokumen anda.
  • og:url metadata yang sama juga dengan tag link canonical, yang mana tag ini untuk menyebutkan URL permanen halaman blog.
  • og:image dan twitter:image mempunyai nilai yang sama, dan untuk menamoilkan URL gambar yang harus tampil di facebook dan twitter sebagai gambar kecil atau thumbnail.
  • og:site_name berguna untuk menampilkan nama blog anda di facebook.
  • og:type untuk menginformasikan jenis atau kategori halaman blog anda di facebook.
  • og:local untuk menetapkan bahasa default yang digunakan facebook untuk menampilkan data blog atau website anda.
  • twitter:card untuk mendeklarasikan  penggunaan Twitter Card.
  • twitter:site dan twitter:creator untuk menyebutkan akun twitter resmi untuk blog atau website dan akun twitter si pembuat blog.
  • twitter:domain adalah untuk menyebutkan nama domain yang akan ditampilkan di Twitter Card.
Kedua bagian metadata Open Graph dan Twitter Card bisa saling melengkapi, karena keduanya berbasis standar yang sama, yaitu Open Graph Protocol (http://OGP.me). Contoh properti gambar pada tag meta og:image bisa digunakan oleh facebook dan twitter untuk menampilkan thumbnail halaman website atau blog.

Jika anda ingin memahami penjelasan Open Graph yang resmi, kunjungi di developers.facebook.com/docs/sharing/opengraph/using-objects.
Facebook Open Graph
Dan jika ingin penjelasan resmi Twitter Card, kunjungi di dev.twitter.com/cards/overview.
Twitter Card

Dengan situs layanan sosial facebook dan twitter  di atas, anda bisa menguji kode Open Graph dan Twitter Card blog anda melalui tool yang tersedian disana.

No comments:

Sebelum menuliskan komentar, Anda harus baca syarat dibawah ini :
1. Tidak diperbolehkan menaruh link aktif,
2. Tidak boleh ada unsur huru hara dan pornograpi,
3. Jika membuat spam, komentar Anda akan dihapus, dan
4. Silahkan bertanya dan berbagi pikiran dengan kalimat yang baik dan membangun.

AK NEW SITE. Powered by Blogger.