Si alguna vez has publicado una página de Notion como sitio web y has visto que la pestaña del navegador todavía muestra el logotipo genérico de Notion o un cuadrado vacío, no eres el único. Los sitios de Notion utilizan el icono de la página como favicon, pero solo si lo configuras correctamente. Así puedes destacar tu sitio de Notion con un favicon personalizado.
Requisitos previos
- Una cuenta de Notion con un sitio publicado (Public page o Notion Site).
- Un archivo de imagen para el icono (PNG o JPG, cuadrado, con un tamaño mínimo recomendado de 64x64 píxeles).
- Opcional: un dominio personalizado conectado a tu sitio de Notion para usar una URL con tu marca.
Paso a paso: configura un favicon para tu sitio de Notion
- Abre tu página de Notion en la app de escritorio o en el navegador web. Asegúrate de estar en el modo de edición.
- Coloca el cursor sobre el título de la página y haz clic en el botón Add icon o en el icono existente.
- Sube tu imagen seleccionando la pestaña Upload y eligiendo el archivo. Notion lo utilizará como icono de la página.
- Publica o actualiza tu sitio. Si utilizas Notion Sites, haz clic en Share > Publish y confirma. Si se trata de una página pública, solo activa Share to web.
- Comprueba el favicon abriendo la URL de tu sitio en una pestaña nueva del navegador. El icono debería aparecer en pocos segundos. Si no aparece, prueba a hacer una recarga forzada (Ctrl+F5 o Cmd+Shift+R).
Listo: Notion utiliza automáticamente el icono de la página como favicon de tu sitio. No existe un campo separado para subir un favicon.
Uso de un dominio personalizado
Si has conectado un dominio personalizado a tu sitio de Notion, el favicon seguirá procediendo del icono de la página. No necesitas hacer nada más. Solo asegúrate de que el dominio esté correctamente configurado en los ajustes de Notion.
Problemas habituales
- El icono no se actualiza: los navegadores almacenan los favicons en caché de forma agresiva. Borra la caché o prueba en una ventana de incógnito. Consulta nuestra guía para limpiar la caché del favicon para obtener más detalles.
- El icono aparece borroso: usa una imagen cuadrada con un tamaño mínimo de 64x64 píxeles. Las imágenes más grandes (por ejemplo, 256x256) se reducen mejor.
- El icono no aparece en dispositivos móviles: es posible que los sitios de Notion no muestren favicons en las pantallas de inicio de los móviles. Para una configuración de iconos más robusta, considera usar un dominio personalizado con un web manifest.
- Usar un emoji como icono: Notion permite utilizar emojis como iconos de página. Aparecerán como favicons, pero puede que no se representen de forma uniforme en todos los navegadores. Para lograr un aspecto profesional, sube una imagen personalizada.
Si quieres profundizar en los formatos de favicon y las prácticas recomendadas, consulta nuestra guía sobre favicons.
Conclusión
Configurar un favicon para tu sitio de Notion es sencillo: solo tienes que establecer un icono de página. Con una imagen cuadrada y una actualización rápida, tu sitio tendrá un icono reconocible en la pestaña. Si necesitas generar varios tamaños de favicon para otras plataformas, prueba Mzu favicondl para crear un conjunto completo de iconos.
Consulta los requisitos documentados
El HTML Standard define rel='icon' como la relación de enlace para un icono que representa la página actual.