Tvůrce stránky s odkazy v bio

Jak vytvořit stránku s odkazy v bio

1. V části Profil napiš Jméno nebo značka a Krátké bio. Zalomení řádků v bio se zachovají.
2. Volitelně přidej Profilová fotka (volitelné): přetáhni obrázek do vyznačené oblasti nebo na ni klikni a vyber soubor. Obrázek načte tvůj prohlížeč a vloží ho do stránky; nikdy se nenahrává na server.
3. V části Odkazy vyplň u každého tlačítka Text odkazu a Adresa (URL). Kliknutím na Přidat odkaz přidáš další, tlačítky ↑ a ↓ změníš pořadí a × odkaz odebereš.
4. V části Vzhled vyber Motiv (Světlý, Tmavý, Oceán, Západ slunce, Les) nebo si nastav čtyři barvy sám, pak vyber Tvar tlačítek a Písmo.
5. Zkontroluj Náhled a klikni na Stáhnout index.html. Kopírovat HTML zkopíruje stejný kód, pokud ho raději vložíš do existujícího webu.

Tlačítko Načíst příklad vyplní ukázkový profil, abys viděl, jak stránka vypadá, a Vymazat začne znovu.

Co dostaneš

Výsledkem je jediný soubor HTML, který má všechno uvnitř: styly jsou vložené v bloku <style>, fotka je vložena jako data URI a neexistuje žádný JavaScript, žádný sledovací skript, žádné webové písmo ani externí požadavek. Stránka je proto velmi rychlá (obvykle pár kilobajtů plus fotka), ohleduplná k soukromí návštěvníků a snadno vydrží roky: neexistuje služba, která by mohla skončit, změnit ceník nebo přidat vlastní značku.

Stránka je responzivní: tlačítka vyplní šířku telefonu a na počítači zůstanou v příjemné šířce. Obsahuje atribut lang, značku viewport, titulek (tvé jméno) a meta popis (tvé bio), takže dobře vypadá ve výsledcích vyhledávání i v náhledech odkazů. Odkazy na weby se otevírají s rel="noopener" a e-mailové adresy se automaticky změní na odkazy mailto:.

Kontroly

Seznam Kontroly upozorní na odkazy, jejichž adresa není platná webová adresa ani adresa mailto: či tel:. Takové odkazy se vynechají, místo aby se publikovaly rozbité, a cokoli jako javascript: se vždy odmítne. Varuje také, když je kontrast textu tlačítek nebo stránky pod 4,5:1, tedy pod úrovní WCAG pro běžný text, a když je fotka těžká. Fotka 300 × 300 pixelů bohatě stačí pro kulatý avatar o velikosti 104 pixelů, i na displejích s vysokou hustotou.

Jak stránku zveřejnit

Soubor potřebuje webovou adresu, než ho vložíš do bio na Instagramu, TikToku nebo YouTube. Tři běžné možnosti:

• GitHub Pages (zdarma): vytvoř veřejný repozitář, nahraj index.html a v Settings → Pages zvol nasazení z hlavní větve. Stránka se objeví na https://tvoje-jmeno.github.io/nazev-repozitare/.
• Netlify Drop (zdarma): dej index.html do složky a přetáhni ji na stránku Netlify Drop. Okamžitě dostaneš náhodnou adresu; chceš-li web zachovat, vyber hezčí název nebo připoj vlastní doménu, vytvoř si bezplatný účet.
• Vlastní hosting: nahraj soubor správcem souborů nebo FTP u svého poskytovatele, například do složky links, a získáš https://tvoje-domena.cz/links/.

Chceš-li stránku později aktualizovat, změň formulář, stáhni soubor znovu a nahraď ten starý.