BangJonie ~ Ketika sebuah artikel hendak dishare ke facebook seringkali gambar yang ditampilkan bukan gambar yang ada dalam artikel, gambar yang muncul bisa datang dari mana saja dari bagian blog atau web. Bisa dari footer, header, logo blog itu sendiri, bahkan photo profile yang ada dalam tampilan About Me.
Facebook tidak bisa mendeteksi gambar yang ada dalam halaman post ketika melakukan penelusuran ke dalam artikel, sehingga gambar yang ditampilkan tidak sesuai dengan yang diinginkan. Hal ini sangat membuat frustasi, kalaupun ditampilkan gambarnya berdimesi kecil, 90x90 pixels.
Solusi untuk masalah tersebut adalah dengan menyisipkan beberapa baris meta data ke tags header, dan mengupload gambar ke dalam artikel dengan dimensi tidak kurang dari 600x315 ixels.
Untuk mengatasi masalah tersebut ikuti langkah-langkahnya sebagai berikut:
Buka Dashboard Blogger klik Edit Html kemudian cari tag
Klik klik Save template untuk menyimpan perubahan, kemudian coba share salah satu artikel.
Facebook tidak bisa mendeteksi gambar yang ada dalam halaman post ketika melakukan penelusuran ke dalam artikel, sehingga gambar yang ditampilkan tidak sesuai dengan yang diinginkan. Hal ini sangat membuat frustasi, kalaupun ditampilkan gambarnya berdimesi kecil, 90x90 pixels.
Solusi untuk masalah tersebut adalah dengan menyisipkan beberapa baris meta data ke tags header, dan mengupload gambar ke dalam artikel dengan dimensi tidak kurang dari 600x315 ixels.
Untuk mengatasi masalah tersebut ikuti langkah-langkahnya sebagai berikut:
Buka Dashboard Blogger klik Edit Html kemudian cari tag
<head> sisipkan kode berikut dibawahnya.<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if>
</b:if>
Klik klik Save template untuk menyimpan perubahan, kemudian coba share salah satu artikel.
0 comments:
Post a Comment