Инженерлік блог

Қазақстандық компаниялардың сайттарындағы топ 10 қателік: неге сіз клиенттерден айырылып жатырсыз

31.07.2026
Шарафутдинов Р.

Сәлем, хастлерлер, фаундерлер және қатал B2B-директорлар! Байланыста Шарафутдинов Р. ОЗАТ зертханасының (OZAT Lab) жұмыс істеген жылдарында біз көптеген жобаларға терең техникалық аудит жасадық, инфрақұрылымдық дебаг жүргіздік және жүйелерді Google Cloud платформасына көшірдік. Біздің инженерлік командамыз көзден жас ағызатын ескірген кодты да, сәл ғана жүктеме түссе құлап қалатын сенімсіз серверлерді де көрді. Бірақ ең өкініштісі не екенін білесіз бе? Керемет өнім немесе бірегей қызмет тек компанияның веб-сайты клиент үшін кедергілер жолағы болғаны үшін ғана сатылмай, лидтерді жоғалтып жатқан кезде.

Бүгін мен сіздерге арнап ультимативті техникалық лид-магнит жинадым: қазақстандық бизнес сайттарындағы ең жиі кездесетін, ең ақымақ және ең қымбат 10 қателік. Бұл жай ғана "ой, мына түймешік сәл қисайып кетіпті" деген эстетикалық мәселе емес. Бұл күн сайын миллиондаған теңгені жоғалтуға әкелетін жүйелік және архитектуралық багтар. Егер сіз өз бизнесіңіздің цифрлық инфрақұрылымын жаңа деңгейге көтергіңіз келсе, белдікті тағыңыз. Кеттік!

1. "Тасбақа жарысы" немесе Баяу жүктелу (Әсіресе мобильді құрылғыларда)

Аулада 2026 жыл, әлемде 5G технологиясы үстемдік етуде. Бірақ біз әлі күнге дейін браузерде ашылуы үшін 10-15 секунд қажет ететін сайттарды кездестіреміз. B2B саласында көптеген басшылар: «Біздің клиенттер кеңседе, десктоптық компьютерде, гигабиттік оптикалық интернетпен отырып, біздің сайтты шыдамдылықпен күтеді» деп ойлайды. Спойлер: күтпейді. Шын мәнінде, жабдықтаушы немесе сатып алу бөлімінің маманы қоймада, мобильді интернет нашар ұстайтын аймақта отырып, сіздің ауыр сайтыңызды ашуға тырысады. Нәтижесінде — тайм-аут және клиент бәсекелеске кетеді.

Google ұсынған Core Web Vitals көрсеткіштері, атап айтқанда LCP (Largest Contentful Paint — ең үлкен мазмұнды элементтің жүктелу уақыты) және FID (First Input Delay — алғашқы әрекетке жауап беру кідірісі) сайттың конверсиясына тікелей әсер етеді. Егер LCP көрсеткіші 2.5 секундтан асып кетсе, сіз потенциалды лидтердің тең жартысын жоғалтасыз.

ОЗАТ кейсі: Құрылыс материалдарының ірі отандық дистрибьюторы мобильді құрылғылардан түсетін конверсияның тым төмендігіне шағымданды. Біз капоттың астына кірдік — ал онда фронтендтің жалпы салмағы 15 мегабайттан асады, ал өнім суреттері ешқандай қысусыз, тіпті ескірген BMP форматында жүктелген! Біз жобаның архитектурасын толықтай қайта жаздық. Ауыр монолитті инфрақұрылымнан бас тартып, заманауи Next.js фреймворкін қолдандық. Оны контейнерлеп, Google Cloud Run серверсіз (serverless) платформасына деплой жасадық. Оған қоса статикалық контентті жылдам жеткізу үшін Cloud CDN жүйесін жалғадық және барлық суреттерді автоматты түрде заманауи WebP және AVIF форматтарына конвертациялайтын микросервис енгіздік. Нәтижесінде сайттың толық жүктелу уақыты 0.8 секундқа дейін қысқарды. Өтінімге конверсия бірінші аптаның өзінде 40%-ға өсті. Мораль: жылдамдық — бұл таза ақша.

Беттің жүктелу жылдамдығы және конверсия деңгейі

Жүктелу уақыты артқан сайын клиенттердің сайттан кету көрсеткіші өседі және конверсия төмендейді.

2. "Өлі" өтінім формалары (Лидтер зираты)

Бұл — қазақстандық веб-әзірлеудегі нағыз классика. Маркетинг бөлімі таргетке, контекстік жарнамаға миллиондаған бюджет құяды. Клиент жарнамалық сілтемемен өтіп, өнімді таңдайды, көптеген өрістерді толтырады және "Жіберу" түймесін басады. Бірақ экранда ештеңе өзгермейді немесе ең сорақысы — 500 Internal Server Error қателігі шығады. Кейде форма сәтті жіберілгендей көрінеді, бірақ өтінім деректері дерекқорға жазылмай, үш жыл бұрын жұмыстан шығып кеткен бұрынғы маркетологтың жеке поштасына бағытталып кетеді.

Сіз қаншама құнды өтінімдердің өңделместен тікелей /dev/null-ға (яғни, босқа) кетіп жатқанын елестете де алмайсыз. Мұндай мәселелерді болдырмау үшін жүйелі түрде серверлік логтарды тексеру қажет. Мысалы, Nginx логтарын мына команда арқылы нақты уақыт режимінде бақылауға болады: tail -f /var/log/nginx/error.log. Егер қателіктер жиі кездессе, бұл деректер базасының транзакцияларында немесе серверлік скрипттерде ақау барын білдіреді.

Қалыпты жұмыс істейтін вебхуктерді баптаңыз, деректерді бірден сенімді CRM жүйесіне жіберіңіз. Өтінімдердің жоғалып кетпеуі үшін RabbitMQ немесе Google Cloud Pub/Sub сияқты хабарламалар кезегін (message queue) қолданыңыз. Және өтініш, егер сіздің сайтыңызға нақты DDoS-шабуыл жасалып жатпаса, қарапайым клиентті гидранттар немесе бағдаршамдар бейнеленген суреттерді таңдап, күрделі капчаларды шешуге мәжбүрлемеңізші!

3. Салық декларациясы өлшеміндегі формалар

Формалар тақырыбын одан әрі тереңірек талдайық. Клиентпен БІРІНШІ байланыс орнату кезеңінде сізге оның ЖСН (ИИН), компанияның толық заңды атауы, банктік есепшоты, директорының аты-жөні немесе оның итінің лақап аты не үшін қажет? B2B-клиент көбіне алдын ала прайс-парақты жүктеп алғысы немесе жылдам кеңес алғысы келеді. Оған 15 міндетті өрісті толтыруға уақыт та, шыдамдылық та жетпейді.

Үйкеліс коэффициентін (friction) азайтыңыз. Бастапқы кезеңде тек екі өріс қалдырыңыз: "Атыңыз" және "Телефон нөмірі немесе Email". Болды, жеткілікті! Қалған барлық қажетті ақпаратты сіздің білікті сату бөліміңіз (sales team) тікелей телефонмен сөйлесу немесе жеке кездесу барысында анықтай алады. Деректерді жинау үшін HubSpot немесе Bitrix24 сияқты жүйелердің ыңғайлы API интерфейстерін біріктіріңіз. Өрістер саны неғұрлым аз болса, өтінім қалдыру деңгейі соғұрлым жоғары болады.

4. "Қарқынды дамып келе жатқан компания" (Сөз қоқысы)

Кез келген зауыттың немесе өндірістік кәсіпорынның сайтын аша қалсаңыз, басты бетте мынадай жазбаны көресіз: «Біз — нарықта серпінді және қарқынды дамып келе жатқан компаниямыз, өз саламыздың көшбасшысымыз, әр клиентке жеке тәсіл мен жоғары сапаны ұсынамыз». Бұл — бос сөз, ақпараттық шу. Клиентке сіздің "қарқындылығыңыз" мүлдем қызық емес.

Оған білу керек нақты техникалық фактілер мен шарттар:

  • Ертең Қарағандыға 10 тонна металл арматурасын жөнелте аласыз ба?
  • Төлемді 30 күнге кейінге қалдыру (отсрочка платежа) мүмкіндігі бар ма?
  • Өнімнің сапа сертификаттары МЕМСТ (ГОСТ) талаптарына сай ма?

Сайттағы суды алып тастаңыз. Фактілермен және сандармен сөйлесіңіз: "Нарықта 2010 жылдан бері жұмыс істейміз", "Өзіміздің 25 жүк көлігінен тұратын автопаркіміз бар", "Қоймадағы тауарды 2 сағат ішінде жөнелтуге дайындаймыз". Заманауи UX/UI тек әдемі дизайннан ғана емес, сонымен қатар сауатты мәтіндік архитектурадан (UX writing) құралады.

5. Мобильді нұсқа? Жоқ, естімеппіз

Көптеген отандық B2B-компаниялар әлі күнге дейін олардың негізгі клиенттері — тек қана 27 дюймдік кәсіби мониторлардың артында, кеңседе отыратын костюм киген байсалды тұлғалар деп санайды. Жігіттер мен қыздар, ояныңыздар! Қазіргі таңда кез келген шешім қабылдайтын тұлға (ЛПР) — жолда таксиде келе жатқан, әуежайда рейсті күтіп отырған немесе жиналыста смартфон ұстап отырған адам. Егер сіздің сайтыңыз мобильді құрылғыда бейімделмеген (adaptive design жоқ) болса және экрандағы кішкентай сілтемелерді басу үшін саусақпен үлкейтуді қажет етсе, сіз мобильді трафиктің кем дегенде 60%-ын бірден жоғалтасыз.

Google іздеу алгоритмдері бұрыннан бері Mobile-First Indexing принципімен жұмыс істейді. Бұл дегеніміз — егер сайтыңыздың мобильді нұсқасы нашар болса, іздеу нәтижелерінде (SEO) ешқашан жоғары орындарға шыға алмайсыз. Сайтыңызды Tailwind CSS немесе Bootstrap сияқты заманауи фреймворктер арқылы толық адаптивті етіп жасаңыз немесе оны PWA (Progressive Web App) форматына көшіріңіз.

6. Қалыпты UI орнына ауыр PDF немесе Excel прайс-парақтары

Бұл — қазақстандық өнеркәсіптік сайттардың ең ауыр дерті. Клиент құрылыс материалдарының немесе қосалқы бөлшектердің бағасын білгісі келіп, "Прайс-парақ" түймесін басады. Осы кезде оның смартфонына автоматты түрде 40 қойындыдан тұратын, салмағы 50 мегабайттық price_final_v3_updated.xlsx файлы жүктеле бастайды. Бұл мобильді интернетті тауысып қана қоймайды, оны телефонда ашудың өзі үлкен азап.

Неліктен ыңғайлы іздеу және сүзгілеу жүйесі бар интерактивті каталог жасамасқа? Біз ОЗАТ-та мұндай тапсырмалар үшін React немесе Vue.js негізінде жеңіл SPA (Single Page Applications) қосымшаларын жинаймыз. Мұндай жүйелерде прайс деректері дерекқордан миллисекундтар ішінде жүктеледі. Тіпті миллиондаған өнім позициялары болса да, Elasticsearch немесе Algolia технологияларын біріктіру арқылы іздеуді лезде жүзеге асыруға болады. Бұл пайдаланушыға ыңғайлы ғана емес, сонымен қатар іздеу жүйелеріндегі (SEO) рейтингті айтарлықтай көтереді.

7. Трафик ағыны кезінде сайттың құлауы (Масштабталудың жоқтығы)

Маусымдық жеңілдіктер, ірі тендерлердің жариялануы немесе Kaspi Жұма сияқты ауқымды науқандар кезінде сайтқа келетін трафик бірден 10-20 есеге өседі. Дәл осы сәтте сіздің айына 2000 теңге төлейтін қарапайым ортақ хостингіңіз (shared hosting) жүктемені көтере алмай, "Ал давай, сау бол!" деп өшіп қалады. Сервер жауап бермейді, клиенттер бәсекелестерге кетеді, ал маркетологтар мен басшылар шығынды есептеп, уайымдайды.

ОЗАТ кейсі: Ірі отандық ритейлер "Қара жұма" науқаны кезінде сайты құлап, бір тәулік бойы жұмыс істемей тұрғаннан кейін бізге көмекке жүгінді. Шығындар миллиондаған теңгені құрады. Біз олардың ескірген монолитті архитектурасын толығымен дербес контейнерлерге бөліп, Docker технологиясын қолдана отырып, Google Kubernetes Engine (GKE) басқаруындағы микросервистерге көшірдік. Келесі ірі сатылым кезінде жүйе трафиктің күрт өсуін автоматты түрде анықтап, HPA (Horizontal Pod Autoscaler) арқылы секундтар ішінде 50 жаңа под (инстанс) көтерді. Ал толқын басылған кезде ресурстарды үнемдеу үшін оларды қайтадан бастапқы қалыпқа жинады. Бірде-бір секунд даунтайм (downtime) болған жоқ. Міне, нағыз Cloud-native тәсілі деген осы.

Трафик өсімі кезіндегі сервердің жауап беру уақыты

Автоматты масштабтау (Auto-scaling) қосылған Kubernetes жүйесі мен дәстүрлі статикалық сервердің өнімділігін салыстыру (миллисекундпен).

8. "Бізбен байланысыңыз" (Минотавр лабиринті)

Сіздің байланыс телефон нөміріңіз қайда жасырылған? Неліктен ол сайттың ең астында (футерде), кішкентай сұр қаріппен жазылған? Неліктен мобильді құрылғыда ол нөмірді басқан кезде қоңырау шалу функциясы іске қосылмайды? Клиент нөмірді қағазға жазып алып, немесе мәтінді әрең көшіріп, содан кейін барып қоңырау шалу бағдарламасына қолмен енгізбеуі керек!

Сайттың кодында телефон нөмірін арнайы <a href="tel:+77071234567">+7 (707) 123-4567</a> форматында жазыңыз. Бір рет басу (one tap) — бірден қоңырау шалу. Сондай-ақ, Қазақстандағы ең танымал байланыс арнасы болып табылатын WhatsApp Business API батырмасын басты бетке міндетті түрде ыңғайлы етіп орналастырыңыз. Клиенттердің басым бөлігі ұзақ хат жазғаннан гөрі, мессенджерде жылдам жауап алғанды қалайды.

9. SSL-сертификаттың жоқтығы (HTTPS орнына HTTP)

Сіз сайтқа кіресіз, ал заманауи Google Chrome немесе Safari браузерлері мекенжай жолағында үлкен қызыл белгімен: "ҚАУІПСІЗ ЕМЕС" немесе "Not Secure" деп айқайлап жазады. Келісімшарт сомасы миллиондаған теңгемен өлшенетін B2B секторы үшін бұл — компанияның беделіне бірден нұқсан келтіретін өте өкінішті жағдай. Клиент сіздің сайтыңызға өз деректерін немесе төлем картасын сеніп тапсырудан қорқады.

Қазіргі таңда қауіпсіздікті қамтамасыз ететін SSL/TLS сертификатын орнату өте оңай. Let's Encrypt сияқты тегін қызметтерді пайдаланып, Certbot утилитасы арқылы автоматты түрде жаңартылатын сертификатты 5 минут ішінде баптауға болады. Мысалы, Nginx серверінде қауіпсіз қосылымды белсендіру үшін конфигурация файлына мына жолды қосу жеткілікті: listen 443 ssl;. Бұл қауіпсіздікті арттырып қана қоймай, іздеу жүйелеріндегі рейтингіңізге де оң әсер етеді.

10. Соқыр ұшу (Веб-аналитиканың жоқтығы)

Сайт жұмыс істеп тұр, ай сайын жарнамаға бюджет бөлінеді, қандай да бір өтінімдер келіп жатыр. Бірақ олар нақты қайдан келіп жатыр? Қай жарнамалық кампания сізге 10 миллион теңгенің келісімшартын әкелді, ал қайсысы бюджетті босқа құртты? Егер сіздің сайтыңызда заманауи Google Analytics 4 (GA4) немесе Facebook Pixel орнатылмаса, сіз бизнесіңізді көзіңізді байлап басқарып отырсыз.

Біз, ОЗАТ инженерлері, аналитикалық деректерсіз жүйенің қай жерінде кедергілер бар екенін (bottlenecks) анықтай алмаймыз. Сайттағы маңызды түймелерге арнайы ивенттерді (events) орнатыңыз, Google Tag Manager (GTM) жүйесін қосыңыз және барлық жарнамалық сілтемелерді UTM-белгілермен қамтамасыз етіңіз. Деректер — бұл жаңа мұнай. Оны босқа далаға төкпеңіз, әрбір әрекетті талдап, бизнес шешімдерді сандарға сүйеніп қабылдаңыз.

Қорытынды

Сіздің сайтыңыз — бұл жай ғана визитка емес, бұл сіздің басты цифрлық кеңсеңіз. Егер сіздің нақты кеңсеңіздің шатырынан су ағып, есігі ашылмай тұрса, клиенттер ол жерге екінші рет келмейді. Интернет кеңістігінде де дәл солай, тек айырмашылығы — бұл жерде бәсекелеске кету үшін клиентке тек бір рет басу (click) жеткілікті.

Өз интернет-жобаңызды осы 10 қателік бойынша тексеріп шығыңыз. Егер сіз өз сайтыңыздан 3-тен көп қателік тапсаңыз — бұл жүйені шұғыл түрде рефакторинг жасау немесе заманауи, сенімді бұлттық архитектураға миграциялау туралы байыпты ойлануға негіз болады.

ОЗАТ зертханасында біз жай ғана "сайттар жасамаймыз". Біз швейцариялық сағат сияқты дәл және мінсіз жұмыс істейтін, Google Cloud платформасында құрылған, ақауға төзімді, жоғары жылдамдықты және шексіз масштабталатын жүйелерді жобалаймыз. Егер сіздің бизнесіңізге кәсіби Senior-тәсіл мен сапалы техникалық қолдау қажет болса — бізге жазыңыз. Біздің техлидтер мен сәулетшілер әрқашан байланыста және сіздің инфрақұрылымыңызды жаңа биіктерге көтеруге дайын!

Рустам Шарафутдинов

Рустам Шарафутдинов

Инженерлік блог авторы

Google Cloud архитектурасы саласындағы сарапшы және 15 жылдан астам тәжірибесі бар Senior Full-Stack әзірлеушісі. Ақауға төзімді архитектураларға, жоғары жүктемелі жобаларды оңтайландыруға және AI (Vertex AI) интеграциясына маманданған.

Сараптама: GCP, Kubernetes, Микросервистер, React, Node.js

Пікірлер (0)