Jawaban singkatnya: untuk memeriksa favicon situs web Anda secara online, masukkan domain Anda di Pemeriksa Favicon gratis PromoPilot dan klik "Periksa". Alat ini akan menemukan semua ikon yang dideklarasikan dalam HTML dan terletak di jalur standar seperti /favicon.ico, menampilkan pratinjau dan ukuran masing-masing, memeriksa Ikon Sentuh Apple, dan memberi tahu Anda ukuran mana yang hilang. Di bawah ini adalah kumpulan ikon minimal, kode lengkapnya, dan alasan mengapa Google menampilkan bola dunia abu-abu alih-alih logo Anda.
Saya sudah membuat situs web selama 12 tahun, dan saya tahu: favicon lebih sering dilupakan daripada elemen lainnya. Desainer membuat logo, pengembang membangun situs web, namun tidak ada yang pernah menambahkan favicon ke tab—sampai klien pertama bertanya, "Mengapa pesaing kami memiliki favicon di Google dan kami tidak?"
Apa yang diperiksa oleh Favicon Check?
Ikon situs web bukan lagi hanya berupa satu file favicon.ico. Browser, iPhone, Android, dan Google semuanya menggunakan file dan ukuran yang berbeda. Alat ini menggabungkan semuanya ke dalam satu laporan.
| Apa yang diperiksanya? | Apa yang sedang dia lihat? | Mengapa situs ini membutuhkannya? |
|---|---|---|
| Ikon dari HTML | Semua tag <link rel="icon">, shortcut icon, apple-touch-icon | Inilah yang menjadi prioritas utama bagi peramban dan Google |
| Jalur standar | /favicon.ico di root situs dan alamat umum lainnya. | Banyak sistem mencari ikon di sana bahkan tanpa tag. |
| Ukuran setiap ikon | Lebar dan tinggi dalam piksel, format ICO, PNG, SVG | Ikon kecil tersebut tampak buram pada layar berdefinisi tinggi. |
| Ikon Sentuh Apple | Apakah ada ikon untuk iPhone dan iPad? | Tanpa itu, tangkapan layar halaman akan muncul di layar Beranda. |
| Pratinjau | Seperti apa tampilan setiap ikon yang ditemukan? | Anda dapat melihat ikon yang rusak, kosong, atau asing (template). |
| Rekomendasi | Ukuran apa saja yang hilang? | Daftar tugas siap pakai untuk seorang desainer. |
Bagaimana cara memeriksa favicon sebuah situs web secara online?
- Buka Pemeriksa Favicon.
- Masukkan domain -
example.comsaja sudah cukup, tanpa perlu menentukan halaman. - Klik "Periksa." Alat ini akan menganalisis HTML halaman beranda dan jalur standar.
- Periksa ikon yang ditemukan: pratinjau, format, dan ukuran masing-masing. Periksa apakah ada ikon CMS atau hosting standar di antaranya.
- Bacalah rekomendasi dan berikan dimensi yang kurang kepada desainer atau buatlah sendiri.
Halaman alat: kolom domain, tombol "Periksa", dan deskripsi pemeriksaan beserta FAQ.
Verifikasi mudah dilakukan—batas pengunjung sudah cukup untuk memeriksa situs Anda sendiri dan beberapa situs pesaing untuk perbandingan. Ikon dari situs mana pun dapat dilihat dan diunduh—berguna jika Anda perlu menemukan logo asli Anda sendiri, yang hilang bersama kontraktor lama.
Ukuran favicon apa yang dibutuhkan pada tahun 2026?
Generator ikon seringkali menghasilkan 20 file, tetapi yang benar-benar dibutuhkan adalah kumpulan yang ringkas. Berikut adalah jumlah minimum yang saya gunakan untuk semua proyek saya:
| Mengajukan | Ukuran | Di mana alat ini digunakan? |
|---|---|---|
favicon.ico | Ukuran 16x16 dan 32x32 dalam satu file. | Browser lama, sistem yang mencari ikon di direktori root. |
favicon.svg | Vektor | Browser modern, tampil jernih di layar apa pun. |
apple-touch-icon.png | 180x180 | Layar Utama iPhone dan iPad |
icon-192.png dan icon-512.png | 192×192 dan 512×512 | Manifest web: Android, menginstal situs web sebagai aplikasi |
Dan kode untuk <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Tips desain: Pada ukuran 16 piksel, logo dan teks akan menjadi buram. Gunakan simbol, huruf pertama dari nama, atau karakter sederhana dengan latar belakang yang kontras. Untuk ikon Apple Touch, jangan gunakan latar belakang transparan—iOS akan mengisinya dengan warna hitam.
Bagaimana cara membuat favicon sendiri, tanpa bantuan desainer?
Jika Anda sama sekali tidak memiliki ikon, Anda dapat membuat satu set ikon dasar dalam waktu setengah jam. Berikut prosedurnya:
- Gunakan simbol, bukan seluruh logo. Gunakan huruf pertama dari nama, simbol dari logo, atau bentuk geometris sederhana dengan warna merek. Pastikan simbol tersebut mudah dikenali pada ukuran 16 piksel.
- Gambarlah persegi berukuran 512x512. Editor grafis atau perancang daring apa pun bisa digunakan. Sisakan sedikit margin di sekeliling tepinya agar tanda tidak menjorok ke batas.
- Simpan file sumber sebagai SVG —file tersebut akan menjadi
favicon.svg, dan semua PNG dengan ukuran yang dibutuhkan dapat dipotong tanpa kehilangan kualitas. - Hasilkan ukuran yang tersisa (ICO, 180, 192) di generator ikon dan letakkan file-file tersebut di root situs.
- Tempelkan kode tersebut ke bagian head dan periksa kembali hasilnya di alat tersebut.
Perhatikan bagaimana ikon tersebut muncul di tema gelap browser: ikon hitam dengan latar belakang transparan akan hilang begitu saja di tab Chrome yang gelap. Latar belakang terang atau garis luar yang kontras akan membantu.
Mengapa Google tidak menampilkan favicon situs tersebut?
Pertanyaan yang paling sering diajukan: Jika Anda melihat bola dunia abu-abu di sebelah alamat dalam hasil pencarian, biasanya ada beberapa alasan:
- Ikon tersebut tidak berbentuk persegi. Google mensyaratkan rasio aspek 1:1 dan ukuran minimal 8x8, tetapi merekomendasikan ukuran lebih besar dari 48x48:
favicon.icoyang berukuran sangat kecil yaitu 16x16 terlihat buram di hasil pencarian. - Ikon tersebut diblokir dari robot. Google -Image harus memiliki akses ke file ikon, dan Google harus memiliki akses ke file utama. Jika folder gambar diblokir di robots.txt atau file dikembalikan dengan kesalahan, ikon tersebut tidak akan muncul di hasil pencarian.
- Tag tersebut tidak ada di halaman beranda. Google mengambil favicon dari halaman beranda domain atau subdomain; bagian halaman beranda, seperti
example.com/shoptidak sesuai. - Alamat ikon tidak stabil. Jika jalur berubah setiap kali situs dibangun (
/icon.a83f2.png), Google mungkin tidak dapat memperbaruinya dengan cepat. - Sudah cukup lama. Google tidak langsung memperbarui favicon setelah perbaikan; Anda dapat mempercepatnya dengan meminta pemindaian ulang halaman beranda di Search Console. Google tidak memberikan jangka waktu yang tepat, jadi periksa hasilnya paling cepat beberapa hari kemudian.
- Ikon tersebut melanggar aturan. Google mengganti gambar yang tidak dapat diterima dengan ikon standar.
Perbandingan: Pemeriksa Favicon dan Alternatifnya
| Alat | Apa yang gratis? | Pembatasan | Produk ini cocok untuk siapa? |
|---|---|---|---|
| PromoPilot - Pemeriksa Favicon | Semua ikon dari HTML dan jalur standar, ukuran, pratinjau, Apple Touch Icon, rekomendasi. | Tidak membuat ikon baru, hanya memeriksa ikon utama. | Periksa situs web Anda atau situs web pesaing Anda dengan cepat. |
| Generator Favicon Asli | Membuat serangkaian ikon dan kode, memeriksa favicon. | Generator tersebut menghasilkan banyak file, Anda perlu menentukan file mana yang akan disimpan. | Bagi mereka yang perlu membuat ikon dari awal. |
| Konsol Pencarian Google | Minta pemindaian ulang utama | Hanya situs terverifikasinya saja yang tidak memeriksa ikon. | Mempercepat pembaruan ikon di hasil pencarian |
| Alat pengembang di peramban | Tab dengan manifes dan ikon | Anda perlu tahu ke mana harus mencari. | Untuk pengembang |
Kesimpulan: alat daring lebih praktis untuk pengecekan, generator untuk membuat kumpulan data, dan Search Console untuk mempercepat pembaruan di Google.
Omong-omong, PromoPilot memiliki 87 alat SEO gratis. Anda dapat dengan mudah melihat bagaimana tampilan favicon di samping judul dalam pratinjau SERP—kami memiliki artikel terpisah tentang hal itu dalam seri kami.
Apa saja keterbatasan verifikasi favicon?
Alat ini memeriksa apa yang diiklankan dan dikembalikan oleh situs: alat ini tidak akan memberi tahu Anda kapan Google memperbarui ikon di hasil pencarian—itu tergantung pada mesin pencari itu sendiri. Jika ikon ditambahkan oleh skrip setelah halaman dimuat, beberapa mungkin tidak termasuk dalam laporan. Pemeriksaan ini juga melihat domain secara keseluruhan—jika bagian situs yang berbeda memiliki ikon yang berbeda (misalnya, subdomain toko), periksa secara terpisah.
Kapan alat gratis tidak cukup?
Favicon adalah masalah kecil yang jarang membutuhkan spesialis. Namun, ada kalanya masalah kecil tersebut merupakan gejala. Bantuan diperlukan jika:
- Ikonnya sudah benar, tetapi Google telah menampilkan gambar globe selama berbulan-bulan - ini berarti masalahnya terletak pada akses robot atau pada templatnya;
- Merek tersebut tidak memiliki logo yang sederhana dan membutuhkan gaya korporat yang sesuai dengan ukuran 16 piksel;
- Situs ini disusun menggunakan sebuah builder, dan jalur ke ikon-ikon tersebut berubah setiap kali ada pembaruan;
- Favicon hanyalah salah satu dari lusinan kesalahan kecil yang telah menumpuk selama bertahun-tahun.
Apa yang bisa saya lakukan untuk situs web Anda?
Saya Valeriy Danyuk, seorang pengembang dan spesialis SEO dengan pengalaman 12 tahun dan lebih dari 200 klien. Saya menyiapkan favicon, pratinjau media sosial, dan markup di setiap situs web sebelum diluncurkan.
SEO dan audit
- Audit SEO situs web lengkap: Saya menemukan semua detail teknis—mulai dari favicon dan pratinjau hingga pengindeksan dan kecepatan—dan memperbaikinya dalam kode.
Situs web dan toko online
- Buat situs web dengan gaya situs web orang lain dalam hitungan menit — di 1001site, ikon, pratinjau, dan tata letak dikonfigurasi secara otomatis.
- Tilda dengan biaya berlangganan atau situs web dengan AI —perbandingan jujur antara berbagai pendekatan.
- Berapa biaya pembuatan situs web siap pakai (turnkey website) pada tahun 2026? Faktor apa saja yang menentukan harganya?
- Website WordPress dengan asisten AI seharga €299 dan 3 hari.
CRM dan otomatisasi
- Sistem CRM khusus dengan basis data pelanggan dan pengambil keputusan untuk sebuah perusahaan dari Slovakia.
- CRM untuk perusahaan pembongkaran mobil yang secara otomatis menghitung harga dan mencetak faktur.
Kirimkan alamat situs webnya di Telegram - saya akan memeriksa ikon dan lima atau enam hal kecil lainnya yang sering terlupakan.
Hasil
- Favicon Checker menemukan semua ikon situs, ukurannya, dan menunjukkan ikon mana yang hilang dalam waktu satu menit.
- Set minimum: favicon.ico, favicon.svg, Apple Touch Icon 180×180, dan ikon 192 dan 512 untuk web-manifest.
- Untuk Google ikon harus berbentuk persegi, lebih besar dari 48x48 piksel, dapat diakses oleh robot, dan tercantum di halaman utama.
- Jika membangun ulang situs web lebih mudah daripada memperbaiki masalah kecil, 1001site akan menyesuaikan ikon dan pratinjau secara otomatis.
Periksa domain Anda dengan Favicon Checker gratis – dan periksa domain pesaing utama Anda secara bersamaan.
Sumber
- Halaman Pemeriksa Favicon PromoPilot — daftar pemeriksaan dan FAQ.
- Google Search Central - Persyaratan Favicon Hasil Pencarian.
- RealFaviconGenerator — menghasilkan dan menguji serangkaian ikon.
