Creador de páginas link in bio

Cómo crear tu página link in bio

1. En Perfil, escribe tu Nombre o marca y una Biografía breve. Los saltos de línea de la biografía se conservan.
2. Si quieres, añade una Foto de perfil (opcional): suelta una imagen en la zona de arrastre o haz clic en ella para elegir un archivo. Tu navegador lee la imagen y la incrusta en la página; nunca se sube a ningún servidor.
3. En Enlaces, rellena el Texto del enlace y la Dirección (URL) de cada botón. Haz clic en Añadir un enlace para añadir más, usa los botones ↑ y ↓ para cambiar el orden y × para quitar uno.
4. En Diseño, elige un Tema (Claro, Oscuro, Océano, Atardecer, Bosque) o define tú mismo los cuatro colores, y después la Forma de los botones y la Fuente.
5. Revisa la Vista previa y haz clic en Descargar index.html. Copiar HTML copia el mismo código por si prefieres pegarlo en un sitio web que ya tengas.

Cargar ejemplo rellena un perfil de muestra para que veas cómo queda la página, y Borrar empieza de cero.

Qué obtienes

El resultado es un único archivo HTML que lo contiene todo: los estilos van en un bloque <style>, la foto se incrusta como data URI y no hay JavaScript, ni scripts de seguimiento, ni fuentes web, ni peticiones externas. Así la página es muy rápida (normalmente unos pocos kilobytes más la foto), respeta la privacidad de tus visitantes y la puedes conservar durante años: no depende de ningún servicio que pueda cerrar, cambiar sus precios o añadir su propia marca.

La página es adaptable: los botones ocupan todo el ancho en un móvil y mantienen un ancho cómodo en un ordenador. Incluye un atributo lang, una etiqueta viewport, un título (tu nombre) y una meta descripción (tu biografía), para que se vea bien en los resultados de búsqueda y en las vistas previas de enlaces. Los enlaces a sitios web se abren con rel="noopener" y las direcciones de correo electrónico se convierten automáticamente en enlaces mailto:.

Las comprobaciones

La lista de Comprobaciones señala los enlaces cuya dirección no es una dirección web, mailto: o tel: válida. Esos enlaces se omiten en lugar de publicarse rotos, y cualquier cosa del tipo javascript: se rechaza siempre. También avisa cuando el contraste del texto de los botones o de la página es inferior a 4,5:1, el nivel que exigen las WCAG para el texto normal, y cuando la foto pesa mucho. Una foto de 300 × 300 píxeles es más que suficiente para un avatar redondo de 104 píxeles, incluso en pantallas de alta densidad.

Cómo publicar la página

El archivo necesita una dirección web antes de que puedas pegarla en tu bio de Instagram, TikTok o YouTube. Tres opciones habituales:

• GitHub Pages (gratis): crea un repositorio público, sube index.html y, en Settings → Pages, elige publicar desde la rama principal. La página aparece en https://tu-usuario.github.io/nombre-del-repositorio/.
• Netlify Drop (gratis): pon index.html en una carpeta y arrastra esa carpeta a la página de Netlify Drop. Obtienes al instante una dirección aleatoria; crea una cuenta gratuita para conservar el sitio y elegir un nombre mejor o conectar tu propio dominio.
• Tu propio alojamiento: sube el archivo con el gestor de archivos de tu proveedor o por FTP, por ejemplo a una carpeta enlaces, para obtener https://tu-dominio.com/enlaces/.

Para actualizar la página más adelante, modifica el formulario, vuelve a descargar el archivo y sustituye el anterior.