Perhatikan! Image Thumbnail Post Tidak Muncul di Homepage Blog, Ini Solusinya

Image Thumbnail Post Tidak Muncul di Homepage Blog, Ini Solusinya

Image tumbnail adalah gambar dengan grafis kecil yang dibuat dari gambar standar dalam web agar lebih cepat diakses. Image tumbnail ini biasanya muncul pada blog yang telah memiliki script memanggil kode image dalam template. Sedangkan secara default, blogger tidak memberikannya secara otomatis, melainkan harus dilakukan secara manual agar 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 masalah hilangnya image tumbnail di homepage blog masih tetap ada? Ada beberapa hal yang mungkin telah salah atau kurang tepat dilakukan saat setting maupun saatmemposting artikel. Berikut diantara kesalahan tersebut.

Upload image melalui From URL atau web share image

Cara upload image saat membuat postingan ada beberapa macam. Diantaranya upload langsung melalui drive, upload melalui URL lain, upload melalui Picasa web album dan lain-lain. Jika masalah image tumbnail kerap tidak muncul, maka mulai sekarang gunakan cara upload image hanya menggunakan upload langsung dari drive komputer, bukan melalui from URL atau melalui Web Share Image seperti Picasa.

Artikel terkait Upload Gambar Blog Makin Mudah Melalui Picasa Web.

Pengaturan Site feed

Pada pengaturan feed blog, ganti settingannya menjadi full, agar seluruh konten, termasuk image akan ikut dimunculkan dalam feed URL blog. Caranya seperti berikut.

1. Masuk ke dasboard blogger.

2. Menuju Setting, pilih Other.

3. Pada Site feed pilih Full.

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 kode ini. Wajar, jika kemudian image tumbnail tidak mau muncul di homepage. Satu-satunya solusi adalah dengan cara mengganti URL image dari HTTPS ke HTTP.

Artikel terkait Cara Mengaktifkan HTTPS untuk Keamanan Blog dan Pengunjung Blog.

Untuk melihat kode 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 bandel ini?

Berikut satu tahap lain agar image bisa muncul di homepage blog. Tahapan cara ini didapatkan dari sumber master blogger yang telah berpengalaman dan terbukti ampuh untuk mengatasi masalah 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 kode tersebut dengan kode 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/AVvXsEhNHQiEEaoUebwJddD4-WZXdGgyVuALyp9jrYc69fjvzWHiSQCs0EudzucmDiO7M1w8dh3mar7_gvZU1pMMyzTRK9kZHI3vX1xqEu-_kNmtloHDav9SiCFRYgjsqvP47hOFQIvs9oeOki1E/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 masalah 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 agar Lebih SEO Friendly.

Namun jika image tumbnail tetap membandel tidak mau muncul di homepage, ada baiknya sahabat mengganti template dengan yang lain.

Demikian yang bisa saya sampaikan. Semoga bermanfaat dan selamat mencoba.(bloging-gampang)

Baca Artikel Terkait: