Jamil Sultanli.
← Ana Səhifəyə Qayıt

SEO Uyğun Şəkillər: Google Görsellərdə İlk Sıraya Çıxmaq üçün Şəkil SEO Bələdçisi

·11 dəqiqə

Giriş: Şəkil SEO-su Nə Üçün Vacibdir?

Rəqəmsal dünyada vizual məzmunun gücü hər keçən gün artır. İnsanlar mətn oxumaqdan daha çox vizual məlumatları qəbul etməyə meyllidirlər. Aparılan araşdırmalara görə, Google-da edilən bütün axtarışların təxminən 20%-dən çoxu Google Görsellər (Google Images) bölməsində baş verir. Bu, e-ticarət saytları, bloqlar və xidmət təminatçıları üçün nəhəng bir pulsuz trafik mənbəyidir. Lakin bir çox veb-master və rəqəmsal marketoloq şəkillərin axtarış motorları üçün optimallaşdırılmasını (Şəkil SEO-su) unudur və ya buna səthi yanaşır.

Şəkillərin düzgün optimallaşdırılmaması yalnız axtarış nəticələrində görünürlük itkisinə səbəb olmur, həm də saytın yüklənmə sürətini ciddi dərəcədə aşağı salır. Google-un Core Web Vitals metrikaları çərçivəsində sayt sürəti birbaşa sıralama faktorudur. Bu bələdçidə şəkillərinizi həm Google alqoritmləri, həm də istifadəçilər üçün necə mükəmməl vəziyyətə gətirəcəyinizi addım-addım öyrənəcəksiniz.

"Şəkil SEO-su sadəcə şəkillərə 'alt tag' yazmaqdan ibarət deyil. Bu, fayl ölçüsünün sıxılmasından tutmuş, strukturlaşdırılmış dataya və istifadəçi təcrübəsinə qədər uzanan geniş bir texniki prosesdir."

BUNLARI DA OXUYUN

Sıfırdan Saytın Sürətli İndekslənməsi: Googlebot-u Saytınıza Necə Cəlb Etməli?

Yeni saytınızın Google-da sürətlə görünməsini istəyirsiniz? Googlebot-u cəlb etmək, indekslənmə problemlərini həll etmək və sürətli indekslənmə yolları bu bələdçidə.

Oxumağa davam et

1. Şəkil Fayllarının Adlandırılması: Google-a Şəklin Nə Olduğunu Deyin

Google alqoritmləri hələ də şəkillərin içindəki detalları tam olaraq insan gözü kimi dərk etməkdə çətinlik çəkə bilər. Buna görə də, faylın adı axtarış motoruna ilk siqnalı verir.

Kameradan və ya stok saytından yüklədiyiniz IMG_48291.jpg kimi fayl adları SEO baxımından tamamilə yararsızdır. Bunun əvəzinə, şəklin məzmununu təsvir edən və hədəf açar sözü ehtiva edən adlar seçməlisiniz.

  • Səhv nümunə: yeni-shekil-12.jpg və ya red-shoes-final.jpg
  • Düzgün nümunə: qirmizi-idman-ayaqqabisi.jpg

Fayl Adı Seçərkən Diqqət Edilməli Məqamlar:

  1. Kiçik hərflərdən istifadə edin: Serverlərin bəziləri böyük-kiçik hərflərə qarşı həssasdır. Həmişə kiçik hərflərə üstünlük verin.
  2. Defis (-) istifadə edin: Sözləri ayırmaq üçün alt xətt (_) deyil, defis (-) istifadə edin. Google defisi boşluq kimi qəbul edir, alt xətti isə sözləri birləşdirən simvol kimi görür.
  3. Azərbaycan şriftlərindən qaçının: URL və fayl adlarında ə, ö, ü, ş, ç, ğ kimi hərfləri ingilis analoqları ilə əvəz edin (e, o, u, s, c, g).

2. Alt Mətn (Alt Tag / Alt Attribute) Optimizasiyası

Alt mətn (Alternative Text), şəklin hər hansı bir səbəbdən brauzerdə yüklənmədiyi zaman və ya görmə məhdudiyyətli şəxslərin ekran oxuyucu proqramlarından istifadə etdiyi zaman görünən mətndir. Eyni zamanda, Google botları şəklin mövzusunu anlamaq üçün ən çox alt mətnə güvənir.

<!-- Səhv və qeyri-effektiv alt mətn -->
<img src="qirmizi-idman-ayaqqabisi.jpg" alt="ayaqqabi">

<!-- Çox yüklənmiş (Spam) alt mətn -->
<img src="qirmizi-idman-ayaqqabisi.jpg" alt="ayaqqabi, ucuz ayaqqabi, qirmizi ayaqqabi al, idman ayaqqabisi">

<!-- Mükəmməl optimallaşdırılmış alt mətn -->
<img src="qirmizi-idman-ayaqqabisi.jpg" alt="Qaçış üçün qırmızı rəngli idman ayaqqabısı">

Alt mətn yazarkən təbii olun, açar sözləri ard-arda düzməyin (keyword stuffing). Şəkli görməyən birinə onu necə təsvir edərdinizsə, alt mətni də o cür yazın.


3. Müasir Şəkil Formatları: WebP və AVIF

Ənənəvi JPEG və PNG formatları artıq veb dünyasının sürət tələblərinə cavab vermir. Google, veb-sayt sahiblərinə yeni nəsil şəkil formatlarından istifadə etməyi şiddətlə tövsiyə edir. Bu formatlar arasında ən populyarı WebP və daha yeni olan AVIF formatıdır.

Şəkil Formatlarının Müqayisəsi

FormatKeyfiyyət İtkisiŞəffaflıq (Transparency)Orta Sıxılma NisbətiƏn Yaxşı İstifadə Sahəsi
JPEGYüksəkYoxdurOrtaReal fotoşəkillər
PNGYoxdur (Lossless)VardırAşağıLoqolar, qrafiklər, şəffaf fonlar
WebPÇox azVardırYüksək (PNG-dən 26% daha kiçik)Bütün veb şəkilləri üçün ideal
AVIFMinimalVardırÇox Yüksək (WebP-dən 20% daha kiçik)Gələcəyin yüksək performanslı saytları

WebP formatına keçid etməklə siz şəkillərinizin vizual keyfiyyətini qoruyaraq onların fayl ölçüsünü 30%-dən 80%-ə qədər azalda bilərsiniz. Bu isə saytınızın yüklənmə sürətini birbaşa artıracaq.


4. Şəkil Ölçülərinin Sıxılması və Ölçüləndirilməsi

Telefonla çəkilən və ya dizayner tərəfindən hazırlanan şəkillər adətən 5MB - 10MB ölçüsündə və 4000x3000 piksel ölçülərində olur. Bu ölçüdə bir şəkli birbaşa sayta yükləmək SEO intiharıdır.

Addım-addım Şəkil Hazırlama Planı:

  1. Maksimal Eni Təyin Edin: Əgər bloq yazınızın oxunma sahəsinin eni maksimum 800 pikseldirsə, bura 4000 piksellik şəkil yükləməyin. Şəkli əvvəlcədən 800px enində kəsin.
  2. Sıxılma Alətlərindən İstifadə Edin: Şəkilləri sayta yükləməzdən əvvəl keyfiyyətini itirmədən sıxmaq üçün TinyPNG, Optimizilla və ya Squoosh kimi pulsuz alətlərdən istifadə edin.
  3. Hədəf Ölçü: Bloq şəkilləri üçün hədəf ölçü 100 KB-dan aşağı, loqo və kiçik ikonlar üçün isə 10 KB-dan aşağı olmalıdır.

5. Responsive Şəkillər və HTML srcset Atributu

Mobil istifadəçilərin sayı masaüstü istifadəçiləri keçdiyi üçün, hər ekrana uyğun ölçüdə şəkil təqdim etmək vacibdir. 1920px enində olan bir şəkli mobil telefonda yükləmək istifadəçinin internet paketini və vaxtını boşuna xərcləmək deməkdir.

HTML5-in srcset atributu brauzerə istifadəçinin ekran ölçüsünə uyğun olan ən optimal şəkli seçib yükləməyə imkan verir.

<img src="idman-ayaqqabisi-small.jpg"
     srcset="idman-ayaqqabisi-small.jpg 480w,
             idman-ayaqqabisi-medium.jpg 800w,
             idman-ayaqqabisi-large.jpg 1200w"
     sizes="(max-width: 600px) 480px,
            (max-width: 1000px) 800px,
            1200px"
     alt="Professional qaçış ayaqqabısı">

Bu kod sayəsində mobil telefon istifadəçisi avtomatik olaraq kiçik ölçülü (480w) şəkli yükləyəcək, böyük monitoru olan şəxs isə yüksək keyfiyyətli (1200w) şəkli görəcək.


6. Lazy Loading (Tənbəl Yükləmə) Texnologiyası

Lazy Loading, səhifə açılarkən yalnız istifadəçinin ekranında görünən şəkillərin yüklənməsini, ekranın aşağı hissəsində qalan şəkillərin isə yalnız istifadəçi aşağı düşdükcə (scroll etdikcə) yüklənməsini təmin edən texnologiyadır.

Bu, səhifənin ilk yüklənmə sürətini (First Contentful Paint - FCP) inanılmaz dərəcədə artırır. Müasir brauzerlərdə bunu etmək çox sadədir, sadəcə loading="lazy" atributunu əlavə etmək kifayətdir.

<!-- Ekranın yuxarısında olan (Hero Image) şəkillər üçün lazy load istifadə etməyin -->
<img src="banner.jpg" alt="Kampaniya banneri" priority>

<!-- Səhifənin aşağısında qalan bütün şəkillər üçün lazy load istifadə edin -->
<img src="mehsul-detal.jpg" alt="Məhsulun daxili görünüşü" loading="lazy">

7. Şəkil Sayt Xəritəsi (Image Sitemap) Yaradılması

Google botlarının saytınızdakı bütün şəkilləri tapıb indekslədiyindən əmin olmaq üçün xüsusi Şəkil Sayt Xəritəsi yaratmalısınız. Bu, xüsusilə JavaScript ilə yüklənən qalereyalara sahib saytlar üçün çox vacibdir.

Standart XML sayt xəritənizə şəkil teqlərini aşağıdakı formatda əlavə edə bilərsiniz:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://www.saytiniz.com/mehsul</loc>
    <image:image>
      <image:loc>https://www.saytiniz.com/images/qirmizi-idman-ayaqqabisi.jpg</image:loc>
      <image:title>Qırmızı İdman Ayaqqabısı</image:title>
      <image:caption>Professional qaçış və idman üçün qırmızı idman ayaqqabısı</image:caption>
    </image:image>
  </url>
</urlset>

Nəticə və Növbəti Addımlar

Şəkil SEO-su, veb-saytınızın həm axtarış motorlarında görünməsini təmin edən, həm də istifadəçi təcrübəsini (UX) zirvəyə daşıyan ən önəmli texniki SEO elementlərindən biridir. Bu bələdçidə öyrəndiyiniz qaydaları tətbiq edərək qısa zamanda Google Görsellərdən gələn orqanik trafikinizin artdığını müşahidə edəcəksiniz.

Bu gündən etibarən tətbiq etməli olduğunuz 3 əsas addım:

  1. Saytınızdakı 100 KB-dan böyük olan bütün şəkilləri müəyyən edin və onları sıxaraq WebP formatına çevirin.
  2. Boş qalan bütün alt atributlarını doldurun və fayl adlarını mənalı sözlərlə əvəz edin.
  3. Səhifənin aşağı hissəsində yerləşən şəkillər üçün loading="lazy" atributunu aktivləşdirin.
JS
YAZAR

Jamil Sultanli

Rəqəmsal marketinq, SEO və startuplar üzrə məsləhətçi. Datanın tətbiqi ilə işlərin miqyaslanması (Scaling) və inkişaf (Growth) strategiyalarının idarə olunması haqqında yazır.

Bunları da oxuyun