El reconocimiento es fundamental para el éxito de su sitio web. Desde la creación de un gran logotipo hasta el desarrollo de mensajes clave y la entrega de un gran contenido, cuanto más fácil sea para los visitantes reconocer su marca, más probable será que recuerden su sitio y pasen de la curiosidad por su contenido a convertir las ventas.
Pero el reconocimiento confiable no se trata solo de grandes cosas: bien hecho, incluso los detalles más pequeños de su sitio de WordPress pueden ayudarlo a destacarse entre la multitud y captar la atención de sus clientes. Esta es la función de un ícono favorito o «favicon» que se usa en las pestañas del navegador web, en las pestañas y en los dispositivos móviles como una imagen de aplicación para su sitio web.
¿No está seguro de cómo funcionan los favicons o cómo hacer que funcionen en su sitio? Lo cubrimos en nuestra guía funcional de favicon: qué son, por qué son importantes y cómo habilitarlos en WordPress.
Si prefieres seguir el video, aquí tienes una guía hecha por Temas elegantes:
¿Qué es un favicon de WordPress?
Oficial Página de soporte de WordPress define un favicon como «un icono asociado con un sitio web o sitio web específico». Esta descripción no le hace justicia; de hecho, los favicons están en todas partes y están inextricablemente vinculados a su marca.
Echemos un vistazo más de cerca a cómo se ven los favicons y por qué son importantes a continuación.
Tamaño del icono favorito de WordPress
Un tamaño típico de favicon de WordPress es de 512 x 512 píxeles. Estos íconos se almacenan como archivos .ico en la raíz del servidor de WordPress.
Pero, ¿cómo se ve un favicon en la vida real? Para ver un ejemplo rápido, eche un vistazo a la pestaña del navegador de ese sitio web si está en una computadora o en el área justo debajo de la barra de direcciones en un dispositivo móvil. ¿Notaste algo? Este símbolo naranja con líneas y círculos es el favicon de HubSpot, y aparece cada vez que visitas nuestro sitio.
En la mayoría de los casos, los favicons son los mismos que los logotipos de la marca reducidos para adaptarse a los navegadores web y móviles. Cuando esto no es posible, por ejemplo, en los casos en que su logotipo es demasiado complejo o detallado, los propietarios de sitios web suelen elegir esquemas de color y temas similares para garantizar la coherencia de la marca.
Una vez que comience a ver favicons, no podrá deshacerlos; Desde sitios web hasta marcadores, pestañas y aplicaciones móviles, el ícono que elija para su favicon favorito está inextricablemente vinculado a su sitio web y marca, así que asegúrese de elegir sabiamente.
Por qué importan los favicons
Los Favicons son la moneda visual de tu marca. Están en todas partes, desde navegadores hasta pestañas y aplicaciones móviles, y se están convirtiendo en una parte integral de la estrategia de marca general de su sitio web.
Como resultado, el diseño e implementación eficientes de un favicon ofrece tres amplios beneficios:
Reconocimiento de marca mejorado
Piense en su favicon como una tarjeta de presentación: el ícono debe ser simple, reconocible y consistente. Cuantos más lugares aparezcan en su favicon, mejor, ya que facilita a los usuarios conectar su sitio de WordPress a la imagen del icono.
La coherencia también es clave, ya que los usuarios abren varias pestañas del navegador y el espacio disponible para las descripciones de texto se reduce naturalmente. Abra suficientes pestañas y todo lo que queda es, lo adivinó, un lugar para el favicon.
Mayor confianza del consumidor
Si bien es posible que los visitantes no puedan identificar qué es un favicon o cómo funciona, estos íconos son intrínsecamente familiares. Tan conocidos que los sitios sin favicon a menudo se destacan entre la multitud por las razones equivocadas.
Al igual que el contenido relevante de las redes sociales y las conexiones seguras a su sitio web, los favicons son cruciales para aumentar la confianza del consumidor en los productos o servicios que ofrece en su sitio web.
Cohesión móvil integrada
No se puede ignorar la influencia de los dispositivos móviles, smartphones y tablets ahora por delante de las computadoras de escritorio como el principal medio de interacción del consumidor en línea. Los favicons le permiten traducir fácilmente su marca a dispositivos móviles: cuando los usuarios marcan sitios en las pantallas de inicio de los dispositivos móviles, su favicon reemplaza el enlace.
Consejos para crear un favicon
¿No está seguro de cómo empezar a crear favicons para su sitio web? Analicemos algunos consejos de mejores prácticas.
1. Elija el tamaño correcto.
Como se mencionó anteriormente, los favicons suelen tener un tamaño de 512 x 512 píxeles. Si bien es posible usar un tamaño de favicon de WordPress más grande, la plataforma a menudo le pide que recorte la imagen.
2. Mantenlo simple.
Si bien se pueden agregar colores de fondo y otras personalizaciones a un favicon, la simplicidad suele ser la mejor opción. En este caso, la simplicidad implica elegir la transparencia sobre los colores de fondo y mantener la cantidad de colores de primer plano en su favicon en un máximo de uno o dos.
Idealmente, el favicon se verá casi idéntico al logotipo de su marca; si eso no es posible, intente dibujar elementos del logotipo, como formas o combinaciones de colores, para ayudar a deletrear un nuevo favicon.
3. Elija sabiamente.
Los propietarios de sitios web pueden actualizar su favicon en cualquier momento, pero es una buena idea mantener la cantidad de cambios al mínimo. He aquí por qué: si los usuarios ven un favicon diferente cada vez que inician sesión en su sitio web, no podrán asociar una imagen específica con su marca.
¿Conclusión? Es mejor prescindir de un favicon hasta que encuentre uno que funcione para su sitio y que no planee cambiar.
Cómo activar tus favoritos de WordPress
Para ejecutar un favicon en su sitio de WordPress, tiene tres opciones:
- Utilice la función de icono del sitio
- Instalar el complemento de favicon
- Envíe un nuevo favicon usted mismo
Describamos cada método con más detalle.
1. Utilice la función del icono del sitio.
A partir de WordPress 4.3, el sistema de administración de contenido (CMS) incluye una función de icono de sitio que habilita favicons. Simplemente prepare un archivo de imagen, que puede ser un archivo .jpeg, .ico, .gif o .png, y vaya a la página de administración del sitio de WordPress.
Luego haga clic en «Apariencia», luego en «Personalizar», luego en «Identidad del sitio». Ahora haga clic en «Seleccionar imagen» debajo del encabezado del icono del sitio y cargue el archivo preparado. Deberías ver una pantalla como esta:
Si te gusta el favicon que creaste, no necesitas hacer nada. De lo contrario, puede eliminar fácilmente el archivo o cargar una nueva imagen.
2. Instale el complemento de favicon.
También puede usar un enchufe, como Favicon de RealFaviconGenerator – Creación e implementación de un favicon. Este complemento esencial de WordPress no solo le permite personalizar su favicon, sino que también proporciona la creación de múltiples versiones para cumplir con los requisitos de diferentes sistemas operativos y versiones de dispositivos.
Siempre que la imagen que cargue en el complemento tenga al menos 70 x 70 píxeles, RealFaviconGenerator hará el resto.
3. Envíe un nuevo favicon usted mismo.
Si prefiere hacer todo el trabajo usted mismo, puede crear y cargar su propio favicon en su sitio de WordPress.
Primero, cree una imagen que tenga al menos 16 x 16 píxeles y se guardará como un archivo .ico. Luego, use un cliente FTP para cargar este archivo en la carpeta principal de su tema actual de WordPress, generalmente en el mismo lugar que las carpetas wp-admin y wp-content.
Si bien esto debería mostrar su favicon en la mayoría de los navegadores web, algunas versiones anteriores de los navegadores requieren que edite el HTML del encabezado de WordPress. ¿Resultado? No se recomiendan los favoritos de bricolaje a menos que esté familiarizado con las características más técnicas de WordPress.
Reflexiones finales sobre el favicon
Whie favicons son solo una pequeña parte de los tuyos Creación de un sitio web de WordPressson cruciales para reconocer su sitio. Los favicons consistentes y legibles facilitan que los visitantes recuerden su sitio y transfieran esta conexión mental a computadoras, tabletas y dispositivos móviles.
