Sidebygger for lenke i bio

Slik bygger du lenke-i-bio-siden din

1. Under Profil skriver du inn Navn eller merke og en Kort bio. Linjeskift i bioen beholdes.
2. Om du vil, legger du til et Profilbilde: slipp et bilde i opplastingsfeltet eller klikk på det for å velge en fil. Bildet leses av nettleseren din og bygges inn på siden. Det lastes aldri opp.
3. Under Lenker fyller du inn Lenketekst og Adresse (URL) for hver knapp. Klikk Legg til en lenke for å få flere, bruk knappene ↑ og ↓ for å endre rekkefølgen og × for å fjerne en lenke.
4. Under Utforming velger du et Tema (Lys, Mørk, Hav, Solnedgang, Skog) eller setter de fire fargene selv, og deretter velger du Knappform og Skrifttype.
5. Sjekk forhåndsvisningen, og klikk Last ned index.html. Kopier HTML kopierer den samme koden hvis du heller vil lime den inn på en eksisterende side.

Last inn eksempel fyller inn en eksempelprofil slik at du ser hvordan siden blir. Tøm starter på nytt.

Hva du får

Resultatet er én enkelt HTML-fil med alt innebygd: stilene ligger i en <style>-blokk, bildet er innebygd som en data-URI, og det er ingen JavaScript, ingen sporingsskript, ingen nettskrifttype og ingen eksterne forespørsler. Det gjør siden svært rask (vanligvis noen få kilobyte pluss bildet), personvernvennlig for besøkende og enkel å beholde i mange år: det finnes ingen tjeneste som kan legge ned, endre prisene sine eller sette inn sin egen reklame for seg selv.

Siden er responsiv: knappene fyller bredden på en telefon og får en behagelig bredde på en datamaskin. Den inneholder et lang-attributt, en viewport-tagg, en tittel (navnet ditt) og en meta-beskrivelse (bioen din), så den vises fint i søkeresultater og lenkeforhåndsvisninger. Lenker til nettsteder får rel="noopener", og e-postadresser blir automatisk til mailto:-lenker.

Kontrollene

Listen Sjekker markerer lenker der adressen ikke er en gyldig nett-, mailto:- eller tel:-adresse. Slike lenker utelates i stedet for å bli publisert ødelagt, og adresser som javascript: avvises alltid. Listen advarer også når tekstkontrasten på knappene eller siden er under 4,5:1, WCAG-nivået for vanlig tekst, og når bildet er tungt. Et bilde på 300 × 300 piksler er mer enn nok for en rund avatar på 104 piksler, selv på skjermer med høy tetthet.

Slik legger du siden ut på nettet

Filen trenger en nettadresse før du kan lime den inn i Instagram-, TikTok- eller YouTube-bioen din. Tre vanlige alternativer:

• GitHub Pages (gratis): opprett et offentlig repository, last opp index.html, og velg deretter under Settings → Pages å publisere fra hovedgrenen. Siden blir tilgjengelig på https://ditt-brukernavn.github.io/repo-navn/.
• Netlify Drop (gratis): legg index.html i en mappe og dra mappen til Netlify Drop-siden. Du får en tilfeldig adresse med en gang. Opprett en gratis konto for å beholde nettstedet og velge et penere navn eller koble til ditt eget domene.
• Eget webhotell: last opp filen med filbehandleren eller via FTP, for eksempel i en mappe som heter lenker, så får du https://ditt-domene.no/lenker/.

Når du vil oppdatere siden senere, endrer du skjemaet, laster ned filen på nytt og erstatter den gamle.