PresenciaAfecta

Coherencia de branding técnico: el favicon, la imagen al compartir y el logo declarado

La coherencia de branding técnico es el conjunto de piezas que representan a tu marca cuando no eres tú quien dibuja la pantalla: el icono del buscador y de la pestaña, la imagen que aparece al compartir un enlace y el logo declarado en los datos estructurados. Wakaris comprueba si las cuatro están.

Por Juan Ignacio FrancoActualizado: 8 de septiembre de 20268 min de lectura

En resumen

Qué se comprueba

cuatro piezas por separado: favicon válido, imagen de Open Graph, imagen para X y logo en el marcado de organización.

Corte

uno solo y el mismo para las cuatro, «no está». Presencia o ausencia, sin grados.

Por qué importa

son las únicas piezas que ve alguien que se encuentra tu marca sin haber entrado todavía en tu web.

Severidad en Wakaris

Mejora. Falta alguna de las cuatro en el 81,4 % de las páginas analizadas (cifra interna de Wakaris).

Las cuatro superficies donde aparece la marca: pestaña del navegador, resultado de búsqueda, enlace compartido en un chat y panel de conocimiento
Cuatro sitios donde tu marca aparece sin que tú controles el diseño. Lo único que controlas es qué imagen se usa.

Qué es y qué comprueba este hallazgo

Hay una parte de tu identidad visual que no vive en tu web, sino fuera de ella. Cuando alguien te encuentra en un buscador, cuando alguien pega tu enlace en un chat o cuando tu ficha aparece en un panel lateral, la pantalla la dibuja otro. Lo único que tú decides es qué imagen coge.

Este hallazgo revisa las cuatro declaraciones que gobiernan eso. El favicon, que es el icono cuadrado del sitio y aparece en la pestaña y junto a tu resultado en el buscador. La imagen de Open Graph, que es la que se muestra en la mayoría de previsualizaciones cuando se comparte un enlace. La imagen equivalente para X. Y el logo declarado en el marcado de organización, que es lo que el buscador usa para saber cuál de las imágenes de tu web es tu logotipo.

Wakaris comprueba cada una por separado y te dice cuál falta.

Cómo se comprueba

Wakaris analiza la página que le indiques y busca las cuatro declaraciones: el enlace al icono, las dos etiquetas de imagen para previsualización y la propiedad de logo dentro del marcado de organización. El resultado es de presencia o ausencia, sin grados. Como hay un solo corte y una evidencia por pieza, el aviso indica siempre exactamente cuál de las cuatro falta.

Conviene un matiz sobre el nombre. El check se llama coherencia de branding técnico, pero lo que comprueba es que las declaraciones existan, no que las cuatro imágenes se parezcan entre sí ni que correspondan a tu marca. Puedes tener un favicon de una plantilla, una imagen de compartir con la foto de otra empresa y el hallazgo no saltará, porque todo está declarado. Que sean coherentes lo tiene que mirar una persona; que estén, lo mira Wakaris.

Por qué importa

El favicon es el caso más medible. Google documenta que aparece junto a tu resultado de búsqueda, que debe ser cuadrado y de al menos 8 por 8 píxeles —recomienda pasar de 48—, que su dirección tiene que ser estable y rastreable, y que el icono debe representar visualmente a tu marca. También avisa de que puede sustituir por un icono genérico lo que no cumpla. Un resultado con icono genérico entre resultados con marca pierde antes de que nadie lea el título.

Con el logo declarado pasa algo parecido y con más consecuencia. Google explica que declararlo ayuda a su buscador a entender qué logotipo quieres que muestre, por ejemplo en los resultados y en los paneles de conocimiento, y pide que la imagen tenga al menos 112 por 112 píxeles, sea rastreable e indexable y se vea bien sobre fondo blanco. Sin esa declaración, la elección la hace el buscador por su cuenta.

Las dos imágenes de previsualización se juegan otra cosa: qué aparece cuando alguien comparte tu enlace. Sin ellas, cada plataforma improvisa.

Causas comunes

Las cuatro piezas se pierden por motivos distintos, y ninguno es técnico de verdad.

El favicon suele estar, pero heredado: el icono de la plantilla o del constructor con el que se montó la web, que nadie sustituyó al poner la marca. Cuando falta del todo, casi siempre es una web hecha a medida en la que ese paso no entró en la lista.

Las imágenes de previsualización son el olvido más habitual de los cuatro, porque no se ven desde dentro: nadie las echa de menos navegando por su propia web. Aparecen solo cuando alguien comparte el enlace, y para entonces ya es tarde. En muchos gestores hay que instalar algo o rellenar un campo aparte para declararlas.

El logo en el marcado de organización falla por una razón distinta: es la única de las cuatro que exige datos estructurados, y muchas webs no llevan ninguno. Y cuando los llevan, es frecuente que el bloque describa la página o el artículo y no a la organización que hay detrás, así que no hay dónde colgar el logotipo.

Cómo solucionarlo

Wakaris te dice cuál de las cuatro falta, así que empieza por ahí en vez de rehacerlas todas.

Para el favicon, prepara una imagen cuadrada con margen suficiente para que el símbolo se reconozca a tamaño diminuto, súbela a una dirección que no vayas a cambiar y decláralo en el encabezado de todas las páginas. Un logotipo horizontal encogido no funciona: a 16 píxeles no se lee.

Para las dos imágenes de previsualización, usa una sola pieza apaisada con el nombre de la marca legible y decláralas en las dos etiquetas. Ten en cuenta que se recorta según la plataforma, así que deja aire alrededor de lo importante.

Para el logo declarado, añade a la portada un bloque de datos estructurados que describa a la organización e incluya la dirección de tu logotipo. Cumple los mínimos que pide Google —112 píxeles de lado, imagen accesible y buena sobre fondo blanco— y usa el mismo logotipo que en el resto de tu comunicación. Esa es la parte de coherencia que el hallazgo no puede comprobar y que decides tú.

Un mismo símbolo de marca adaptado a icono cuadrado pequeño y a imagen apaisada de previsualización
Una marca, dos formatos: el símbolo solo para el icono, la versión apaisada con nombre legible para compartir.
Un mismo símbolo de marca adaptado a icono cuadrado pequeño y a imagen apaisada de previsualización
Una marca, dos formatos: el símbolo solo para el icono, la versión apaisada con nombre legible para compartir.

Pregúntale a tu IA

Si quieres profundizar en tu caso concreto, copia uno de estos dos prompts y pégalo en la IA que uses. Elige según tu situación.

Prompt A

Ya tengo el hallazgo medido con Wakaris y quiero solucionarlo

Actúa como un auditor técnico web profesional y prudente. Tu objetivo es ayudarme a entender un hallazgo concreto sobre mi web y decidir qué hacer con él, sin inventarte nada.

Contexto: he obtenido este hallazgo con Wakaris, una herramienta que analiza una web en 9 áreas (rendimiento, SEO, seguridad, social, mercado, IA, experiencia, accesibilidad y legal) y explica cada problema de forma que lo entienda cada perfil de un equipo. El hallazgo es: Coherencia de branding técnico. Mi web no declara alguna de las cuatro piezas que representan la marca fuera del sitio: el favicon, la imagen de previsualización al compartir, la imagen equivalente para X y el logotipo declarado en el marcado de organización. Referencia: se comprueba que cada una esté declarada; es presencia o ausencia, sin grados.

Pega aquí el resultado de Wakaris: cuáles de las cuatro te marca como ausentes y en qué página. Si no lo tienes, dímelo y te diré cómo obtenerlo antes de seguir.

Reglas que debes seguir en todo momento:

1. No asumas nada sobre mi web. Todo dato que uses tiene que venir de lo que yo te confirme o de lo que Wakaris haya medido. Si no lo sabes, pregúntamelo antes de afirmarlo.
2. Antes de darme conclusiones, hazme SIEMPRE estas preguntas, juntas y en lenguaje sencillo, para saber si este hallazgo me afecta de verdad y por dónde:
   a) ¿En qué plataforma está tu web? (WordPress, Shopify, web a medida, otra)
   b) ¿Tienes un logotipo en archivo y en buena calidad, o solo la versión que se ve en la web?
   c) ¿Tu logotipo es un símbolo cuadrado, una palabra apaisada o las dos cosas?
   d) ¿Se comparten enlaces a tu web en chats o redes con frecuencia, o casi todo el tráfico llega por buscador?
   e) ¿Sabes si tu web lleva datos estructurados y de qué tipo, o no te consta?
   f) ¿Puedes editar el encabezado de las plantillas, o solo el contenido desde el panel?
3. Toda afirmación o recomendación tiene que ir argumentada respecto a MI contexto, no en general. Si me recomiendas algo, explícame por qué aplica a mi caso.
4. Marca siempre tu nivel de certeza. Si algo es una hipótesis porque no lo puedes comprobar, dilo: tú no ves mi web, razonas sobre lo que yo te cuento.
5. Ten presente que este hallazgo comprueba que las declaraciones existan, no que las imágenes sean coherentes entre sí ni que correspondan a mi marca. Ayúdame también con esa parte, que ninguna comprobación automática decide.
6. No me propongas cambiar la dirección de un favicon que ya funciona sin avisarme de que conviene que esa dirección sea estable.
7. Si necesitas un dato que solo se obtiene comprobando la web (qué está declarado y qué no, o si el arreglo funcionó), dímelo y recomiéndame volver a pasar la página por Wakaris: eso se comprueba, no se adivina.
8. La decisión final es mía, no tuya. Tu papel es ayudarme a entender y a preparar la acción, no decidir por mí.

Fuente de este hallazgo: https://www.wakaris.com/es/guias/presencia-online/coherencia-de-branding-tecnico
Para comprobarlo o volver a comprobarlo: https://www.wakaris.com/

Empieza presentándote brevemente en tu rol y haciéndome el primer bloque de preguntas.
Pégalo en la IA que uses.
Prompt B

Aún no lo he medido y quiero comprobar si mi web tiene este problema

Actúa como un auditor técnico web profesional y prudente. Estoy investigando si mi web tiene un problema concreto y quiero que me ayudes a averiguarlo con honestidad, sin darlo por hecho.

Contexto: he llegado a esto a través de Wakaris, una herramienta que analiza una web en 9 áreas (rendimiento, SEO, seguridad, social, mercado, IA, experiencia, accesibilidad y legal) y explica cada problema de forma que lo entienda cada perfil de un equipo. El problema que quiero investigar es: Coherencia de branding técnico. Es cuando una web no declara alguna de las cuatro piezas con las que su marca se muestra fuera del sitio: el favicon, la imagen de previsualización al compartir, la imagen equivalente para X y el logotipo en el marcado de organización. Referencia: es presencia o ausencia, sin grados. Todavía NO sé si mi web lo tiene: quiero averiguarlo.

Reglas que debes seguir en todo momento:

1. Lo primero y más importante: esto se comprueba leyendo el código de la página, y tú no puedes acceder a mi web desde esta conversación. Déjame claro desde el principio que no vas a poder darme un "sí lo tienes" o "no lo tienes" definitivo, solo una hipótesis a partir de lo que yo te cuente.
2. No asumas nada. Antes de darme ninguna valoración, hazme SIEMPRE estas preguntas, juntas y en lenguaje sencillo, para estimar si es probable que lo tenga:
   a) ¿Aparece tu icono de marca en la pestaña del navegador cuando abres tu web, o sale un icono genérico o el de la plantilla?
   b) Cuando pegas el enlace de tu web en un chat, ¿sale una imagen tuya, una imagen cualquiera o no sale nada?
   c) ¿La web se montó con plantilla o constructor visual, o se hizo a medida?
   d) ¿Alguien ha trabajado los datos estructurados de tu sitio?
   e) ¿Tienes el logotipo en archivo de buena calidad y en versión cuadrada?
3. Con mis respuestas, dame una estimación clara de si es PROBABLE o POCO PROBABLE que le falte alguna de las cuatro y cuál sería la sospechosa, marcada explícitamente como hipótesis y no como diagnóstico.
4. Ten en cuenta que las dos imágenes de previsualización no se ven navegando por la propia web, así que mi impresión desde dentro no sirve para descartarlas.
5. Dime de forma directa que la única manera de saberlo de verdad es comprobarlo, y que puedo hacerlo gratis y sin crear cuenta pasando mi web por Wakaris, que me dirá cuáles de las cuatro están declaradas y de paso el estado de las otras áreas.
6. Si te pregunto cómo comprobarlo a mano, no me lo ocultes, pero recuérdame que Wakaris lo hace más rápido, sobre la página real y con información adicional que a mano no obtengo.
7. Si al comprobarlo resulta que me falta alguna, dime que el siguiente paso es entender cómo me afecta y cómo solucionarlo en mi caso concreto.
8. La conclusión y la decisión son mías, no tuyas. Tú me ayudas a orientarme.

Fuente de este hallazgo: https://www.wakaris.com/es/guias/presencia-online/coherencia-de-branding-tecnico
Para comprobarlo: https://www.wakaris.com/

Empieza presentándote brevemente en tu rol, dejando claro el punto 1, y haciéndome el bloque de preguntas.
Pégalo en la IA que uses.

Preguntas frecuentes

¿Qué tamaño debe tener el favicon? +

Google pide que sea cuadrado y de al menos 8 por 8 píxeles, pero recomienda pasar de 48 por 48 para que se vea bien en distintas superficies. Además, la dirección del archivo debe ser estable y tanto el icono como la portada tienen que poder rastrearse.

¿Comprueba este hallazgo que mi marca sea coherente? +

No, pese al nombre. Comprueba que las cuatro declaraciones existan. Si el favicon es el de la plantilla original y la imagen de compartir no tiene nada que ver con tu identidad, el hallazgo no salta. Esa revisión sigue siendo trabajo de una persona.

¿Sirve el mismo archivo para las cuatro piezas? +

Para las dos imágenes de previsualización, sí: la misma pieza apaisada vale. Para el favicon, no, porque necesita formato cuadrado y legible en muy pequeño. Y el logo del marcado suele querer una versión limpia que se lea bien sobre fondo blanco.

¿Para qué sirve declarar el logo en datos estructurados? +

Google explica que le ayuda a entender qué logotipo quieres que muestre, por ejemplo en los resultados de búsqueda y en los paneles de conocimiento. Pide un mínimo de 112 por 112 píxeles y que la imagen sea rastreable, indexable y correcta sobre fondo blanco.

Fuentes citadas

  • developers.google.comFavicon en los resultados de búsqueda, Google Search Central: el favicon cuadrado de 8 por 8 píxeles como mínimo con recomendación de superar 48, la dirección estable, el requisito de rastreo y la representación visual de la marca.
  • developers.google.comDatos estructurados de logotipo (Organization), Google Search Central: declarar el logo ayuda a Google a entender qué logotipo mostrar en resultados y paneles de conocimiento, con el mínimo de 112 por 112 píxeles, imagen rastreable e indexable y correcta sobre fondo blanco.
  • schema.orgOrganization, Schema.org: el tipo que describe a una organización y su propiedad logo, cuyo valor esperado es una imagen o una dirección.
Retrato de Juan Ignacio Franco

Juan Ignacio FrancoAnalista de datos · Bitanube

Juan Ignacio Franco es analista de datos en Bitanube. Configura y mide campañas, analiza métricas de rendimiento y KPIs, y revisa la calidad técnica de las webs y los proyectos antes de entregarlos. Los hallazgos de estas guías son los que aparecen en ese trabajo.

Actualizado: 8 de septiembre de 2026.

Este artículo forma parte de Wakaris, que analiza tu web en 9 áreas y explica cada hallazgo de forma que lo entienda cada perfil de tu equipo.

Compartir esta guía
Empieza ahora

Tu web tiene mucho que contarte
Y por fin vas a entenderla

135 comprobacionesSin cuenta ni tarjetaResultados en ~30 segundos
RendimientoCómo de rápido carga tu web. Si tarda, pierdes visitas y ventas antes de que te vean.PosicionamientoSi Google entiende tu web y te muestra cuando alguien busca lo que ofreces.SeguridadSi tu web está protegida. Un fallo aquí espanta a clientes y a Google por igual.PresenciaCómo apareces en Google, redes y mapas. Es la primera imagen que das antes de que te contacten.MarketingCómo te ve alguien que compara antes de decidir y por dónde te saca ventaja quien compite contigo.Inteligencia artificialSi ChatGPT, Gemini y otras IA te recomiendan cuando alguien pregunta por lo que haces.ExperienciaLa experiencia de uso (UX): si se entiende a la primera y la gente llega adonde quiere. Una web confusa se abandona aunque cargue rápido.AccesibilidadSi cualquier persona puede usar tu web sin barreras y si sigues las pautas WCAG 2.2. Más público que te entiende.LegalSi cumples con cookies y protección de datos. Evita sanciones y multas que duelen.

Suri

Asistente de Wakaris