SEO Bələdçi 9: Qarşılıqlı Tənzimləmə — Elementlərin Yerleşimi Düşündüyünüzdən Daha Önəmlidir
SEO Bələdçi 9: Qarşılıqlı Tənzimləmə
Bu 13-addımlıq SEO Bələdçisinin 9-cu addımıdır. Qarşılıqlı tənzimləmə SEO ilə konversiyanın kesişdiyi yerdir — çünki reytinqlər heç bir dəyərə sahib deyil əgər ziyarətçilər hərəkət etməsələr.
Siz #1 olmağı, mükəmməl meta etiketi, sürətli yüklənmə zamanları və etibarlı geri bağlantılar əldə edə bilərsiniz — və yenə də uğursuz olarsınız. Niyə? Çünki düzəlişiniz ziyarətçiləri istədiyiniz hərəkətə yönləndirmir.
Qarşılıqlı tənzimləmə SEO ilə CRO (Konversiya Nisbəti Tənzimləməsi) arasında yerləşir. Google istifadəçi iştirak siqnallarını ölçür — tullanma nisbəti, yerləşmə vaqti, pogo-sticking. Qarışıqlıq yaradan bir düzəliş bütün üç halı ortaya çıxarır. Aydın, strateji bir düzəliş isə bütün üç halı yaxşılaşdırır.
Məlumat açıqdır: optimallaşdırılmış düzəlişlərə sahib səhifələr, əlavə trafik olmadan, 30-80% daha yüksək konversiya nisbətləri görür. Bu, artıq sizdə olan ziyarətçilərdən gələn pulsuz gəlirdir.
Qarşılıqlı Tənzimləmə Nələri Əhatə Edir
Qarşılıqlı tənzimləmə 8 sahəni əhatə edir:
- Yuxarıdan Aşağı Məzmun — İstifadəçilərin scroll etmədən gördükləri
- Vizual İerarxiya — Gözləri vacib olan şeyə yönləndirmək
- F-Patern və Z-Patern — İstifadəçilərin səhifələri necə skan etməsi
- CTA Yerləşimi — Düğmələrin və bağlantıların ən yaxşı konversiya etdiyi yerlər
- Boşluq və Oxunurluq — Anlayışı artıran boşluq
- Mobil Düzəliş Patternləri — Barmaq zonaları və şaquli axın
- İstilik Xəritəsi Analizi — Verilər əsasında düzəliş qərarları
- Konversiyaya Fokuslanmış Dizayn — Biznes nəticələrini yönləndirən düzəliş
1. Yuxarıdan Aşağı Məzmun
"Yuxarıdan aşağı" istifadəçilərin scroll etmədən gördükləridir. Desktop-da, bu təxminən üst 600-800px-dir. Mobil zamanı isə, bu 500-700px-dir. Bu, sizin ən dəyərli mülkünüzdür.
Yuxarıdan aşağıda görünməsi lazım olan:
- "Bu səhifə nə barədədir?" sualına cavab verən aydın başlıq
- Sizin əsas dəyər təklifi və ya əsas mesajınız
- Ən azı bir CTA və ya aydın növbəti hərəkət
- Etibarlılıq əlamətləri (loqolar, reytinqlər, etibar nişanları)
Yuxarıdan aşağıdan qaçınmalı olanlar:
- Heç bir mətni olmayan iri hero şəkilləri (müddət israfı)
- Məzmunu aşağı itələyən naviqasiya menyuları
- Bütün görünüşü gizlədən cookie bannerları
- Məzmunu təqdim etməyə gecikdirən avtomatik icra olunan videolar
5 saniyə testi: Səhifənizi birinə 5 saniyə göstərin. Onlar sizə səhifənin nə barədə olduğunu və növbəti olaraq nə etməli olduqlarını deyə bilirlə? Əgər yoxdursa, yuxarıdan aşağı məzmununuz uğursuzdur.
Tez qazanma: Mobildəki ilk 5 açılış səhifənizi yoxlayın. Əgər ilk CTA scroll etməyi tələb edirsə, onu yuxarı köçürün. Yuxarıdan aşağıda görünən CTA-lar, ortalama 17% daha yaxşı konversiya edir.
2. Vizual İerarxiya
Vizual ierarxiya istifadəçilərin məlumatları səhifənizdə işləmə qaydasını müəyyən edir. Bu ölçü, rəng, kontrast, ara məsafə və yerləşmə ilə idarə edilir.
İerarxiya piramidası (yuxarı = ən çox diqqət):
| Səviyyə | Məqsəd | Nümunələr | |---------|--------|-----------| | Əsas | İstifadəçilərin etməsini istədiyiniz tək şey | Əsas CTA düyməsi, hero başlığı | | İkincil | İnanclığı artıran dəstək məlumatları | Alt başlıqlar, əsas faydalar, sosial sübut | | Üçüncü | Maraqlı istifadəçilər üçün kontekst və detallar | Bədən mətni, xüsusiyyətlər siyahısı, spesifikasiyalar | | Dördüncü | Naviqasiya və utilitar funksiyalar | Altlıqlar, çörək qırıntıları, meta məlumat |
Effektiv ierarxiya üçün qaydalar:
- Hər görünüş üzrə yalnız BİR əsas diqqət nöqtəsi
- Əsas elementlər ikincil olanlardan 2-3 dəfə daha böyük olmalıdır
- Aydın səviyyələr yaratmaq üçün kontrastdan (rəng, çəki, ölçü) istifadə edin
- Bir elementin ətrafındakı boşluq onun qəbul edilən dəyərini artırır
- Vizual bir naxışın pozulması dərhal diqqət çəkir
SEO təsiri: Güclü vizual ierarxiya yerləşmə vaxtını yaxşılaşdırır (istifadəçilər ehtiyac duyduqlarını daha tez tapırlar) və pogo-sticking'i azaldır (istifadəçilər axtarış nəticələrinə geri tullanmazlar).
Tez qazanma: Səhifənizə diqqətlə baxın. 3 fərqli əhəmiyyət səviyyəsini görüb-görmədiyini təsdiq edin. Hər şey eyni görünürsə, ierarxiyanız düzdür və istifadəçilər itkin hiss edirlər.
3. F-Patern və Z-Patern Düzəlişləri
Göz izləmə araşdırmaları (Nielsen Norman Group, Hotjar) istifadəçilərin səhifələri proqnozlaşdırıla bilən naxışlarla skan etdiyini davamlı olaraq göstərir. Düzəlişinizi bu naxışlarla uyğunlaşdırmağa çalışmaq vacibdir.
F-Patern (Məzmunla Yüklü Səhifələr)
İstifadəçilər mətnlə yüklü səhifələrdə (blog postları, məqalələr, məhsul siyahıları) F-formasında skan edirlər:
- Üst halda horizontal skan (başlıq sahəsi)
- Aşağıya doğru hərəkət edərək digər horizontal xəttin skan edilməsi (alt başlıq)
- Sol tərəfdən aşağıya doğru vertikal skan (açar sözləri axtarır)
Təsirləri:
- Ən vacib açar sözlərinizi və mesajlarınızı ilk 2-3 sətrə yerləşdirin
- Paragrafları əsas infomasiya ilə başlayın (öncə yükləmək)
- Hər 2-3 paragraftan sonra "skan edilə bilən dayaq" kimi alt başlıqlar istifadə edin
- Vacib məzmunu sola hizalayın (bədən mətni mərkəzə gəlməsin)
- Skan edilə bilən naxışlar üçün nöqtələr və qalın istifadə edin
Z-Patern (Az Mətndən İbarət Səhifələr)
İstifadəçilər mətni az olan səhifələrdə (açılış səhifələri, ana səhifələr) Z-formasında skan edirlər:
- Yuxarı soldan yuxarı sağa (loqo → naviqasiya/CTA)
- Aşağı soldan diaqonal (bədəni skan etmək)
- Aşağı soldan aşağı sağa (CTA-da sonlanma)
Təsirləri:
- Loqo və naviqasiyanızı yuxarı solda və yuxarı sağda yerləşdirin
- Əsas mesajınızı mərkəzə qoyun
- Z-patternin aşağı sağında əsas CTA-nı yerləşdirin
- Məzmun bloklarını diaqonala uyğun biçimdə düzün
Tez qazanma: Cari səhifənizin düzəliş xəritəsini F və ya Z patternilə mühasib edin. Əsas CTA, skandan sonra gözlərin təbii drop zonasında yerləşir mi?
4. CTA Yerləşimi
CTA (Call-to-Action) yerləşimi konversiya nisbətlərinə birbaşa təsir edir. ContentVerve, Unbounce və özümüz tərəfindən minlərlə audit edilmiş səhifələrdəki tədqiqatlar aydın naxışlar ortaya qoyur.
Yüksək konversiya CTA mövqeləri:
| Mövqe | Ən Yaxşı Üçün | Niyə İşləyir | |-------|---------------|--------------| | Başlıq altında | Qısa açılış səhifələri | İstifadəçilər dərhal hazırlamışdır | | İlk fayda blokundan sonra | Xüsusiyyət səhifələri | İddia "soruşmadan" öncə inanc gətirir | | Sosial sübutdan sonra | Xidmət səhifələri | Etibar çarpazlığı azaldır | | Məzmunun sonunda | Blog postları, bələdçilər | Maraqlı oxucular sona çatır | | Float/Sticky (mobil) | Bütün mobil səhifələr | Hər zaman erişilebilir |
CTA qaydaları:
- Hərəkət verbindən istifadə edin: "Pulsuz auditoriyanı başla" yox, "Təqdim et"
- CTA, səhifədə ən yüksək kontrastlı element olmalıdır
- Hər görünüşdə yalnız bir əsas CTA (bir neçə CTA = qərar qarmaşıqlığı)
- Mikro-commitment mətini əlavə edin: "Kredit kartı tələb edilmir" və ya "30 saniyə alır"
- CTA düyməsi mobildə minimum 44x44px olmalıdır (Apple HIG standartı)
Saxta son problem: Səhifəniz CTA-dan əvvəl bitirir gibi görünürsə, istifadəçilər scroll etməyi dayandırırlar. Daha çox məzmunun olduğunu bildirmək üçün vizual işarələr (qismən məzmun görünməsi, scroll göstəriciləri, məzmun teaserleri) istifadə edin.
Tez qazanma: Yüksək performans göstərən səhifələrin aşağısına ikinci bir CTA əlavə edin. Aşağıya doğru scroll edən istifadəçilər çox maraqlıdır — onlara geri yuxarıya scroll etmədən konversiya fürsəti verin.
5. Boşluq və Oxunurluq
Boşluq (müsbət sahə) boş sahə deyil — bu bir dizayn alətidir. Daha çox boşluq olan səhifələr, demək olar ki, hər ölçülə bilən sahədə daha yaxşı performans göstərir.
Araşdırmalar nələri göstərir:
- Mətni sarıyan boşluq anlamsızı 20% artırır (Şimali Vaşinqton Universiteti)
- Artan sətir aralığı oxuma sürətini artırır
- CTA-ların ətrafındakı marginlər klik sayını artırır
- Yığcam düzəlişlər daha yüksək tullanma nisbətləri ilə əlaqəlidir
SEO üçün oxunurluq qaydaları:
- Sətir uzunluğu: 50-75 simvol (göz yorğunluğunu önləmək)
- Sətir hündürlüyü: 1.5-1.8 bədən mətni üçün (sıx sətir yığaq etməyin)
- Paragraf uzunluğu: maksimum 2-4 cümlə (mətn divarlarını bölmək)
- Bölmələr arasında məsafə: bölmələr arasında 2-3 dəfə sətir hündürlüyü
- CTA üçün boşluq: Kliklənən elementlərin ətrafında minimum 24px padding
Veb üçün font ölçüləri:
- Bədən: minimum 16-18px (mobil: 16px baza)
- Başlıqlar: Modulyar bir ölçü istifadə edin (1.25x və ya 1.333x nisbəti)
- Hər səhifədə 3-dən çox font ölçüsü istifadə etməyin
- Minimum kontrast nisbəti: 4.5:1 (WCAG AA)
Tez qazanma: İstifadə etdiyiniz CTA ətrafındakı paddingi 50% artırın. Bir çox sayt, əhəmiyyətli elementlərini digər məzmunla sıxlaşdırır, buna görə də onu tapmaq çətinləşir və mobil üçün daha çətindir.
6. Mobil Düzəliş Patternləri
Mobil veb trafikinin 60%-dən çoxunu təşkil edir. Mobil düzəliş, yalnız kiçik deyil, həm də strukturu fərqlidir.
Barmaq zonası: Mobil istifadəçilər telefonlarını bir əl ilə tuturlar. Təbii barmaq uzanması üç zona yaradır:
- Asan zona (alt mərkəz): Burada əsas CTAları yerləşdirin
- Yaxşı zona (mərkəzi): İkincil tədbirlər və əsas məzmun
- Çətin zona (üst künclər): Naviqasiya, tənzimləmə, nadir istifadə olunan elementlər
Mobil spesifik naxışlar:
[Hamburger Menu] [Action]
┌────────────────────────────────────────┐
│ H1: Aydın başlıq │
│ Alt mətni: Bir cümlə izah │
│ │
│ ┌────────────────────────────────┐ │
│ │ ƏSAS CTA (tam genişlikdə) │ │
│ └────────────────────────────────┘ │
│ │
│ Məzmun bloku 1 │
│ ──────────────────────────────── │
│ Məzmun bloku 2 │
│ ──────────────────────────────── │
│ Məzmun bloku 3 │
│ │
│ ┌────────────────────────────────┐ │
│ │ İKİNCİL CTA (tam genişlikdə) │ │
│ └────────────────────────────────┘ │
│ │
│ [─────── ALT NAV ───────] │
└────────────────────────────────────────┘Mobil düzəliş qaydaları:
- Hər şeyi şaquli yığın (360px-dən aşağı yan-yana elementlər olmadan)
- CTA-lar tam genişlikdə düymələr olmalıdır (44px+ hündürlük)
- Sticky başlıqları sərt şəkildə istifadə edin (görünüş sahəsini yeyir)
- Tətbiq tipli təcrübələr üçün alt naviqasiya düşünün
- Kartları 16px padding və 12px aralığı ilə yerləşdirin
- Hover effektlərini deaktiv edin (toxunuşda yoxdur)
Tez qazanma: Telefonu bir əlinizlə təbii şəkildə tutaraq mobil səhifələrinizi sınayın. Barmağınızla əsas CTA-ya uzanmadan çatmaq mümkündür mü? Əgər yoxdursa, onu aşağıya köçürün.
7. İstilik Xəritəsi Analizi
İstilik xəritələri, istifadəçilərin səhifələrinizdə nəyə baxdığını, klik etdiyini və scroll etdiyini göstərir. Bu, düzəliş qərarlarını fərziyyədən verilərə əsaslanan optimizasiyaya çevirir.
İstilik xəritələrinin tipləri:
| Tip | Nələri Göstərir | Nələrə Diqqət Yetirmək Lazımdır | |-----|----------------|---------------------------------| | Klik istilik xəritəsi | İstifadəçilərin harada klik etdikləri | Ölüm klikləri, nəzərə alınmayan CTAlar, gözlənilməz klik hədəfləri | | Scroll istilik xəritəsi | İstifadəçilərin nə qədər scroll etdikləri | Tullama nöqtələri, "fold xətti", 50%-dən aşağı məzmun | | Hərəkət istilik xəritəsi | Mause hərəkəti (desktop) | Diqqət naxışları, oxuma axını, tərəddüd sahələri | | Diqqət istilik xəritəsi | Gözləmə müddəti | Yüksək dəyərli zonalar, nəzərə alınmayan məzmun |
İstilik xəritəsi məlumatlarını necə istifadə etmək:
- 2-4 həftə istilik xəritəsi izləməsi aparın (1000+ seansa ehtiyac var)
- "Ölüm zonaları" axtarın, burada heç kim klik etmir - həmin məzmunu aradan qaldırın və ya yeniden düzəldin
- "Öfke klikləri"ni tapın (kliklənməyən elementlərdə sürətli klikləmə) - bu elementləri funksional edin və ya silin
- Scroll dərinliyinə baxın: əgər istifadəçilərin 70%-i CTA-nı heç görmürsə, onu yuxarı köçürün
- Mobil və desktop naxışlarını müqayisə edin — tez-tez dramatik şəkildə fərqlənir
İstilik xəritəsi analizi üçün alətlər:
- Microsoft Clarity (pulsuz, limitsiz trafik, seans qeydləri)
- Hotjar (pulsuz səviyyə: 35 seans/gün)
- FullStory (şirkət, tam seans təkrar)
SEO əlaqəsi: LANGR-nin düzəliş skanlaşdırma modulu, CTA yerləşimi, yuxarıdan aşağı məzmun sıxlığı və mobil toxunuş hədəflərinin ölçüsünü analiz edir. Bu, istifadəçi iştirak siqnalları ilə əlaqəli düzəliş problemlərini aşkara çıxarır — Google-ın reytinqlər üçün istifadə etdiyi eyni siqnallar.
Tez qazanma: Microsoft Clarity ni quraşdırın (pulsuz, 5 dəqiqə). Bir həftə gözləyin. Ən çox ziyarət edilən səhifənizdəki scroll istilik xəritənizi yoxlayın. Əgər əksəriyyət istifadəçilər CTA-ya çatmadan scroll etməyi dayandırırsa, sizin bir düzəliş probleminiz var.
8. Konversiyaya Fokuslanmış Dizayn
Hər düzəliş qərarı bir konversiya məqsədinə xidmət etməlidir. Müxtəlif niyyət tipləri üçün səhifələri necə tərtib edəcəyinizi:
Məlumat səhifələri (blog postları, bələdçilər):
- Məzmun öncə, CTA-lar təbii qərar nöqtələrində
- Əhəmiyyətli bölmələrdən sonra məzmun içi CTAlar (kəsilmədən)
- Seans dərinliyini artıran "Əlaqədar məzmun" vidjetləri
- 50% və 100% scroll dərinliyində e-posta toplama
Ticarət səhifələri (məhsul, qiymət, qeydiyyat):
- Hero ilə dəyər təklifi + yuxarıda CTA
- Sosial sübutlar yuxarıdan aşağıda dərhal (şahidlər, loqolar, statistika)
- CTA-ya doğru bina edən xüsusiyyət/fayda blokları
- Mobil üçün hero görüntüsündən keçəndən sonra sticky CTA çubuğu
- Objection-ləri aradan qaldıran FAQ təbliğatı
Navigasiya səhifələri (kateqoriya, hub səhifələri):
- Vizual fərqliliklə aydın grid/siyahı
- Kognitiv yükü azaltmaq üçün filter/sıralama mexanizmləri
- Yüksək prioritetli məzmun üçün tövsiyə olunan elementlər
- Yönləndirmə üçün çörək qırıntıları
Məzmun-CTA nisbəti qaydası: Hər 3 məzmun bölməsi üçün 1 CTA fürsəti daxil edin. Aggressiv pop-up-lar deyil — kontekstual bağlantılar, inline CTA-lar və ya sticky çubuqlar.
Düzəliş Tənzimləmə Yoxlama Siyahısı
Hər vacib səhifə üçün aşağıdakılara nəzər yetirin:
- [ ] Əsas mesaj və CTA yuxarıdan aşağıda görünür (scroll etməyə ehtiyac yoxdur)
- [ ] 3+ fərqli səviyyədə aydın vizual ierarxiya
- [ ] Düzəliş F-pattern (mətn) və ya Z-pattern (açılış səhifəsi) ilə uyğun gəlir
- [ ] Əsas CTA səhifədə ən yüksək-kontrastlı elementdir
- [ ] Boşluq: 50-75 simvol sətir uzunluğu, 1.5+ sətir hündürlüyü
- [ ] Mobil: əsas CTA barmaq zonasındadır, 44px+ toxunma hədəfləri
- [ ] Scroll istilik xəritəsi 50%-dən çox istifadəçinin əsas CTA-ya çatdığını göstərir
- [ ] İnteraktiv olmayan elementlərdə öfke klikləri yoxdur
- [ ] Səhifə "bitməz" kimi görünmür (saxta son)
- [ ] Font kontrast nisbəti 4.5:1+ (WCAG AA uyğunluğu)
LANGR Düzəliş Problemlərini Necə Aşkarlayır
LANGR-nin düzəliş skanlama modulu, səhifə düzəlişinizi üç görünüş (mobil, tablet, desktop) üzrə analiz etmək üçün AI istifadə edir. O, aşağıdakılara baxır:
- CTA görünürlüğü: Hər cihazda yuxarıdan aşağıda CTA-lar görünənmi?
- Məzmun sıxlığı: Birinci görünüşdə mənalı məzmun varmı?
- Toxunuş hədəfləri: Mobil elementlər minimum 44x44px-ə uyğun gəlirmi?
- Vizual ierarxiya: Hər görünüş üçün aydın bir əsas element varmı?
- Saxta sonlar: Səhifə vaxtından əvvəl bitmiş kimi görünürmü?
- Məsafə uyğunluğu: Margin və padding uyğun gəlirmi?
Bu, LANGR-nin 13 SEO sahəsindən biridir. Hər audit avtomatik olaraq düzəlişlərinizi yoxlayır və istifadəçilərin düşməsi mümkün olduğu yerləri dəqiqliklə müəyyən edir.
Ümumi Düzəliş Xətaları (Təsirə Görə Sıralanır)
- Yuxarıdan aşağıda CTA yoxdur — Əksər istifadəçilər ilk ekranı keçmirlər
- Düz vizual ierarxiya — Hər şey bərabər dərəcədə mühüm görünür = heç nə mühüm deyil
- Sıx məzmun blokları — Mətndən yaranan divarlar dərhal tullanma yaradır
- Desktop düzəlişi mobil üçün — Oxunuşu çətinləşdirən yan-yana elementlər
- Məzmundan sonra buried CTA — Yalnız maraqlı istifadəçilər (azlıq) bunu görür
- Kiçik toxunuş hədəfləri — 30px düymələri öfke kliklərinə və tərk edilmiş seanslara gətirib çıxarır
- Saxta sonlar — Düzəliş səhifənin əvvəlcə bitdiyini göstərir
- Rəqabət edən CTAlar — Bərabər önəmə sahib bir neçə düymə qərar qarmaşıqlığına səbəb olur
Növbəti Addım Nədir?
Addım 10: Çoxdilli SEO — hreflang, tərcümə keyfiyyəti, yerli yönləndirmə və beynəlxalq hədəfləmə ilə qlobal auditoriyaya çatmaq, reytinqlərinizi zəiflətmədən.
Bu bələdçi LANGR-nin 13-addımlıq SEO seriyasının bir hissəsidir. Pulsuz auditi icra edin və saytınızın bütün 13 sahədəki vəziyyəti haqqında məlumat əldə edin.