Bio-lingi lehe koostaja
Koosta bio-lingi leht oma foto, tutvustuse, linkide ja värvidega ning laadi alla üks iseseisev HTML-fail, mida saad kõikjal majutada – tasuta ja ilma kontota.
Eelvaade
Kontrollid
Probleeme ei leitud.
HTML-lähtekood
Kuidas oma bio-lingi lehte koostada
- Sisesta jaotises Profiil oma Nimi või kaubamärk ja Lühitutvustus. Tutvustuse reavahetused säilivad.
- Soovi korral lisa Profiilifoto: lohista pilt lohistamisalale või klõpsa sellel, et fail valida. Pildi loeb sinu brauser ja see manustatakse lehele; seda ei laadita kunagi üles.
- Täida jaotises Lingid iga nupu Lingi tekst ja Aadress (URL). Klõpsa rohkemate jaoks Lisa link, muuda järjekorda nuppudega ↑ ja ↓ ning eemalda link nupuga ×.
- Vali jaotises Kujundus Teema (Hele, Tume, Ookean, Päikeseloojang, Mets) või määra neli värvi ise, seejärel vali Nupu kuju ja Font.
- Vaata Eelvaade üle ja klõpsa Laadi alla index.html. Kopeeri HTML kopeerib sama koodi, kui eelistad selle olemasolevale saidile kleepida.
Laadi näide täidab näiteprofiili, et näeksid, milline leht välja näeb, ja Tühjenda alustab otsast peale.
Mida sa saad
Tulemus on üksainus HTML-fail, mille sees on kõik: laadid on reasisesed <style> plokis, foto on manustatud andme-URI-na ning JavaScripti, jälgimisskripti, veebifonti ega välist päringut ei ole. See teeb lehe väga kiireks (tavaliselt paar kilobaiti pluss foto), külastajate jaoks privaatseks ja aastateks säilitatavaks: puudub teenus, mis võiks sulguda, hinnakirja muuta või oma brändingu lisada.
Leht on kohanduv: nupud täidavad telefonis ekraani laiuse ja jäävad lauaarvutis mugava laiusega. Sellel on lang atribuut, viewport-silt, pealkiri (sinu nimi) ja metakirjeldus (sinu tutvustus), nii et see näeb hea välja otsingutulemustes ja lingieelvaadetes. Veebisaitide lingid avatakse atribuudiga rel="noopener" ning e-posti aadressid muutuvad automaatselt mailto: linkideks.
Kontrollid
Loend Kontrollid märgib lingid, mille aadress ei ole kehtiv veebi-, mailto: ega tel: aadress. Sellised lingid jäetakse välja, mitte ei avaldata katkisena, ja midagi nagu javascript: lükatakse alati tagasi. Samuti hoiatab see, kui nuppude või lehe teksti kontrastsus on alla 4,5:1, mis on WCAG tase tavalise teksti jaoks, ja kui foto on raske. 300 × 300 pikslit foto on 104-pikslise ümara avatari jaoks täiesti piisav, ka suure tihedusega ekraanidel.
Kuidas leht internetti panna
Fail vajab veebiaadressi, enne kui saad selle oma Instagrami, TikToki või YouTube’i profiili kleepida. Kolm levinud varianti:
- GitHub Pages (tasuta): loo avalik hoidla, lae
index.htmlüles, seejärel vali jaotises Settings → Pages avaldamine põhiharust. Leht ilmub aadressilehttps://sinu-kasutajanimi.github.io/hoidla-nimi/. - Netlify Drop (tasuta): pane
index.htmlkausta ja lohista kaust Netlify Dropi lehele. Saad kohe juhusliku aadressi; saidi säilitamiseks, ilusama nime valimiseks või oma domeeni ühendamiseks loo tasuta konto. - Oma majutus: lae fail üles oma majutuse failihalduri või FTP-ga, näiteks kausta
links, et saada aadresshttps://sinu-domeen.ee/links/.
Lehe hilisemaks uuendamiseks muuda vormi, lae fail uuesti alla ja asenda vana.
Korduma kippuvad küsimused
Kas see on tasuta Linktree'i alternatiiv?
Lihtsa linkide lehe jaoks jah. Saad sama sorti lehe ilma konto, tellimuse ja brändinguta. Seda, mida sa ei saa, on klikistatistika ja ajastamine, sest lehel ei ole skripte. Kui tahad klikke mõõta, lisa linkidele UTM-parameetrid ja loe neid oma analüütikast.
Kas minu foto laaditakse kuhugi üles?
Ei. Pildi loeb sinu brauser ja kirjutab selle HTML-faili tekstina (andme-URI). Miski ei lahku sinu seadmest enne, kui avaldad faili ise.
Miks mu foto teeb faili nii suureks?
Foto on lehele manustatud, seega lisandub selle suurus faili suurusele. Telefonifoto võib kaaluda mitu megabaiti. Muuda selle suuruseks umbes 300 × 300 pikslit ja suru enne lisamist kokku: siis laaditakse leht peaaegu silmapilkselt.
Kas ma saan HTML-i hiljem muuta?
Jah. See on lihtne, loetav HTML ja CSS. Saad selle avada mis tahes tekstiredaktoris, et lisada tekstirida, jalus või lisalaade.
Kas ma saan linkida telefoninumbrile või e-posti aadressile?
Jah. Sisesta e-posti aadress sellisena, nagu see on, ja see muutub mailto: lingiks. Telefoninumbri jaoks sisesta tel: ja number rahvusvahelisel kujul, näiteks tel:+3725550123.
Seotud tööriistad
- WhatsAppi lingi generaator Loo wa.me vestluse link eeltäidetud sõnumi, õigesti vormindatud rahvusvahelise numbri, HTML-koodi ja QR-koodiga.
- QR-koodi generaator Loo QR-koode linkidele, tekstile, Wi-Fi-le, kontaktidele, e-postile ja SMS-ile. Lisa värvid ja logo, siis laadi alla PNG või SVG. Midagi ei lahku seadmest.
- UTM-lingi koostaja Koosta Google Analyticsi jaoks UTM-parameetritega kampaania-URL-id, üks link või sadu korraga, olemasolevate päringustringide säilitamise ja CSV-ekspordiga.
- Open Graphi ja sotsiaalkaardi generaator Loo Open Graphi ja X-i (Twitteri) kaardi metasildid ning vaata eelvaates, kuidas sinu link Facebookis, LinkedInis ja X-is jagamisel välja näeb.