Solusi Share Ke Facebook Muncul Author Avatar Atau Foto Author

Apakah Anda mempunyai problem muncul foto author atau foto komentator Blogger dikala postingan di-share ke Facebook sebagai thumbnail postingan? Padahal terang bahwa gambar postingan itu bukan foto author atau foto komentator. Menjadi tidak manis bila thumbnail postingan berupa foto author atau foto komentator dikala di-share ke sosmed, bukan?

Padahal kita sudah memasang isyarat meta og:image dengan memakai post image, tapi kenapa yang muncul sebagai gambar postingan yaitu foto author?

Sebagai rujukan meta og:image ibarat di bawah ini.

 <b:if cond='data:blog.postImageUrl'>
 <meta expr:content='data:blog.postImageUrl' property='og:image'/>
 </b:if>

Jika masalahnya demikian, biasanya penyebab tidak munculnya gambar postingan dikala di-share ke Facebook dan berganti dengan foto author yaitu sebab ukuran gambar postingan terlalu kecil, lebih kecil dari ukuran foto author. Sementara pada postingan tersebut menampilkan foto author, biasanya pada author box atau postmeta dan secara default ukuran foto author yaitu 512px x 512px.

Nah supaya hal ini tidak terjadi, maka ukuran foto author harus kecil. Lebih baik ukurannya disamakan dengan ukuran tampilan foto di blog.

Biasanya untuk menampilkan foto author memakai isyarat ibarat di bawah ini.

 <b:if cond='data:post.authorPhoto.url'>
 <img alt='author-photo' class='authorphoto' expr:src='data:post.authorPhoto.url' height='80' title='author photo' width='80'/>
 </b:if>

Maka isyarat di atas akan menghasilkan image ibarat di bawah ini (contoh memakai authorPhoto saya)

 <img alt="Solusi Share Ke Facebook Muncul Author Avatar Solusi Share Ke Facebook Muncul Author Avatar Atau Foto Author" class="authorphoto" src="//lh3.googleusercontent.com/-Q55pKJrgnXs/AAAAAAAAAAI/AAAAAAAAh9M/ae9EthU2__8/s512/photo.jpg" height='80' title='author photo' width='80'>

Photo di atas akan tampil 80x80 di dalam postingan, namun ukuran photo sebetulnya yaitu 512x512 terlihat dari isyarat /s512/ yang terdapat pada url photo tersebut. Kaprikornus bila ukuran gambar postingan kurang dari 512x512 maka gambar yang akan muncul dikala di-share ke Facebook yaitu foto author-nya.

Nah supaya foto author berukuran kecil, sebaiknya gunakan isyarat resizeImage Blogger untuk gambar-gambar Blogger.

Silahkan gunakan isyarat di bawah ini untuk menampilkan foto author dengan ukuran kecil atau ukuran sesuai tampilannya di blog.

 <b:if cond='data:post.authorPhoto.url'>
 <img alt='author-photo' class='authorphoto' expr:src='resizeImage(data:post.authorPhoto.url,80)' height='80' title='author photo' width='80'/>
 </b:if>

Silahkan sesuaikan 80 dengan ukuran tampilan foto di blog. Dengan isyarat di atas maka akan menghasilkan isyarat image ibarat di bawah ini.

 <img alt="Solusi Share Ke Facebook Muncul Author Avatar Solusi Share Ke Facebook Muncul Author Avatar Atau Foto Author" class="authorphoto" src="//lh3.googleusercontent.com/-Q55pKJrgnXs/AAAAAAAAAAI/AAAAAAAAh9M/ae9EthU2__8/w80/photo.jpg" height='80' title='author photo' width='80'>

Dengan /w80/ maka ukuran foto sebetulnya yaitu 80x80.

Trik ini juga sanggup dipakai pada foto avatar komentar bila yang muncul dikala share postingan di Facebook yaitu foto komentator Blogger. Semoga bermanfaat.
Sumber https://www.kompiajaib.com/

Share this post