Image Thumbnail Tidak Muncul Di Homepage, Ini Solusinya

Image tumbnail yaitu gambar dengan grafis kecil yang dibentuk dari gambar standar dalam web supaya lebih cepat diakses. Image tumbnail ini biasanya muncul pada blog yang telah mempunyai script memanggil instruksi image dalam template. Sedangkan secara default, blogger tidak memberikannya secara otomatis, melainkan harus dilakukan secara manual supaya image tersebut muncul pada homepage.

Pada kenyataannya, tidak sedikit para blogger mengalami satu masalah, yakni image tumbnail tidak muncul di homepage, padahal telah menggunakan template dengan script otomatis memunculkan image ini. Bahkan lebih dari itu, template yang digunakan 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 kasus 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 menciptakan postingan ada beberapa macam. Diantaranya upload pribadi melalui drive, upload melalui URL lain, upload melalui Picasa web album dan lain-lain. Jika duduk kasus image tumbnail kerap tidak muncul, maka mulai kini gunakan cara upload image hanya menggunakan upload pribadi dari drive komputer, bukan melalui from URL atau melalui Web Share Image menyerupai Picasa.
Artikel terkait Upload Gambar Blog Makin Praktis Melalui Picasa Web.

Pengaturan Site feed

Pada pengaturan feed blog, ganti settingannya menjadi full, supaya seluruh konten, termasuk image akan ikut dimunculkan dalam feed URL blog. Caranya menyerupai berikut.
1. Masuk ke dasboard blogger.
2. Menuju Setting, pilih Other.
3. Pada Site feed pilih Full.
 yaitu gambar dengan grafis kecil yang dibentuk dari gambar standar dalam web supaya 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 menggunakan HTTPS pada alamat URL-nya. Sehingga, blog yang belum dialihkan ke HTTPS, tidak ikut membaca instruksi ini. Wajar, jikalau kemudian image tumbnail tidak mau muncul di homepage. Satu-satunya solusi yaitu dengan cara mengganti URL image dari HTTPS ke HTTP.
Artikel terkait Cara Mengaktifkan HTTPS untuk Keamanan Blog dan Pengunjung Blog.
Untuk melihat instruksi 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 badung ini?

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

Cara mengatasi image tumbnail tidak muncul di homepage

1. Masuk ke dasboard blogger.
2. Menuju ke sajian Template, kemudian 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 instruksi tersebut dengan instruksi 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/AVvXsEhzLNss46MKt4dldJKci0-g3Jn3cR39rpHlw1jPvp0_eGCwH6obqKqKuRUJQSeW0-_k0JFJ-5Gfv5ivhaj_pxMTjfnD2QxdtQoOzu0a1-FLYOeTc_KBwDnfdQqxxuum4Z4jHoVN_004v5w0/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 kasus 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 supaya Lebih SEO Friendly.
Namun jikalau image tumbnail tetap membandel tidak mau muncul di homepage, ada baiknya sahabat mengganti template dengan yang lain.

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

0 Response to "Image Thumbnail Tidak Muncul Di Homepage, Ini Solusinya"