WordPress tiene soporte de favicon integrado llamado Site Icon. Para la mayoría de los sitios no necesitas un plugin ni código — solo sube una imagen cuadrada en el Personalizador. Esta guía cubre tanto la forma fácil como el método manual para temas personalizados.
Método 1: el Site Icon (recomendado)
Esta es la vía integrada, sin código. Funciona en WordPress 4.3 y posteriores.
- Primero, genera un PNG de 512×512 a partir de tu logo (WordPress recomienda un mínimo de 512×512).
- En tu panel de WordPress, ve a Appearance → Customize → Site Identity.
- En Site Icon, haz clic en Select image y sube tu PNG de 512×512.
- Recorta si se te solicita (WordPress te guiará hacia un recorte cuadrado).
- Haz clic en Publish para guardar.
WordPress genera automáticamente todos los tamaños que necesita (favicon, Apple touch icon, icono de app) y añade las etiquetas <link> correctas al <head> de tu sitio. Sin código.
¿Necesitas una imagen de 512×512 para subir? Genera una gratis en Favicon.one — el ZIP incluye el tamaño exacto que WordPress espera.
Método 2: etiquetas link manuales (temas personalizados)
Si estás construyendo un tema personalizado o el Site Icon no cubre tus necesidades, puedes añadir los archivos de favicon manualmente.
- Sube tus archivos de favicon (
favicon.ico, PNGs,apple-touch-icon.png) a la carpeta de tu tema, p. ej./wp-content/themes/yourtheme/images/. - Abre
header.php(o usa la acciónwp_headenfunctions.php) y añade:
<link rel="icon" type="image/x-icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo get_template_directory_uri(); ?>/images/apple-touch-icon.png">
<link rel="manifest" href="<?php echo get_template_directory_uri(); ?>/images/site.webmanifest">WordPress.com vs WordPress.org
En WordPress.com, la opción Site Identity está bajo Settings → General en algunos planes, o en el Personalizador en otros. En WordPress.org autoalojado, está siempre en Appearance → Customize → Site Identity.
Mi favicon de WordPress no aparece
- Borra la caché. WordPress y los plugins de caché (WP Rocket, W3 Total Cache) sirven HTML obsoleto. Purga todas las cachés y comprueba en una ventana de incógnito.
- Revisa tu tema. Algunos temas antiguos no invocan
wp_head(), así que las etiquetas del Site Icon nunca se renderizan. Asegúrate de que<?php wp_head(); ?>esté en tuheader.php. - Conflicto de plugins. Un plugin de SEO (Yoast, Rank Math) o de caché puede sobrescribir tu favicon. Revisa sus ajustes.
- Imagen demasiado pequeña. WordPress exige al menos 512×512 para el Site Icon. Las imágenes más pequeñas se rechazan.
Para la lista de verificación completa de solución de problemas, consulta “¿El favicon no aparece?”.
El mejor tamaño de imagen para favicons de WordPress
Sube un PNG cuadrado de al menos 512×512 píxeles. WordPress lo reducirá para generar automáticamente el favicon, el Apple touch icon y los iconos de app. Una imagen de origen más grande (1024×1024) está bien; solo asegúrate de que sea cuadrada y de alto contraste.
Genera el Site Icon de WordPress de 512×512 perfecto a partir de tu logo — gratis en Favicon.one.