Veb dizayn və inkişaf səhvləri nadir hallarda dramatik görünür. Onlar iki ay gecikən layihə, telefonda yüklənməsi beş saniyə çəkən ana səhifə, səssizcə uğursuz olan əlaqə forması və ya axtarış trafikinin yarısını itirən yenidən dizayn kimi özünü göstərir. Onların əksəriyyəti hələ heç bir kod yazılmamışdan əvvəl verilən qərarlara əsaslanır: qeyri-müəyyən əhatə dairəsi, məzmun planının olmaması və uğurun necə ölçüləcəyinə dair razılığın olmaması.
Məzmun mövcud olmadan dizayna başlamaq niyə əks nəticə verir?
Bir çox layihələr yer tutucu mətnlərlə dolu vizual maketlə başlayır. Sonra real mətn gəlir, nəzərdə tutulduğu qutudan üç dəfə uzun olur və tərtibatlar yenidən qurulur. Dizaynerlər və tərtibatçılar məzmun qərarları üçün iki dəfə ödəniş etməli olurlar.
Həll yolu məzmun mərkəzli iş axınıdır. Dizayn başlamazdan əvvəl əsas səhifələri (ana səhifə, əsas xidmət və ya məhsul səhifələri, haqqımızda, əlaqə) ən azı kobud formada hazırlayın. Real başlıqlar və real uzunluqlar ətrafında tel çərçivələr qurun. Hətta qüsurlu bir qaralama belə dizaynerə işləmək üçün real bir şey verir.
Heç kimin yazmadığı əhatə dairəsi
“Bloqu və mağazası olan müasir bir veb sayt” üç həftəlik və ya altı aylıq bir iş demək ola bilər. Əhatə dairəsi qeyri-müəyyən olduqda, hər yeni fikir onun daxil edilib-edilmədiyi barədə mübahisəyə çevrilir.
Qısa bir əhatə dairəsi sənədi bunun qarşısını alır. O, aşağıdakıları sadalamalıdır:
- Lazım olan səhifə şablonları (hər səhifə deyil, şablonlar: ana səhifə, xidmət, məqalə, məhsul, kateqoriya, əlaqə).
- Aydın məhdudiyyətləri olan funksiyalar, məsələn, “ölçü və rəngə görə məhsul filtrləri, saxlanılan istək siyahıları yoxdur”.
- İnteqrasiyalar: ödəniş şlüzü, CRM, e-poçt platforması, analitika, bron etmə alətləri.
- Məzmun öhdəlikləri: kim yazır, kim şəkilləri təmin edir, kim məhsulları daxil edir.
- Mərhələ başına düzəliş turlarının sayı və yekun təsdiqi kimin verdiyi.
- İşə salınma meyarları: sayt canlı yayımlanmazdan əvvəl nə doğru olmalıdır.
Yavaş səhifələr niyə bu qədər baha başa gəlir?
Sürət texniki bir göstərici deyil, kommersiya məsələsidir. Yavaş səhifələr imtina nisbətlərini artırır, dönüşümləri azaldır və Google-un səhifə təcrübəsi siqnalları vasitəsilə axtarış görünürlüğünə təsir edə bilər. Google-un Core Web Vitals aydın hədəflər verir: Largest Contentful Paint 2.5 saniyə ərzində, Interaction to Next Paint 200 millisaniyədən az və Cumulative Layout Shift 0.1-dən aşağı, real ziyarətlərin 75-ci persentilində ölçülür.
Adətən səbəblər proqnozlaşdırıla biləndir:
- Birbaşa kameradan və ya stok saytından yüklənmiş həddindən artıq böyük şəkillər. WebP və ya AVIF kimi müasir formatları faktiki göstərilən ölçüdə təqdim edin.
- Çoxlu plaginlər və ya üçüncü tərəf skriptləri: çat vidjetləri, istilik xəritələri, çoxsaylı teq menecerləri və sosial yerləşdirmələr əsas axın üçün rəqabət aparır.
- Ağır işarələmə çıxaran və hər səhifədə hər modulun CSS-ni yükləyən səhifə qurucuları.
- Keşləmə və ya CDN yoxdur, buna görə də hər ziyarət səhifəni sıfırdan yenidən qurur.
- Bir neçə ailədən və çəkidən yüklənmiş veb şriftlər. Bir neçə çəkisi olan iki ailə adətən kifayətdir.
PageSpeed Insights və Google Search Console-dakı Core Web Vitals hesabatı ilə test edin, bu, tək bir laboratoriya testindən daha çox real istifadəçilərdən gələn sahə məlumatlarını göstərir.
İş masası üçün dizayn etmək və mobil versiyanı sonda yoxlamaq
Əksər istehlakçı saytları üçün ziyarətlərin əksəriyyəti telefonlardan gəlir, lakin dizayn baxışları tez-tez böyük monitorlarda baş verir. Nəticə kiçik toxunma hədəfləri, ekranı örtən menyular, yan tərəfə sürüşən cədvəllər və bağlana bilməyən pop-uplardır.
Təsdiqləməzdən əvvəl hər şablonu təxminən 390 piksel genişlikdə nəzərdən keçirin. Düymələrin baş barmaqla toxunmaq üçün kifayət qədər böyük olduğunu, mətnin əsas mətn üçün ən azı 16 piksel olduğunu və heç nəyin üfüqi şəkildə sürüşmədiyini yoxlayın. Yalnız yeni iPhone-da deyil, real orta səviyyəli Android telefonunda test edin.
Formalar və ödəniş həqiqətən bu qədər vacibdirmi?
Bəli. Formalar ziyarətçilərin potensial müştərilərə və ya müştərilərə çevrildiyi yerdir və onlar saytın digər hissələrindən daha tez-tez xarab olur. Bir forma mükəmməl görünə bilər və yenə də e-poçtlarını spam qovluğuna və ya köhnə ünvana göndərə bilər.
Ümumi forma səhvlərinə çoxlu sahə istəmək, ödənişdən əvvəl hesab yaratmağa məcbur etmək, qeyri-müəyyən xəta mesajları və mesajın alındığına dair təsdiqin olmaması daxildir. Az xərc tələb edən həllər:
- İlk satış söhbətində istifadə etmədiyiniz hər sahəni silin.
- Qonaq ödənişini təklif edin və alışdan sonra hesab yaratmağı əlavə edin.
- İstifadəçinin yazdığını silmədən, xətaları sahənin yanında, sadə sözlərlə göstərin.
- Forma bildirişlərini autentifikasiya edilmiş SMTP xidməti vasitəsilə göndərin ki, onlar spama düşməsin.
- Hər ay və hər plagin yeniləməsindən sonra hər formada bir test girişi göndərin.
SEO miqrasiya planı olmadan yenidən dizayn
URL-ləri yönləndirmələr olmadan dəyişən bir yenidən dizayn, axtarış görünürlüğünü bir neçə həftə içində silə bilər. Digər saytlardan gələn köhnə keçidlər artıq mövcud olmayan səhifələrə işarə edir və Google hər şeyi yenidən kəşf etməlidir.
İşə salınmazdan əvvəl köhnə saytı Screaming Frog kimi bir alətlə tarayın, trafik və ya geriyə keçid alan hər URL-i ixrac edin və hər birini yeni ünvanına xəritələyin. 301 yönləndirmələrini qurun, yaxşı sıralanan səhifələr üçün başlıq teqlərini və başlıqları saxlayın və yeni XML sayt xəritəsini Search Console-da təqdim edin. İşə salındıqdan sonra, ən azı bir ay ərzində 404 artımları üçün Səhifələr hesabatını izləyin.
İşə salınmazdan əvvəl və sonra nə yerində olmalıdır?
Analitika və məqsədlər olmadan işə salmaq
Ziyarətçilərin nə etdiyini görə bilmirsinizsə, yeni saytın köhnəsindən daha yaxşı olub-olmadığını deyə bilməzsiniz. Yenə də bir çox sayt analitika “sonradan” əlavə edilərək və ya səhifə baxışlarını sayan, lakin dönüşümləri saymayan izləmə kodu ilə işə salınır.
İşə salınmazdan əvvəl Google Analytics 4 (və ya Matomo və ya Plausible kimi alternativ) qurun, forma təqdimləri, satınalmalar, telefon klikləri və bron etmə tamamlanmaları kimi əsas hadisələri müəyyən edin və hər birinin işlədiyini yoxlayın. Köhnə saytdan baza rəqəmlərini qeyd edin ki, müqayisə edə biləcəyiniz bir şey olsun.
İşə salındıqdan sonra plan yoxdur
Veb sayt proqram təminatıdır. Plaginlər, mövzular, çərçivələr və server proqram təminatı yeniləmələrə ehtiyac duyur və təhlükəsizlik problemləri mütəmadi olaraq ortaya çıxır. Bir il toxunulmaz qalan saytlar tez-tez məcburi yeniləmə zamanı xarab olur və ya təhlükəsizliyi pozulur.
İşə salınmazdan əvvəl texniki xidmət planı ilə razılaşın: kim nəyi yeniləyir, ehtiyat nüsxələr nə qədər tez-tez işləyir və harada saxlanılır, təhlükəsizlik yamaları nə qədər tez tətbiq olunur və iş vaxtını kim yoxlayır. Yeniləmələri sınaqdan keçirmək üçün saytın bir nüsxəsini saxlayın.
Cari saytınızda işlədə biləcəyiniz sürətli audit
Ən bahalı problemləri əvvəlcə tapmaq üçün bu siyahıdan istifadə edin:
- Ana səhifədə və mobil cihazdakı ən yaxşı açılış səhifənizdə PageSpeed Insights işlədin.
- Hər formanı təqdim edin və bildirişin gəldiyini təsdiqləyin.
- Saytı telefonda açın və əsas dönüşümünüzü tamamlamağa çalışın.
- 404 xətaları və Core Web Vitals problemləri üçün Search Console-u yoxlayın.
- Analitikanın əsas dönüşümlərinizi qeyd etdiyini təsdiqləyin.
- Ehtiyat nüsxələrin sonuncu dəfə nə vaxt işlədiyini və bərpanın heç vaxt sınaqdan keçirilib-keçirilmədiyini yoxlayın.
Bu həftə haradan başlamaq lazımdır
Auditdən gəlirə ən birbaşa təsir edən bir maddəni seçin, adətən əsas forma və ya ödəniş, və hər hansı kosmetik şeydən əvvəl onu düzəldin. Sonra mobil cihazda səhifə sürətini ölçün və ən ağır istifadə olunmamış skripti və ya plaqini silin. Əgər yenidən dizayn gəlirsə, əhatə dairəsi sənədini və URL yönləndirmə xəritəsini indi, ilk dizayn görüşündən əvvəl yazın, çünki bu iki sənəd bu siyahıdakı ən bahalı səhvlərin çoxunun qarşısını alır.
Oxumağa davam edin: Veb Dizayn və İnkişaf · Veb Dizayn