Vebsayt hazırlanması

Vebsayt hazırlanması — dizayndan texniki SEO-ya

Saytın işi gözəl görünmək deyil — ziyarətçini müştəriyə çevirməkdir. Buna görə hər layihəyə struktur və konversiya yolundan başlayırıq: kim gəlir, nə axtarır, hansı addımı atmalıdır.

Xidmətə daxil olan işlər

  • Struktur və səhifə planı (sitemap)
  • UX axını və wireframe
  • UI dizayn — masaüstü və mobil ayrıca
  • Responsiv və mobil-öncə tərtibat
  • Sürət optimizasiyası (Core Web Vitals)
  • Texniki SEO: meta, başlıqlar, struktur data, sitemap
  • Analitika və konversiya izləmə quraşdırılması
Qiymətləndirmə üçün müraciət edin

Qısaca

Yaxşı sayt gözəl şablon deyil — düzgün qurulmuş qərar yoludur

Sayt sifariş edərkən söhbət çox vaxt dizaynla başlayır: rəng, şrift, animasiya. Praktikada isə nəticəyə ən çox təsir edən şeylər başqadır — struktur, mətnin aydınlığı, yüklənmə sürəti və əlaqə addımının nə qədər asan olması.

Ziyarətçi saytınıza konkret sualla gəlir: “bu mənim problemimi həll edirmi, nə qədərdir, kimlərlə işləyiblər, necə əlaqə saxlayım?” Sayt bu suallara ilk ekranlarda cavab vermirsə, dizaynın keyfiyyəti nəticəni dəyişmir.

Buna görə iş ardıcıllığımız belədir: əvvəlcə məqsəd və auditoriya, sonra struktur, sonra mətn məntiqi, sonra dizayn, ən sonda texniki icra. Dizaynla başlayan layihələr adətən sonda yenidən qurulur.

Hansı sayt növləri ilə işləyirik

  • Korporativ sayt

    Şirkət, xidmətlər, komanda, portfolio və əlaqə. Etibar qurmaq və müraciət toplamaq üçün.

  • Landing page

    Bir kampaniya, bir təklif, bir hədəf. Reklam trafikini konversiyaya çevirmək üçün optimallaşdırılmış tək səhifə.

  • Kataloq saytı

    Məhsul və xidmət çeşidinin strukturlaşdırılmış təqdimatı, onlayn ödəniş olmadan sorğu toplama.

  • Mövcud saytın yenidən qurulması

    Dizayn, sürət və struktur yenilənməsi — mövcud SEO dəyəri qorunmaq şərti ilə.

Həll etdiyimiz problemlər

Saytlarda ən çox rastlaşdığımız problemlər

Bu problemlərin çoxu görünməzdir: sayt işləyir, lakin müraciət gətirmir.

Yavaş yüklənmə

Optimizasiya edilməmiş şəkillər, artıq skriptlər və ağır şablonlar. Mobil internetdə hər əlavə saniyə ziyarətçi itkisidir.

Mobil təcrübə sonradan düşünülüb

Masaüstü dizayn kiçildilib. Nəticədə düymələr xırda, mətn oxunmaz, yan-yana sürüşmə yaranır — halbuki trafikin əksəriyyəti mobildir.

Təklif aydın deyil

İlk ekranda şirkətin nə etdiyi anlaşılmır. Ziyarətçi aşağı sürüşdürmür və çıxır.

Əlaqə addımı çətindir

Uzun forma, artıq tələb olunan məlumat, görünməyən telefon nömrəsi. Hər əlavə sahə konversiyanı azaldır.

Texniki SEO nəzərə alınmayıb

Başlıq və meta təsvirlər boşdur, başlıq iyerarxiyası pozulub, sitemap yoxdur, şəkillərdə alt mətn yoxdur.

Ölçmə qurulmayıb

Analitika yoxdur və ya səhv quraşdırılıb. Hansı səhifənin işlədiyi, ziyarətçinin harada tərk etdiyi bilinmir.

Yanaşma və proses

Layihənin mərhələləri

Hər mərhələnin sonunda təsdiq nöqtəsi var. Bu, sonda böyük dəyişiklik ehtiyacının qarşısını alır.

Müddət həcmə görə dəyişir: landing page adətən 2–3 həftə, korporativ sayt 4–8 həftə.

  1. Brif və məqsədin müəyyən edilməsi

    Saytın əsas vəzifəsi razılaşdırılır: müraciət toplamaq, satmaq, məlumat vermək, işə qəbul. Bir sayt hər şeyi eyni dərəcədə yaxşı edə bilməz.

  2. Struktur və səhifə planı

    Səhifələr, onların iyerarxiyası və URL strukturu müəyyən edilir. Mövcud sayt varsa, indeksdə olan URL-lər qorunur və ya düzgün yönləndirilir.

  3. UX axını və wireframe

    Hər səhifədə blokların ardıcıllığı və konversiya addımlarının yerləşməsi planlanır — dizayndan əvvəl, rəngsiz sxem şəklində.

  4. UI dizayn

    Vizual dil qurulur: tipoqrafiya, rəng sistemi, komponentlər. Mobil versiya ayrıca dizayn edilir, sadəcə kiçildilmir.

  5. Texniki icra

    Semantik HTML, responsiv tərtibat, şəkil optimizasiyası, sürət işi. Kontent serverdə hazır formada verilir ki, axtarış sistemləri onu problemsiz oxusun.

  6. Test, ölçmə və istifadəyə vermə

    Cihaz və brauzer testləri, sürət ölçməsi, texniki SEO yoxlaması, analitika və konversiya izləmə quraşdırılması, sonra istifadəyə vermə.

Təslim edilənlər

Nə təslim edilir

Sayt təkcə fayl toplusu deyil — sənədləşdirilmiş və ölçülə bilən sistemdir.

Struktur və URL planı

Səhifə iyerarxiyası, URL sxemi və daxili keçid məntiqi. Mövcud saytdan köçürmə halında yönləndirmə cədvəli.

UX/UI dizayn faylları

Masaüstü və mobil üçün ayrıca hazırlanmış səhifə dizaynları və komponent sistemi.

İşlək, sürətli sayt

Responsiv, optimallaşdırılmış şəkillər, minimal skript. Core Web Vitals göstəriciləri nəzərə alınaraq qurulur.

Texniki SEO bazası

Unikal başlıq və meta təsvirlər, düzgün başlıq iyerarxiyası, canonical, robots.txt, sitemap.xml, struktur data.

Analitika və konversiya izləmə

Analitika quraşdırılması, hədəf hadisələrin təyin edilməsi, reklam platformaları ilə əlaqələndirmə.

Təhvil sənədi və təlim

Kontentin necə yenilənəcəyi barədə qısa təlimat və istifadəyə vermə yoxlama siyahısı.

Ətraflı

Vebsayt hazırlanmasında əsas məsələlər

Bu bölmələr sayt sifariş etməzdən əvvəl aydınlaşdırılması faydalı olan məsələləri açır.

Sayta başlamazdan əvvəl cavablanmalı suallar

Layihələrin böyük hissəsində gecikmə və artıq xərc texniki səbəbdən deyil, işin başında verilməmiş suallardan doğur. Brifdə mütləq aydınlaşdırdığımız məsələlər:

  1. Saytın əsas vəzifəsi nədir? Müraciət toplamaq, onlayn satmaq, məlumat vermək və ya etibar qurmaq — prioritet bir olmalıdır.
  2. Kim gələcək? Auditoriya seqmentləri və onların əsas sualları.
  3. Hansı hərəkəti gözləyirik? Zəng, forma, WhatsApp mesajı, sifariş — konversiya hadisəsi konkret olmalıdır.
  4. Kontenti kim hazırlayacaq? Mətn və şəkillərin kimdə olduğu layihə müddətinə ən çox təsir edən amildir.
  5. Sayt hansı dillərdə olacaq? Çoxdilli struktur sonradan əlavə etmək bahalıdır, əvvəldən planlanmalıdır.
  6. Sonra kim idarə edəcək? Kontentin yenilənməsi daxili komanda tərəfindən aparılacaqsa, admin panel ehtiyacı əvvəlcədən müəyyən edilməlidir.

Praktik qeyd

Layihələrin ən çox gecikdiyi mərhələ dizayn və ya proqramlaşdırma deyil — kontentin hazırlanmasıdır. Mətn və şəkilləri layihənin başında planlaşdırmaq müddəti ciddi şəkildə qısaldır.

Struktur və URL planı

Struktur saytın onurğasıdır. Səhifələrin necə qruplaşdığı həm istifadəçinin naviqasiyasına, həm də axtarış sistemlərinin saytı necə anlamasına təsir edir.

Struktur qurarkən riayət etdiyimiz prinsiplər:

  • Hər xidmət üçün ayrı səhifə. Bütün xidmətləri bir səhifədə toplamaq həm istifadəçi, həm axtarış baxımından zəifdir.
  • Səthi iyerarxiya. Əsas səhifələr ana səhifədən bir-iki kliklə əlçatan olmalıdır.
  • Oxunaqlı URL-lər. Qısa, mənalı, latın hərfləri ilə: `/services/vebsayt` kimi.
  • Sabit URL-lər. Bir dəfə yayımlanan URL dəyişdirilmirsə, qazanılan SEO dəyəri qorunur.
  • Daxili keçidlər. Əlaqəli səhifələr bir-birinə mənalı bağlanır — həm istifadəçi üçün, həm indeksləmə üçün.

Mövcud saytı yeniləyərkən bu prinsip xüsusilə vacibdir: indeksdə olan URL-ləri lüzumsuz dəyişmirik. Dəyişiklik zəruri olduqda 301 yönləndirmə qurulur, daxili keçidlər və sitemap yenilənir.

UX: konversiya yolunun qurulması

UX dedikdə söhbət yalnız rahatlıqdan getmir — söhbət ziyarətçinin qərar verməsinə mane olan sürtünmələrin aradan qaldırılmasından gedir.

Səhifə strukturunda işlədiyimiz sıra:

  1. İlk ekran: nə təklif olunur, kimə və nə fayda verir. Bir cümlə ilə anlaşılmalıdır.
  2. Etibar: kimlərlə işlənib, hansı nəticə var, real şəkillər və konkret məlumat.
  3. İzah: xidmət və ya məhsul necə işləyir, mərhələlər nədir.
  4. Etirazlara cavab: qiymət aralığı, müddət, zəmanət, tez-tez verilən suallar.
  5. Hərəkət addımı: aydın, təkrarlanan və asan. Səhifə uzunsa, CTA bir neçə yerdə olur.

Formalar barədə praktik qayda: hər əlavə sahə konversiyanı azaldır. Başlanğıcda yalnız minimum məlumat toplayıb qalanını söhbətdə soruşmaq daha çox müraciət gətirir.

Mobil-öncə dizayn

Azərbaycanda sayt trafikinin böyük hissəsi mobil cihazlardan gəlir. Buna görə mobil versiya sonradan uyğunlaşdırılan bir hal deyil — dizaynın başlanğıc nöqtəsidir.

Mobil üçün ayrıca düşündüyümüz məsələlər:

  • Toxunma hədəflərinin ölçüsü. Düymələr barmaqla rahat basıla bilən ölçüdə olmalıdır.
  • Naviqasiya. Menyu bir toxunuşla açılmalı, əsas keçidlər dərinlikdə itməməlidir.
  • Mətn oxunaqlığı. Şrift ölçüsü və sətir uzunluğu kiçik ekranda ayrıca tənzimlənir.
  • Şəkil ölçüləri. Mobil üçün ayrı, kiçik ölçülü variantlar verilir.
  • Üfüqi sürüşmə olmaması. Geniş cədvəl və qalereyalar öz daxilində sürüşməlidir, səhifə isə yox.
  • Sadələşdirilmiş animasiya. Ağır effektlər mobil cihazda sürəti azaldır.

Sürət və Core Web Vitals

Sürət həm istifadəçi təcrübəsi, həm də axtarış nəticələri baxımından əhəmiyyətlidir. Google saytın sürətini üç əsas göstərici ilə qiymətləndirir:

GöstəriciNəyi ölçürPraktik məna
LCPƏsas məzmunun görünmə vaxtıZiyarətçi səhifənin “yükləndiyini” nə vaxt hiss edir
CLSTərtibatın sürüşməsiElementlər yüklənmə zamanı yerini dəyişirsə, istifadəçi səhv yerə toxunur
INPQarşılıqlı əlaqəyə cavab vaxtıDüyməyə toxunanda saytın nə qədər tez reaksiya verdiyi

Bu göstəriciləri yaxşılaşdırmaq üçün gördüyümüz işlər: şəkillərin müasir formatlarda (WebP/AVIF) və düzgün ölçüdə verilməsi, gec yüklənmə (lazy loading), şriftlərin öz serverimizdə saxlanılması və əvvəlcədən yüklənməsi, artıq JavaScript kitabxanalarından imtina, şəkil və video üçün ölçü atributlarının verilməsi.

Sürət optimizasiyası sonda edilən texniki iş deyil — hansı kitabxananın istifadə olunacağına dair ilk qərardan başlayır.

Texniki SEO: saytın indeksləmə üçün hazırlanması

Gözəl sayt axtarışda görünmürsə, onun dəyəri yalnız mövcud müştərilər üçündür. Texniki SEO saytın axtarış sistemləri tərəfindən düzgün oxunmasını təmin edir.

Hər layihədə tətbiq etdiyimiz minimum:

  • Hər səhifə üçün unikal başlıq (title)meta təsvir.
  • Hər səhifədə bir H1 və məntiqi H2/H3 iyerarxiyası.
  • Canonical URL-lərin düzgün göstərilməsi — təkrar məzmun problemini önləyir.
  • robots.txtsitemap.xml — düzgün strukturlu və aktual.
  • Şəkillərdə mənalı alt mətn (dekorativ şəkillərdə boş alt).
  • Struktur data (Schema.org): Organization, Service, BreadcrumbList, Article, FAQPage.
  • Vacib məzmunun serverdə hazır HTML şəklində verilməsi — JavaScript-dən asılı olmaması.
  • Sınıq daxili keçidlərin olmaması və 404 səhifəsinin düzgün işləməsi.

Mövcud saytı yeniləyərkən əlavə addım var: köçürmədən əvvəl indeksdə olan URL-lərin siyahısı çıxarılır, sonra hər birinin yeni saytda işlədiyi yoxlanılır. Bu addım atlandıqda qazanılmış SEO dəyəri itir.

Sayt və reklam kampaniyalarının əlaqəsi

Sayt reklam kampaniyalarının nəticəsini birbaşa müəyyən edir. Google Ads qiymətləndirməsində çatdığı səhifənin keyfiyyəti klik qiymətinə təsir edir; Meta Ads kampaniyalarında isə səhifənin sürəti və aydınlığı konversiya dəyərini dəyişir.

Buna görə reklam planlaşdırılan layihələrdə saytı reklam tələblərinə uyğun qururuq:

  • Hər kampaniya üçün ayrı, uyğun landing page.
  • Reklam mətni ilə səhifə başlığı arasında məzmun uyğunluğu.
  • Pixel və konversiya hadisələrinin əvvəlcədən quraşdırılması.
  • Mobil sürətin xüsusi olaraq optimallaşdırılması — reklam trafikinin əksəriyyəti mobildir.

Gələcək inkişaf və admin panel

Sayt bir dəfəlik layihə deyil. Kontent yenilənir, yeni xidmətlər əlavə olunur, kampaniya səhifələri yaradılır. Buna görə arxitekturanı elə qururuq ki, sonrakı genişlənmə yenidən qurma tələb etməsin.

Praktik olaraq bu, iki şeyi nəzərdə tutur. Birincisi, kontent dizayn və koddan ayrı saxlanılır — yəni mətn və şəkilləri dəyişmək üçün səhifəni yenidən qurmaq lazım gəlmir. İkincisi, admin panel ehtiyacı əvvəlcədən müzakirə olunur: kontenti daxili komanda idarə edəcəksə, idarəetmə paneli layihənin növbəti mərhələsi kimi planlanır.

Bu yanaşma saytın gələcəkdə serverdə işləyən idarəetmə sistemi ilə əlaqələndirilməsini asanlaşdırır və mövcud dizaynı yenidən yazmaq ehtiyacını aradan qaldırır.

FAQ

Vebsayt — tez-tez verilən suallar

Vebsayt hazırlanması nə qədər vaxt aparır?

Landing page adətən 2–3 həftə, korporativ sayt isə 4–8 həftə çəkir. Müddət səhifə sayından, kontentin hazır olmasından və təsdiq mərhələlərinin sürətindən asılıdır. Təcrübədə layihələrin ən çox gecikdiyi hissə mətn və şəkillərin hazırlanmasıdır — buna görə kontent planını işin başında müəyyən edirik.

Sayt hazırlandıqdan sonra kontenti özümüz dəyişə biləcəyikmi?

Bu, layihənin başında razılaşdırılan məsələdir. Kontenti daxili komanda idarə edəcəksə, idarəetmə paneli ehtiyacını əvvəlcədən planlaşdırırıq. Panel olmadan da arxitekturanı kontenti dizayndan ayrı saxlayacaq şəkildə qururuq — bu, sonradan idarəetmə sistemi əlavə etməyi asanlaşdırır və saytı yenidən yazmaq ehtiyacını aradan qaldırır.

Mövcud saytımızı yeniləsək, Google-daki mövqelərimizi itirərikmi?

Düzgün aparıldıqda itirmirsiniz. Ən vacib şərt indeksdə olan URL-lərin qorunmasıdır: mövcud səhifə ünvanlarını lüzumsuz dəyişmirik. Dəyişiklik zəruri olduqda 301 daimi yönləndirmə qurulur, daxili keçidlər, canonical və sitemap yenilənir. Köçürmədən əvvəl mövcud URL-lərin siyahısını çıxarıb, yayımdan sonra hər birinin işlədiyini yoxlayırıq. Bu addımlar atlandıqda isə mövqe itkisi real riskdir.

Sayt üçün domen və hostinq lazımdır — bunu siz təmin edirsiniz?

Domenin və hostinqin sizin adınıza qeydiyyatdan keçməsini tövsiyə edirik, çünki bu, saytın mülkiyyətinin sizdə qalmasını təmin edir. Seçimdə və quraşdırmada dəstək veririk: layihənin tələblərinə uyğun hostinq növünü müəyyən edir və köçürmə işlərini aparırıq.

Sayt neçə dildə olacaq?

Bu, brifdə müəyyən edilir. Əsas tövsiyəmiz Azərbaycan dilini əsas dil kimi qurmaqdır, çünki yerli auditoriya üçün orqanik axtarış əsasən Azərbaycan dilində aparılır. Əlavə dillər lazım olduqda çoxdilli struktur layihənin başında planlaşdırılmalıdır — sonradan əlavə etmək həm bahalıdır, həm də URL strukturunu dəyişməyi tələb edir.

Saytın sürətini necə təmin edirsiniz?

Sürət sonda edilən düzəliş deyil, ilk qərarlardan başlayır: hansı texnologiyanın istifadə olunacağı, hansı kitabxanaların əlavə ediləcəyi. Praktikada şəkilləri müasir formatlarda və düzgün ölçüdə veririk, gec yüklənmə tətbiq edirik, şriftləri öz serverimizdə saxlayıb əvvəlcədən yükləyirik, artıq JavaScript-dən imtina edirik. Təhvildən əvvəl Core Web Vitals göstəricilərini ölçüb hesabatda təqdim edirik.

Növbəti addım

Sayt layihənizi müzakirə edək

Mövcud saytınıza baxıb struktur, sürət və konversiya baxımından hansı dəyişikliklərin ən böyük fərqi yaradacağını göstərək.