--- title: "Cómo agregar un favicon a su sitio web y revisar Google" description: "Agregue un favicon al sitio web de su negocio: prepare un PNG cuadrado, súbalo en WordPress, Wix, Squarespace o Shopify y revise por qué Google aún puede mostrar un globo." url: "https://webleveling.com/es/blog/favicon-para-el-sitio-web-de-un-negocio/" lang: "es" published: "2026-09-10" modified: "2026-09-10" author: "Cal Hewitt" tags: ["web-design","branding","small-business"] image: "https://webleveling.com/og/blog-favicon-for-a-business-website.jpg" alternates: en: "https://webleveling.com/blog/favicon-for-a-business-website.md" --- # Cómo agregar un favicon a su sitio web y revisar Google Agregue un favicon al sitio web de su negocio: prepare un PNG cuadrado, súbalo en WordPress, Wix, Squarespace o Shopify y revise por qué Google aún puede mostrar un globo. ![Un pequeño cuadrado de papel oscuro junto a una regla y un lápiz sobre un escritorio de madera desgastado.](https://webleveling.com/blog/favicon-for-a-business-website/favicon-featured.jpg) Usted abre su sitio web y la pestaña del navegador muestra una página en blanco, un globo o el logo del constructor de sitios. Luego busca el nombre de su negocio y un globo genérico aparece junto a su resultado. Se ve sin terminar, y es fácil de arreglar. Un favicon es el pequeño ícono cuadrado que aparece en las pestañas del navegador, en los marcadores y a veces en Google. Para agregar un favicon a su sitio web, prepare una imagen cuadrada sencilla, súbala por el control de favicon de su propia plataforma, publique el sitio y revise la página en vivo, no la vista previa del editor. La parte de Google sigue su propio calendario, así que esta publicación también le da las revisiones que debe hacer cuando el ícono de su pestaña funciona y el resultado de Google todavía muestra un globo. La subida en sí son unos minutos de trabajo que usted mismo puede hacer. **Puntos clave** **Empiece con un PNG cuadrado** Prepare una imagen cuadrada sencilla y súbala por el control de favicon de su plataforma, no a través de un montón de complementos ni de un archivo editado a mano. **Publique y luego pruebe el sitio en vivo** La vista previa del editor puede mostrar un ícono que el sitio público todavía no tiene, así que revise la pestaña en vivo en una ventana nueva del navegador. **Google pone las reglas para la Búsqueda** La página de inicio y el archivo del favicon deben poder rastrearse, la URL debe mantenerse estable y Google guarda un favicon por nombre de host. **Que se muestre nunca está garantizado** Google dice que un favicon puede no aparecer aunque se cumplan todas las pautas, así que arregle lo que usted controla y solicite la indexación de su página de inicio. ## Prepare primero una imagen cuadrada y sencilla Todo lo demás es más fácil cuando la imagen es la correcta, así que dedique su tiempo aquí. Un favicon se ve a tamaños diminutos, por lo que un símbolo sencillo, una inicial o la parte reconocible de su logo suele leerse mejor que un logo completo con letras pequeñas. A 16 por 16 píxeles, el detalle se vuelve ruido. Si su logo es un nombre largo en letras, elija el símbolo, la primera letra o una forma simplificada de él. La imagen tiene que ser cuadrada. Las [pautas de favicon](https://developers.google.com/search/docs/appearance/favicon-in-search) de Google, actualizadas el 4 de febrero de 2026, exigen una proporción de 1:1 y un tamaño de al menos 8 por 8 píxeles, y recomiendan uno mayor de 48 por 48 para que se vea bien en distintos lugares. Un PNG cuadrado de 512 por 512 píxeles sirve para todas las plataformas de abajo, y puede reducirlo desde ahí si una plataforma pide menos. Cada plataforma agrega sus propias reglas a las de Google. WordPress pide una imagen cuadrada de al menos 512 por 512 píxeles y recomienda PNG, en su [documentación sobre favicon](https://wordpress.org/documentation/article/create-a-favicon/). Squarespace recomienda un PNG de entre 100 por 100 y 300 por 300 píxeles y de menos de 100 KB, en su [página de ayuda sobre favicon](https://support.squarespace.com/hc/en-us/articles/206542527-Add-a-favicon-or-browser-icon). Wix recomienda un múltiplo de 48 píxeles, salvo que use SVG, según su [artículo sobre favicon](https://support.wix.com/en/article/wix-editor-changing-your-favicon). Esa nota del múltiplo de 48 es una guía de Wix y Squarespace para sus propias herramientas. El mínimo de Google es 8 por 8, y su recomendación es mayor de 48 por 48. ![Una sola hoja de papel en blanco y una regla colocadas en ángulo recto sobre un escritorio de madera desgastado, junto a un lápiz.](https://webleveling.com/blog/favicon-for-a-business-website/favicon-square-sheet-and-ruler.jpg) Un favicon se juzga a tamaño de miniatura, así que dele un lienzo cuadrado y una forma sencilla. ## Súbalo donde su plataforma guarda el ajuste del favicon Cada plataforma tiene un solo lugar para esto. Úselo, publique y con eso termina con la pestaña del navegador. Los nombres de los menús y las reglas de los planes cambian, así que confirme las etiquetas en su propia cuenta. ### WordPress En WordPress 6.5 y posteriores, suba una imagen cuadrada de al menos 512 por 512 píxeles, abra Ajustes generales, elija Icono del sitio y seleccione la imagen. WordPress recomienda PNG. La [referencia de la función del icono del sitio](https://developer.wordpress.org/reference/functions/wp_site_icon/) explica cómo se agrega el ícono a sus páginas. Omita el complemento de favicon si el Icono del sitio integrado funciona. ### Wix En Wix, abra Ajustes, luego Ajustes del sitio web, y elija Subir imagen en Favicon. Wix exige un plan Premium y un dominio conectado para esto. Si su sitio todavía está en una dirección gratuita de Wix, el ícono no se aplicará hasta que mejore el plan y conecte su dominio. ### Squarespace En Squarespace, abra el panel de Favicon, suba la imagen, agregue de forma opcional una versión para modo oscuro y guarde. Mantenga el PNG entre 100 por 100 y 300 por 300 píxeles y de menos de 100 KB. ### Shopify En Shopify, vaya a Tienda online, luego Editar tema, luego Ajustes del tema, luego Logo o Favicon, seleccione la imagen y guarde. Las [instrucciones de favicon](https://help.shopify.com/en/manual/online-store/images/add-favicon) de Shopify indican como planes compatibles el Basic o superiores. Después de guardar, publique el sitio. Un cambio sin publicar es un motivo común por el que un ícono parece no funcionar. Luego abra su dirección pública en una ventana nueva del navegador y mire la pestaña. ![Un pequeño sello de madera junto a una almohadilla de tinta y una tarjeta en blanco sobre una mesa simple.](https://webleveling.com/blog/favicon-for-a-business-website/favicon-stamp-ink-pad.jpg) Una marca pequeña, aplicada de la misma manera en todas partes, es lo que un favicon hace por su sitio. ## Un sitio programado a mano apunta al archivo con una etiqueta link Si su sitio está programado a mano, el favicon es una línea en el encabezado de su página de inicio: una etiqueta link con \`rel="icon"\` y un \`href\` que apunta a su imagen. MDN lo documenta en su [referencia del elemento link](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/link) y enumera ICO, PNG y GIF como formatos comunes. No necesita un archivo ICO, y el archivo no tiene que llamarse favicon.ico. PNG funciona, y la etiqueta link puede apuntar a cualquier ruta que usted elija. Google acepta varios formatos de imagen para la Búsqueda, entre ellos PNG, ICO, GIF, JPEG, BMP, PPM y TIFF. SVG es útil en algunos navegadores, pero no está entre los formatos que Google enumera para la Búsqueda, así que conserve un PNG o un ICO como respaldo. El \`apple-touch-icon\`, normalmente un PNG de 180 por 180 píxeles, está pensado para los marcadores de la pantalla de inicio de iOS. No es lo que lee la Búsqueda de Google. Una regla importa más que el formato. Elija una ruta y manténgala. Google dice que la URL del favicon debe mantenerse estable, así que cambiar el nombre del archivo o moverlo cada pocas semanas va en su contra. ## Revise la pestaña en vivo antes de mirar Google Su pestaña y Google los controlan sistemas distintos, así que revíselos por separado. Haga primero la revisión del navegador. Le dice si la subida funcionó. 1. Abra su sitio en vivo en una ventana privada del navegador y mire la pestaña. 2. Abra directamente la dirección del favicon. Debe cargar como una imagen sin ningún error. 3. Vea el código fuente de la página de inicio y busque una etiqueta link con \`rel="icon"\`, o el equivalente de la plataforma. 4. Confirme que el ícono es cuadrado y cumple las reglas de tamaño de su plataforma. Si la pestaña todavía muestra el ícono anterior, el navegador puede estar guardando una copia. Borre los datos almacenados del sitio, reinicie el navegador y pruebe con otro navegador o con su teléfono. Confirme también que está mirando el dominio público y no una vista previa del constructor, ya que las vistas previas pueden mostrar un ícono distinto al del sitio en vivo. ![Una laptop cerrada y un teléfono inteligente boca abajo, uno junto al otro, sobre un escritorio limpio.](https://webleveling.com/blog/favicon-for-a-business-website/favicon-laptop-phone-face-down.jpg) Pruebe en un segundo dispositivo. Un navegador puede seguir mostrando un ícono anterior después de que el archivo cambió. ## Google necesita rastrear su página de inicio y su favicon Cuando la pestaña esté bien, pase a Google. Las pautas de Google dicen que Googlebot-Image debe poder rastrear el archivo del favicon y que Googlebot debe poder rastrear la página de inicio. Google admite un favicon por nombre de host, así que un favicon configurado para un subdirectorio no se usará por sí solo. El ícono debe estar enlazado desde su página de inicio. Haga estas revisiones en orden: - Abra /robots.txt en su sitio y confirme que no bloquea la ruta del favicon ni la página de inicio. - Abra la URL del favicon y confirme que carga sin redirigir a una página rota. - Confirme que la imagen es cuadrada y mayor de 48 por 48 píxeles. - Confirme que la URL no ha cambiado repetidamente y que usa un solo nombre de host público. - En Search Console, use la [Inspección de URL para solicitar la indexación](https://support.google.com/webmasters/answer/9012289) de su página de inicio. Después espere. Google dice que el rastreo puede tardar de varios días a varias semanas, según sus decisiones de actualización. Un navegador puede mostrar su ícono nuevo mientras Google sigue mostrando uno anterior o el predeterminado hasta que vuelva a rastrear y procese el cambio. ![Un pequeño reloj de arena y un calendario de papel cerrado sobre un estante de madera simple.](https://webleveling.com/blog/favicon-for-a-business-website/favicon-hourglass-and-calendar.jpg) Cuando las revisiones pasan, la espera que queda es de Google. Google también afirma: «A favicon isn't guaranteed to appear in Google Search results, even if all guidelines are met.» (No se garantiza que un favicon aparezca en los resultados de la Búsqueda de Google, aunque se cumplan todas las pautas.) Así que, un ícono de Google ausente no significa que su sitio no esté indexado ni penalizado. Arregle lo que usted controla, solicite la indexación y deje en paz la URL del favicon mientras espera. Si es su propia página de inicio la que no aparece en Google, nuestra publicación sobre [una página que no está indexada en Search Console](https://webleveling.com/es/blog/pagina-no-indexada-en-search-console/) lo explica por separado. Problemas con el favicon y la solución habitual | Lo que ve | Causa probable | Qué hacer | | --- | --- | --- | | El logo del constructor o un ícono en blanco en la pestaña | No se subió ningún favicon, así que la plataforma muestra el suyo predeterminado | Suba una imagen cuadrada en el ajuste de favicon de la plataforma | | Ícono anterior en la pestaña, ícono nuevo en el editor | El cambio no se publicó, o la caché del navegador | Publique, borre los datos del sitio, pruebe en otro navegador | | Ícono en la pestaña pero un globo en Google | Google no ha vuelto a rastrear, o decidió no mostrarlo | Revise el acceso de rastreo y la URL, solicite la indexación, espere | | El ícono funciona y luego se rompe tras una mudanza | Nuevo dominio, nombre de host o URL del favicon | Unifique un solo nombre de host público y una sola URL de favicon | ## Un logo que no se reduce bien es el motivo habitual para pedir ayuda Una subida sencilla no necesita un programador ni un rediseño. Usted puede terminarla en minutos a través de su plataforma. Pedir ayuda se vuelve razonable cuando la tarea es mayor que subir una imagen: - No tiene un símbolo utilizable, o su logo tiene demasiado detalle para leerse a tamaños pequeños. - Su sitio está programado a mano y las etiquetas link chocan o apuntan a un archivo que falta. - Se está mudando a un nuevo dominio o plataforma y necesita una sola URL de favicon en un solo nombre de host. - No puede acceder a los ajustes del sitio, o heredó el sitio de otra persona. - Quiere que se revisen juntos robots.txt, las redirecciones, la caché y Search Console. En esos casos usted paga por una versión en tamaño pequeño de su marca, archivos correctos, una página en vivo probada y un registro de lo que cambió. No paga por un resultado garantizado en Google, porque nadie puede prometerlo. Si su marca todavía no tiene reglas escritas para su símbolo, nuestra publicación sobre la [guía de marca para un pequeño negocio](https://webleveling.com/es/blog/guia-de-marca-para-un-pequeno-negocio/) muestra qué definir primero. **Cuestionario: ¿Aparecerá su favicon?** 1. ¿Cuál es el tamaño mínimo de favicon que Google enumera para la Búsqueda? - Exactamente 48 por 48 píxeles - 8 por 8 píxeles, cuadrado, con una recomendación mayor de 48 por 48 **(respuesta correcta)** - Solo 512 por 512 píxeles - Solo 16 por 16 píxeles 2. Su favicon aparece en la pestaña del navegador, pero Google todavía muestra un globo. ¿Qué debe hacer? - Cambiar el nombre del archivo del favicon cada semana - Revisar el acceso de rastreo y la URL, solicitar la indexación de su página de inicio y esperar **(respuesta correcta)** - Suponer que su sitio ha sido penalizado - Cambiar a un archivo ICO 3. ¿Su favicon tiene que llamarse favicon.ico? - Sí, siempre - No, una etiqueta link puede apuntar a un PNG en cualquier ruta estable **(respuesta correcta)** - Solo en WordPress - Solo en Shopify ## Preguntas frecuentes sobre cómo agregar un favicon a un sitio web **¿Qué es un favicon?** Un favicon es el pequeño ícono que se muestra junto a un sitio web en las pestañas del navegador, en los marcadores y en otros lugares, incluidos los resultados de la Búsqueda de Google cuando Google decide mostrarlo. **¿De qué tamaño debe ser un favicon?** Google exige al menos 8 por 8 píxeles y recomienda más de 48 por 48. WordPress pide al menos 512 por 512 para su Icono del sitio, y Squarespace recomienda un PNG de entre 100 y 300 píxeles. **¿Un favicon tiene que ser un archivo ICO?** No. PNG tiene un amplio soporte, y su página puede apuntar al ícono con una etiqueta link que use \`rel="icon"\`. **¿Por qué mi favicon no aparece en Google?** Revise que la página de inicio y el favicon se puedan rastrear, que la imagen sea cuadrada, que la URL sea estable y que el favicon esté enlazado desde su página de inicio. Luego solicite la indexación. Google no garantiza que se muestre. **¿Cómo agrego un favicon en WordPress?** Abra Ajustes generales, elija Icono del sitio y suba una imagen cuadrada de al menos 512 por 512 píxeles. **¿Cómo agrego un favicon en Shopify?** Abra Tienda online, Editar tema, Ajustes del tema, luego Logo o Favicon, seleccione la imagen y guarde. ## Cómo seguir Un favicon funciona cuando usted tiene una imagen cuadrada sencilla, una subida a través del control propio de su plataforma, un sitio publicado y una revisión de la pestaña en vivo. Google agrega sus propias condiciones: una página de inicio y un archivo de favicon que se puedan rastrear, una URL estable y un favicon por nombre de host. Aun así, Google decide si lo muestra. Haga hoy la revisión del navegador, y junto a ella la revisión de Google. Cuando la pestaña muestre su ícono, la espera que queda pertenece a Google, y lo único que le queda por hacer a usted es dejar en paz la URL del favicon. Si prefiere que lo hagan y lo prueben por usted, [Web Leveling](https://webleveling.com/es/) puede preparar una versión de su marca en tamaño pequeño, agregarla a su sitio y revisar la página en vivo y el acceso de rastreo como parte de nuestro trabajo de [diseño web](https://webleveling.com/es/servicios/diseno-web/). Si el campo de subida de su plataforma hace el trabajo, le diremos que lo use. Trabajamos con pequeñas y medianas empresas en todo el país y en el extranjero. [Envíenos la dirección de su sitio y su logo](https://webleveling.com/es/contacto/), y le diremos qué hay que cambiar. ## Términos Palabras sobre favicon en esta publicación Toque un término para ver qué significa. **Favicon.** El pequeño ícono cuadrado que se muestra junto a un sitio web en las pestañas del navegador, en los marcadores y a veces en la Búsqueda de Google. **Icono del sitio.** El nombre que usa WordPress para el ajuste que guarda su favicon. **Apple touch icon.** Un PNG, normalmente de 180 por 180 píxeles, usado para los marcadores de la pantalla de inicio de iOS. **Nombre de host.** La parte de la dirección de un sitio, como www.example.com. Google usa un favicon por nombre de host. **Rastrear.** Cuando los robots de Google obtienen una página o un archivo para poder procesarlo. **Inspección de URL.** Una herramienta de Search Console que muestra cómo ve Google una página y le permite solicitar la indexación. - [Fotos de antes y después: muestre un solo trabajo real desde el mismo ángulo](https://webleveling.com/es/blog/fotos-de-antes-y-despues-en-su-sitio-web/): Use fotos reales de un solo trabajo, tomadas desde el mismo lugar antes y después. Obtenga permiso por escrito, indique el servicio y la fecha, y difumine los detalles privados. - [¿Fotos de stock o fotos reales en su sitio web? Una regla sencilla](https://webleveling.com/es/blog/fotos-de-stock-o-fotos-reales-en-su-sitio-web/): Use fotos reales donde los visitantes necesiten pruebas de su equipo, su lugar o su trabajo, y fotos de stock con licencia para ideas generales. Revise su sitio primero. - [Certificado de nombre comercial de Connecticut: ¿necesita uno?](https://webleveling.com/es/blog/certificado-de-nombre-comercial-de-connecticut/): Un certificado de nombre comercial de Connecticut se presenta ante el secretario municipal cuando su nombre público difiere del legal. Vea el costo, la vigencia y una revisión del nombre.