Favicon Blogger: Periksa Ikon Tab dan Tampilan Google

Favicon Blogger yang berbeda antara tab browser dan hasil Google perlu diperiksa melalui beberapa bukti: gambar yang disiapkan, alamat ikon dalam halaman, dan berkas yang benar-benar diminta browser. Mulailah dari beranda publik, bukan mengganti gambar berkali-kali tanpa mengetahui bagian mana yang masih memakai ikon lama.

Panduan ini membantu menyusun diagnosis sebelum mengubah pengaturan atau meminta bantuan pengembang. Langkahnya merupakan alur pemeriksaan yang dapat Anda ikuti, bukan laporan pengujian favicon TemaBlogger. Contoh alamat dan ukuran di bawah adalah ilustrasi.

Siapkan ikon yang tetap dikenali saat kecil

Logo mendatar pada header, gambar pembuka artikel, dan favicon mempunyai tempat tampil berbeda. Untuk percobaan desain, buat salinan ikon berbentuk persegi dari elemen identitas yang paling mudah dikenali. Jangan memadatkan seluruh nama portal menjadi tulisan kecil yang sulit dibaca. Simpan logo asli secara terpisah agar sumber desain tetap tersedia.

Misalnya, redaksi fiktif Kabar Desa menggunakan simbol huruf K dan nama lengkap di header. Kandidat favicon dapat memakai simbol K saja, dengan warna yang konsisten. Bandingkan beberapa rancangan pada ukuran tampilan kecil: apakah bentuknya masih berbeda dari lingkaran atau kotak biasa? Ini penilaian visual editorial, bukan ukuran keberhasilan SEO.

Catat nama berkas, dimensi, format, dan tanggal pembuatannya. Jika versi percobaan berubah, beri penanda pada salinan kerja supaya gambar baru tidak tertukar dengan lampiran lama. Persiapan berkas artikel dibahas terpisah dalam panduan optimasi gambar Blogger; favicon perlu diperiksa sesuai tempat tampilnya sendiri.

Temukan pengaturan Blogger dan deklarasi halaman

Bantuan pengaturan Blogger mencantumkan Favicon pada bagian Basic atau Dasar untuk mengunggah ikon khusus. Pada pemeriksaan antarmuka 24 Oktober 2026, jalurnya Setelan → Dasar → Favicon; dialog meminta gambar persegi berukuran kurang dari 100 KB. Dialog hanya diperiksa, tanpa memilih berkas atau menyimpan perubahan.

Untuk pemasangan pada blog Anda sendiri, cocokkan syarat yang tampil sebelum memilih berkas. Jika gambar ditolak, periksa kembali dimensi dan ukuran salinannya; jangan menebak bahwa mengganti ekstensi nama berkas akan mengubah format gambar. Setelah penyimpanan berhasil, lanjutkan pemeriksaan beranda publik di bawah agar pengaturan dan hasilnya dapat dibandingkan.

Sebelum mengganti apa pun, buka beranda publik di Chrome lalu buka DevTools. Pada panel Elements, perluas bagian head dan cari elemen link yang menyebut ikon. Dokumentasi pemeriksaan DOM Chrome menjelaskan cara menelusuri elemen halaman. Untuk pemeriksaan ini cukup membaca; jangan menyunting atau menghapus elemen melalui panel tersebut.

Salin catatan atributnya, bukan sekadar nama gambar yang Anda ingat pernah diunggah. Anda mungkin menemukan alamat pada layanan penyimpanan gambar, bukan berkas dengan nama yang sama seperti salinan lokal. Pertahankan alamat lengkap dalam catatan pribadi agar pemeriksaan berikutnya menggunakan sumber yang sama.

Berikut contoh untuk mengenali pola HTML yang sudah ada pada head:

<link rel="icon" href="https://example.com/ikon-kabar.png" type="image/png" sizes="96x96">

Alamat example.com adalah placeholder, bukan berkas unduhan. Contoh ditampilkan sebagai teks untuk latihan membaca, bukan kode yang harus ditempel ke postingan atau tema. Angka 96 × 96 menerangkan contoh ikon; itu bukan laporan ukuran favicon situs Anda.

Baca atribut sebelum menyimpulkan ada konflik

Pada contoh tadi, rel="icon" menyatakan hubungan ikon, sedangkan href menunjuk sumbernya. type dan sizes memberi informasi format serta ukuran. Penjelasan atribut tersedia pada referensi elemen link MDN. Menulis ukuran pada HTML tidak membuktikan dimensi berkasnya cocok; buka sumber gambar untuk memeriksanya.

Jika ada beberapa deklarasi ikon, jangan langsung menyebut semuanya duplikat yang harus dihapus. Menurut referensi rel icon MDN, browser dapat mempertimbangkan atribut media, jenis, dan ukuran saat memilih ikon. Ikon untuk kebutuhan perangkat lain juga perlu dibedakan dari ikon tab biasa.

Susun catatan per deklarasi: alamat, atribut, dan gambar yang terlihat saat sumbernya dibuka. Contoh temuan hipotetis: deklarasi pertama menuju simbol lama, deklarasi kedua menuju simbol baru. Itu cukup untuk meminta penelusuran pengembang, tetapi belum membuktikan deklarasi mana yang dipakai pada setiap browser. Sertakan bukti permintaan berkas pada langkah berikutnya.

Hubungkan permintaan berkas dengan ikon yang terlihat

Buka panel Network sebelum memuat ulang beranda. Cari bagian nama atau alamat ikon yang ditemukan tadi, lalu pilih permintaannya jika tercatat. Periksa Request URL, status respons, Content-Type, dan pratinjau gambar. Referensi Network Chrome menjelaskan pencatatan permintaan serta pemeriksaan header dan respons.

Catat hasilnya secara terpisah: alamat yang dideklarasikan, alamat yang diminta, dan isi gambar yang diterima. Jika respons ternyata halaman kesalahan atau gambar lama, masalahnya sudah lebih spesifik daripada keluhan “favicon belum berubah”. Sebaliknya, jika permintaan ikon tidak muncul pada rekaman, jangan mengarang statusnya; tulis bahwa rekaman tersebut belum memberikan bukti.

Untuk membandingkan pemuatan tanpa cache browser pada panel ini, opsi Disable cache dapat digunakan selama DevTools terbuka. Catat kapan opsi itu digunakan agar hasilnya tidak tercampur dengan kunjungan biasa. Langkah tersebut bukan perintah menghapus cookie, keluar dari akun, atau membersihkan semua data situs.

Pisahkan hasil browser dari pembaruan Google

Panduan favicon Google Search meminta ikon persegi minimal 8 × 8 piksel dan merekomendasikan ukuran lebih besar dari 48 × 48. Googlebot perlu dapat merayapi beranda, sedangkan Googlebot-Image perlu mengakses berkas ikon. Gunakan ikon yang mewakili merek dan pertahankan URL yang stabil.

Google mendukung satu favicon per hostname, bukan ikon berbeda untuk setiap artikel. Ikon baru pada tab juga belum membuktikan pemrosesan Google selesai. Google perlu merayapi ulang dan mengolah informasi beranda; tampilnya favicon tidak dijamin meskipun persyaratan dipenuhi. Permintaan pengindeksan beranda tersedia melalui Inspeksi URL, bukan tombol pemaksa pembaruan ikon.

Jika ada dugaan hambatan akses, lanjutkan ke panduan pemeriksaan robots.txt Blogger. Jangan mengubah aturan perayapan hanya karena ikon belum berganti.

Tutup pemeriksaan dengan satu keputusan yang didukung bukti: perbaiki berkas, telusuri deklarasi bersama pengembang, periksa akses, atau pantau setelah perubahan yang benar. Simpan tanggal dan hasil terakhir. Catatan tersebut lebih berguna untuk tindak lanjut daripada mengunggah ikon baru setiap kali melihat tampilan yang berbeda.