A resposta curta: para comprobar o favicon do teu sitio web en liña, introduce o teu dominio no comprobador de favicons gratuíto de PromoPilot e fai clic en "Comprobar". A ferramenta atopará todas as iconas declaradas en HTML e situadas en rutas estándar como /favicon.ico, mostrará unha vista previa e o tamaño de cada unha, comprobará a icona de Apple Touch e indicarache cales tamaños faltan. A continuación móstrase un conxunto mínimo de iconas, o código final e os motivos polos que Google mostra un globo terráqueo gris en lugar do teu logotipo.
Levo 12 anos facendo sitios web e sei que os favicons esquécense máis a miúdo que calquera outro elemento. O deseñador crea o logotipo, o desenvolvedor constrúe o sitio web e, con todo, ninguén engade nunca un favicon á lapela, ata que o primeiro cliente pregunta: "Por que o noso competidor ten un favicon en Google e nós non?".
Que comproba a comprobación de favicon?
Unha icona de sitio web xa non é só un único ficheiro favicon.ico. Os navegadores, o iPhone, Android e Google usan ficheiros e tamaños diferentes. Esta ferramenta agrúpaos todos nun único informe.
| Que comproba? | Que está mirando? | Por que precisa isto o sitio? |
|---|---|---|
| Iconas de HTML | Todas as etiquetas <link rel="icon">, shortcut icon, apple-touch-icon | Son estes os que os navegadores e Google toman en primeiro lugar |
| Camiños estándar | /favicon.ico na raíz do sitio e outros enderezos típicos | Moitos sistemas buscan a icona alí mesmo sen etiqueta. |
| O tamaño de cada icona | Largura e altura en píxeles, formato ICO, PNG, SVG | A icona pequena vese borrosa nas pantallas de alta definición. |
| Icona táctil de Apple | Hai algunha icona para iPhone e iPad? | Sen ela, aparecerá unha captura de pantalla da páxina na pantalla de inicio. |
| Vista previa | Que aspecto ten cada icona atopada? | Podes ver iconas rotas, baleiras ou alleas (de modelo) |
| Recomendacións | Que tamaños faltan? | Unha lista xa feita de tarefas para un deseñador |
Como consultar o favicon dun sitio web en liña?
- Abrir o comprobador de iconas de favicon.
- Introduza o dominio (
example.comé suficiente, sen especificar a páxina). - Fai clic en "Comprobar". A ferramenta analizará o HTML da páxina de inicio e as rutas estándar.
- Revisa as iconas atopadas: vista previa, formato e tamaño de cada unha. Comproba se hai unha icona estándar de CMS ou aloxamento entre elas.
- Lea as recomendacións e proporcione as dimensións que faltan ao deseñador ou fagaas vostede mesmo.
Páxina de ferramentas: campo de dominio, botón "Comprobar" e descrición das comprobacións con preguntas frecuentes.
A verificación é sinxela: o límite de convidados é suficiente para consultar o teu propio sitio web e os sitios web dalgúns competidores para comparalos. Pódense ver e descargar iconas de calquera sitio web, o que resulta útil se necesitas atopar o orixinal do teu logotipo, perdido xunto cun antigo contratista.
Que tamaños de favicon se necesitan en 2026?
Os xeradores de iconas adoitan producir 20 ficheiros, pero o que realmente se necesita é un conxunto compacto. Aquí tes o mínimo que uso para todos os meus proxectos:
| Ficheiro | Tamaño | Onde se usa? |
|---|---|---|
favicon.ico | 16×16 e 32×32 nun só arquivo | Navegadores antigos, sistemas que buscan unha icona na raíz |
favicon.svg | Vector | Navegadores modernos, claros en calquera pantalla |
apple-touch-icon.png | 180×180 | Pantalla de inicio do iPhone e do iPad |
icon-192.png e icon-512.png | 192×192 e 512×512 | Manifesto web: Android, instalación dun sitio web como aplicación |
E o código para <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">
Consello de deseño: con 16 píxeles, o logotipo e o texto vólvense borrosos. Usa un símbolo, a primeira letra do nome ou un carácter simplificado sobre un fondo que contraste. Para a icona de Apple Touch, non uses un fondo transparente: iOS encheráo de negro.
Como facer un favicon ti mesmo, sen un deseñador?
Se non tes ningunha icona, podes crear un conxunto básico en media hora. Este é o procedemento:
- Usa un símbolo, non o logotipo enteiro. Usa a primeira letra do nome, un símbolo do logotipo ou unha forma xeométrica simple na cor da marca. Asegúrate de que sexa recoñecible con 16 píxeles.
- Debuxa un cadrado de 512x512. Calquera editor gráfico ou deseñador en liña servirá. Deixa algunhas marxes arredor dos bordos para que o letreiro non chegue aos bordos.
- Garda o ficheiro fonte como SVG: converterase
favicon.svge todos os PNG dos tamaños requiridos pódense cortar sen perda de calidade. - Xerar os tamaños restantes (ICO, 180, 192) no xerador de iconas e colocar os ficheiros na raíz do sitio.
- Pega o código na cabeceira e comproba de novo o resultado na ferramenta.
Comproba como aparece a icona no tema escuro do navegador: unha icona negra sobre un fondo transparente simplemente desaparece nunha lapela escura de Chrome. Un fondo claro ou un contorno contrastante axudarán.
Por que Google non mostra o favicon do sitio?
A pregunta máis frecuente: Se ves un globo terráqueo gris xunto a un enderezo nos resultados da busca, adoita haber varias razóns:
- A icona non é cadrada. Google require unha relación de aspecto de 1:1 e un tamaño de polo menos 8x8, pero recomenda un tamaño maior de 48x48: a pequena
favicon.icode 16x16 aparece borrosa nos resultados de busca. - A icona está bloqueada para robots. Google - Image debe ter acceso ao ficheiro da icona e Google debe ter acceso ao ficheiro principal. Se o cartafol da imaxe está bloqueado en robots.txt ou o ficheiro devolve un erro, a icona non aparecerá nos resultados da busca.
- A etiqueta non está na páxina de inicio. Google toma o favicon da páxina de inicio do dominio ou subdominio; a sección da páxina de inicio, como
example.com/shopnon é axeitada. - O enderezo da icona é inestable. Se a ruta cambia con cada compilación do sitio (
/icon.a83f2.png), pode que Google non poida actualizala rapidamente. - Xa pasou un tempo. Google non actualiza o favicon inmediatamente despois dunha corrección; podes acelerar o proceso solicitando unha nova análise da páxina de inicio en Search Console. Google non proporciona un prazo exacto, polo que non debes consultar os resultados antes duns días.
- A icona infrinxe as regras. Google substitúe as imaxes inaceptables por unha icona estándar.
Comparación: Verificador de favicons e alternativas
| Ferramenta | Que é gratis? | Restricións | Para quen é axeitado? |
|---|---|---|---|
| PromoPilot - Verificador de iconas de favoritos | Todas as iconas de HTML e rutas estándar, tamaños, vistas previas, Apple Touch Icon, recomendacións | Non crea iconas, comproba a principal | Consulta rapidamente o teu sitio web ou o dun competidor |
| Xerador de iconas de favicons reais | Xerando un conxunto de iconas e código, comprobando o favicon | O xerador produce moitos ficheiros, necesitas descubrir cales gardar | Para aqueles que precisan facer iconas desde cero |
| Consola de busca Google | Solicitar unha nova dixitalización da información principal | Só o seu sitio verificado, non comproba a icona | Acelerar as actualizacións das iconas nos resultados de busca |
| Ferramentas para desenvolvedores no navegador | Pestana con manifesto e iconas | Necesitas saber onde buscar | Para desenvolvedores |
Conclusión: unha ferramenta en liña é máis cómoda para comprobar, un xerador para crear un conxunto e Search Console para acelerar as actualizacións en Google.
Por certo, PromoPilot ten 87 ferramentas de SEO gratuítas. Podes ver facilmente como se ve o favicon xunto ao título na vista previa das SERP; temos un artigo separado sobre iso na nosa serie.
Cales son as limitacións da verificación de favicon?
A ferramenta comproba o que anuncia e devolve o sitio: non che dirá cando Google actualiza a icona nos resultados de busca; iso depende do propio motor de busca. Se un script engade iconas despois de que se cargue a páxina, é posible que algunhas non se inclúan no informe. A comprobación tamén analiza o dominio no seu conxunto: se as diferentes seccións do sitio teñen iconas diferentes (por exemplo, o subdominio dunha tenda), verifícaas por separado.
Cando non abonda cunha ferramenta gratuíta?
Un favicon é un problema menor que raramente require un especialista. Pero hai momentos nos que un problema menor é un síntoma. Necesítase axuda se:
- a icona é correcta, pero Google leva meses mostrando un globo terráqueo; isto significa que o problema está no acceso do robot ou no modelo;
- a marca non ten un logotipo sinxelo e precisa un estilo corporativo que funcione en 16 píxeles;
- o sitio compílase usando un creador e as rutas ás iconas cambian con cada actualización;
- O favicon é só un das ducias de erros menores que se acumularon ao longo dos anos.
Que podo facer polo teu sitio web?
Son Valeriy Danyuk, desenvolvedor e especialista en SEO con 12 anos de experiencia e máis de 200 clientes. Configuro favicons, vistas previas para redes sociais e etiquetas en cada sitio web antes do seu lanzamento.
SEO e auditoría
- Auditoría SEO de sitios web chave en man: atopo todos os detalles técnicos, desde a icona de favoritos e as vistas previas ata a indexación e a velocidade, e corríxoos no código.
Sitios web e tendas en liña
- Crea un sitio web ao estilo do sitio web doutra persoa en minutos: en 1001site, as iconas, as vistas previas e o deseño configúranse automaticamente.
- Tilda cunha cota de subscrición ou un sitio web con IA: unha comparación honesta de enfoques.
- Canto custa un sitio web listo para usar en 2026? Cales son os factores que determinan o prezo?
- Sitio web WordPress con asistente de IA por 299 € e 3 días.
CRM e automatización
- Un sistema CRM personalizado cunha base de datos de clientes e responsables da toma de decisións para unha empresa de Eslovaquia.
- Un CRM para unha empresa de desguace de automóbiles que calcula prezos e imprime facturas automaticamente.
Mándame o enderezo do sitio web en Telegram. Revisarei as iconas e cinco ou seis outras cousiñas que a miúdo se esquecen.
Resultado
- O comprobador de iconas de favicon atopa todas as iconas do sitio, os seus tamaños e mostra cales faltan nun minuto.
- Conxunto mínimo: favicon.ico, favicon.svg, icona de Apple Touch de 180×180 e iconas 192 e 512 para o manifesto web.
- Para Google a icona debe ser cadrada, maior de 48x48, accesible para o robot e declarada na páxina principal.
- Se é máis doado reconstruír un sitio web que arranxar problemas menores, 1001site personaliza as iconas e as vistas previas automaticamente.
Comproba o teu dominio co comprobador de favicons gratuíto e, ao mesmo tempo, comproba o dominio do teu principal competidor.
Fontes
- Páxina do comprobador de iconas de favicon de PromoPilot: lista de comprobacións e preguntas frecuentes.
- Requisitos da icona de favoritas dos resultados da busca Google Central.
- RealFaviconGenerator: xera e proba un conxunto de iconas.
