Posted on by Christian Chandra

Cara share link website di facebook

Seperti yang kita ketahui, facebook akan melakukan crawling data saat kita menginputkan link website pada kolom update status.

Namun apa yang kita dapatkan apabila metadata website tersebut tidak lengkap?
Facebook hanya akan menampilkan link saja tanpa ada informasi lengkap terhadap website tersebut, seperti pada gambar dibawah ini:

Lalu bagaimana jika kita ingin website yang ter-crawling oleh facebook menampilkan informasi lengkap?

Anda harus menuliskan beberapa baris kode metadata yang dapat dengan mudah dikenali oleh facebook.

<meta name="title" content="Judul Website Anda" />
<meta name="keywords" content="Keyword anda agar membantu pencarian di google" />
<meta name="description" content="Keterangan website anda" />
<link rel="image_src" href="alamat_url_gambar_preview_website_anda.jpg" />

Mari kita bahas satu persatu,

<meta name="title" content="Judul Website Anda" />

Akan menampilkan judul website anda

<meta name="description" content="Keterangan website anda" />

Akan ditampilkan sebagai deskripsi website anda

<link rel="image_src" href="alamat_url_gambar_preview_website_anda.jpg" />

Gambar yang akan ditampilkan oleh facebook untuk preview website anda

Apabila metadata sudah lengkap maka facebook akan menampilkan data lengkap website anda seperti dibawah ini:

Note: Perhatikan bahwa facebook akan menyimpan cache saat pertama kali crawling ke website anda.
Untuk memaksa agar facebook menghapus cache website anda, maka anda harus menginputkan nama url website anda di http://developers.facebook.com/tools/debug

Tekan tombol debug terus menerus hingga facebook berhasil mengcrawl website anda dengan metadata yang lengkap.

Selamat mencoba :-D

© 2011, Christian Chandra. All rights reserved. Find out more at http://blog.christianchandra.com

23 Replies to “Cara share link website di facebook”

  2. Pak, ini saya coba debug terus menerus di http://developers.facebook.com/tools/debug, tetapi koq tetap tidak bisa ya?
    Ini keluar error seperti ini :
    Object Missing a Required Value: Object at URL ‘http://nufarindo.com/home’ of type ‘website’ is invalid because a required property ‘og:title’ of type ‘string’ was not provided.
    Missing Required Property: The og:url property is required, but not present.
    Missing Required Property: The og:type property is required, but not present.
    Missing Required Property: The og:title property is required, but not present.
    Circular Redirect: Circular redirect path detected (see Redirect Path section for details).

    Kira2 ini apa ya pak?

    Reply

    1. Silahkan Pak Benny memeriksa meta data yang ada di website bapak terlebih dahulu, apakah property-propertynya sudah benar penulisannya, dan apakah tidak ada duplikasi sintak, karena hal tersebut dapat menghalangi facebook crawling ke website bapak.

  8. salam kenal mas,
    mohon pencerahannya mas, tentang crawling ( maklum masih newbie ), saat saya menginputkan link website pada kolom update status. yg keluar malah logo google crome serta keterangan seperti ini :
    – Internet Explorer 6 is on the way out, but there is still a significant nuber of users that are stuck to this broser. According to this, we decided that our templates are going to support IE 6 slightly. By dint of the “IE6 Bar” plug-in, available in templates menu options, user –

    Terima kasih,

    Reply

  14. Nice posting bang…

    Terus kalo thumbnail nya saya buat sendiri gimana caranya yah?
    Jadi misalnya thumbnailnya yang ingin saya tampilkan ga cocok , jadi pengen saya ganti sendiri. bisakah?

    Thanks…

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *