Link in bio -sivun rakentaja

Näin rakennat link in bio -sivusi

1. Kirjoita kohtaan Profiili Nimi tai brändi ja Lyhyt esittely. Esittelyn rivinvaihdot säilyvät.
2. Lisää halutessasi Profiilikuva: pudota kuva pudotusalueelle tai valitse tiedosto napsauttamalla. Selaimesi lukee kuvan ja upottaa sen sivulle; sitä ei lähetetä palvelimelle.
3. Täytä kohdassa Linkit jokaisen painikkeen Linkin teksti ja Osoite (URL). Lisää linkki tuo lisää rivejä, nuolipainikkeet ↑ ja ↓ vaihtavat järjestystä ja × poistaa linkin.
4. Valitse kohdassa Ulkoasu Teema (Vaalea, Tumma, Meri, Auringonlasku, Metsä) tai aseta neljä väriä itse ja valitse sitten Painikkeen muoto ja Fontti.
5. Tarkista Esikatselu ja napsauta Lataa index.html. Kopioi HTML kopioi saman koodin, jos haluat liittää sen olemassa olevalle sivustolle.

Lataa esimerkki täyttää esimerkkiprofiilin, jotta näet sivun ulkoasun, ja Tyhjennä aloittaa alusta.

Mitä saat

Tuloksena on yksi HTML-tiedosto, jonka sisällä on kaikki: tyylit ovat <style>-lohkossa, kuva on upotettu data-URI:na, eikä mukana ole JavaScriptiä, seurantakoodia, verkkofonttia eikä ulkoisia pyyntöjä. Siksi sivu on hyvin nopea (yleensä muutama kilotavu plus kuva), yksityinen kävijöillesi ja helppo säilyttää vuosia: ei ole palvelua, joka voisi lopettaa, muuttaa hinnoitteluaan tai lisätä oman brändinsä.

Sivu mukautuu näytön kokoon: painikkeet täyttävät puhelimen leveyden ja pysyvät sopivan levyisinä työpöydällä. Mukana on lang-attribuutti, viewport-tagi, otsikko (nimesi) ja meta-kuvaus (esittelysi), joten sivu näkyy hyvin hakutuloksissa ja linkkien esikatseluissa. Verkkosivujen linkit avataan rel="noopener"-määreellä, ja sähköpostiosoitteista tulee automaattisesti mailto:-linkkejä.

Tarkistukset

Tarkistukset-lista huomauttaa linkeistä, joiden osoite ei ole kelvollinen web-, mailto:- tai tel:-osoite. Tällaiset linkit jätetään pois rikkinäisinä julkaisemisen sijaan, ja esimerkiksi javascript: hylätään aina. Lista varoittaa myös, kun painikkeiden tai sivun tekstin kontrasti on alle 4,5:1, joka on WCAG-tason raja tavalliselle tekstille, ja kun kuva on raskas. 300 × 300 pikselin kuva riittää hyvin 104 pikselin pyöreään profiilikuvaan myös tarkoilla näytöillä.

Näin julkaiset sivun verkossa

Tiedosto tarvitsee verkko-osoitteen, ennen kuin voit liittää sen Instagram-, TikTok- tai YouTube-profiiliisi. Kolme yleistä vaihtoehtoa:

• GitHub Pages (ilmainen): luo julkinen repositorio, lataa index.html ja valitse kohdassa Settings → Pages julkaisu main-haarasta. Sivu ilmestyy osoitteeseen https://kayttajanimesi.github.io/repositorion-nimi/.
• Netlify Drop (ilmainen): laita index.html kansioon ja vedä kansio Netlify Drop -sivulle. Saat heti satunnaisen osoitteen; luo ilmainen tili säilyttääksesi sivuston ja valitaksesi kauniimman nimen tai liittääksesi oman verkkotunnuksesi.
• Oma verkkopalvelu: lataa tiedosto palveluntarjoajasi tiedostonhallinnalla tai FTP:llä esimerkiksi linkit-kansioon, jolloin osoitteeksi tulee https://oma-verkkotunnuksesi.fi/linkit/.

Päivittääksesi sivun myöhemmin muuta lomaketta, lataa tiedosto uudelleen ja korvaa vanha.