← Білім қоры
БІЛІМ ҚОРЫ / 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 баптауы бар пайдаланушылар үшін оларды өшірген жөн, ал мәтін анимацияда немесе canvas-та емес, HTML-де болуы тиіс.

Сайтты іске қосар алдында қалай тексеру керек?

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