Google şəkil SEO ən yaxşı təcrübələri

Google istifadəçilərə internetdə məlumatı vizual olaraq kəşf etməyə kömək edən bir neçə Axtarış funksiyası və məhsulu təqdim edir, məsələn:
mətn nəticəsi şəkilləri, Google Discover və Google Şəkillər. Hər bir funksiya və məhsul fərqli görünsə də, şəkillərin onlarda görünməsi üçün ümumi tövsiyələr eynidir.

Şəkillərinizin Google-un axtarış nəticələrində görünməsi üçün bu ən yaxşı təcrübələrə əməl edərək onları optimallaşdıra bilərsiniz:

1. Şəkillərinizi kəşf etməyimizə və indeksləməyimizə kömək edin
2. Şəkil açılış səhifələrini optimallaşdırın

Şəkillərinizi kəşf etməyimizə və indeksləməyimizə kömək edin

Məzmununuzun Google-un axtarış nəticələrində görünməsi üçün texniki tələblər şəkillərə də aiddir. Şəkillər HTML ilə müqayisədə əhəmiyyətli dərəcədə fərqli format olduğundan, bu, şəkillərin indekslənməsi üçün əlavə tələblərin olduğu deməkdir; məsələn, saytınızdakı şəkilləri tapmaq fərqlidir və şəkillərin təqdimatı da şəklin ümumiyyətlə indekslənib-indekslənmədiyinə və düzgün açar sözlər üçün indekslənib-indekslənmədiyinə təsir edir.

Şəkilləri yerləşdirmək üçün HTML şəkil elementlərindən istifadə edin

Standart HTML şəkil elementlərindən istifadə etmək krolerlərə şəkilləri tapmağa və emal etməyə kömək edir. Google şəkilləri src atributunda tapa bilər <img> elementi (hətta digər elementlərin uşağı olduqda belə, məsələn, <picture> elementi). Google CSS şəkillərini indeksləmir.

Yaxşı:

<img src=”puppy.jpg” alt=”Qızılı retriever balası” />

Pis:

<div style=”background-image:url(puppy.jpg)”>Qızılı retriever balası</div>

Şəkil sayt xəritəsindən istifadə edin

Başqa cür kəşf edə bilməyəcəyimiz şəkillərin URL-ni
şəkil sayt xəritəsi təqdim edərək.

təmin edə bilərsiniz. Adi sayt xəritələrindən fərqli olaraq, şəkil sayt xəritələrinin
<image:loc> elementlərinə digər domenlərdən URL-lər daxil edə bilərsiniz. Bu, şəkilləri yerləşdirmək üçün CDN-lərdən (məzmun çatdırılma şəbəkələri) istifadə etməyə imkan verir. Əgər CDN istifadə edirsinizsə, tapacağımız hər hansı krol xətaları barədə sizə məlumat verə bilməyimiz üçün Axtarış Konsolunda CDN domen adının
mülkiyyətini təsdiqləməyinizi
tövsiyə edirik.

Responsive şəkillər

Responsive veb səhifələrin dizaynı daha yaxşı istifadəçi təcrübəsinə gətirib çıxarır, çünki insanlar onlara çoxsaylı cihaz növlərində daxil ola bilərlər. Veb saytınızdakı şəkillərlə işləmək üçün ən yaxşı təcrübələr haqqında öyrənmək üçün
responsive şəkillər üçün bələdçimizə
baxın.

Veb səhifələr responsive şəkilləri təyin etmək üçün <picture> elementindən və ya srcset atributundan
img elementində istifadə edir. Lakin bəzi brauzerlər və krolerlər bu atributları başa düşmürlər. Biz həmişə
src atributundan istifadə edərək ehtiyat URL təyin etməyinizi tövsiyə edirik.

srcset atributu xüsusilə müxtəlif ekran ölçüləri üçün eyni şəklin müxtəlif versiyalarını təyin etməyə imkan verir. Məsələn: <picture>

elementi eyni şəklin müxtəlif <source> versiyalarını qruplaşdırmaq üçün istifadə olunan konteynerdir. O, brauzerin piksel sıxlığı və ekran ölçüsü kimi cihaz imkanlarından asılı olaraq düzgün şəkli seçə bilməsi üçün ehtiyat yanaşma təklif edir.
picture elementi həmçinin yeni formatları hələ dəstəkləməyən müştərilər üçün daxili zərif deqradasiya ilə yeni şəkil formatlarından istifadə etmək üçün də əlverişlidir. HTML Standartının 4.8.1-ci bölməsinə əsasən, aşağıdakı formatdan istifadə edərək

picture
elementindən istifadə edərkənsrc atributu ilə ehtiyat img elementi təmin etdiyinizə əmin olun:
Dəstəklənən şəkil formatlarından istifadə edin Google Axtarış src

atributunda istinad edilən şəkilləri

img aşağıdakı fayl formatlarında dəstəkləyir: BMP, GIF, JPEG, PNG, WebP, SVG və AVIF. Fayl adınızın uzantısının fayl növü ilə uyğun olması da yaxşı fikirdir. Şəkilləri Data URI kimi də daxil edə bilərsiniz. Data URI-lər, src

atributunu aşağıdakı formatdan istifadə edərək Base64 ilə kodlanmış sətir kimi təyin etməklə şəkil kimi faylı daxil etməyin bir yolunu təqdim edir: img Şəkillərin daxil edilməsi HTTP sorğularını azalda bilsə də, səhifənin ölçüsünü əhəmiyyətli dərəcədə artıra biləcəyi üçün onlardan nə vaxt istifadə edəcəyinizi diqqətlə qiymətləndirin. Bunun haqqında daha çox məlumat üçün web.dev səhifəmizdəki şəkillərin daxil edilməsinin üstünlükləri və mənfi cəhətləri bölməsinə baxın.

de
es.

Sürət və keyfiyyət üçün optimallaşdırın

Yüksək keyfiyyətli fotolar istifadəçilərə bulanıq və qeyri-aydın şəkillərdən daha çox cəlbedici gəlir. Həmçinin, kəskin şəkillər nəticə miniatüründə istifadəçilər üçün daha cəlbedicidir və istifadəçilərdən trafik əldə etmək ehtimalını artıra bilər. Bununla belə, şəkillər çox vaxt səhifənin ümumi ölçüsünə ən böyük təsir göstərən amildir ki, bu da səhifələrin yavaş yüklənməsinə və baha başa gəlməsinə səbəb ola bilər. Yüksək keyfiyyətli və sürətli istifadəçi təcrübəsi təmin etmək üçün
ən son şəkil optimallaşdırması
və adaptiv şəkil texnikaları
tətbiq etdiyinizə əmin olun.

Saytınızın sürətini
PageSpeed Insights
ilə təhlil edin və veb-sayt performansını yaxşılaşdırmaq üçün ən yaxşı təcrübələr və texnikalar haqqında məlumat əldə etmək üçün
Sürət niyə vacibdir?
səhifəmizə daxil olun.

Şəkil açılış səhifələrini optimallaşdırın

Dərhal görünməsə də, şəklin yerləşdirildiyi səhifələrin məzmunu və meta məlumatları şəklin Google axtarış nəticələrində necə və harada görünə biləcəyinə böyük təsir göstərə bilər.

Meta məlumatları ilə üstünlük verilən şəkli təyin edin

Google-un şəkil önizləmə seçimi tamamilə avtomatlaşdırılıb və müəyyən bir səhifədə hansı şəklin Google-da göstəriləcəyini seçmək üçün bir sıra müxtəlif mənbələri nəzərə alır (məsələn,
mətn nəticəsi şəkli
və ya Discover-dəki önizləmə şəkli).

Aşağıdakı meta məlumat mənbələrindən biri vasitəsilə üstünlük verdiyiniz şəkli təqdim edərək hansı şəklin seçiləcəyinə təsir edə bilərsiniz:

• schema.org primaryImageOfPage
  xüsusiyyətini bir URL və ya ImageObject.

  ilə təyin edin Və ya bir şəkil URL və ya ImageObject xüsusiyyətini təyin edin və onu əsas obyektə əlavə edin (schema.org
  mainEntity və ya mainEntityOfPage
• xüsusiyyətlərindən istifadə edərək): og:image meta taqını təyin edin.

schema.org işarələnməsində və ya
og:image meta taqında istifadə üçün üstünlük verdiyiniz şəkli seçərkən bu ən yaxşı təcrübələrə əməl edin:

• Səhifəyə uyğun və onu təmsil edən bir şəkil seçin.
• Ümumi bir şəkildən (məsələn, saytınızın loqosu) və ya schema.org işarələnməsində və ya og:image meta taqında mətni olan bir şəkildən istifadə etməkdən çəkinin.
• Həddindən artıq aspekt nisbəti olan (məsələn, çox dar və ya həddindən artıq geniş) şəkillərdən istifadə etməyin.
• Mümkünsə, yüksək keyfiyyətdən istifadə edin.

Səhifə başlığınızı və təsvirinizi yoxlayın

Google Axtarış hər bir nəticəni və onun istifadəçi sorğusu ilə necə əlaqəli olduğunu ən yaxşı şəkildə izah etmək üçün avtomatik olaraq başlıq linki və fraqment yaradır. Bu, istifadəçilərə nəticəyə klikləyib-klikləməməyə qərar verməyə kömək edir. Budur Google Axtarış nəticələri səhifəsində başlıq linklərinin və fraqmentin necə görünə biləcəyinə dair iki nümunə:

Biz bu məlumat üçün hər səhifə üçün
title və meta taqlarındakı məlumatlar daxil olmaqla bir sıra müxtəlif mənbələrdən istifadə edirik.

Google-un title və
snippet təlimatlarına əməl edərək səhifələriniz üçün göstərilən başlıq linkinin və fraqmentin keyfiyyətini yaxşılaşdırmağımıza kömək edə bilərsiniz.

Strukturlaşdırılmış məlumat əlavə edin

Strukturlaşdırılmış məlumatları daxil etsəniz, Google şəkillərinizi müəyyən
zəngin nəticələrdə, o cümlədən Google Şəkillərdə
görkəmli nişan ilə göstərə bilər ki, bu da istifadəçilərə səhifəniz haqqında müvafiq məlumat verir və saytınıza daha yaxşı hədəflənmiş trafik cəlb edə bilər.

Ümumi strukturlaşdırılmış məlumat təlimatlarına və strukturlaşdırılmış məlumat növünüzə xas olan hər hansı təlimata əməl edin; əks halda strukturlaşdırılmış məlumatlarınız Google Şəkillərdə zəngin nəticə nümayişi üçün yararsız ola bilər. Bu strukturlaşdırılmış məlumat növlərinin hər birində şəkil atributu Google Şəkillərdə nişan və zəngin nəticə üçün uyğun olmaq üçün tələb olunan sahədir. Budur Google Şəkillərdə zəngin nəticələrin necə görünə biləcəyinə dair iki nümunə:
Təsviri fayl adlarından, başlıqlardan və alt mətndən istifadə edin

Google şəklin mövzusu haqqında məlumatı səhifənin məzmunundan, o cümlədən başlıqlardan və şəkil adlarından çıxarır. Mümkün olan hər yerdə şəkillərin müvafiq mətnin yaxınlığında və şəklin mövzusuna uyğun səhifələrdə yerləşdirildiyinə əmin olun.

Eynilə, fayl adı Google-a şəklin mövzusu haqqında çox yüngül ipuçları verə bilər. Mümkün olduqda, qısa, lakin təsviri fayl adlarından istifadə edin. Məsələn,

my-new-black-kitten.jpg
fayl adı IMG00023.JPG -dən daha yaxşıdır. Mümkün olduqdaimage1.jpg pic.gif, 1.jpg, kimi ümumi fayl adlarından istifadə etməyin. Saytınızda minlərlə şəkil varsa, şəkillərin adlandırılmasını avtomatlaşdırmağı düşünə bilərsiniz. Şəkillərinizi lokallaşdırırsınızsa, fayl adlarını da tərcümə etməyi unutmayın, bunu nəzərə alaraq de
URL kodlaşdırma təlimatları əgər latın olmayan və ya xüsusi simvollardan istifadə edirsinizsə.

Şəkil üçün daha çox metadata təmin etmək üçün ən vacib atribut alt mətndir (şəkli təsvir edən mətn). Bu, həmçinin ekran oxuyucularından istifadə edən və ya aşağı bant genişliyi olan istifadəçilər daxil olmaqla, veb səhifələrdə şəkilləri görə bilməyən insanlar üçün əlçatanlığı yaxşılaşdırır.

Google şəklin mövzusunu başa düşmək üçün alt mətndən kompüter görmə alqoritmləri və səhifənin məzmunu ilə birlikdə istifadə edir. Həmçinin, şəkli keçid kimi istifadə etməyə qərar versəniz, şəkillərdəki alt mətn lövbər mətni kimi faydalıdır.

Alt mətn yazarkən, açar sözlərdən uyğun şəkildə istifadə edən və səhifənin məzmunu ilə kontekstdə olan faydalı, məlumatla zəngin məzmun yaratmağa diqqət yetirin. Doldurmaqdan çəkinin alt
atributlarını açar sözlərlə (həmçinin
açar sözlərin doldurulmasıkimi tanınır), çünki bu, mənfi istifadəçi təcrübəsi ilə nəticələnir və saytınızın spam kimi görünməsinə səbəb ola bilər.

Pis (alt mətn çatışmır):

<img src=”puppy.jpg”/>

Pis (açar sözlərin doldurulması):

<img src=”puppy.jpg” alt=”küçüklər, bala it, bala, küçüklər, itlər, balalar, itlər, bala, retriever, labrador, ov iti, setter, pointer, bala, jack russell, terrier, balalar, it yemi, ucuz it yemi, bala yemi“/>

Daha yaxşı:

<img src=”puppy.jpg” alt=”bala“/>

Ən yaxşı:

<img src=”puppy.jpg” alt=”Dalmatin balası top gətirmə oyunu oynayır“/>

Həmçinin, alt mətninizin əlçatanlığını nəzərə alın, uyğun olaraq
W3 təlimatları. Üçün <img> elementi, siz əlavə edə bilərsiniz alt elementin atributu, daxili üçün isə <svg> elementləri, siz istifadə edə bilərsiniz
<title> elementi. Məsələn:

Məzmununuzu sınaqdan keçirməyi tövsiyə edirik
əlçatanlıq üçün audit
və
yavaş şəbəkə bağlantısı emulatorundan istifadə edərək.

Əgər şəkil daha böyük bir veb sayt daxilində bir neçə səhifədə istinad edilirsə, nəzərə alın
saytın ümumi tarama büdcəsi. Xüsusilə, şəkli ardıcıl olaraq eyni URL ilə istinad edin ki, Google şəkli bir neçə dəfə tələb etmədən keşləyə və təkrar istifadə edə bilsin.

Google Şəkillər daxili keçidindən imtina edin

İstəsəniz, Google Şəkillər axtarış nəticələri səhifəsində daxili keçidlərdən imtina edərək tam ölçülü şəklin görünməsinin qarşısını ala bilərsiniz.
Daxili keçidlərdən imtina etmək üçün:

1. Şəkliniz tələb olunduqda, yoxlayın
   HTTP istinad başlığı
   sorğuda.
2. Əgər sorğu Google domenindən gəlirsə, cavab verin 200 HTTP status kodu, 204 və ya

HTTP status kodu və məzmun yoxdur.
Google hələ də səhifənizi tarayacaq və şəkli görəcək, lakin axtarış nəticələrində tarama zamanı yaradılmış kiçik şəkil göstərəcək. Bu imtina istənilən vaxt mümkündür və veb saytın şəkillərinin yenidən işlənməsini tələb etmir. Bu davranış şəkil hesab edilmir gizlətmə

və əl ilə hərəkətlərlə nəticələnməyəcək.
Alternativ olaraq, siz

şəklin axtarış nəticələrində tamamilə görünməsinin qarşısını ala bilərsiniz.

SafeSearch üçün optimallaşdırın
SafeSearch, Google axtarış nəticələrində açıq şəkillərin, videoların və veb saytların göstərilib-göstərilməyəcəyini, bulanıqlaşdırılacağını və ya bloklanacağını müəyyən edən Google istifadəçi hesablarındakı bir parametrdir. Google-un saytınızın təbiətini başa düşdüyünə əmin olun ki, Google lazım gələrsə, saytınıza SafeSearch filtrlərini tətbiq edə bilsin..