Link i bio – lav din egen bio-side

Sådan laver du din link-i-bio-side

1. Under Profil skriver du dit Navn eller brand og en Kort bio. Linjeskift i bioen bevares.
2. Tilføj eventuelt et Profilbillede (valgfrit): slip et billede på feltet, eller klik på det for at vælge en fil. Billedet læses af din browser og indlejres i siden; det uploades aldrig.
3. Under Links udfylder du Linktekst og Adresse (URL) for hver knap. Klik på Tilføj et link for flere, brug knapperne ↑ og ↓ til at ændre rækkefølgen og × for at fjerne et.
4. Under Design vælger du et Tema (Lyst, Mørkt, Hav, Solnedgang, Skov) eller indstiller de fire farver selv, og derefter Knapform og Skrifttype.
5. Se på Eksempel, og klik derefter på Download index.html. Kopiér HTML kopierer den samme kode, hvis du hellere vil indsætte den på et eksisterende websted.

Indlæs eksempel udfylder en eksempelprofil, så du kan se, hvordan siden ser ud, og Ryd starter forfra.

Alt kører i din browser. Intet, du indtaster, sendes til en server.

Det får du

Resultatet er én HTML-fil med alt indeni: typografien ligger inline i en <style>-blok, fotoet er indlejret som en data-URI, og der er ingen JavaScript, intet sporingsscript, ingen webskrifttype og ingen eksterne forespørgsler. Det gør siden meget hurtig (normalt nogle få kilobyte plus fotoet), privat for dine besøgende og nem at beholde i årevis: der er ingen tjeneste, der kan lukke, ændre priser eller tilføje sin egen branding.

Siden er responsiv: knapperne fylder hele bredden på en mobil og holder en behagelig bredde på en computer. Den indeholder en lang-attribut, et viewport-tag, en titel (dit navn) og en meta-beskrivelse (din bio), så den ser fin ud i søgeresultater og linkvisninger. Links til websteder åbnes med rel="noopener", og e-mailadresser bliver automatisk til mailto:-links.

Kontrollerne

Listen Kontrol markerer links, hvis adresse ikke er en gyldig web-, mailto:- eller tel:-adresse. Sådanne links udelades i stedet for at blive udgivet ødelagte, og alt som javascript: afvises altid. Den advarer også, når tekstkontrasten på knapperne eller siden er under 4,5:1, WCAG-niveauet for almindelig tekst, og når fotoet er tungt. Et foto på 300 × 300 pixel er rigeligt til en rund avatar på 104 pixel, også på skærme med høj tæthed.

Sådan lægger du siden online

Filen skal have en webadresse, før du kan indsætte den i din bio på Instagram, TikTok eller YouTube. Tre almindelige muligheder:

• GitHub Pages (gratis): opret et offentligt repository, upload index.html, og vælg derefter under Settings → Pages at udgive fra hovedgrenen. Siden vises på https://dit-brugernavn.github.io/repository-navn/.
• Netlify Drop (gratis): læg index.html i en mappe, og træk mappen over på Netlify Drop-siden. Du får straks en tilfældig adresse; opret en gratis konto for at beholde siden og vælge et pænere navn eller koble dit eget domæne på.
• Dit eget webhotel: upload filen med din udbyders filhåndtering eller FTP, for eksempel i en mappe links, så du får https://dit-domaene.dk/links/.

Når du senere vil opdatere siden, ændrer du formularen, downloader filen igen og erstatter den gamle.