Ringkasan
Ekstraktor favicon mengambil halaman web mana pun dan mendaftar setiap ikon yang dideklarasikannya: tautan rel="icon" dan Apple touch icon di HTML, ikon dari web app manifest, serta file bawaan /favicon.ico. Setiap ikon dilengkapi ukuran yang dideklarasikan, format, asal, dan tombol unduh, diurutkan dari yang terbesar ke yang terkecil, ditambah tag HTML untuk dipakai ulang dan pratinjau di tab browser serta hasil pencarian. Gunakan untuk mengaudit situs Anda sendiri, mencari penyebab favicon yang hilang, atau mengumpulkan ikon merek untuk sebuah direktori.
Ingin tahu lebih banyak? Tanyakan kepada
Sebuah ekstraktor favicon menunjukkan apa yang sebenarnya dipublikasikan sebuah situs sebagai ikon, yang sering kali berbeda dari dugaan pemiliknya. Desain ulang meninggalkan favicon.ico lama di root, sebuah tema hanya mendeklarasikan ikon 16 piksel, manifest mengarah ke file yang sudah dihapus. Detail ini penting karena favicon ikut tampil di mana-mana: Google dapat menampilkannya di samping nama situs Anda di hasil pencarian, selama bentuknya persegi, berukuran minimal 8x8 piksel dan idealnya lebih besar dari 48x48, serta dapat dicrawl (Google Search Central, favicon di hasil pencarian).
Bagaimana cara kerja ekstraktor favicon?
Tempelkan URL sebuah halaman, selesaikan pengecekan anti-bot, lalu jalankan ekstraksi. Alat ini mengunduh halaman seperti yang dilakukan crawler, mengikuti pengalihan, dan membaca tiga sumber.
| Sumber | Yang dibaca alat | Label di hasil |
|---|---|---|
| Head HTML | Setiap <link> yang atribut rel-nya berisi "icon": icon, shortcut icon, apple-touch-icon beserta variannya, lengkap dengan ukuran dan tipe | html |
| Web app manifest | File yang ditautkan oleh rel="manifest" dan setiap entri dalam daftar icons-nya | manifest |
| Lokasi bawaan | /favicon.ico di root domain, hanya disimpan jika server menjawab dengan gambar | fallback |
Path relatif diubah menjadi URL lengkap, duplikat dihapus, dan ikon yang disematkan sebagai data URI dilewati. Hasilnya kemudian menampilkan:
- Sebuah ringkasan berisi domain, jumlah favicon yang ditemukan, lencana "Manifest terdeteksi" jika ada, dan ikon terbesar.
- Daftar ikon, dari ukuran deklarasi terbesar ke terkecil, masing-masing dengan tipe, nilai rel, label sumber, dan tombol unduh.
- Kode HTML setiap ikon sebagai tag link, siap disalin.
- Pratinjau ikon kecil di tab browser dan di samping hasil bergaya pencarian.
Versi gratis mengizinkan tiga kali ekstraksi per hari.
Bagaimana cara mengaudit favicon Anda sendiri dengan ekstraktor ini?
Jalankan ekstraktor pada beranda Anda terlebih dahulu, karena Google membaca favicon dari beranda setiap hostname, lalu pada satu halaman dalam untuk setiap template. Setelah itu periksa empat hal.
- Apakah ada ikon berukuran 48 piksel atau lebih? Lihat bagian atas daftar. Jika ukuran terbesar yang dideklarasikan adalah 16x16 atau 32x32, Google dan layar beresolusi tinggi harus memperbesarnya.
- Apakah ukurannya nyata? Alat ini menampilkan ukuran yang dideklarasikan di tag atau manifest, bukan ukuran file sebenarnya. Unduh ikon terbesar dan periksa dimensinya. Tag yang menyebut 192x192 untuk file 32 piksel adalah sisa lama yang umum ditemui.
- Apakah setiap file berhasil dimuat? Klik setiap tautan unduh. Error 404 pada ikon manifest merusak ikon layar utama di Android; error 404 pada ikon utama menyisakan kotak kosong.
- Apakah set ikonnya lengkap? Anda membutuhkan setidaknya satu ikon PNG atau ICO untuk browser, Apple touch icon 180x180, dan sepasang ukuran 192 dan 512 di manifest; web.dev mencatat bahwa Chromium membutuhkan kedua ukuran manifest tersebut (web.dev, menambahkan web app manifest).
Jika ada yang kurang, generator favicon membuat enam ukuran standar beserta tag-nya dari satu gambar persegi.
Mengapa Google menampilkan favicon yang salah atau tidak menampilkan sama sekali?
Sebagian besar kasus berasal dari segelintir penyebab. Ekstraktor membantu Anda memastikan penyebab mana yang berlaku.
| Yang Anda lihat | Kemungkinan penyebab | Yang dicek di hasil ekstraksi |
|---|---|---|
| Ikon globe generik, bukan ikon Anda | Tidak ada ikon yang dideklarasikan di beranda, atau file tidak dapat dicrawl | Nol favicon ditemukan, atau hanya fallback; lalu uji file tersebut terhadap robots.txt Anda |
| Logo lama | Ikon sebelumnya masih dideklarasikan atau masih ada di /favicon.ico | Beberapa ikon dengan desain berbeda di dalam daftar |
| Ikon buram | Hanya tersedia ikon kecil | Ukuran terbesar yang dideklarasikan di bawah 48x48 |
| Ikon melar atau terpotong | File yang tidak persegi | Unduh file terbesar dan periksa lebar serta tingginya |
| Ikon berbeda di subdomain | Setiap hostname memiliki favicon sendiri di Google | Jalankan ekstraktor pada beranda setiap subdomain |
Google menambahkan dua aturan yang perlu diingat: URL favicon harus stabil, dan Googlebot-Image harus diizinkan mengcrawl file tersebut. Pemeriksa robots.txt menunjukkan apakah ada aturan yang memblokirnya. Setelah perbaikan, Google perlu mengcrawl ulang beranda, yang bisa memakan waktu beberapa hari hingga beberapa minggu.
Daftar ini juga menampilkan ikon SVG, yang dideklarasikan dengan tipe image/svg+xml. Ikon ini diskalakan dengan mulus di browser modern, tetapi Google Search mencantumkan BMP, GIF, ICO, PNG, JPEG, PPM, dan TIFF sebagai format favicon yang didukungnya, jadi sediakan versi PNG atau ICO di samping ikon SVG.
Apa lagi kegunaan ekstraktor favicon?
Selain untuk situs Anda sendiri, ekstraksi menghemat waktu setiap kali Anda membutuhkan ikon merek yang bersih dalam ukuran yang tepat.
- Tinjauan kompetitor. Lihat bagaimana kompetitor membangun merek lewat tab dan ikon layar utama mereka, serta apakah mereka menerbitkan manifest yang lengkap.
- Direktori dan halaman perbandingan. Kumpulkan ikon setiap perusahaan yang terdaftar dalam ukuran terbesar yang tersedia, bukan tangkapan layar.
- Pratinjau tautan dan dasbor. Tampilkan ikon yang mudah dikenali di samping tautan dalam alat internal atau laporan.
- Pengecekan migrasi. Sebelum dan sesudah memindahkan situs, pastikan ikon yang sama dideklarasikan di URL yang sama.
Ketika beberapa ikon dideklarasikan, browser memilih berdasarkan atribut type dan sizes dan beralih ke ikon berikutnya jika sebuah file gagal dimuat (MDN, tipe link). Urutan di ekstraktor mengikuti ukuran yang dideklarasikan, yang tidak selalu sama dengan urutan yang dipakai browser, jadi ujilah di browser yang penting bagi Anda.
Bolehkah memakai ulang favicon hasil ekstraksi?
Untuk audit, perbandingan, dan rujukan ke sebuah merek, boleh. Sebagai ikon Anda sendiri, tidak. Favicon biasanya adalah logo, dan merek dagang dapat berupa kata, frasa, simbol, atau desain apa pun yang mengidentifikasi barang atau jasa (USPTO, apa itu merek dagang). Menampilkan ikon sebuah perusahaan di samping namanya dalam direktori mengidentifikasi perusahaan itu; memakainya untuk mewakili situs Anda sendiri menyesatkan pengunjung. Jika ragu, tanyakan kepada pemilik merek.
Apa saja batasan ekstraksi ini?
- Ukuran bersifat deklaratif, bukan terukur. Alat ini melaporkan apa yang tertulis di tag atau manifest.
- Tanpa rendering JavaScript. Ikon yang disisipkan oleh script setelah halaman dimuat tidak terlihat.
- Fallback diasumsikan berukuran 16x16. File /favicon.ico dapat berisi beberapa ukuran; unduh untuk melihatnya.
- Satu halaman setiap kali. Ikon yang hanya dideklarasikan pada sebagian template baru muncul jika Anda mengekstrak halaman-halaman tersebut.
Favicon adalah bagian dari cara merek Anda tampil, di hasil Google maupun di daftar sumber asisten AI. Untuk mengetahui apakah merek Anda disebut dalam jawaban-jawaban itu, pelacakan sebutan AI memeriksanya setiap minggu, dan dasbor GEO / SEO memantau klik Google Anda berdampingan dengan visibilitas AI Anda.
Periksa apa yang sebenarnya dipublikasikan situs Anda sebelum mendesain ulang atau men-debug-nya. Ekstrak ikon Anda di atas, lalu lihat paket Sorank untuk menumbuhkan visibilitas merek di balik ikon tersebut, secara autopilot.
