¿Por qué debería agregar un favicon en el sitio de WordPress?
Hemos enumerado las razones por las que debe agregar el favicon en WordPress.
Alcanza el conocimiento de la marca
Usuario 4.0. abre numerosas pestañas en el navegador simultáneamente. A pesar de la inmediatez, este usuario anhela una experiencia de navegación calificada.
Sin un favicon junto al título de la página, es más difícil identificar una marca en el navegador, especialmente cuando las pestañas del navegador son muchas y más cortas. Además de aumentar la visibilidad de su marca, favicon mejora la experiencia de la audiencia en su sitio web.
Genera credibilidad
Sin el favicon, la primera impresión que le da a su audiencia es la falta de profesionalismo. Además de esto, algunos modelos de negocio exigen una apariencia más confiable, como los sitios web institucionales y los e-commerces. Los consumidores no confían en ninguna transacción en un sitio web que no sea profesional.
La confiabilidad es un requisito esencial en el diseño de los sitios web porque es decisivo cuando un usuario elige seguir adelante en el recorrido del consumidor o abandonar el sitio web.
También es importante que el sitio web obtenga una mejor posición en las SERP porque los motores de búsqueda requieren la confiabilidad como uno de sus elementos de clasificación.
Mejora la experiencia móvil del usuario.
Somos una generación esencialmente móvil que utiliza teléfonos inteligentes y otras tecnologías todo el tiempo. Tener un sitio web receptivo puede que ya no sea suficiente para deleitar a sus visitantes: el usuario requiere experiencias personalizadas, que pueden ser proporcionadas por aplicaciones.
Algunos usuarios crean marcadores de sitios web en la pantalla principal, eliminando así la necesidad de ingresar URL en las barras del navegador. Tener un favicon ayudará a su audiencia a memorizarlo y asociarlo con su sitio web y marca fácilmente.
¿Cómo crear un favicon?
Lo primero que debe saber es que necesita cualquier software de edición de gráficos / imágenes que permita guardar archivos .ico. No es posible, existen servicios basados en la web que te permitirán crear un favicon gratis.
La imagen debe ser clara y visualmente atractiva. Las ventajas de usar .ico sobre .png o .gif es la compatibilidad como la mayoría de los navegadores modernos, excepto Opera Mini y iOS Safari. El archivo .ico también evita errores 404 del servidor y puede contener más de un icono, por lo que es necesario incluir varios archivos para iconos de 16 × 16 y 48 × 48.
Idealmente, debe estar diseñado para que coincida con el logotipo de su sitio y las características de la plataforma de su marca, como colores y vectores.
Creando y preparando la imagen para ser guardada como .ico
Tienes que hacer que la imagen sea cuadrada y cambiar su tamaño a 16 x 16 píxeles, siguiendo las instrucciones proporcionadas por el sitio o el software. Luego, puede guardarlo como una imagen .ico en su computadora.
Si necesita un favicon con un fondo transparente, asegúrese de que la imagen de origen sea un .gif o .png en lugar de utilizar un archivo .ico. El resto de los pasos son los mencionados anteriormente.
Sobrescríbalo, si existe, o agregue el siguiente código debajo de la etiqueta HTML:
¿Cómo agregar un favicon en WordPress manualmente?
Si su tema o su versión de WordPress no es compatible con la opción de archivo .ico descrita anteriormente, puede agregarlo manualmente como se explica a continuación:
Elimine la carpeta principal de su tema actual usando un cliente FTP;
Use ese acceso de cliente FTP para cargar el nuevo archivo .ico en la carpeta principal de su tema actual (la plantilla activa que se puede ver en su interfaz de usuario principal WP);
Cargue otra copia de su archivo .ico en el directorio principal de su sitio;
Para que su favicon aparezca en algunos navegadores más antiguos, deberá editar el encabezado de su página. Antes de eso, guarde un tema hijo y siga las instrucciones a continuación:
Vaya a su Panel de control de administración (cPanel);
Haga clic en Apariencia> Editor de temas;
Seleccione el archivo llamado Header o header.php para editar el archivo.
Busque la línea de código que comienza con .
Sobrescríbalo, si existe, o agregue el siguiente código debajo de la etiqueta HTML:
Guardar los cambios.
¿Cómo agregar un favicon en WordPress con un complemento?
Los complementos son extensiones de código que agregan funcionalidades útiles a su CMS. Además de los complementos que aumentan los recursos de su sitio web, mejoran la seguridad, almacenan el caché y optimizan la velocidad de su página, existen complementos que le permiten agregar favicon en WordPress. El complemento Favicon de RealFaviconGenerator es un ejemplo de ellos. Es fácil de usar y ofrece más funcionalidad, como puede ver en lo siguiente:
Vaya a su Panel de control de administración (cPanel);
Haga clic en Complemento> Agregar nuevo;
Busque Favicon de RealFaviconGenerator en el cuadro de búsqueda;
Instalar y activar el complemento;
Después de activar el complemento, vaya a Apariencia> Favicon;
Cargue el archivo con la imagen de su favicon; el complemento puede editar su archivo de imagen si lo necesita;
Presione el botón Generar Favicon. Después de eso, el plugin lo llevará al sitio web RealFaviconGenerator;
Haga clic en el botón Generar su Favicon y código HTML; el complemento lo devolverá a su sitio web
Recibirá una notificación de que su favicon está listo;
Compruebe cómo aparecerá su favicon en su navegador y dispositivos móviles;
Si no ve su nuevo favicon, borre la memoria caché de su navegador. Es posible que deba reiniciar su navegador para ver el nuevo favicon.
