Skip to content Skip to sidebar Skip to footer

Image Thumbnail Tidak Muncul di Homepage, Ini Solusinya

Image tumbnail yakni gambar dengan grafis kecil yang dibuat dari gambar standar dalam web semoga lebih cepat diakses. Image tumbnail ini biasanya muncul pada blog yang telah memiliki script memanggil isyarat image dalam template. Sedangkan secara default, blogger tidak memberikannya secara otomatis, melainkan harus dilakukan secara manual semoga image tersebut muncul pada homepage.

Pada kenyataannya, tidak sedikit para blogger mengalami satu masalah, yakni image tumbnail tidak muncul di homepage, padahal telah memakai template dengan script otomatis memunculkan image ini. Bahkan lebih dari itu, template yang dipakai disebutkan oleh pengembangnya telah SEO friendly dan Responsive desain.
Image yang tidak muncul, biasanya akan tertera ruang kosong atau muncul kalimat 'no image available' dan semacamnya.
Lalu kenapa duduk perkara hilangnya image tumbnail di homepage blog masih tetap ada? Ada beberapa hal yang mungkin telah salah atau kurang sempurna dilakukan dikala setting maupun dikala memposting artikel. Berikut diantara kesalahan tersebut.

Upload image melalui From URL atau web share image

Cara upload image dikala membuat postingan ada beberapa macam. Diantaranya upload pribadi melalui drive, upload melalui URL lain, upload melalui Picasa web album dan lain-lain. Jika duduk perkara image tumbnail kerap tidak muncul, maka mulai sekarang gunakan cara upload image hanya menggunakan upload pribadi dari drive komputer, bukan melalui from URL atau melalui Web Share Image ibarat Picasa.
Artikel terkait Upload Gambar Blog Makin Mudah Melalui Picasa Web.

Pengaturan Site feed

Pada pengaturan feed blog, ganti settingannya menjadi full, semoga seluruh konten, termasuk image akan ikut dimunculkan dalam feed URL blog. Caranya ibarat berikut.
1. Masuk ke dasboard blogger.
2. Menuju Setting, pilih Other.
3. Pada Site feed pilih Full.
 yakni gambar dengan grafis kecil yang dibuat dari gambar standar dalam web semoga lebih ce Image Thumbnail Tidak Muncul di Homepage, Ini Solusinya
4. Akhiri dengan Save change.

Format HTTPS pada URL image

URL image yang diupload dari web lain atau web share image biasanya ada yang sudah memakai HTTPS pada alamat URL-nya. Sehingga, blog yang belum dialihkan ke HTTPS, tidak ikut membaca isyarat ini. Wajar, kalau kemudian image tumbnail tidak mau muncul di homepage. Satu-satunya solusi yakni dengan cara mengganti URL image dari HTTPS ke HTTP.
Artikel terkait Cara Mengaktifkan HTTPS untuk Keamanan Blog dan Pengunjung Blog.
Untuk melihat isyarat ini, rubah dulu area postingan dari Compose ke mode HTML. Contoh :
src=https://lh3.googleusercontent.com.....jpg 
a href=https://lh3.googleusercontent.com.....jpg
Ganti https menjadi http.

Pertanyaan selanjutnya adalah, bagaimana cara mengatasi image tumbnail tetap muncul meski kesalahan-kesalahan di atas telah dirubah? Adakah cara untuk memunculkan image tumbnail yang tetap nakal ini?

Berikut satu tahap lain semoga image mampu muncul di homepage blog. Tahapan cara ini didapatkan dari sumber master blogger yang telah berpengalaman dan terbukti ampuh untuk mengatasi duduk perkara ini. Berikut caranya.

Cara mengatasi image tumbnail tidak muncul di homepage

1. Masuk ke dasboard blogger.
2. Menuju ke menu Template, lalu pilih Edit HTML.
3. Cari kode <b:if cond='data:post.thumbnailUrl'. Atau yang semisalnya, terkait dengan imagetumbnail, tumbnail, urlimage. Biasanya di akhiri dengan kode </b:if>.
4. Setelah didapat, ganti isyarat tersebut dengan isyarat di bawah ini.

<b:if cond='data:post.thumbnailUrl'>
  <a expr:href='data:post.url'>
    <img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/>
  </a>
<b:else/>
  <b:if cond='data:post.firstImageUrl'>
    <a expr:href='data:post.url'>
      <img alt='thumbnail' class='post-thumbnail' expr:src='data:post.firstImageUrl'/>
    </a>
  <b:else/>
    <a expr:href='data:post.url'>
      <img alt='no image' class='noimage post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE8ZwslhIoYCy_5Rz5Rz2iiUfhe1QqkblVs6obe8eHOF2qK74i499N__bt-a0_Few-kLR8lVTbQSksa223I401gC05nMFuqsqsK7dFNx7TXPoGQLJKCYISLa-Tv-I00UUFLOAddX8VD_km/s265-no/no-image.png'/>
   </a>
 </b:if>
</b:if>

5. Lihat preview-nya dulu. Jika sudah Oke, akhiri dengan Save template.

Selesai, dan coba lihat hasilnya.

Menurut pengalaman, memang cara-cara di atas belum 100% menjadi solusi untuk mengatasi duduk perkara image tumbnail yang tidak muncul di homepage. Namun bukan berarti tidak termasuk solusi, terbukti sudah banyak yang menerapkannya dan berhasil mengatasinya.
Artikel rekomendasi 7 Cara Optimalisasi Image semoga Lebih SEO Friendly.
Namun kalau image tumbnail tetap membandel tidak mau muncul di homepage, ada baiknya teman mengganti template dengan yang lain.

Demikian yang mampu saya sampaikan. Semoga bermanfaat dan selamat mencoba.

Post a Comment for "Image Thumbnail Tidak Muncul di Homepage, Ini Solusinya"