Utilia
Catégories ▾
Langue: fr ▾

Créateur de page « lien en bio »

Créez votre page de liens pour la bio Instagram ou TikTok avec photo, bio, liens et couleurs, puis téléchargez un fichier HTML autonome à héberger partout.

Profil Photo de profil (facultatif)
Liens
    Apparence

    Aperçu

    Vérifications

    Code source HTML

    Comment créer votre page « lien en bio »

    1. Dans Profil, saisissez votre Nom ou marque et une Courte bio. Les retours à la ligne de la bio sont conservés.
    2. Ajoutez au besoin une Photo de profil : déposez une image dans la zone prévue ou cliquez pour choisir un fichier. L’image est lue par votre navigateur et intégrée à la page, sans jamais être envoyée sur un serveur.
    3. Dans Liens, remplissez le Texte du lien et l’Adresse (URL) de chaque bouton. Cliquez sur Ajouter un lien pour en créer d’autres ; les boutons ↑ et ↓ changent l’ordre et × supprime un lien.
    4. Dans Apparence, choisissez un Thème (Clair, Sombre, Océan, Coucher de soleil, Forêt) ou réglez vous-même les quatre couleurs, puis la Forme des boutons et la Police.
    5. Vérifiez l’Aperçu, puis cliquez sur Télécharger index.html. Copier le HTML copie le même code si vous préférez le coller dans un site existant.

    Charger un exemple remplit un profil fictif pour voir le rendu, et Effacer remet tout à zéro.

    Ce que vous obtenez

    Le résultat est un seul fichier HTML qui contient tout : les styles sont écrits dans un bloc <style>, la photo est intégrée sous forme d’URI de données (data URI), et il n’y a ni JavaScript, ni script de suivi, ni police web, ni requête externe. La page est donc très légère (quelques kilo-octets, plus la photo), respectueuse de la vie privée de vos visiteurs et durable : aucun service ne peut fermer, changer ses tarifs ou y ajouter son logo.

    La page s’adapte à l’écran : les boutons occupent la largeur d’un téléphone et gardent une largeur confortable sur ordinateur. Elle comprend l’attribut lang, la balise viewport, un titre (votre nom) et une méta-description (votre bio), utiles pour les moteurs de recherche et les aperçus de liens. Les liens vers des sites s’ouvrent avec rel="noopener", et une adresse courriel devient automatiquement un lien mailto:.

    Les vérifications

    La liste Vérifications signale les liens dont l’adresse n’est pas une adresse web, mailto: ou tel: valide. Ils sont écartés plutôt que publiés cassés, et une adresse comme javascript: est toujours refusée. L’outil prévient aussi lorsque le contraste du texte des boutons ou de la page descend sous 4,5:1, le seuil des WCAG pour un texte courant, et lorsque la photo est trop lourde. Une image de 300 × 300 pixels suffit largement pour un avatar rond de 104 pixels, même sur un écran haute densité.

    Mettre la page en ligne

    Il faut une adresse web à coller dans votre bio Instagram, TikTok ou YouTube. Trois solutions courantes :

    • GitHub Pages (gratuit) : créez un dépôt public, téléversez index.html, puis dans Settings → Pages choisissez le déploiement depuis la branche principale. La page est publiée à l’adresse https://votre-nom.github.io/nom-du-depot/.
    • Netlify Drop (gratuit) : placez index.html dans un dossier et glissez ce dossier sur la page Netlify Drop. Une adresse aléatoire est créée aussitôt ; ouvrez un compte gratuit pour conserver le site, lui donner un nom plus parlant ou y relier votre domaine.
    • Votre propre hébergement : déposez le fichier avec le gestionnaire de fichiers ou par FTP, par exemple dans un dossier liens, pour obtenir https://votre-domaine.com/liens/.

    Pour modifier la page plus tard, changez le formulaire, téléchargez de nouveau le fichier et remplacez l’ancien.

    Questions fréquentes

    Est-ce une alternative gratuite à Linktree ?

    Pour une simple page de liens, oui : même principe, sans compte, sans abonnement et sans logo imposé. En revanche, il n’y a ni statistiques de clics ni programmation, puisque la page ne contient aucun script. Pour mesurer les clics, ajoutez des paramètres UTM à vos liens et consultez votre propre outil d’analyse.

    Ma photo est-elle envoyée quelque part ?

    Non. Votre navigateur lit l’image et l’écrit dans le fichier HTML sous forme de texte. Rien ne quitte votre appareil tant que vous ne publiez pas le fichier vous-même.

    Pourquoi ma photo alourdit-elle autant le fichier ?

    La photo est intégrée à la page : son poids s’ajoute à celui du fichier. Une photo de téléphone pèse souvent plusieurs mégaoctets. Réduisez-la à environ 300 × 300 pixels et compressez-la avant de l’ajouter ; la page s’affichera presque instantanément.

    Puis-je modifier le HTML ensuite ?

    Oui. C’est du HTML et du CSS simples et lisibles. Ouvrez le fichier dans n’importe quel éditeur de texte pour ajouter une phrase, un pied de page ou des styles.

    Puis-je mettre un lien vers un numéro de téléphone ou une adresse courriel ?

    Oui. Saisissez l’adresse courriel telle quelle : elle devient un lien mailto:. Pour un numéro, tapez tel: suivi du numéro au format international, par exemple tel:+15145550123.

    Outils similaires