Telegramă, WhatsApp+380637610482
Valeri Danyuk
Valeri DanyukdezvoltatorDezvoltarea de instrumente de inteligență artificială pentru companii. De înaltă calitate. La prețuri accesibile.Scrie pe Telegram

Verificați online faviconul site-ului dvs. web: ce dimensiuni sunt necesare și de ce Google nu afișează faviconul

Verificați online favicon-ul site-ului dvs. web: pictograme ICO, PNG, SVG și Apple Touch cu dimensiuni și previzualizări

Ce vei primi

  • Listă cu toate pictogramele site-urilor web – ICO, PNG, SVG, Apple Touch Icon – cu dimensiuni și previzualizări, gratuite
  • Setul minim de favicon-uri de care are nevoie un site web în 2026 și codul gata făcut
  • Motive pentru care Google afișează un glob gri în loc de pictograma ta
Aplicați: în 10 minuteSalvează: încredere și recunoaștere în rezultatele căutării și în filele browserului

Pe scurt: pentru a verifica online favicon-ul site-ului dvs. web, introduceți domeniul dvs. în instrumentul gratuit Favicon Checker de la PromoPilot și faceți clic pe „Verificare”. Instrumentul va găsi toate pictogramele declarate în HTML și situate în căi standard precum /favicon.ico, va afișa o previzualizare și dimensiunea fiecăreia, va verifica pictograma Apple Touch și vă va spune ce dimensiuni lipsesc. Mai jos este un set minim de pictograme, codul finalizat și motivele pentru care Google afișează un glob gri în loc de sigla dvs.

Creez site-uri web de 12 ani și știu: favicon-urile sunt uitate mai des decât orice alt element. Designerul creează logo-ul, dezvoltatorul construiește site-ul web și totuși nimeni nu adaugă vreodată un favicon în filă - până când primul client întreabă: „De ce are concurentul nostru un favicon în Google și noi nu?”

Ce verifică Favicon Check?

O pictogramă de site web nu mai este doar un singur fișier favicon.ico. Browserele, iPhone-urile, Android-ul și Google folosesc fișiere și dimensiuni diferite. Acest instrument le agregă pe toate într-un singur raport.

Ce verifică? La ce se uită? De ce are nevoie site-ul de asta?
Pictograme din HTML Toate etichetele <link rel="icon">, shortcut icon, apple-touch-icon Acestea sunt cele pe care browserele și Google le iau în considerare în primul rând
Căi standard /favicon.ico în rădăcina site-ului și alte adrese tipice Multe sisteme caută pictograma acolo chiar și fără o etichetă.
Dimensiunea fiecărei pictograme Lățime și înălțime în pixeli, format ICO, PNG, SVG Pictograma mică este neclară pe ecranele de înaltă definiție.
Pictogramă Apple Touch Există o pictogramă pentru iPhone și iPad? Fără aceasta, o captură de ecran a paginii va apărea pe ecranul principal.
Previzualizare Cum arată fiecare pictogramă găsită? Puteți vedea pictograme rupte, goale sau străine (șablon)
Recomandări Ce dimensiuni lipsesc? O listă gata făcută de sarcini pentru un designer

Cum verific online favicon-ul unui site web?

Verifică-ți favicon-ul în 3 pași: introdu domeniul tău, dă clic pe „Verifică” și examinează pictogramele, dimensiunile și recomandările găsite.

  1. Deschide Verificatorul de faviconuri.
  2. Introduceți domeniul - example.com este suficient, fără a specifica pagina.
  3. Faceți clic pe „Verificare”. Instrumentul va analiza codul HTML al paginii principale și căile standard.
  4. Examinați pictogramele găsite: previzualizarea, formatul și dimensiunea fiecăreia. Verificați dacă printre ele există o pictogramă standard pentru CMS sau găzduire.
  5. Citiți recomandările și furnizați proiectantului dimensiunile lipsă sau realizați-le singur.

Pagina instrumentului: câmpul domeniului, butonul „Verificare” și descrierea verificărilor cu Întrebări frecvente.

Pagina gratuită de verificare a favicon-urilor de la PromoPilot: câmp de domeniu, căutare pentru toate pictogramele și verificare a pictogramelor Apple Touch

Verificarea este ușoară — limita de vizitatori este suficientă pentru a verifica propriul site și site-urile câtorva concurenți pentru comparație. Pictogramele de pe orice site pot fi vizualizate și descărcate — util dacă trebuie să găsiți originalul propriului logo, pierdut împreună cu un vechi antreprenor.

Ce dimensiuni de favicon sunt necesare în 2026?

Generatoarele de pictograme produc adesea 20 de fișiere, dar ceea ce este cu adevărat necesar este un set compact. Iată minimul pe care îl folosesc pentru toate proiectele mele:

Fişier Dimensiune Unde este folosit?
favicon.ico 16×16 și 32×32 într-un singur fișier Browsere vechi, sisteme care caută o pictogramă în rădăcină
favicon.svg Vector Browsere moderne, clare pe orice ecran
apple-touch-icon.png 180×180 Ecranul principal al iPhone-ului și iPad-ului
icon-192.png și icon-512.png 192×192 și 512×512 Manifest web: Android, instalarea unui site web ca aplicație

Și codul pentru <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">

Sfat de design: La 16 pixeli, sigla și textul devin neclare. Folosește un simbol, prima literă a numelui sau un caracter simplificat pe un fundal contrastant. Pentru pictograma Apple Touch, nu folosește un fundal transparent - iOS îl va umple cu negru.

Cum să creezi un favicon singur, fără un designer?

Dacă nu aveți nicio pictogramă, puteți crea un set de bază în jumătate de oră. Iată procedura:

  1. Folosește un simbol, nu întreaga siglă. Folosește prima literă a numelui, un simbol din siglă sau o formă geometrică simplă în culoarea mărcii. Asigură-te că este ușor de recunoscut la 16 pixeli.
  2. Desenează un pătrat de 512x512. Orice editor grafic sau designer online este potrivit. Lasă niște margini în jurul marginilor, astfel încât semnul să nu depășească marginile.
  3. Salvați fișierul sursă ca SVG — acesta va deveni favicon.svg și toate fișierele PNG de dimensiunile necesare pot fi tăiate fără pierderi de calitate.
  4. Generați dimensiunile rămase (ICO, 180, 192) în generatorul de pictograme și plasați fișierele în rădăcina site-ului.
  5. Lipiți codul în head și verificați din nou rezultatul în instrument.

Verifică cum apare pictograma în tema întunecată a browserului: o pictogramă neagră pe un fundal transparent dispare pur și simplu într-o filă Chrome întunecată. Un fundal deschis sau un contur contrastant vor fi de ajutor.

De ce nu afișează Google favicon-ul site-ului?

Cea mai frecventă întrebare: Dacă vedeți un glob gri lângă o adresă în rezultatele căutării, există de obicei mai multe motive:

  1. Pictograma nu este pătrată. Google necesită un raport de aspect de 1:1 și o dimensiune de cel puțin 8x8, dar recomandă o dimensiune mai mare de 48x48: favicon.ico de 16x16, apare neclară în rezultatele căutării.
  2. Pictograma este blocată de roboți. Google - Image trebuie să aibă acces la fișierul pictogramei, iar Google trebuie să aibă acces la fișierul principal. Dacă folderul imaginii este blocat în robots.txt sau fișierul este returnat cu o eroare, pictograma nu va apărea în rezultatele căutării.
  3. Eticheta nu se află pe pagina principală. Google preia favicon-ul de pe pagina principală a domeniului sau a subdomeniului; secțiunea din pagina principală, cum ar fi example.com/shop nu este potrivită.
  4. Adresa pictogramei este instabilă. Dacă calea se schimbă la fiecare construire a site-ului ( /icon.a83f2.png), este posibil ca Google să nu o poată actualiza rapid.
  5. A trecut ceva timp. Google nu actualizează favicon-ul imediat după o remediere; puteți accelera procesul solicitând o rescanare a paginii de pornire în Search Console. Google nu oferă un interval de timp exact, așa că verificați rezultatele cel mai devreme după câteva zile.
  6. Pictograma încalcă regulile. Google înlocuiește imaginile inacceptabile cu o pictogramă standard.

Comparație: Verificator de faviconuri și alternative

Instrument Ce este gratuit? Restricții Pentru cine este potrivit?
PromoPilot - Verificator Favicon Toate pictogramele din HTML și căi standard, dimensiuni, previzualizări, Apple Touch Icon, recomandări Nu creează pictograme, verifică pictograma principală Verificați rapid site-ul dvs. web sau pe cel al unui concurent
Generator de iconuri reale Generarea unui set de pictograme și cod, verificarea favicon-ului Generatorul produce o mulțime de fișiere, trebuie să vă dați seama pe care să le păstrați. Pentru cei care au nevoie să creeze pictograme de la zero
Consola de căutare Google Solicitați rescanarea principală Doar site-ul său verificat, nu verifică pictograma Accelerarea actualizărilor pictogramelor în rezultatele căutării
Instrumente pentru dezvoltatori în browser Filă cu manifest și pictograme Trebuie să știi unde să cauți Pentru dezvoltatori

Concluzie: un instrument online este mai convenabil pentru verificare, un generator pentru crearea unui set și Search Console pentru accelerarea actualizărilor în Google.

Apropo, PromoPilot are 87 de instrumente SEO gratuite. Puteți vedea cu ușurință cum arată favicon-ul lângă titlu în previzualizarea SERP - avem un articol separat despre asta în seria noastră.

Care sunt limitele verificării favicon-ului?

Instrumentul verifică ce promovează și ce returnează site-ul: nu vă va spune când Google actualizează pictograma în rezultatele căutării - acest lucru depinde de motorul de căutare în sine. Dacă pictogramele sunt adăugate de un script după încărcarea paginii, este posibil ca unele să nu fie incluse în raport. Verificarea analizează și domeniul în ansamblu - dacă diferite secțiuni ale site-ului au pictograme diferite (de exemplu, subdomeniul unui magazin), verificați-le separat.

Când nu este suficient un instrument gratuit?

Un site web fără favicon și cu un set complet de pictograme: globul gri al Google versus propria pictogramă și pictograma Apple Touch

Un favicon este o problemă minoră care rareori necesită un specialist. Dar există momente când o problemă minoră este un simptom. Este nevoie de ajutor dacă:

  • Pictograma este corectă, dar Google afișează un glob de luni de zile - asta înseamnă că problema este legată de accesul robotului sau de șablon;
  • brandul nu are un logo simplu și are nevoie de un stil corporativ care să funcționeze pe 16 pixeli;
  • site-ul este compilat folosind un constructor, iar căile către pictograme se schimbă cu fiecare actualizare;
  • Faviconul este doar una dintre zecile de erori minore care s-au acumulat de-a lungul anilor.

Ce pot face pentru site-ul dvs. web?

Sunt Valeriy Danyuk, dezvoltator și specialist SEO cu 12 ani de experiență și peste 200 de clienți. Configurez favicon-uri, previzualizări pentru rețelele sociale și markup pe fiecare site web înainte de lansarea acestuia.

SEO și audit

Site-uri web și magazine online

CRM și automatizare

Trimite-mi adresa site-ului web în Telegram - voi verifica pictogramele și alte cinci sau șase lucruri mărunte care sunt adesea uitate.

Rezultat

  1. Verificatorul de faviconuri găsește toate pictogramele site-ului, dimensiunile lor și arată care lipsesc într-un minut.
  2. Set minim: favicon.ico, favicon.svg, Apple Touch Icon 180×180 și pictogramele 192 și 512 pentru manifestul web.
  3. Pentru Google pictograma trebuie să fie pătrată, mai mare de 48x48, accesibilă robotului și declarată pe pagina principală.
  4. Dacă este mai ușor să reconstruiești un site web decât să remediezi probleme minore, 1001site personalizează automat pictogramele și previzualizările.

Verificați-vă domeniul cu ajutorul instrumentului gratuit Favicon Checker – și verificați în același timp și domeniul principalului competitor.

Surse

  • Pagina de verificare a favicon-urilor PromoPilot — listă de verificări și întrebări frecvente.
  • Cerințe pentru favicon-ul pentru rezultatele căutării - Google Search Central.
  • RealFaviconGenerator — generează și testează un set de pictograme.

Referințe și surse

Întrebări și răspunsuri

De ce are nevoie un site web de un favicon?

O favicon este o pictogramă de site web care apare în filele browserului, în marcaje, în istoric și lângă adresă în rezultatele căutării Google pe telefoane și computere. O favicon face ca un site web să fie recunoscut și îl distinge de alte rezultate ale căutării; fără una, browserul și Google afișează o pictogramă generică.

Ce dimensiuni de favicon sunt necesare?

Minimul practic: favicon.ico (16 și 32 de pixeli într-un singur fișier) sau PNG 32x32 pentru browsere, SVG pentru browsere moderne, Apple Touch Icon 180x180 pentru iPhone și iPad, PNG 192x192 și 512x512 pentru manifestul web pe Android. Pentru Google pictograma trebuie să fie pătrată; se recomandă o dimensiune mai mare de 48x48.

Ce este pictograma Apple Touch?

Aceasta este pictograma pe care o afișează iPhone-urile și iPad-urile atunci când un site web este adăugat pe ecranul principal, precum și în unele marcaje Safari. Dimensiunea standard este un fișier PNG de 180x180 pixeli, fără transparență. Fără transparență, dispozitivul folosește o captură de ecran a paginii la scară redusă.

Am verificat site-ul, dar nu e nimeni care să-l repare?

Acest instrument gratuit identifică problemele. Voi analiza raportul, le voi prioritiza și le voi remedia: audit SEO, accelerare, markup și migrare către un site nou fără pierderi în clasament.