Cara Mengatasi Gambar Blogger Tidak Muncul: Fix URL Lama dan SEO Gambar

---

Gambar Blogger tiba-tiba tidak muncul, hanya menampilkan icon broken image, atau terlihat normal di editor tetapi hilang setelah artikel dipublikasikan? Masalah seperti ini tidak selalu disebabkan template. URL gambar lama, file yang tidak lagi didukung, lazy loading yang salah, manipulasi thumbnail pada template, sampai masalah browser saat upload bisa menghasilkan gejala yang hampir sama.

Dulu salah satu trik yang sering dipakai adalah mengganti host 1.bp.blogspot.com menjadi 2.bp, 3.bp, atau 4.bp. Cara tersebut sudah tidak layak dijadikan solusi utama. Blogger telah memindahkan penyajian gambar baru ke domain blogger.googleusercontent.com dan juga berusaha mengonversi URL gambar lama ke format baru.

Karena itu artikel ini diperbarui total. Kita akan membedakan dulu sumber masalahnya, memperbaiki URL gambar lama dengan cara yang lebih aman, mengecek gambar yang tidak didukung melalui dashboard Blogger, menangani upload yang gagal, lalu memastikan gambar tetap mudah ditemukan Google dan tidak memperlambat halaman.

BLOGGER IMAGE DIAGNOSTIC

Jangan langsung mengganti host gambar. Cari dulu sumber error-nya.

Broken image, upload gagal, thumbnail hilang dan gambar tidak muncul di Google membutuhkan penanganan yang berbeda.

Broken URLAlamat gambar bermasalah.

UploadGagal dari editor.

TemplateURL dimanipulasi theme.

IndexingGambar tidak ditemukan Search.

Informasi Singkat

---

Blogger sekarang menggunakan domain blogger.googleusercontent.com untuk penyajian gambar baru. Menurut dokumentasi Blogger, URL pada format baru tidak kedaluwarsa dan perubahan pada Google Photos tidak akan merusak gambar Blogger secara tidak sengaja.

Untuk gambar lama yang tidak berhasil dimigrasikan otomatis, Blogger menyediakan menu khusus yang menunjukkan URL gambar tidak didukung. Jika URL tersebut penting, langkah yang disarankan adalah mendownload gambar lalu mengupload ulang sehingga Blogger membuat URL baru yang didukung.

Kenapa Gambar Blogger Bisa Tidak Muncul?

Sebelum memperbaiki kode, lihat gejalanya. Satu gambar yang rusak belum tentu mempunyai penyebab yang sama dengan seluruh thumbnail homepage yang hilang.

URL Lama Bermasalah File lama tidak berhasil dipindahkan ke format baru.

File Sudah Tidak Ada Gambar pernah dihapus atau sumbernya sudah tidak tersedia.

Template Mengubah URL Script thumbnail atau feed dapat menghasilkan URL yang salah.

Lazy Load Bermasalah URL sebenarnya tidak pernah dipindahkan ke atribut src.

Hotlink Pihak Ketiga Server sumber memblokir penayangan gambar dari blog lain.

Masalah Browser Cookie, extension atau setting browser mengganggu proses upload.

Perubahan Penting pada Hosting Gambar Blogger

Blogger pernah menggunakan beberapa pola domain lama untuk gambar. Saat ini Blogger telah beralih ke format URL baru yang menggunakan blogger.googleusercontent.com.

FORMAT LAMA *.bp.blogspot.com Ditemukan pada banyak artikel lama.

FORMAT BARU blogger.googleusercontent.com Format penyajian gambar Blogger yang lebih baru.

Blogger mencoba mengonversi URL lama secara otomatis jika memungkinkan. Artinya kita tidak perlu memburu setiap URL 1.bp, 2.bp, 3.bp atau 4.bp hanya karena domainnya terlihat lama.

Jangan mengganti semua 1.bp menjadi 4.bp dengan script global.

Trik tersebut hanya mengganti hostname. Ia tidak memperbaiki file yang benar-benar tidak tersedia, tidak membuat URL format baru Blogger, dan menambah JavaScript pada setiap halaman meskipun sebagian besar gambar tidak membutuhkan perbaikan.

Cara Resmi Mengecek URL Gambar Blogger yang Tidak Didukung

Jika blog mempunyai banyak posting lama, jangan memeriksa artikel satu per satu secara acak. Blogger menyediakan dashboard untuk URL gambar yang tidak didukung.

01

Buka Blogger

Login ke dashboard lalu pilih blog yang ingin diperiksa.

02

Buka Setelan

Masuk ke menu Setelan.

03

Cari Kelola Blog

Buka bagian Kelola blog.

04

Pilih Kelola URL Gambar yang Tidak Didukung

Menu ini hanya muncul jika Blogger menemukan URL yang membutuhkan perhatian.

05

Buka Postingan yang Ditandai

Pada mode HTML, URL yang tidak didukung akan ditandai agar lebih mudah ditemukan.

06

Download dan Upload Ulang

Simpan gambar lama jika masih dapat diakses, kemudian upload ulang melalui editor Blogger agar dibuatkan URL baru yang didukung.

Kalau menu tersebut tidak terlihat, blog mungkin tidak terdampak.

Tidak perlu mengubah URL gambar yang masih bekerja normal hanya untuk memaksanya menggunakan format berbeda.

Cara Memperbaiki Satu Gambar yang Broken

Kalau hanya satu atau beberapa gambar yang rusak, cara manual justru lebih aman daripada memasang script global.

Buka Gambar Periksa URL langsung.

Simpan File Jika gambar masih tersedia.

Upload Ulang Gunakan editor Blogger.

Publikasikan Cek URL baru.

Setelah upload ulang, Blogger dapat mengoptimalkan gambar untuk web. Jangan mengambil URL thumbnail dari halaman lain secara manual jika editor sudah memberikan URL yang benar.

Kalau Gambar Tidak Bisa Diupload dari Editor Blogger

Masalah upload berbeda dengan gambar lama yang broken. Jika tombol upload gagal, popup tidak terbuka atau pemilihan gambar berhenti di tengah proses, mulai dari browser.

Hapus Cache dan Cookie Login kembali kemudian coba upload.

Izinkan Popup Pastikan Blogger tidak diblokir browser.

Nonaktifkan Extension Uji tanpa adblock atau extension yang memodifikasi halaman.

Update Browser Gunakan browser versi terbaru.

Coba private/incognito window sebagai tes cepat.

Jika upload bekerja di private window tetapi gagal pada sesi biasa, penyebabnya lebih mungkin berasal dari cookie, cache atau extension daripada template Blogger.

Gambar Muncul di Artikel tetapi Hilang di Homepage

Kalau gambar tampil normal ketika artikel dibuka tetapi thumbnail homepage kosong, kemungkinan besar file gambarnya sebenarnya baik. Masalah ada pada cara template mengambil atau memodifikasi URL thumbnail.

ARTIKEL Gambar Muncul

HOMEPAGE Thumbnail Hilang

CEK Script Template

Periksa script yang membaca feed Blogger, fungsi pembuat thumbnail, penggantian ukuran gambar, lazy-load, atau kode yang melakukan replace() terhadap URL gambar. Template lama sering mengasumsikan pola URL tertentu sehingga bisa gagal ketika format URL berubah.

Bandingkan URL gambar artikel dengan URL thumbnail homepage.

Pastikan script tidak hanya mengenali bp.blogspot.com.

Cek apakah URL hasil resize masih dapat dibuka langsung.

Pastikan lazy-load akhirnya mengisi atribut src.

Gambar Muncul di Browser tetapi Tidak Terlihat Google

Gambar yang terlihat oleh manusia belum tentu langsung ditemukan Google Images. Google mempunyai proses discovery dan indexing khusus untuk gambar.

Gunakan Elemen img URL gambar utama harus tersedia pada atribut src.

Alt yang Deskriptif Jelaskan gambar sesuai konteks, bukan menumpuk keyword.

Teks Relevan di Sekitar Gambar sebaiknya ditempatkan dekat pembahasan yang sesuai.

URL Konsisten Gunakan URL yang sama untuk gambar yang sama jika memungkinkan.

Optimalkan Ukuran Jaga kualitas tanpa membuat halaman terlalu berat.

Responsive Pastikan gambar dapat ditampilkan pada mobile.

Gunakan src, Jangan Hanya Background CSS

Untuk gambar konten yang ingin dipahami Google, gunakan elemen HTML <img>. Google dapat menemukan gambar dari atribut src, sedangkan gambar yang hanya dipasang sebagai background-image CSS tidak diindeks sebagai gambar konten.

LEBIH BAIK <img src="gambar.jpg" alt="Dashboard Blogger menampilkan URL gambar yang tidak didukung" />

BUKAN UNTUK GAMBAR KONTEN <div style="background-image:url(gambar.jpg)"></div>

Alt Text Harus Menjelaskan Gambar

Alt text membantu aksesibilitas dan memberi konteks tambahan kepada mesin pencari. Gunakan deskripsi yang sesuai dengan isi gambar.

KURANG BAGUS alt="gambar blogger seo gambar blogger error blogger gambar"

LEBIH JELAS alt="Menu Blogger untuk mengelola URL gambar yang tidak didukung"

Apakah Gambar Utama Perlu Lazy Loading?

Lazy loading berguna untuk gambar yang berada jauh di bawah layar. Tetapi gambar utama yang langsung terlihat ketika artikel dibuka sebaiknya tidak ditunda tanpa alasan karena dapat memperlambat munculnya konten utama.

HERO IMAGE Load langsung Biasanya terlihat sejak awal.

GAMBAR LANJUTAN Lazy loading Cocok jika berada jauh di bawah fold.

Gunakan lazy loading secara selektif.

Google menyarankan agar konten yang kemungkinan langsung terlihat saat halaman dibuka tidak dilazy-load. Untuk gambar di bawah fold, native loading="lazy" merupakan pilihan yang sederhana.

Ukuran Gambar Blogger: Jangan Selalu Pakai s1600

Gambar yang jauh lebih besar dari area tampil akan menambah transfer data. Untuk artikel biasa, pilih ukuran yang cukup tajam untuk layout blog tanpa memaksa browser mendownload file jauh lebih besar dari yang diperlukan.

s400 Thumbnail Kecil Widget atau card kecil.

s800 Artikel Sering cukup untuk area konten blog.

s1600 Lebih Besar Gunakan jika memang dibutuhkan.

Jangan menilai kualitas hanya dari angka terbesar. Yang perlu dicari adalah keseimbangan antara ketajaman visual dan kecepatan halaman.

Gambar dan Peluang Artikel Masuk Indeks Google

Memperbaiki broken image membantu kualitas halaman, tetapi tidak ada teknik gambar yang bisa menjamin sebuah artikel langsung masuk indeks. Untuk artikel ini sendiri, kualitas halaman perlu didukung struktur yang sehat.

Konten Berguna Artikel benar-benar menyelesaikan masalah gambar Blogger.

Internal Link Hubungkan dari artikel Blogger yang relevan.

Canonical Benar Pastikan canonical menunjuk URL artikel utama.

Index Allowed Tidak ada noindex tanpa sengaja.

Sitemap Pastikan URL dapat ditemukan dari struktur blog.

URL Inspection Gunakan untuk mengecek versi yang dilihat Google.

SETELAH ARTIKEL DIUPDATE

Test Live URL dahulu, baru Request Indexing jika halaman sudah benar.

Jangan mengirim request berkali-kali tanpa memperbaiki penyebab utama. Pastikan konten, canonical, gambar, internal link dan status crawl sudah siap.

Cara Mengecek Apakah Gambar Sudah Dikenal Google

Untuk pengecekan sederhana, Google Images mempunyai operator src: yang dapat mencari halaman yang mereferensikan URL gambar tertentu pada atribut src.

src:https://contoh.com/path/gambar.jpg

Operator ini berguna untuk debugging, tetapi hasilnya tidak selalu lengkap. Untuk masalah indexing halaman, URL Inspection di Search Console tetap lebih dapat diandalkan.

Apakah Perlu Image Sitemap?

Google mendukung image sitemap untuk membantu menemukan gambar yang mungkin sulit ditemukan melalui crawling biasa. Namun pada blog Blogger sederhana, prioritas pertama tetap memastikan gambar berada pada HTML yang bisa dirender, mempunyai src valid, dan halaman artikelnya dapat di-crawl.

01Perbaiki URLGambar harus bisa dibuka.

02Pastikan img srcGoogle bisa menemukannya.

03Optimasi halamanKonten dan performance.

04Sitemap bila perluTambahan discovery.

Kesalahan yang Sebaiknya Dihindari

Mengganti semua 1.bp menjadi 4.bp Tidak menyelesaikan URL yang benar-benar sudah tidak didukung.

Memasang jQuery hanya untuk replace URL Menambah dependency hanya untuk workaround gambar lama.

Menggunakan gambar besar untuk semua kebutuhan Thumbnail kecil tidak membutuhkan file s1600.

Lazy-load hero image Dapat membuat konten utama tampil lebih lambat.

Alt text berisi tumpukan keyword Tulis deskripsi gambar yang benar-benar membantu.

Hanya mengecek desktop Pastikan URL dan gambar juga bekerja di mobile.

Menggunakan CSS background untuk gambar utama artikel Gunakan elemen img untuk gambar konten yang ingin ditemukan Google.

Meminta indexing sebelum halaman selesai Perbaiki masalah teknis dan konten terlebih dahulu.

Checklist Perbaikan Gambar Blogger

URL gambar dapat dibuka langsung.

Gambar lama yang tidak didukung sudah diperiksa dari dashboard Blogger.

File penting yang bermasalah sudah diupload ulang.

Template tidak melakukan replace hostname lama secara paksa.

Thumbnail homepage menggunakan URL valid.

Gambar konten tersedia pada atribut src.

Alt text sesuai isi gambar.

Gambar utama tidak dilazy-load tanpa alasan.

Gambar di bawah fold dapat memakai loading lazy.

Ukuran gambar sesuai area tampil.

Artikel sudah diuji di desktop dan mobile.

URL Inspection menunjukkan halaman dapat diakses Google.

Pertanyaan yang Sering Ditanyakan

Apakah masih perlu mengganti 1.bp.blogspot.com menjadi 4.bp.blogspot.com?

Tidak sebagai solusi utama. Blogger sekarang menggunakan format penyajian gambar baru dan menyediakan proses untuk menangani URL lama yang tidak didukung. Jika gambar memang rusak, lebih aman upload ulang melalui Blogger.

Kenapa URL gambar saya masih menggunakan bp.blogspot.com tetapi tetap bekerja?

Tidak semua URL lama otomatis bermasalah. Jangan mengubah gambar yang masih berfungsi hanya karena host-nya berbeda dari format baru.

Apa domain gambar Blogger yang baru?

Blogger menggunakan domain blogger.googleusercontent.com untuk penyajian gambar baru dan migrasi gambar lama jika memungkinkan.

Kenapa gambar ada di artikel tetapi thumbnail homepage kosong?

Kemungkinan template memproses URL thumbnail secara tidak benar. Periksa script feed, resize URL, lazy loading dan fungsi replace pada template.

Apakah Blogger mengoptimalkan gambar yang diupload?

Blogger dapat mengompresi dan mengoptimalkan gambar untuk web agar penggunaan data dan waktu loading lebih baik.

Apakah alt text membantu SEO gambar?

Ya, alt text membantu Google memahami konteks gambar dan juga meningkatkan aksesibilitas. Gunakan deskripsi yang natural dan relevan.

Apakah gambar background CSS bisa masuk Google Images?

Untuk image indexing, Google menyarankan menggunakan elemen img dengan URL pada atribut src. Gambar yang hanya menjadi CSS background tidak diperlakukan sama sebagai gambar konten.

Apakah Request Indexing membuat gambar langsung masuk Google?

Tidak ada jaminan. Request Indexing membantu meminta crawl halaman, tetapi Google tetap menentukan apakah halaman dan gambar akan disimpan dalam indeks.

Perbaiki Sumber Masalah, Bukan Sekadar Mengganti Host

Solusi lama mengganti 1.bp menjadi 4.bp pernah berguna sebagai workaround pada kondisi tertentu, tetapi sekarang Blogger sudah mempunyai sistem penyimpanan gambar dan jalur migrasi yang berbeda.

Kalau gambar benar-benar tidak didukung, upload ulang adalah solusi yang lebih bersih. Kalau hanya thumbnail homepage yang hilang, periksa template. Kalau upload gagal, periksa browser. Dan kalau gambar tidak muncul di Google, pastikan HTML, alt text, crawlability dan halaman tempat gambar berada sudah sehat.

FIX THE SOURCE

Gambar yang sehat dimulai dari URL yang valid, HTML yang jelas dan template yang tidak merusak sumber gambar.

Kurangi workaround global, gunakan mekanisme Blogger yang sekarang, lalu optimalkan gambar untuk manusia dan mesin pencari.

Referensi Resmi

Pembaruan Penyimpanan Gambar Blogger Migrasi URL lama dan penanganan URL gambar yang tidak didukung.

Menambahkan Gambar dan Video ke Blogger Upload, optimasi dan troubleshooting gambar Blogger.

Google Image SEO Best Practices Discovery, alt text, HTML img, kualitas dan kecepatan gambar.

Google Lazy Loading Guidance Cara menggunakan lazy loading tanpa menyembunyikan konten dari Google.

Google Image Sitemaps Image sitemap untuk membantu discovery gambar.