← База ведаў
БАЗА ВЕДАЎ / 12

Сайт і зручнасць

Адаптыўнасць, хуткасць, даступнасць, формы і праверка перад запускам — што робіць сайт зручным і канверсійным.

Што такое адаптыўны сайт?

Сайт, які на адным URL перабудоўвае макет пад шырыню экрана — тэлефон, планшэт, камп’ютар — без асобнай мабільнай версіі. Правяраюць на шырынях ад 320 px: тэкст чытаецца без маштабавання, кнопкі не менш за 44×44 px, няма гарызантальнай пракруткі, формы і меню працуюць пальцам. Гэта ж патрабаванне Google да mobile-first-індэксацыі.

Чаму важная хуткасць сайта?

Павольная старонка губляе наведвальнікаў яшчэ да загрузкі: многія мабільныя карыстальнікі сыходзяць, калі чаканне перавышае 3 секунды. Хуткасць уваходзіць у сігналы ранжыравання праз Core Web Vitals. Асноўныя прычыны павольнай загрузкі: цяжкія выявы без сціскання і WebP/AVIF, шмат старонніх скрыптоў (віджэты, чаты, пікселі), павольны хостынг, адсутнасць кэшавання.

Што такое даступнасць сайта?

Магчымасць карыстацца сайтам людзям з рознымі абмежаваннямі: з клавіятуры, праз скрынрыдар, пры дрэнным зроку. Базавыя патрабаванні WCAG 2.2: кантраст тэксту не ніжэй за 4,5:1, подпісы да палёў форм, alt у інфарматыўных выяў, бачны фокус, лагічны парадак загалоўкаў. Даступны сайт зручнейшы ўсім і лепш зразумелы ботам.

Ці патрэбна мабільная навігацыя?

Так. На тэлефоне меню павінна адкрывацца адным націскам, пункты быць буйнымі і з водступамі, а ключавыя дзеянні — патэлефанаваць, напісаць, пакінуць заяўку — даступныя без пошуку па старонцы. Бургер-меню павінна кіравацца з клавіятуры і паведамляць скрынрыдару, адкрыта яно або закрыта. Усе спасылкі меню павінны быць і ў HTML, а не толькі ў скрыптах.

Якой павінна быць форма заяўкі?

Кароткай: імя, спосаб сувязі і неабавязковы каментарый — кожнае лішняе абавязковае поле зніжае канверсію. Подпісы над палямі, зразумелыя памылкі побач з полем, згода на апрацоўку даных са спасылкай на палітыку, паведамленне пра паспяховую адпраўку і тэрмін адказу. Адпраўка — па HTTPS на сервер, з абаронай ад спаму, якая не перашкаджае людзям.

Навошта паказваць кошты на сайце?

Кошт — адно з першых пытанняў кліента. Указаны кошт або дыяпазон «ад» адсякае непадыходныя звароты і паскарае рашэнне. Для Яндэкса кошты — частка камерцыйных фактараў, для AI-сістэм — факт, які яны могуць перадаць карыстальніку. Калі кошт залежыць ад аб’ёму, пакажыце арыенцір і тое, ад чаго ён мяняецца.

Ці трэба рабіць сайт на некалькіх мовах?

Толькі калі кліенты шукаюць і прымаюць рашэнне на гэтых мовах і вы гатовыя падтрымліваць пераклад: абнаўляць кошты, паслугі і кантакты ва ўсіх версіях адначасова. Састарэлая або машынная моўная версія шкодзіць мацней, чым яе адсутнасць. Тэхнічна кожнай версіі патрэбны свой URL, узаемны hreflang і поўны пераклад інтэрфейсу і форм.

Як правільна аформіць FAQ?

Бярыце пытанні з рэальных зваротаў і групуйце па тэмах. Першы сказ адказу — прамы адказ, далей — дэталі і ўмовы. Кожны адказ павінен быць зразумелы без астатніх. Не дублюйце адно пытанне рознымі фармулёўкамі і не ўстаўляйце ключавыя словы дзеля частаты. Разметка FAQPage дапамагае машынам распазнаць структуру.

Ці можна выкарыстоўваць анімацыі?

Так, калі яны дапамагаюць, а не перашкаджаюць: падсвечваюць змены, паказваюць сувязь элементаў, даюць зваротную сувязь на дзеянне. Абмежаванні: анімацыі не павінны затрымліваць з’яўленне кантэнту і зрушваць макет (CLS), для карыстальнікаў з наладай prefers-reduced-motion іх варта адключаць, а тэкст павінен быць у HTML, а не ў анімацыі або canvas.

Як праверыць сайт перад запускам?

Чэк-ліст: мабільныя шырыні ад 320 px; навігацыя з клавіятуры; усе формы адпраўляюцца і лісты даходзяць; title, description, canonical і hreflang на кожнай старонцы; robots.txt не закрывае сайт, няма noindex з тэставага асяроддзя; sitemap.xml актуальны; рэдырэкты са старых URL; HTTPS і HSTS; старонка 404; аналітыка і мэты; хуткасць па PageSpeed Insights.