Cómo cambiar el favicon en cualquier creador de webs
Cómo cambiar un favicon
Cómo cambiar el favicon en Webflow, Wix, Shopify y más | We.Inc
Cómo cambiar el favicon paso a paso en Webflow, Squarespace, Wix, Shopify, WordPress y HTML, los tamaños oficiales y por qué Google aún ve el icono antiguo.
Para cambiar un favicon, sube una nueva imagen cuadrada en los ajustes del sitio de tu creador de webs y publica. Webflow, Squarespace, Wix, Shopify y WordPress tienen cada uno su propio campo de icono; en un sitio hecho a mano sustituyes el archivo y la etiqueta link rel=icon. Los navegadores y Google guardan los iconos en caché, así que el antiguo puede seguir apareciendo un tiempo.
Dónde está el ajuste del favicon, a octubre de 2026
Creador
Dónde encontrarlo
Tamaño que indica la ayuda
Webflow
Ajustes del sitio (busca el campo de favicon o de icono)
Consulta la página de ayuda de Webflow para ver los tamaños actuales
Squarespace
Panel Favicon
De 100x100 a 300x300 px, .png, 100 KB como máximo
Wix
Ajustes, Ajustes del sitio web, Favicon
Cuadrado múltiplo de 48 px, salvo en SVG
Shopify
Editar tema, Configuración del tema, Logo o Favicon
16x16 o 32x32 px
WordPress 6.5+
Ajustes, Generales, Icono del sitio
Cuadrado, de al menos 512 px, se recomienda .png
Busca tu creador de webs más abajo. Cada lista de pasos procede de la página de ayuda del propio creador. Si tu sitio está programado a mano, la última tarjeta escribe por ti las etiquetas link. Si todavía no tienes icono, créalo primero con nuestro generador de favicon.
Busca tu creador en la lista y sigue sus pasos, fijándote en las condiciones de cada plan.
Para un sitio hecho a mano, escribe la carpeta que contiene tus archivos de icono para obtener las etiquetas link.
Sube o pega, publica el sitio y ábrelo en una ventana privada para ver el nuevo icono.
Dale tiempo a Google para volver a rastrear. Su ayuda sobre favicons dice que puede tardar desde varios días hasta varias semanas.
Haz el icono cuadrado. Google exige una relación de aspecto 1:1 y recomienda que sea mayor de 48x48 píxeles.
Mantén el icono en la misma dirección una vez publicado. Google pide una URL de favicon estable.
Comprueba que robots.txt no bloquee el archivo del icono. Tanto Googlebot como Googlebot-Image necesitan descargarlo.
Usa una forma sencilla y contundente. Los detalles finos desaparecen al tamaño de una pestaña.
Preguntas frecuentes
¿Por qué Google sigue mostrando mi favicon antiguo?
Google detecta un nuevo favicon cuando vuelve a rastrear tu página de inicio, algo que según su página de ayuda puede tardar desde varios días hasta varias semanas. Puedes pedir un rastreo más rápido solicitando la indexación de la página de inicio con la herramienta de inspección de URLs de Search Console.
¿Por qué mi navegador sigue mostrando el icono antiguo?
Los navegadores guardan los favicons en caché durante mucho tiempo. La página de ayuda de Squarespace recomienda borrar la caché del navegador y reiniciarlo. Abrir el sitio en una ventana privada es una forma rápida de comprobar que el nuevo icono ya está publicado.
¿Puedo añadir un favicon con el plan Starter de Shopify o en un sitio gratuito de Wix?
No, a octubre de 2026. La página de ayuda de Shopify indica que el plan Starter no permite añadir un favicon. Wix exige un plan Premium y un dominio conectado, y antes tienes que publicar el sitio.
¿Puedo tener un favicon distinto en modo oscuro?
En algunos creadores, sí. Squarespace te deja subir una versión para el modo oscuro después de configurar el icono predeterminado. En un sitio hecho a mano puedes enlazar un icono SVG que cambie de color con una media query prefers-color-scheme dentro del propio SVG.
Qué necesita Google para mostrar tu icono
Google lee la etiqueta link del head de tu página de inicio. Admite los valores rel icon, shortcut icon, apple-touch-icon y apple-touch-icon-precomposed, y acepta formatos como ICO, PNG, GIF y JPEG.
Google muestra un favicon por nombre de host. Un subdominio como shop.example.com puede tener el suyo, pero una carpeta como example.com/shop no.
Cuando falta el ajuste en el creador
Si tu plan oculta el campo del favicon, en los creadores alojados mejorar de plan suele ser la única vía, porque no puedes editar tú mismo el head de la página. En los sitios autoalojados siempre puedes añadir la etiqueta link a mano.
Las reglas de Google para el favicon
Según la página de ayuda de Google sobre favicons, octubre de 2026
Regla
Detalle
Forma
Cuadrada, relación de aspecto 1:1
Tamaño
Al menos 8x8 px; se recomienda más de 48x48
Formatos
Cualquier formato de favicon válido, como ICO, PNG, GIF, JPEG o BMP
Por sitio
Un favicon por nombre de host
Rastreo
Googlebot y Googlebot-Image deben poder descargarlo
Actualizaciones
De varios días a varias semanas; solicita la indexación para acelerarlo
Ejemplo de código
Un favicon SVG que cambia en modo oscuro
Guarda el SVG como icon.svg. El bloque style que contiene cambia el relleno cuando el sistema del visitante está en modo oscuro. Conserva también un favicon.ico, ya que no todos los navegadores leen iconos SVG.
Pasos para tu creador
Sitio hecho a mano (HTML)
Carpeta donde están tus iconos
También tengo un icono SVG
Pégalo en el head de cada página
Copiar
Copiado.
Primero sube a esa carpeta favicon.ico, icon.png (de al menos 48x48) y apple-touch-icon.png (180x180).
Webflow
Abre los ajustes de tu sitio y busca el campo de favicon o de icono del sitio.
Sube una imagen cuadrada.
Guarda y publica el sitio para que el nuevo icono quede activo.
Cuando lo comprobamos no pudimos leer la página de ayuda de Webflow, así que sigue las etiquetas de tu propio panel para ver los nombres exactos de los menús y los tamaños.
Squarespace
Abre el panel Favicon.
Arrastra tu imagen al cargador o haz clic en él para elegir un archivo.
Si quieres, añade una versión para el modo oscuro (solo después de configurar un favicon predeterminado).
Haz clic en Guardar.
La página de ayuda recomienda de 100x100 a 300x300 píxeles, archivos .png y no más de 100 KB.
Wix
Ve a Ajustes en el panel de tu sitio.
Haz clic en Ajustes del sitio web.
Haz clic en Subir imagen, debajo de Favicon.
Elige tu archivo.
Requiere un plan Premium, un dominio conectado y el sitio publicado. La imagen debe ser un cuadrado múltiplo de 48 px, salvo que sea un SVG.
Shopify
En el panel de control de Shopify, ve a Tienda online.
Busca tu tema y haz clic en Editar tema.
Haz clic en el icono de Configuración del tema y luego en Logo o Favicon, según tu tema.
En Imagen de favicon haz clic en Seleccionar imagen, elige o añade la imagen y haz clic en Listo.
Haz clic en Guardar.
Shopify considera ideal un tamaño de 16x16 o 32x32 px. No está disponible en el plan Starter.
WordPress
Sube una imagen cuadrada de al menos 512 px a la Biblioteca de medios.
Ve a Ajustes y luego a Generales.
Haz clic en Elegir un icono del sitio.
Selecciona la imagen que subiste.
Antes de la versión 6.5 el ajuste estaba en Apariencia, Personalizar, Identidad del sitio.