La resposta curta: per comprovar la icona de favicon del vostre lloc web en línia, introduïu el vostre domini al verificador de favicons gratuït de PromoPilot i feu clic a "Comprova". L'eina trobarà totes les icones declarades en HTML i ubicades en rutes estàndard com ara /favicon.ico, mostrarà una vista prèvia i una mida de cadascuna, comprovarà la icona d'Apple Touch i us indicarà quines mides falten. A continuació es mostra un conjunt mínim d'icones, el codi acabat i els motius pels quals Google mostra un globus terraqüi gris en lloc del vostre logotip.
Porto 12 anys fent llocs web i ho sé: les favicons s'obliden més sovint que qualsevol altre element. El dissenyador crea el logotip, el desenvolupador construeix el lloc web i, tanmateix, ningú afegeix mai una favicon a la pestanya, fins que el primer client pregunta: "Per què el nostre competidor té una favicon a Google i nosaltres no?"
Què comprova Favicon Check?
Una icona de lloc web ja no és només un únic fitxer favicon.ico. Els navegadors, l'iPhone, l'Android i Google utilitzen fitxers i mides diferents. Aquesta eina els agrega tots en un sol informe.
| Què comprova? | Què està mirant? | Per què el lloc necessita això? |
|---|---|---|
| Icones d'HTML | Totes les etiquetes <link rel="icon">, shortcut icon, apple-touch-icon | Són aquests els que els navegadors i Google prenen en primer lloc |
| Camins estàndard | /favicon.ico a l'arrel del lloc web i altres adreces típiques | Molts sistemes busquen la icona allà fins i tot sense etiqueta. |
| La mida de cada icona | Amplada i alçada en píxels, format ICO, PNG, SVG | La icona petita es veu borrosa a les pantalles d'alta definició. |
| Icona tàctil d'Apple | Hi ha alguna icona per a iPhone i iPad? | Sense això, apareixerà una captura de pantalla de la pàgina a la pantalla d'inici. |
| Vista prèvia | Quin aspecte té cada icona trobada? | Podeu veure icones trencades, buides o estranyes (de plantilla) |
| Recomanacions | Quines mides falten? | Una llista de tasques ja feta per a un dissenyador |
Com puc consultar el favicon d'un lloc web en línia?
- Obre el verificador de favicons.
- Introduïu el domini:
example.comés suficient, sense especificar la pàgina. - Feu clic a "Comprova". L'eina analitzarà l'HTML de la pàgina d'inici i els camins estàndard.
- Reviseu les icones trobades: vista prèvia, format i mida de cadascuna. Comproveu si hi ha una icona estàndard de CMS o allotjament entre elles.
- Llegeix les recomanacions i proporciona les dimensions que falten al dissenyador o fes-les tu mateix.
Pàgina d'eines: camp de domini, botó "Comprova" i descripció de les comprovacions amb preguntes freqüents.
La verificació és fàcil: el límit de convidats és suficient per consultar el vostre propi lloc web i els llocs web d'un parell de competidors per comparar-los. Es poden visualitzar i descarregar icones de qualsevol lloc web, cosa que és útil si necessiteu trobar l'original del vostre logotip, perdut juntament amb un antic contractista.
Quines mides de favicon es necessiten el 2026?
Els generadors d'icones sovint produeixen 20 fitxers, però el que realment es necessita és un conjunt compacte. Aquí teniu el mínim que utilitzo per a tots els meus projectes:
| Fitxer | Mida | On s'utilitza? |
|---|---|---|
favicon.ico | 16×16 i 32×32 en un sol fitxer | Navegadors antics, sistemes que busquen una icona a l'arrel |
favicon.svg | Vector | Navegadors moderns, clars en qualsevol pantalla |
apple-touch-icon.png | 180 × 180 | Pantalla d'inici de l'iPhone i l'iPad |
icon-192.png i icon-512.png | 192×192 i 512×512 | Manifest web: Android, instal·lació d'un lloc web com a aplicació |
I el codi per a <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">
Consell de disseny: amb 16 píxels, el logotip i el text es tornen borrosos. Feu servir un símbol, la primera lletra del nom o un caràcter simplificat sobre un fons contrastat. Per a la icona d'Apple Touch, no feu servir un fons transparent: iOS l'omplirà de negre.
Com fer un favicon tu mateix, sense un dissenyador?
Si no teniu cap icona, podeu crear un conjunt bàsic en mitja hora. Aquí teniu el procediment:
- Feu servir un símbol, no tot el logotip. Feu servir la primera lletra del nom, un símbol del logotip o una forma geomètrica simple amb el color de la marca. Assegureu-vos que sigui recognoscible amb 16 píxels.
- Dibuixa un quadrat de 512 x 512. Qualsevol editor gràfic o dissenyador en línia servirà. Deixa alguns marges a les vores perquè el rètol no sobresurti dels marges.
- Desa el fitxer font com a SVG —esdevindrà
favicon.svgi tots els PNG de les mides necessàries es podran tallar sense pèrdua de qualitat. - Genera les mides restants (ICO, 180, 192) al generador d'icones i col·loca els fitxers a l'arrel del lloc.
- Enganxa el codi a la capçalera i torna a comprovar el resultat a l'eina.
Comproveu com apareix la icona al tema fosc del navegador: una icona negra sobre un fons transparent simplement desapareix en una pestanya fosca de Chrome. Un fons clar o un contorn contrastant ajudaran.
Per què Google no mostra el favicon del lloc web?
La pregunta més freqüent: si veieu un globus gris al costat d'una adreça als resultats de la cerca, normalment hi ha diversos motius:
- La icona no és quadrada. Google requereix una relació d'aspecte d'1:1 i una mida de com a mínim 8x8, però recomana una mida superior a 48x48: la petita
favicon.icode 16x16 es veu borrosa als resultats de la cerca. - La icona està bloquejada per als robots. Google - Image ha de tenir accés al fitxer d'icona i Google ha de tenir accés al fitxer principal. Si la carpeta d'imatges està bloquejada a robots.txt o el fitxer es retorna amb un error, la icona no apareixerà als resultats de la cerca.
- L'etiqueta no és a la pàgina d'inici. Google pren la icona de favicon de la pàgina d'inici del domini o subdomini; la secció de la pàgina d'inici, com ara
example.com/shopno és adequada. - L'adreça de la icona és inestable. Si la ruta canvia amb cada compilació del lloc web (
/icon.a83f2.png), és possible que Google no pugui actualitzar-la ràpidament. - Ha passat temps. Google no actualitza la icona de favicon immediatament després d'una correcció; podeu accelerar-ho sol·licitant una nova anàlisi de la pàgina d'inici a Search Console. Google no proporciona un termini exacte, així que consulteu els resultats com a mínim uns dies després.
- La icona infringeix les normes. Google substitueix les imatges inacceptables per una icona estàndard.
Comparació: Verificador de favicons i alternatives
| Eina | Què és gratuït? | Restriccions | Per a qui és adequat? |
|---|---|---|---|
| PromoPilot - Verificador de favicons | Totes les icones d'HTML i camins estàndard, mides, previsualitzacions, Apple Touch Icon, recomanacions | No crea icones, comprova la principal | Consulteu ràpidament el vostre lloc web o el d'un competidor |
| Generador de icones de favicons reals | Generant un conjunt d'icones i codi, comprovant la favicon | El generador produeix molts fitxers, cal esbrinar quins cal conservar. | Per a aquells que necessiten fer icones des de zero |
| Consola de cerca Google | Sol·licita una nova exploració del contingut principal | Només el seu lloc web verificat, no comprova la icona | Accelerar les actualitzacions d'icones als resultats de cerca |
| Eines de desenvolupador al navegador | Pestanya amb manifest i icones | Cal saber on mirar | Per a desenvolupadors |
Conclusió: una eina en línia és més convenient per comprovar, un generador per crear un conjunt i Search Console per accelerar les actualitzacions a Google.
Per cert, PromoPilot té 87 eines de SEO gratuïtes. Podeu veure fàcilment com es veu la icona de favicon al costat del títol a la vista prèvia de les SERP; tenim un article separat sobre això a la nostra sèrie.
Quines són les limitacions de la verificació de favicons?
L'eina comprova què anuncia i retorna el lloc web: no us dirà quan Google actualitza la icona als resultats de la cerca; això depèn del propi motor de cerca. Si un script afegeix icones després que la pàgina es carregui, és possible que algunes no s'incloguin a l'informe. La comprovació també examina el domini en conjunt; si les diferents seccions del lloc web tenen icones diferents (per exemple, un subdomini de botiga), comproveu-les per separat.
Quan no n'hi ha prou amb una eina gratuïta?
Una icona de favicon és un problema menor que poques vegades requereix un especialista. Però hi ha vegades que un problema menor és un símptoma. Cal ajuda si:
- La icona és correcta, però Google ha estat mostrant un globus terraqüi durant mesos; això vol dir que el problema és amb l'accés del robot o amb la plantilla;
- la marca no té un logotip simple i necessita un estil corporatiu que funcioni en 16 píxels;
- el lloc web es compila mitjançant un constructor i les rutes a les icones canvien amb cada actualització;
- El favicon és només un dels molts errors menors que s'han acumulat al llarg dels anys.
Què puc fer pel vostre lloc web?
Sóc en Valeriy Danyuk, desenvolupador i especialista en SEO amb 12 anys d'experiència i més de 200 clients. Configuro favicons, previsualitzacions per a xarxes socials i marcatge a cada lloc web abans del seu llançament.
SEO i auditoria
- Auditoria SEO de llocs web clau en mà: trobo tots els detalls tècnics, des de la icona de favicon i les previsualitzacions fins a la indexació i la velocitat, i els corregeixo al codi.
Llocs web i botigues en línia
- Crea un lloc web a l'estil del lloc web d'una altra persona en qüestió de minuts: a 1001site, les icones, les previsualitzacions i el disseny es configuren automàticament.
- Tilda amb una quota de subscripció o un lloc web amb IA: una comparació honesta d'enfocaments.
- Quant costa un lloc web clau en mà el 2026? Quins són els factors que determinen el preu?
- Lloc web WordPress amb assistent d'IA per 299 € i 3 dies.
CRM i automatització
- Un sistema CRM personalitzat amb una base de dades de clients i responsables de la presa de decisions per a una empresa d'Eslovàquia.
- Un CRM per a una empresa de desballestament de vehicles que calcula preus i imprimeix factures automàticament.
Envia'm l'adreça del lloc web a Telegram; revisaré les icones i cinc o sis altres petites coses que sovint s'obliden.
Resultat
- El verificador de favicons troba totes les icones del lloc, les seves mides i mostra quines falten en un minut.
- Conjunt mínim: favicon.ico, favicon.svg, icona Apple Touch de 180×180 i icones 192 i 512 per al manifest web.
- Per a Google la icona ha de ser quadrada, més gran de 48x48, accessible per al robot i declarada a la pàgina principal.
- Si és més fàcil reconstruir un lloc web que solucionar problemes menors, 1001site personalitza les icones i les previsualitzacions automàticament.
Comprova el teu domini amb el verificador de Favicons gratuït i, alhora, comprova el domini del teu principal competidor.
Fonts
- Pàgina del verificador de favicons de PromoPilot: llista de comprovacions i preguntes freqüents.
- Requisits de la icona de favicon dels resultats de la cerca Google Central.
- RealFaviconGenerator: genera i prova un conjunt d'icones.
