Favicon (también llamado icono de sitio) es una pequeña imagen que aparece junto al título de su sitio web en el navegador. Ayuda a sus visitantes a identificar su sitio web:
Esto aumenta el reconocimiento de la marca de su empresa entre sus usuarios frecuentes. También mejora la usabilidad de su sitio web y la experiencia del usuario. Al realizar búsquedas en Internet, la mayoría de los usuarios tienen muchas pestañas abiertas en sus navegadores. A medida que aumenta el número de pestañas, el nombre de su sitio web se oculta. Exactamente en este momento, favicon ayuda a los usuarios a identificar su sitio web y cambiar rápidamente a la pestaña que necesitan.
Creando un favicon
El logotipo de su marca se puede utilizar como icono de su sitio o como archivo . El tamaño recomendado para el icono es de al menos 512×512 píxeles. Si usa una imagen más grande, WordPress le permitirá recortar la imagen cuando la agregue.
Para crear un favicon puedes utilizar Adobe Photoshop o Gimp. De esta forma puedes crear proporciones exactas, seleccionar un fondo (color o transparente). La imagen del favicon puede estar en formato png, peg o gif.
Opción 1: agregar Favicon en el panel de administración de WordPress
A partir de WordPress 4.3, puedes agregar un favicon en el panel de administración de WordPress:
1. Inicie sesión en el panel de administración de WordPress.
2. Vaya a la pestaña Apariencia > Personalizar > Identidad del sitio:
3. Haga clic en Seleccionar imagen y luego cargue la imagen que desea usar como favicon:
4. Si la imagen no alcanza el tamaño recomendado, podrás recortarla directamente en WordPress. También podrás previsualizar el favicon en el sitio web y en el dispositivo móvil:
5. Asegúrate de Guardar y Publicar y luego:
6. Ahora puedes visitar tu sitio web y ver el favicon:
Opción 2: usar el complemento All in One Favicon
1. Inicie sesión en el panel de administración de WordPress.
2. En el menú del lado izquierdo, busque Complementos > Agregar nuevo menú e instale el complemento All in One Favicon:
3. Ahora navega por el menú Configuración > All in One Favicon:
4. Cargue el favicon en el Frontend y Backend de su sitio web y guarde los cambios:
5. Actualiza la página y verás el favicon agregado:
Opción 3: edite el archivo header.php de su tema
1. Asegúrese de que el archivo del ícono de su sitio se llame favicon.ico.
2. Inicie sesión en cPanel > sección Archivos > menú Administrador de archivos:
3. Navegue hasta el directorio de instalación de WordPress y cargue el archivo favicon.ico:
4. Después de eso, el favicon de tu sitio web debería actualizarse automáticamente:
5. Sin embargo, en algunos casos también se requiere una actualización manual. Esto puede deberse a las peculiaridades de su tema de WordPress. Para realizar los cambios necesarios, inicie sesión en su panel de administración.
NOTA: haga una copia de seguridad de su tema antes de continuar con los cambios.
6. En el menú de la izquierda, vaya al menú Apariencia > Editor:
7. Seleccione el archivo de encabezado del tema llamado header.php para editarlo:
8. Busque y edite o agregue las siguientes líneas en el código como se muestra en la captura de pantalla:
9. Luego haga clic en Actualizar archivo y actualice la página.
¡Eso es todo!
¿Necesita ayuda? Contacta con nuestro