Jawapan ringkas: untuk menyemak favicon laman web anda dalam talian, masukkan domain anda dalam Pemeriksa Favicon percuma PromoPilot dan klik "Semak." Alat ini akan menemui semua ikon yang diisytiharkan dalam HTML dan terletak dalam laluan standard seperti /favicon.ico, memaparkan pratonton dan saiz setiap satu, menyemak Ikon Sentuh Apple dan memberitahu anda saiz yang tiada. Berikut ialah set ikon minimum, kod siap dan sebab mengapa Google memaparkan glob kelabu dan bukannya logo anda.
Saya telah membuat laman web selama 12 tahun, dan saya tahu: favicon lebih kerap dilupakan berbanding elemen lain. Pereka bentuk mencipta logo, pembangun membina laman web, namun tiada siapa yang pernah menambah favicon pada tab—sehinggalah pelanggan pertama bertanya, "Mengapa pesaing kami mempunyai favicon di Google dan kami tidak?"
Apakah yang disemak oleh Semakan Favicon?
Ikon laman web bukan lagi sekadar fail favicon.ico tunggal. Pelayar web, iPhone, Android dan Google semuanya menggunakan fail dan saiz yang berbeza. Alat ini mengumpulkan semuanya ke dalam satu laporan.
| Apa yang diperiksanya? | Apa yang dia sedang lihat? | Mengapa laman web ini memerlukan ini? |
|---|---|---|
| Ikon daripada HTML | Semua tag <link rel="icon">, shortcut icon, apple-touch-icon | Inilah yang menjadi keutamaan pelayar dan Google |
| Laluan standard | /favicon.ico di root tapak dan alamat tipikal lain | Banyak sistem mencari ikon di sana walaupun tanpa tag. |
| Saiz setiap ikon | Lebar dan tinggi dalam piksel, format ICO, PNG, SVG | Ikon kecil itu kabur pada skrin definisi tinggi. |
| Ikon Sentuh Apple | Adakah terdapat ikon untuk iPhone dan iPad? | Tanpanya, tangkapan skrin halaman akan muncul pada Skrin Utama. |
| Pratonton | Apakah rupa setiap ikon yang ditemui? | Anda boleh melihat ikon (templat) yang rosak, kosong atau asing |
| Cadangan | Saiz apa yang tiada? | Senarai tugasan yang telah siap untuk pereka bentuk |
Bagaimana untuk menyemak favicon laman web dalam talian?
- Buka Pemeriksa Favicon.
- Masukkan domain -
example.comsudah memadai, tanpa menentukan halaman. - Klik "Semak." Alat ini akan menganalisis HTML halaman utama dan laluan standard.
- Semak ikon yang ditemui: pratonton, format dan saiz setiap satu. Semak sama ada terdapat ikon CMS atau hosting standard di antaranya.
- Baca cadangan dan berikan dimensi yang hilang kepada pereka atau buat sendiri.
Halaman alat: medan domain, butang "Semak" dan perihalan semakan dengan Soalan Lazim.
Pengesahan adalah mudah—had tetamu sudah cukup untuk menyemak laman web anda sendiri dan beberapa laman web pesaing untuk perbandingan. Ikon daripada mana-mana laman web boleh dilihat dan dimuat turun—berguna jika anda perlu mencari logo asal anda sendiri, yang hilang bersama kontraktor lama.
Apakah saiz favicon yang diperlukan pada tahun 2026?
Penjana ikon selalunya menghasilkan 20 fail, tetapi apa yang benar-benar diperlukan ialah satu set yang padat. Berikut ialah minimum yang saya gunakan untuk semua projek saya:
| Fail | Saiz | Di manakah ia digunakan? |
|---|---|---|
favicon.ico | 16×16 dan 32×32 dalam satu fail | Pelayar lama, sistem yang mencari ikon di root |
favicon.svg | Vektor | Pelayar moden, jelas pada mana-mana skrin |
apple-touch-icon.png | 180×180 | Skrin Utama iPhone dan iPad |
icon-192.png dan icon-512.png | 192×192 dan 512×512 | Manifes web: Android, memasang laman web sebagai aplikasi |
Dan kod 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">
Petua reka bentuk: Pada 16 piksel, logo dan teks menjadi kabur. Gunakan simbol, huruf pertama nama atau aksara ringkas pada latar belakang yang berbeza. Untuk Ikon Apple Touch, jangan gunakan latar belakang lutsinar—iOS akan mengisinya dengan warna hitam.
Bagaimana untuk membuat favicon sendiri, tanpa pereka?
Jika anda langsung tidak mempunyai sebarang ikon, anda boleh mencipta set asas dalam masa setengah jam. Berikut ialah prosedurnya:
- Gunakan simbol, bukan keseluruhan logo. Gunakan huruf pertama nama, simbol daripada logo atau bentuk geometri ringkas dalam warna jenama. Pastikan ia mudah dikenali pada 16 piksel.
- Lukis segi empat sama 512x512. Mana-mana editor grafik atau pereka dalam talian boleh. Tinggalkan sedikit margin di sekeliling tepi supaya papan tanda tidak memasuki sempadan.
- Simpan fail sumber sebagai SVG —ia akan menjadi
favicon.svg, dan semua PNG dengan saiz yang diperlukan boleh dipotong tanpa kehilangan kualiti. - Jana saiz yang tinggal (ICO, 180, 192) dalam penjana ikon dan letakkan fail di root tapak.
- Tampalkan kod tersebut ke dalam kepala dan semak semula hasilnya dalam alat tersebut.
Periksa bagaimana ikon tersebut muncul dalam tema gelap pelayar: ikon hitam pada latar belakang lutsinar akan hilang begitu sahaja dalam tab Chrome yang gelap. Latar belakang yang cerah atau garisan luar yang kontras akan membantu.
Mengapa Google tidak memaparkan favicon tapak tersebut?
Soalan paling kerap ditanya: Jika anda melihat glob kelabu di sebelah alamat dalam hasil carian, biasanya terdapat beberapa sebab:
- Ikonnya tidak berbentuk segi empat sama. Google memerlukan nisbah aspek 1:1 dan saiz sekurang-kurangnya 8x8, tetapi mengesyorkan lebih besar daripada 48x48:
favicon.ico16x16 yang kecil kelihatan kabur dalam hasil carian. - Ikon disekat daripada robot. Google - Imej mesti mempunyai akses kepada fail ikon dan Google mesti mempunyai akses kepada fail utama. Jika folder imej disekat dalam robots.txt atau fail dikembalikan dengan ralat, ikon tidak akan muncul dalam hasil carian.
- Tag tersebut tiada di laman utama. Google mengambil favicon daripada laman utama domain atau subdomain; bahagian laman utama, seperti
example.com/shoptidak sesuai. - Alamat ikon tidak stabil. Jika laluan berubah dengan setiap binaan tapak (
/icon.a83f2.png), Google mungkin tidak dapat mengemas kininya dengan cepat. - Sudah agak lama. Google tidak mengemas kini favicon serta-merta selepas pembetulan; anda boleh mempercepatkannya dengan meminta imbasan semula halaman utama dalam Search Console. Google tidak memberikan jangka masa yang tepat, jadi semak hasilnya seawal beberapa hari kemudian.
- Ikon tersebut melanggar peraturan. Google menggantikan imej yang tidak boleh diterima dengan ikon standard.
Perbandingan: Pemeriksa Favicon dan Alternatifnya
| Alat | Apa yang percuma? | Sekatan | Untuk siapa ia sesuai? |
|---|---|---|---|
| PromoPilot - Pemeriksa Favicon | Semua ikon daripada HTML dan laluan standard, saiz, pratonton, Ikon Sentuh Apple, cadangan | Tidak mencipta ikon, menyemak ikon utama | Semak laman web anda atau pesaing dengan cepat |
| PenjanaFaviconSebenar | Menjana satu set ikon dan kod, menyemak favicon | Penjana menghasilkan banyak fail, anda perlu memikirkan yang mana hendak disimpan | Bagi mereka yang perlu membuat ikon dari awal |
| Konsol Carian Google | Minta imbasan semula fail utama | Hanya tapak yang disahkan, tidak menyemak ikon | Mempercepatkan kemas kini ikon dalam hasil carian |
| Alatan pembangun dalam pelayar | Tab dengan manifes dan ikon | Anda perlu tahu di mana hendak mencari | Untuk pembangun |
Kesimpulan: alat dalam talian lebih mudah untuk disemak, penjana untuk membuat satu set dan Konsol Carian untuk mempercepatkan kemas kini dalam Google.
Ngomong-ngomong, PromoPilot mempunyai 87 alat SEO percuma. Anda boleh melihat rupa favicon di sebelah tajuk dalam pratonton SERP dengan mudah—kami mempunyai artikel berasingan mengenainya dalam siri kami.
Apakah batasan pengesahan favicon?
Alat ini menyemak apa yang diiklankan dan dikembalikan oleh tapak: ia tidak akan memberitahu anda bila Google mengemas kini ikon dalam hasil carian—itu terpulang kepada enjin carian itu sendiri. Jika ikon ditambah oleh skrip selepas halaman dimuatkan, sebahagiannya mungkin tidak disertakan dalam laporan. Semakan ini juga melihat domain secara keseluruhan—jika bahagian tapak yang berbeza mempunyai ikon yang berbeza (contohnya, subdomain kedai), semaknya secara berasingan.
Bilakah alat percuma tidak mencukupi?
Favicon merupakan isu kecil yang jarang memerlukan pakar. Tetapi ada kalanya isu kecil merupakan satu gejala. Bantuan diperlukan jika:
- ikonnya betul, tetapi Google telah menunjukkan glob selama berbulan-bulan - ini bermakna masalahnya adalah dengan akses robot atau templat;
- jenama itu tidak mempunyai logo yang ringkas dan memerlukan gaya korporat yang berfungsi pada 16 piksel;
- laman web ini dikompilasi menggunakan pembina, dan laluan ke ikon berubah dengan setiap kemas kini;
- Favicon hanyalah salah satu daripada berpuluh-puluh ralat kecil yang telah terkumpul selama ini.
Apa yang boleh saya lakukan untuk laman web anda?
Saya Valeriy Danyuk, seorang pembangun dan pakar SEO dengan pengalaman 12 tahun dan lebih 200 pelanggan. Saya menyediakan favicon, pratonton media sosial dan markup pada setiap laman web sebelum ia dilancarkan.
SEO dan audit
- Audit SEO laman web siap guna: Saya menemui semua butiran teknikal—daripada favicon dan pratonton hingga pengindeksan dan kelajuan—dan membetulkannya dalam kod.
Laman web dan kedai dalam talian
- Cipta laman web dalam gaya laman web orang lain dalam beberapa minit —di 1001site, ikon, pratonton dan susun atur dikonfigurasikan secara automatik.
- Tilda dengan yuran langganan atau laman web dengan AI —perbandingan pendekatan yang jujur.
- Berapakah kos laman web siap guna pada tahun 2026? Apakah faktor yang menentukan harganya?
- Laman web WordPress dengan pembantu AI untuk €299 dan 3 hari.
CRM dan automasi
- Sistem CRM tersuai dengan pangkalan data pelanggan dan pembuat keputusan untuk sebuah syarikat dari Slovakia.
- CRM untuk syarikat pembongkaran kereta yang mengira harga dan mencetak invois secara automatik.
Hantarkan saya alamat laman web di Telegram - saya akan semak ikon dan lima atau enam perkara kecil lain yang sering dilupakan.
Keputusan
- Pemeriksa Favicon mencari semua ikon tapak, saiznya dan menunjukkan ikon yang hilang dalam satu minit.
- Set minimum: favicon.ico, favicon.svg, Ikon Sentuh Apple 180×180 dan ikon 192 dan 512 untuk manifes web.
- Untuk Google ikon mestilah berbentuk segi empat sama, lebih besar daripada 48x48, boleh diakses oleh robot dan diisytiharkan di halaman utama.
- Jika lebih mudah untuk membina semula laman web daripada menyelesaikan masalah kecil, 1001site menyesuaikan ikon dan pratonton secara automatik.
Semak domain anda dengan Pemeriksa Favicon percuma – dan semak domain pesaing utama anda pada masa yang sama.
Sumber
- Halaman Pemeriksa Favicon PromoPilot — senarai semakan dan Soalan Lazim.
- Pusat Carian Google - Keperluan Favicon Keputusan Carian.
- RealFaviconGenerator — menjana dan menguji satu set ikon.
