Creatore di pagine link in bio

Come creare la tua pagina link in bio

1. In Profilo, scrivi il tuo Nome o brand e una Bio breve. Gli a capo nella bio vengono mantenuti.
2. Se vuoi, aggiungi una Foto profilo: trascina un’immagine nell’area apposita o cliccala per scegliere un file. L’immagine viene letta dal tuo browser e incorporata nella pagina; non viene mai caricata.
3. In Link, compila il Testo del link e l’Indirizzo (URL) di ogni pulsante. Clicca Aggiungi un link per aggiungerne altri, usa i pulsanti ↑ e ↓ per cambiare l’ordine e × per toglierne uno.
4. In Aspetto, scegli un Tema (Chiaro, Scuro, Oceano, Tramonto, Foresta) o imposta tu i quattro colori, poi scegli la Forma dei pulsanti e il Carattere.
5. Controlla l’Anteprima, poi clicca Scarica index.html. Copia l’HTML copia lo stesso codice se preferisci incollarlo in un sito esistente.

Carica un esempio compila un profilo di prova per farti vedere com’è la pagina, e Cancella ricomincia da zero.

Cosa ottieni

Il risultato è un unico file HTML che contiene tutto: gli stili sono in un blocco <style> interno, la foto è incorporata come data URI e non ci sono JavaScript, script di tracciamento, web font o richieste esterne. Per questo la pagina è velocissima (di solito pochi kilobyte più la foto), rispetta la privacy dei tuoi visitatori ed è facile da conservare per anni: non c’è nessun servizio che possa chiudere, cambiare i prezzi o aggiungere il proprio marchio.

La pagina è responsive: i pulsanti occupano la larghezza di uno smartphone e restano di una larghezza comoda su desktop. Include un attributo lang (qui it), un tag viewport, un titolo (il tuo nome) e una meta description (la tua bio), quindi si presenta bene nei risultati di ricerca e nelle anteprime dei link. I link ai siti web si aprono con rel="noopener" e gli indirizzi email diventano automaticamente link mailto:.

I controlli

L’elenco Controlli segnala i link il cui indirizzo non è un indirizzo web, mailto: o tel: valido. Questi link vengono esclusi invece di essere pubblicati non funzionanti, e qualunque cosa come javascript: viene sempre rifiutata. Ti avvisa anche quando il contrasto del testo dei pulsanti o della pagina è inferiore a 4,5:1, il livello WCAG per il testo normale, e quando la foto è troppo pesante. Una foto di 300 × 300 pixel è più che sufficiente per un avatar rotondo di 104 pixel, anche sugli schermi ad alta densità.

Come mettere la pagina online

Il file ha bisogno di un indirizzo web prima che tu possa incollarlo nella bio di Instagram, TikTok o YouTube. Tre soluzioni comuni:

• GitHub Pages (gratis): crea un repository pubblico, carica index.html, poi in Settings → Pages scegli di pubblicare dal branch principale. La pagina compare su https://tuo-nome-utente.github.io/nome-repository/.
• Netlify Drop (gratis): metti index.html in una cartella e trascina la cartella sulla pagina di Netlify Drop. Ottieni subito un indirizzo casuale; crea un account gratuito per conservare il sito e scegliere un nome più carino o collegare il tuo dominio.
• Il tuo hosting: carica il file con il file manager del tuo provider o via FTP, per esempio in una cartella links, per ottenere https://tuo-dominio.it/links/.

Per aggiornare la pagina in seguito, modifica il modulo, scarica di nuovo il file e sostituisci quello vecchio.