El favicon es un pequeño icono de 16 × 16 píxeles que sirve como marca para un sitio web. Su principal objetivo es ayudar a los visitantes a localizar páginas con más facilidad cuando hay varias guías abiertas en el navegador.
Por el tamaño minúsculo, los favicons funcionan mejor como imágenes simples o de uno a tres caracteres de texto y no deben confundirse con logotipos, pero a veces son iguales. Debido a su pequeño tamaño y resolución, el favicon puede necesitar ser un tamaño aún menor o parte del logotipo original de la empresa.
Ver también:
- WaveMaster AI cierra 192 spots en Brasil al integrar 20 playas monitorizadas y más de 800 playas en 6 continentes
- Olvídate de “123456”: Como un Administrador de contraseñas Puede simplificar su vida digital (y evitar el dolor de cabeza)
- Administrador de contraseñas: El Pilar Inegociable de su Seguridad Digital en la Era Conectada
- El poder de las evaluaciones en Google: cómo mejorar la reputación de su empresa
- Cómo hacer un diagnóstico de la actuación de su sitio web
- CRM para inmobiliarias y constructoras: impulsando ventas y fidelizando clientes
- Mejores prácticas para la seguridad digital en sitios web
- ¿El alcance orgánico todavía tiene sentido en el marketing digital?
¿Dónde puedes ver el favicon?
Los favicons se encuentran junto a cualquier cosa que identifique su sitio web. Esto incluye marcadores, guías, aplicaciones de barra de herramientas, resultados de historial y barras de búsqueda. Vea ejemplos de imagen abajo:
¿Por qué los favicons son importantes?
Crear un favicon es una pequeña etapa, pero importante, para configurar un sitio de negocios. Añadió legitimidad a su sitio web y ayuda a impulsar la marca en línea, así como la confianza de los consumidores en potencial. También son un marcador visual inmediato para el sitio que permite una identificación fácil y rápida para los usuarios de la web, así como un unifica todos los diversos componentes del navegador en una experiencia de navegación bien marcada.
Actualmente, la mayoría de las personas que usa Internet regularmente están acostumbradas a ver favicons. El usuario medio de Internet probablemente no sabe mucho sobre ellos. Sin embargo, aprecian su presencia y definitivamente perciben su ausencia.
El cerebro puede procesar imágenes de manera mucho más fácil y rápida que palabras. Al navegar por una lista de marcadores, los usuarios pueden encontrar rápidamente el sitio web que desean con el favicon que lo acompaña.
Lo mismo sucede cuando un usuario de Internet tiene varias guías abiertas; el favicon facilita la distinción entre diferentes sitios web.
Si un sitio web no utiliza un favicon, simplemente habrá una página en blanco listada al lado del nombre del sitio web. Cuando un usuario tiene varios favoritos sin un favicon, la selección del sitio web deseado se vuelve mucho más difícil, ya que todas las páginas en blanco tendrán la misma apariencia.
Sitios de fácil uso llevan a un mayor uso
¿Eso tiene que ver con SEO? Sí.
Tener un sitio de fácil uso mejora indirectamente la clasificación de su mecanismo de investigación. Tener un favicon visible en las guías del navegador, favoritos, archivos de historial y así sucesivamente ayuda a sus usuarios a ahorrar tiempo, permitiendo que identifiquen y naveguen en su sitio web sin dificultades, aumentando así la probabilidad de interacción del usuario con su sitio web.
Esto mejorará el tiempo gastado y las interacciones con su sitio web, lo que significa que más ojos estarán en su sitio por más tiempo, mejorando así su SEO.
Cómo crear un buen favicon
Muchas cosas necesitan ser tomadas en consideración al crear y diseñar un favicon para su sitio web. Aunque pequeño y simple, puede (y debe) tener un gran impacto. Es importante garantizar que usted produzca el mejor favicon posible, ya que es con eso que los usuarios identificarán su marca.
Aquí hay algunas cosas que debes tener en mente al crear tu favicon:
Use el espacio con sabiduría
A veces, un favicon no siempre puede ser simplemente una versión menor del logotipo de su empresa. Se debe tener en cuenta el tamaño general de su favicon. Debes limitarte a 16px, ya que eso es aceptable para todos los navegadores.
Marcadores
Un favicon ofrece una ventaja sobre sitios que no lo utilizan. El navegador Chrome de Google deduce ciertos signos de clasificación de búsqueda para sitios web marcados en la web. Si no tienes un favicon en tu sitio web, puede perder la oportunidad de ser marcado en el navegador Chrome, perdiendo indirectamente uno de los muchos signos de clasificación de búsqueda.
Además, ser marcado y visualmente destacado en esta lista de marcadores debido a su favicon coloca su sitio en una posición mejor para ser revisitado por los usuarios. Todo esto aumenta el tráfico del sitio y el SEO.
Branding y visibilidad
Un favicon es una representación visual de su sitio web y empresa, de modo que los usuarios se identifiquen con su marca basándose en el favicon que usas. SEO tiene todo lo que ver con el nombre y marketing y cuanto más visible sea tu sitio, más usuarios probablemente le harán clic en él y recordarán quién eres.
Simplicidad
Aunque el favicon es la cara visual de su marca, desea mantener su diseño lo más simple posible. Los mejores favicons son los más simples. Debido al pequeño tamaño del y a la simplicidad de las formas utilizadas, los colores son vitales para llamar la atención de los potenciales consumidores y destacarse. Muchos detalles solo harán que Favicon parezca desordenado y desordenado.
Identidad de la marca
Su favicon es el icono visual de su marca, por lo tanto, debe informar visualmente a los usuarios lo que representa su empresa. Eso les dice instantáneamente de lo que se trata de su marca y lo que hace. Aunque esto es muy difícil de hacer con un diseño tan pequeño y simple, intente ser creativo.
Los ejemplos abajo demuestran el poder de pequeños favicons creativos; a la primera vista, puedes obtener instantáneamente de lo que se trata la marca y lo que representan:
Coordinación de colores
La elección del color también debe entrar en juego. Los colores contrastantes facilitan el reconocimiento de las formas y del punto focal de su favicon. Debido a la pequeña naturaleza de los favicons, usted necesita representar claramente su empresa para el usuario, y el uso de colores puede ser vital. Recuerde que todos los navegadores son ligeramente diferentes. Por ejemplo, algunos tienen un fondo gris, negro o blanco sobre el que se colocará su Favicon.
¿Qué formatos usar para un Favicon?
En contraste con el pasado, cuando un favicon necesitaba estar en el formato Windows ICO, ahora existen algunas opciones de formatación diferentes. Echa un vistazo cada una con más profundidad:
Windows ICO: ICO es de lejos el archivo con soporte más amplio. Los beneficios para ICO son que puede contener varias resoluciones y profundidades de bits, lo que funciona muy bien y es especialmente útil para Windows. ICO también ofrece un icono de 32 píxeles que es útil para la barra de tareas de Windows 7 de Internet Explorer. También es el único formato que no usa el elemento <link>.
PNG: El formato PNG es útil por varios motivos diferentes. No necesita ninguna herramienta especial para crear un archivo PNG, lo que lo hace muy amigable. Nos proporciona el menor tamaño de archivo posible y ofrece soporte a la transparencia alfa. Sin embargo, una gran desventaja de este estilo es que Internet Explorer no ofrece soporte a archivos PNG; solo admite archivos ICO.
SVG: Este formato puede ser usado y es compatible con los navegadores Opera.
GIF: Este formato no ofrece ninguna ventaja fuera del uso en navegadores antiguos. Aunque atrayeron más atención para los usuarios, también tienden a irritar, y el consenso general es que no representan de forma alguna una ventaja.
JPG: Aunque este formato puede ser usado, no es común y no ofrece resolución de calidad tan buena como PNG. Además, debido al pequeño tamaño del favicon, el JPEG pierde todos sus beneficios.
APNG: Esta es una versión animada de PNG y, aunque puede ser soportada por Firefox y Opera, tiene los mismos problemas que el GIF animado, distraendo a los usuarios mientras miran su interfaz.
Partiendo de la práctica:
¿Es necesario un favicon personalizado? No. Sin embargo, he destacado aquí que ayudan mucho a mejorar la calidad general de la experiencia del visitante. Si estás listo para crear un favicon, actualizar tu patrón de WordPress o mejorar un diseño desactualizado, siguen algunos consejos de lo que necesitas hacer:
- Busca un generador de favicon gratis en la web (hay muchos para elegir)
- Crea tu archivo (16 por 16 píxeles)
- Vaya a la sección de imágenes de tu tema
- Añada o reemplace el favicon estándar por su diseño personalizado
- Recuerde que un favicon es una imagen muy pequeña. No añada muchos detalles y no sea muy sofisticado. Un favicon indistinguible no es mucho mejor que ningún favicon.
- Intente usar la letra inicial del nombre de su empresa en una fuente diferente. El favicon de Google es un ejemplo perfecto de eso. Aunque puede parecer una manera simple de hacerlo, usar las iniciales de su empresa puede ser tan básico o elaborado como quieras.
Conclusión
Si eres nuevo en el mundo en línea, esta puede ser la primera vez que piensa en su favicon. Como un veterano de negocios, probablemente ya se pasaron varios años desde que miró su imagen personalizada.
En cualquier caso, asegúrese de que su favicon sea un trunfo y no un obstáculo para el éxito de su sitio web.
Tenga en cuenta que las empresas están compitiendo por la atención del usuario en el mundo digital. Cada detalle del proyecto es importante. Asegúrese de hacer su sitio web para destacar la multitud. Debido al tamaño de los favicons, muchas personas no creen que vale la pena invertir en sus desarrollos o diseños.
Sin embargo, invertir su tiempo y energía en esto una vez, traerá más compromiso y reconocimiento de la marca a su empresa y hará más fácil para el usuario encontrarla en la variedad de guías abiertas. Cree un favicon que represente su marca y comience a ver los beneficios de usarlo.
