Link in bio – pravljenje stranice
Napravi link in bio stranicu sa fotografijom, biografijom, linkovima i bojama, pa preuzmi jedan samostalan HTML fajl koji možeš da postaviš bilo gde.
Pregled
Provere
Nisu pronađeni problemi.
HTML kod
Kako da napraviš link in bio stranicu
- Pod Profil upiši Ime ili brend i Kratka biografija. Prelomi redova u biografiji se zadržavaju.
- Po želji dodaj Profilna fotografija (opciono): prevuci sliku na zonu za otpuštanje ili klikni na nju da izabereš fajl. Sliku čita tvoj pregledač i ugrađuje je u stranicu; nikada se ne otprema.
- Pod Linkovi popuni Tekst linka i Adresa (URL) svakog dugmeta. Klikni Dodaj link za još dugmadi, dugmadima ↑ i ↓ menjaj redosled, a sa × ukloni jedno.
- Pod Dizajn izaberi Tema (Svetla, Tamna, Okean, Zalazak sunca, Šuma) ili sam podesi četiri boje, pa izaberi Oblik dugmeta i Font.
- Proveri Pregled, pa klikni Preuzmi index.html. Kopiraj HTML kopira isti kod ako ga radije lepiš u postojeći sajt.
Učitaj primer popunjava probni profil da vidiš kako stranica izgleda, a Očisti počinje iznova.
Šta dobijaš
Rezultat je jedan HTML fajl sa svim unutra: stilovi su inline u <style> bloku, fotografija je ugrađena kao data URI, a nema JavaScripta, skripti za praćenje, veb-fontova ni spoljnih zahteva. Zbog toga je stranica veoma brza (obično nekoliko kilobajta plus fotografija), privatna za tvoje posetioce i laka za čuvanje godinama: nema servisa koji može da se ugasi, promeni cene ili doda svoj brend.
Stranica je prilagodljiva: dugmad popunjavaju širinu telefona, a na računaru ostaju udobne širine. Sadrži lang atribut, viewport oznaku, naslov (tvoje ime) i meta opis (tvoju biografiju), pa lepo izgleda u rezultatima pretrage i pregledima linkova. Linkovi ka veb-sajtovima otvaraju se sa rel="noopener", a adrese e-pošte automatski postaju mailto: linkovi.
Provere
Lista Provere označava linkove čija adresa nije ispravna veb, mailto: ili tel: adresa. Takvi linkovi se izostavljaju umesto da se objave pokvareni, a sve poput javascript: uvek se odbija. Upozorava i kada je kontrast teksta dugmadi ili stranice ispod 4,5:1, što je WCAG nivo za običan tekst, i kada je fotografija teška. Fotografija od 300 × 300 piksela sasvim je dovoljna za okrugli avatar od 104 piksela, čak i na ekranima visoke gustine.
Kako da postaviš stranicu na internet
Fajlu je potrebna veb-adresa pre nego što je staviš u biografiju na Instagramu, TikToku ili YouTubeu. Tri uobičajene opcije:
- GitHub Pages (besplatno): napravi javni repozitorijum, otpremi
index.html, pa u Settings → Pages izaberi objavljivanje sa glavne grane. Stranica se pojavljuje nahttps://tvoje-korisnicko-ime.github.io/ime-repozitorijuma/. - Netlify Drop (besplatno): stavi
index.htmlu fasciklu i prevuci je na stranicu Netlify Drop. Odmah dobijaš nasumičnu adresu; napravi besplatan nalog da zadržiš sajt i izabereš lepše ime ili povežeš sopstveni domen. - Sopstveni hosting: otpremi fajl preko upravljača fajlovima svog hosta ili FTP-om, na primer u fasciklu
links, da dobiješhttps://tvoj-domen.com/links/.
Da kasnije ažuriraš stranicu, promeni obrazac, ponovo preuzmi fajl i zameni stari.
Česta pitanja
Da li je ovo besplatna alternativa za Linktree?
Za jednostavnu stranicu sa linkovima, da. Dobijaš istu vrstu stranice bez naloga, pretplate i tuđeg brenda. Ne dobijaš statistiku klikova ni zakazivanje, jer stranica nema skripte. Ako želiš da meriš klikove, dodaj UTM parametre linkovima i prati ih u sopstvenoj analitici.
Da li se moja fotografija negde otprema?
Ne. Sliku čita tvoj pregledač i upisuje je u HTML fajl kao tekst (data URI). Ništa ne napušta tvoj uređaj dok sam ne objaviš fajl.
Zašto je fajl zbog moje fotografije toliko veliki?
Fotografija je ugrađena u stranicu, pa njena veličina povećava fajl. Fotografija sa telefona može da ima nekoliko megabajta. Smanji je na oko 300 × 300 piksela i kompresuj pre dodavanja: stranica će se učitavati gotovo trenutno.
Mogu li kasnije da menjam HTML?
Da. To je običan, čitljiv HTML i CSS. Možeš da ga otvoriš u bilo kom uređivaču teksta i dodaš red teksta, podnožje ili dodatne stilove.
Mogu li da linkujem broj telefona ili adresu e-pošte?
Da. Upiši adresu e-pošte kakva jeste i postaće mailto: link. Za broj telefona upiši tel: pa broj u međunarodnom formatu, na primer tel:+381111234567.
Srodni alati
- WhatsApp link generator Napravi wa.me click-to-chat link sa unapred upisanom porukom, ispravno oblikovanim međunarodnim brojem, HTML kodom i QR kodom.
- QR kod generator Napravi besplatne QR kodove za linkove, tekst, Wi-Fi, kontakte, imejl i SMS. Dodaj boje i logotip, pa preuzmi PNG ili SVG. Ništa ne napušta tvoj uređaj.
- UTM generator linkova Pravi URL-ove kampanja sa UTM parametrima za Google Analytics, jedan link ili stotine odjednom, uz zadržavanje postojećeg upita i izvoz u CSV.
- Open Graph generator Generiši Open Graph i X (Twitter) card meta tagove uz pregled uživo kako tvoj link izgleda kada se deli na Facebooku, LinkedInu i X-u.