Конструктор на страница с линкове за био (Link in Bio)

Как да създадете страница с линкове за био

1. В Профил въведете Име или марка и Кратко представяне. Новите редове в представянето се запазват.
2. По желание добавете Профилна снимка (по избор): пуснете изображение в зоната или щракнете върху нея, за да изберете файл. Изображението се чете от браузъра ви и се вгражда в страницата; никога не се качва.
3. В Връзки попълнете Текст на връзката и Адрес (URL) за всеки бутон. Натиснете Добави връзка за още, използвайте бутоните ↑ и ↓ за промяна на реда и × за премахване.
4. В Дизайн изберете Тема (Светла, Тъмна, Океан, Залез, Гора) или задайте сами четирите цвята, после изберете Форма на бутоните и Шрифт.
5. Проверете Преглед, после натиснете Изтегли index.html. Копирай HTML копира същия код, ако предпочитате да го поставите в съществуващ сайт.

Зареди пример попълва примерен профил, за да видите как изглежда страницата, а Изчисти започва отначало.

Всичко работи във вашия браузър. Файловете ви остават на вашето устройство: никога не се качват.

Какво получавате

Резултатът е един HTML файл с всичко вътре: стиловете са вградени в блок <style>, снимката е вградена като data URI, а JavaScript, скрипт за проследяване, уеб шрифт и външна заявка няма. Затова страницата е много бърза (обикновено няколко килобайта плюс снимката), поверителна за посетителите ви и лесна за запазване с години: няма услуга, която може да спре, да смени цените си или да добави своя марка.

Страницата е адаптивна: бутоните заемат цялата ширина на телефона и остават с удобна ширина на компютър. Тя включва атрибут lang, viewport таг, заглавие (вашето име) и meta описание (вашето представяне), така че изглежда добре в резултатите от търсене и при визуализация на връзки. Връзките към уебсайтове се отварят с rel="noopener", а имейл адресите автоматично стават връзки mailto:.

Проверките

Списъкът Проверки отбелязва връзки, чийто адрес не е валиден уеб адрес, mailto: или tel:. Такива връзки се пропускат, вместо да се публикуват повредени, а всичко от рода на javascript: винаги се отхвърля. Той предупреждава и когато контрастът на текста на бутоните или на страницата е под 4,5:1, нивото по WCAG за нормален текст, и когато снимката е тежка. Снимка от 300 × 300 пиксела е напълно достатъчна за кръгъл аватар от 104 пиксела, дори на екрани с висока плътност.

Как да публикувате страницата онлайн

Файлът се нуждае от уеб адрес, преди да можете да го поставите в био на Instagram, TikTok или YouTube. Три разпространени възможности:

• GitHub Pages (безплатно): създайте публично хранилище, качете index.html, после в Settings → Pages изберете публикуване от главния клон. Страницата се появява на https://вашето-потребителско-име.github.io/име-на-хранилището/.
• Netlify Drop (безплатно): сложете index.html в папка и плъзнете папката върху страницата на Netlify Drop. Получавате случаен адрес веднага; създайте безплатен акаунт, за да запазите сайта и да изберете по-хубаво име или да свържете собствен домейн.
• Собствен хостинг: качете файла с файловия мениджър на хостинга или чрез FTP, например в папка links, за да получите https://вашия-домейн.bg/links/.

За да обновите страницата по-късно, променете формата, изтеглете файла отново и заменете стария.