Veb saytının sürətini və veb saytının reklamını yaxşılaşdırmaq üçün şəkil optimallaşdırması - Semalt Expert



Şəkillər, əlbəttə ki, mətndən sonra vebin ən vacib komponentlərindən biridir. Şəkillər olmayan bir veb sayt, ümumiyyətlə şəkilləri olan bir saytdan daha çox darıxdırıcı və sörfçülər üçün daha az motivasiya edəcəkdir.

Ayrıca, şəkillərin istifadəsinin məcburi olduğu və hətta sayta haqq qazandırmaq üçün lazım olduğu bir neçə sahə var.

Misal üçün:

Google şəkil tanıtımı: şəkillərdən düzgün istifadə

Fotoşəkil saytlarından/şəkil anbarlarından sərmayə qoyub fotoşəkilləri satın almısınız, yoxsa özünüz də böyüdüb şəkillər çəkmisiniz? SEO məqsədləri üçün bunları da artırmalısınız!

Google Görüntü Tanıtımı bunlardan biridir veb sayt trafiğini artırmağın ən yaxşı yolları müəyyən sahələrdə - xüsusilə görmə tərəfinə diqqət yetirən sahələrdə.

Yuxarıda göstərilənlərə baxmayaraq, şəkillərin düzgün istifadə edilməməsi sayta fayda gətirməkdən daha çox zərər verə bilər və hətta təşviqat səylərini əhəmiyyətli dərəcədə poza bilər. Şəkillərin istifadəsindən danışarkən üzvi təbliğ konteksti, bir neçə qaydanı da nəzərə almaq vacibdir, şəkillərin düzgün istifadə edilməməsi saytın sürətini əhəmiyyətli dərəcədə poza bilər və bu səbəbdən tanıtımda əhəmiyyətli dərəcədə təsir göstərə bilər.

Əsas görüntü optimallaşdırma qaydaları:

1. Təsvirin çəkisi və ölçüləri

Onlayn şəkillərin təbliği üçün vacib parametrlərdən biri də görüntünün ağırlığıdır.

Bir tərəfdən yüksək keyfiyyətli şəkillərdən istifadə etmək istərdik, digər tərəfdən sayt sürəti, istifadəçi təcrübəsi və tanıtım hesabına başa gəlməyəcəkdir. Tövsiyə həmişə keyfiyyəti əhəmiyyətli dərəcədə aşağı salmadan şəkilləri mümkün qədər maksimum dərəcədə "optimallaşdırmaq "dır (optimizasiya sözündən). Bunu etmək üçün bütün aşağıdakı qaydalara əməl edin:

Fotoşəkillər üçün tövsiyə olunan çəki

Demək olar ki, hər hansı bir şəkil bu və ya digər dərəcədə sıxıla bilər, buna görə yalnız həqiqətən lazım olan və saytda fiziki olaraq göstərilən ölçülərdən istifadə etmək və şəkillərin çəkisini mümkün qədər azaltmaq həmişə məsləhətdir. Bu hər hansı bir sayt üçün doğrudur. Ancaq xüsusən çox şəkli olan saytlar üçün. Bütün hallarda doğru olan heç bir qayda yoxdur, ancaq xüsusi əhəmiyyətə malik bir qalereya/sürgü şəkli olmadığı təqdirdə şəkil çəkisinin 70-80K-dan çox olmamasına diqqət yetirmək məsləhətdir.

2. Şəkil üçün uyğun bir ad seçin

Google-da şəkillər axtararkən, sorğu ilə əlaqəli görüntünü göstərmək üçün bir neçə parametr nəzərə alınır. Bunlardan biri də faylın adıdır. Bir saniyə daha çox vaxt sərf etməyiniz və şəklə gördüklərinizi təsvir edən bir ad verməyiniz tövsiyə olunur. Bir fayl adını ingilis dilində saxlamaq və boşluq deyil, orta sətirlərdən istifadə etmək vacibdir. Səbəb Google-un orta tire ilə daha yaxşı başa gəlməsidir.

Bir şəkil üçün pis adın nümunələri:

DSC2387.jpg

Sayt promoter.png

Bir şəkil üçün yaxşı ad nümunəsi:

Axtarış motoru-optimizer.jpg

Merak edənlər üçün - bəli, Google digər dillər üçün də İngilis dili adları ilə necə davranacağını bilir. Axtarış sətirlərini necə tərcümə edəcəyini və tərcümə olunan sözləri axtarış nəticələrində vurğulamağı bildiyindən.

3. Təsvirə ALT

Alternativin qısaltması olan alt etiketi, təsviri təsvir etməyi hədəfləyən bir parametrdir. Alt etiketi hər bir görüntü üçün idarəetmə sistemi/HTML kodu daxilində ayrı-ayrılıqda təyin olunur və orijinal funksiyası bu yazıları tarayan və yazılanları oxuyan xüsusi proqram istifadə edən korlara və əlillərə xidmət etməkdir.

Kodda texniki olaraq belə görünür:

<imgsrc="tree.jpg" alt="tree">

Etiketin veb saytın əlçatanlığı baxımından əhəmiyyətinin yanında, axtarış motorları üçün də əhəmiyyəti var. Alt etiketi axtarış motorlarına görüntünün mövzusunun nə olduğunu başa düşməyə kömək edir (fayl adı, səhifənin konteksti kimi digər şeylərlə birlikdə) və bu da təbii olaraq Google-da şəkil axtarışını təsir edir.

Ayrıca, alt etiketi hər şey üçün səhifə içi optimallaşdırmanın bir hissəsidir. Ayrıca, şəkildən çıxan xarici bir əlaqə olduqda, alt etiketi şəkil üçün bir növ mətn lövhəsi ("çapa mətni") rolunu oynayır.

Bir görüntünün ALT etiketinin olub olmadığını necə yoxlayıram?

Bir neçə yol var:
Qurbağanın qışqırması - Saytda şəkillərin hərtərəfli taranmasını istədiyimiz zaman uyğun bir qurbağa istifadə edin.

Proses, taramaq üçün bir URL daxil etmək və sonra Şəkillər sekmesini vurmaqdır.

Saytda bir neçə parametr üzrə sıralana bilən şəkillərin siyahısını görəcəyik:
Əlbəttə ki, daha çox yol və daha çox müxtəlif növ plagin var, amma mənə elə gəlir ki, burada mövzunu bir səhifə ehtiyacı, saytın geniş icmalı baxımından əhatə etdim.

Google şəkil tanıtımı - ALT etiketlərini optimallaşdırmaq üçün məsləhətlər

Açar sözləri zorlamamalısınız, ancaq şəkildəki gördüklərinizi təsvir etməyə çalışın.
Divar kağızları/dekorativ şəkillər üçün alts istifadə etməyə ehtiyac yoxdur - hətta Google-un həddindən artıq optimallaşdırmağa çalışdığınızdan şübhələnməməsi tövsiyə olunur.

4. Bir şəkil üçün başlıq etiketi

Şəkil başlıqları və ya başlıqlar, siçanı bir şəkil üzərində gəzdirməklə görünən bir növ vasitə məsləhətidir. Bir çox insan onları ALT etiketləri ilə qarışdırır.

Şəkil adları, Google-a görüntünün nədən bəhs etdiyini başa düşməyə və şəkil axtarış sıralamalarını yaxşılaşdırmağa kömək edə bilən görüntünün alaka və mövzusunun başqa bir göstəricisidir. ALT etiketindən fərqli olaraq, bir başlıq etiketi ümumiyyətlə daha təsvirli və bir az daha uzun olacaq və məqsədi surferdə görünənləri və/və ya şəklə vurduqdan sonra gələcəkləri izah etməkdir. Xəbər saytları bu etiketdən tez-tez istifadə edirlər.

Kodda belə görünür:

<img class="alignnone wp-image-1323 size-full" title="Misal başlıq şəkli">

5. Şəkil növləri və fayl uzantıları

Şəkillərdən onlayn istifadə etmək üçün bir neçə ümumi format mövcuddur. Qısaca hər birini genişləndirəcəyəm:
Aşağı xətt - giflər, xüsusən də görüntü keyfiyyətinə gəldikdə, şəkilləri göstərmək üçün deyil, daha sadə nişanlar, animasiyalar və elementlər üçündür.
Mövcud bir çox başqa şəkil formatı var, lakin veb saytlarda istifadəsi daha az əhəmiyyətlidir.

İpucu - Photoshop istifadə edənlər üçün, həmişə veb üçün saxla və cihazları fərqli formatlar arasında görüntü çəkilərini müqayisə etməyi məsləhət görürəm (faylı saxlamadan əvvəl şəkil çəkisinin əvvəlcədən baxışı var).

Şəkil formatlarını seçmək üçün əsas qaydalar

6. Miniatürlərdən düzgün istifadə



Eskizlər (önizləmələr) bəzi saytların - xüsusilə qalereya əsaslı saytların və ticarət saytlarının vacib və hətta kritik bir hissəsidir. Kiçiklər (Google Tərcümə - "Kiçiklər") bir tərəfdən əla ola bilər, digər tərəfdən saytı və istifadəçi təcrübəsini əhəmiyyətli dərəcədə təxrib edə bilər.

Bu şəkillərin istifadəsindəki ən kritik məqam, uyğun bir keyfiyyəti və çəkini mümkün qədər aşağı tutmaqdır. Kateqoriya səhifələrini və məhsulun önizləmələrini göstərmək üçün kiçik şəkillərə əsaslanan böyük ticarət saytlarında bu fakt xüsusilə vacibdir. Saytın yüklənməsindəki gecikmələrin hər saniyəsinin Amazon üçün ildə 1.6 milyard dollara başa gəldiyini bilirdinizmi? Bu cür saytlarda yüklənmə vaxtının çox hissəsi şəkillərdir.

Düzdür, çoxumuz yalnız bu böyüklükdə bir saytın olmasını xəyal edə bilərik. Ancaq bilirsiniz - böyük dəyişikliklər aşağıdan yuxarıya, kiçik dəyişikliklər başlayır. Nə qədər tez müraciət etsək, bir o qədər yaxşıdır.

Miniatürlərdən düzgün istifadə üçün məsləhətlər

Kiçik şəkil üçün kiçik bir şəkil və məhsul səhifəsinin özü üçün daha böyük bir şəkil yaratmaq tövsiyə olunur. Böyük şəkli kiçik şəkil kimi istifadə etməyin! Bu, saytın yükündən bir neçə dəfə çox yüklənəcəkdir, xüsusən də bir səhifədə bir çox kiçik şəkil olduqda. Müxtəlif CMS sistemlərində bu məsələdən avtomatik olaraq azadsınız.

Təsvir optimallaşdırma qaydalarına gəldikdə, kiçik şəkillərdən daha çox böyük şəkillərə investisiya qoymaq məsləhətdir. Məsələn - Kiçikləri Şəkil Sayt Xəritəsinə daxil etməyin (aşağıda əlavə), bəzi hallarda onlar üçün ALT etiketləri də qoymayın. Həvəs, Google-un böyük şəkilləri kiçik şəkillər hesabına indeksləşdirməsi və əksinə deyil.

Məhsulu bir neçə kəlmə ilə təsvir edən və ümumiyyətlə sörfçünün şəklə vurduqdan sonra nəyi görəcəyini təsvir edən Kiçik şəkil şəkillərinə şəkil başlığı qoymaq tövsiyə olunur.

Hər bir məhsul kateqoriyası səhifəsində bir çox məhsul varsa (30-dan çox), şəkilləri yalnız sörfçü olduqları əraziyə keçdikdə yükləyən Lazy Load skriptindən istifadə etməyiniz tövsiyə olunur.

7. Qablaşdırma mətninin istifadəsi

Ümumiyyətlə, şəkillər mətnə ​​xidmət etmək üçün gəlir və əksinə deyil. Ancaq görüntü optimallaşdırması və Google görüntü tanıtımına gəldikdə və sayt şəkillərə əsaslanan bir şəbəkədirsə, əsas şeylər olsa da mətnlər məsələsini laqeyd yanaşmamağa çox dəyər.

Mümkün qədər təmiz və minimalist bir görünüş qorumaq istəyənlər üçün (məsələn, bir fotoqrafın portfelinin veb saytında) ən azı şəkli olan hər səhifədə aşağıdakıları təyin etmələri tövsiyə olunur:

8. Fotoşəkillər üçün sayt xəritəsi

Image Sayt Xəritəsi (image-sitemap.xml) Google-a saytdakı şəkillərimizi daha yaxşı oxumağa və indeksləşdirməyə kömək edir. Standart bir XML sayt xəritəsinə bənzər şəkildə, sayt xəritələri sahəsində Axtarış Konsolu istifadə edilərək bir şəkil xəritəsi təqdim edilə bilər.

Axtarış Konsolunda Sayt Xəritəsi əlavə edin

Şəkillər sayt xəritəsi, skriptlər və müxtəlif effektlər olan hər cür qalereyadan istifadə edərkən xüsusilə faydalıdır - Google, şərti olaraq taramaqda çətinlik çəkir.

Şəkillər sayt xəritələrini istifadə etmək üçün bəzi parametrlər var.

Sayt xəritəsi necə yaradılır?

WordPress - Hər zamanki kimi WordPress üzərində işləsəniz, həyatınız asandır. Udinra All Image Sayt xəritəsi xəritəsi sizin üçün köşeyi bağlayır. Etməli olduğunuz şey, plagini quraşdırmaq, parametrlərdə bir az V işarəsini qoymaq, sayt xəritəsini yaratmaq və Axtarış Konsolu vasitəsilə Google-a açmaqdır.

Başqa bir platformada - bu asılıdır. Bir plagin və s. Kimi bir qutudan kənar bir həll yoxdursa, bu, Quru Qurbağası istifadə edərək edilə bilər.

Qurbağa asanlıqla şəkillərin bir xəritə xəritəsini yaratmağınıza kömək edə bilər. Yalnız problem - avtomatik olaraq yenilənməyəcək (plagindən fərqli olaraq) və zaman zaman yenilənməlidir.

Bunu necə edirsən?

Tələb olunan saytın tam taraması aparılmalı və sonra proqramın yuxarı menyusunda Sayt Xəritələri -> Şəkillər Sayt Xəritəsi Yarat bölməsinə daxil olun. Aldığınız şey, axtarış konsolu vasitəsilə istifadə etmək və işə salmaq üçün bir kosher XML sənədidir.

9. Fotoşəkil paylaşmağı təşviq edin

Orijinal şəkillərdən (fiziki bir şəkil və ya qrafik elementdən) çox istifadə etdiyinizə və şəkillər saytın ən başlıcası və ya ən azı vacib bir hissəsidirsə, istifadəçiləri şəkilləri sosial şəbəkələrdə paylaşmağa təşviq etmək çox dəyərlidir. şəbəkələri və bunu etmələrini asanlaşdırın.

Həmişə olduğu kimi, WordPress platforması üçün praktik məsləhətlərim var, digər sistemlərdə bir proqramçı istifadə etməyinizi və ya bunun üçün xüsusi bir plagin olub olmadığını yoxlamağımı məsləhət görürəm.

WordPress üçün bu məqsəd üçün 2 gözəl plagin var:

10. Təsvir azaltma və optimallaşdırma vasitələri

TinyPNG - Xüsusilə rahat sürükləmə interfeysi ilə onlayn şəkilləri sıxmağa imkan verən əla bir xidmət. Daha çox miqdarda və avtomatik olaraq işləməyinizə imkan verən bir API-yə və saytdakı bütün şəkilləri sıxmağa imkan verən WordPress üçün əla bir eklentiyə sahibdirlər - API-lərinin istifadəsini tələb edir (ayda 500 şəkil üçün pulsuz).
Fotosayzer - şəkilləri çox miqdarda düzəltməyə imkan verən gözəl masa üstü proqramı - yalnız sıxılma deyil, ölçülərin kiçiltilməsi, şəkillərə filiqranlar və müxtəlif effektlər əlavə etmək və digər bir çox gözəl xüsusiyyət.

Nəticə

Bir veb saytın görüntülərini optimallaşdırmağın vacibliyini yeni başa düşdünüz. Bununla birlikdə, saytınızın mövcud vəziyyətini bilmək istəyirsinizsə, Semalt-in sayəsində bunu pulsuz edə bilərsiniz SEO məsləhətləri.
Semalt, saytınızla əlaqəli SEO problemlərini müəyyənləşdirməyə kömək edəcəkdir. Bundan əlavə, Semalt mütəxəssisləri ilə asanlıqla edə bilərsiniz onlayn işinizin performansını yaxşılaşdırın daha ucuz qiymətə.

mass gmail