Membuat Gambar Saat Share Link Blog Selalu Relevan - HadaCircle

1 Februari 2017

Membuat Gambar Saat Share Link Blog Selalu Relevan

Cara Membuat Gambar Saat Share Link Selalu Relevan - Pernahkan anda Share Link ke Social Media, lalu gambar yang mewakili artikel tersebut tidak Relevan? Mungkin terjadi karena kesalahan Tag Image Src ataupun ganda dsb.

Berikut contoh Relevansi Gambar dengan Artikel

Relevan


Cara Mengatasi Jika Sesekali Tidak Relevan

1. Blogger > Template > Edit HTML Template

2. Cari Semua Tag yang mengandung unsur "rel='image_src" lalu Hapus

Contohnya :

Hapus:

<link href='https://2.bp.blogspot.com/-y0TCRHKobbE/WIvq02MAJkI/AAAAAAAAGJs/JyJjTH2SBfAX2u1-iw30UzLDQBTxibd4ACLcB/s1600/HadaCircle.jpg' rel='image_src'/>

 
Pastikan semua terhapus (sampai tidak ada tag rel='image_src' tersisa)  lalu Terapkan kode berikut


3. Sebelum </head>

<b:if cond='data:blog.pageType != "item"'>
    <link href='tentukan url gambar (contoh: http://a.com/ima.jpeg )' rel='image_src'/>
  </b:if>
  <b:if cond='data:blog.pageType == "item"'>
    <link expr:href='data:blog.postImageUrl' rel='image_src'/>
  </b:if>

Saat pengunjung share Halaman Homepage, index, dll maka gambar yang tampil ialah gambar yang anda tentukan untuk mewakili web anda keseluruhan (tag 1)

Saat pengunjung share halaman postingan, maka gambar yang terbawa ke sosial media anda ialah gambar pertama dari postingan anda (tag kondisional 2)

4. Simpan Template

5. Harap diingat bahwa perubahan tidak akan terjadi jika anda coba share Post sebelum anda terapkan ini, karena Server telah memilih gambar yang tampil pada saat pertama share. Coba buat artikel baru dan share, dan semenjak diterapkan, setiap share akan mengikutsertakan/menampilkan gambar yang selalu relevan


6. Sekian, semoga bermanfaat



Tutorial Webmaster, Blogger
Comments


EmoticonEmoticon