სურათის ოპტიმიზაცია ვებ – გვერდის სიჩქარისა და ვებ – გვერდის პოპულარიზაციის გასაუმჯობესებლად - Semalt Expert



სურათები, რა თქმა უნდა, ტექსტის შემდეგი ქსელის ერთ-ერთი ყველაზე მნიშვნელოვანი კომპონენტია. ვებსაიტის გარეშე სურათები, როგორც წესი, მოსაწყენი და ნაკლებად მოტივაციური იქნება surfers, ვიდრე საიტი, რომელსაც აქვს სურათები.

ასევე, საკმაოდ ბევრია ის ადგილი, სადაც სურათების გამოყენება სავალდებულოა და აუცილებელიც კია საიტის გასამართლებლად.

Მაგალითად:

Google- ის სურათების პოპულარიზაცია: სურათების სწორად გამოყენება

თქვენ ჩადეთ ინვესტიცია და შეიძინეთ ფოტოები ფოტო საიტებიდან/სურათების საცავებიდან, ან თავად გაფართოვდით და გადაიღეთ ფოტოები? თქვენ ასევე უნდა მაქსიმალურად გამოიყენოთ ისინი SEO მიზნებისთვის!

Google Image Promotion ერთ-ერთია ვებ – გვერდის ტრაფიკის გაზრდის საუკეთესო გზები გარკვეულ სფეროებში - განსაკუთრებით იმ ადგილებში, რომლებიც ყურადღებას ამახვილებს ვიზუალურ მხარეზე.

ზემოაღნიშნულის მიუხედავად, სურათების არასათანადო გამოყენებამ შეიძლება მეტი ზიანი მიაყენოს საიტს და მნიშვნელოვნად შეაფერხოს დაწინაურების მცდელობები. როდესაც ვსაუბრობთ სურათების გამოყენებაზე ორგანული პოპულარიზაციის კონტექსტიმნიშვნელოვანია, რომ გაითვალისწინოთ რამდენიმე წესი, ასევე, სურათების არასათანადო გამოყენებამ მნიშვნელოვნად შეაფერხა საიტის სიჩქარე და, შესაბამისად, შეიძლება მნიშვნელოვანი გავლენა იქონიოს პოპულარიზაციაზე.

სურათის ოპტიმიზაციის ძირითადი წესები:

1. სურათის წონა და ზომები

სურათების ონლაინ პოპულარიზაციის ერთ-ერთი მნიშვნელოვანი პარამეტრი არის სურათის წონა.

ერთი მხრივ, გვსურს გამოვიყენოთ მაღალი ხარისხის სურათები, მაგრამ მეორეს მხრივ, ეს არ მოხდება საიტის სიჩქარის, მომხმარებლის გამოცდილებისა და პოპულარიზაციის ხარჯზე. რეკომენდაცია ყოველთვის არის სურათების "ოპტიმიზაცია" (სიტყვიდან ოპტიმიზაცია) მაქსიმალურად, ხარისხის მნიშვნელოვნად შემცირების გარეშე. ამისათვის დაიცავით ყველა შემდეგი წესი:

რეკომენდებული წონა ფოტოებისთვის

თითქმის ნებისმიერი გამოსახულების შეკუმშვა შეიძლება ერთ ან მეტ ხარისხამდე, ამიტომ ყოველთვის სასურველია გამოიყენოთ მხოლოდ ის ზომები, რაც ნამდვილად საჭიროა და რომლებიც ფიზიკურად არის ნაჩვენები საიტზე და მაქსიმალურად შეამციროთ სურათების წონა. ეს ეხება ნებისმიერ საიტს. მაგრამ განსაკუთრებით საიტებისთვის, სადაც უამრავი სურათია. ყველა შემთხვევაში არ არსებობს ერთი წესი, რომელიც მართალია, მაგრამ სასურველია დარწმუნდეთ, რომ სურათის წონა არ აღემატება 70-80 კ-ს, თუ ეს არ არის განსაკუთრებული მნიშვნელობის გალერეა/სლაიდერი გამოსახულება.

2. აირჩიეთ სურათის შესაბამისი სახელი

Google- ის სურათების ძიებისას მხედველობაში მიიღება რამდენიმე პარამეტრი მოთხოვნის შესაბამისი სურათის საჩვენებლად. ერთ-ერთი მათგანია ფაილის სახელი. მიზანშეწონილია დახარჯოთ კიდევ ერთი წამი და მისცეთ სურათს სახელი, რომელიც აღწერს იმას, რასაც სურათზე ხედავთ. მნიშვნელოვანია, რომ ფაილის სახელი შეინარჩუნოთ ინგლისურად და გამოიყენოთ შუა ხაზები და არა ინტერვალი. მიზეზი ის არის, რომ Google უკეთ გაუმკლავდება შუა ტირეებს.

სურათის ცუდი სახელის მაგალითები:

DSC2387.jpg

საიტის promoter.png

სურათის კარგი სახელის მაგალითი:

საძიებო სისტემა-ოპტიმიზატორი. Jpg

მათთვის, ვინც გაინტერესებს - დიახ, Google- მა იცის როგორ გაუმკლავდეს ინგლისურენოვანი გამოსახულების სახელებს სხვა ენებისთვისაც. როგორც მან იცის, როგორ თარგმნოს საძიებო სტრიქონები და გამოყოს თარგმნილი სიტყვები ძიების შედეგებში.

3. ALT გამოსახულებისათვის

Alt ტეგი, რომელიც ალტერნატივის აბრევიატურაა, არის პარამეტრი, რომლის მიზანია გამოსახულების აღწერა. Alt ნიშანი განისაზღვრება მართვის სისტემაში/HTML კოდში თითოეული სურათისთვის ინდივიდუალურად და მისი თავდაპირველი ფუნქციაა უსინათლოთა და შეზღუდული შესაძლებლობის მქონე პირების მომსახურება, რომლებიც იყენებენ სპეციალურ პროგრამულ უზრუნველყოფას, რომელიც დაასკანირებს ამ ტეგებს და კითხულობს დაწერილს.

კოდექსში ტექნიკურად ასე გამოიყურება:

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

ვებსაიტის ხელმისაწვდომობის თვალსაზრისით თეგის მნიშვნელობას, მას ასევე აქვს მნიშვნელობა საძიებო სისტემებისთვის. Alt ნიშანი ეხმარება საძიებო სისტემებს გაიგონ, რა არის სურათის თემა (სხვა რამეებთან ერთად, როგორიცაა ფაილის სახელი, იმ გვერდის კონტექსტი, სადაც ის არის და ა.შ.) და ეს ასევე ბუნებრივად მოქმედებს Google- ზე სურათის ძებნაზე.

ასევე, alt ტეგი არის გვერდის ყველაფრის ოპტიმიზაციის ნაწილი. ასევე, როდესაც გამოსახულებიდან გამოდის გარე ბმული, alt ნიშანი ემსახურება როგორც ტექსტის წამყვანის ("წამყვანის ტექსტი") სურათს.

როგორ შევამოწმო, აქვს თუ არა სურათს ALT ნიშანი?

რამდენიმე გზა არსებობს:
ყვირილი ბაყაყი - გამოიყენეთ ბაყაყი შესაფერისი, როდესაც ჩვენ გვინდა, რომ ადგილზე გავაკეთოთ სურათების საფუძვლიანი სკანირება.

პროცესი მოიცავს URL- ს დასამოწმებლად და შემდეგ დააჭირეთ სურათების ჩანართს.

იქ ვიხილავთ სურათების ჩამონათვალს საიტზე, რომელთა დალაგება შესაძლებელია რამდენიმე პარამეტრის მიხედვით:
რა თქმა უნდა, არსებობს მრავალი ხერხი და მეტი სხვადასხვა სახის დანამატი, მაგრამ მეჩვენება, რომ მე აქ გავაშუქე ეს თემა წერტილის საჭიროების მიხედვით, თითო გვერდზე და საიტის მასშტაბური მიმოხილვის თვალსაზრისით.

Google- ის სურათების პოპულარიზაცია - ALT თეგების ოპტიმიზაციის რჩევები

არ უნდა აიძულოთ საკვანძო სიტყვები, მაგრამ შეეცადეთ აღწეროთ ის, რასაც ხედავთ სურათზე.
არ არის საჭირო ალტერნატივების გამოყენება შპალერებისთვის/დეკორატიული გამოსახულებისთვის - თუნდაც გირჩევთ, რომ Google არ ეჭვობდეს, რომ თქვენ ცდილობთ ზედმეტად ოპტიმიზაციას.

4. სურათის სათაურის ნიშანი

სურათის წარწერა, ან წარწერა, არის ერთგვარი ინსტრუქცია, რომლის დანახვა შესაძლებელია თაგვის გამოსახულებაზე გადატანაზე. ბევრი მათ აღრევს მათ ALT თეგებთან.

სურათის სათაურები კიდევ ერთი ნიშანია სურათის შესაბამისობასა და საგანზე, რაც Google- ს შეუძლია დაეხმაროს გაიგოს, რაზე საუბრობს სურათი და გააუმჯობესოს სურათების ძებნის რანჟირება. ALT ტეგისგან განსხვავებით, სათაურის ნიშანი ჩვეულებრივ იქნება უფრო აღწერითი და ოდნავ გრძელი და მისი მიზანია აღწეროს სერფერისთვის ის, რაც ჩანს სურათზე და/ან რა მოვა სურათზე დაწკაპუნების შემდეგ. ახალი ამბების საიტები ხშირად იყენებენ ამ ნიშანს.

ასე გამოიყურება კოდში:

<img class="alignnone wp-image-1323 size-full" title="მაგალითად სათაურის სურათი">

5. სურათის ტიპები და ფაილის გაფართოებები

გამოსახულების ონლაინ გამოყენების რამდენიმე საერთო ფორმატია. მოკლედ გავაფართოვებ თითოეულ მათგანს:
დედააზრი - gifs არ არის განკუთვნილი სურათების ჩვენებისთვის, განსაკუთრებით მაშინ, როდესაც საქმე ეხება სურათის ხარისხს, არამედ უფრო მარტივი ხატების, ანიმაციების და ელემენტებისათვის.
უამრავი სხვა სურათის ფორმატია ხელმისაწვდომი, მაგრამ ისინი ნაკლებად აქტუალურია ვებსაიტებზე გამოსაყენებლად.

რჩევა - მათთვის, ვინც იყენებს Photoshop- ს, მე ყოველთვის გირჩევთ შედარება სურათის წონის გამოყენებით Save for web და მოწყობილობებს სხვადასხვა ფორმატებს შორის (ფაილის შენახვამდე არის სურათის წონის გადახედვა).

სურათის ფორმატის შერჩევის მინიმალური წესები

6. ესკიზების სწორად გამოყენება



ესკიზები (გადახედვა) ზოგიერთი საიტის მნიშვნელოვანი, თუნდაც კრიტიკული კომპონენტია - განსაკუთრებით გალერეაზე დაფუძნებული საიტები და სავაჭრო საიტები. ესკიზები (Google Translate- ის მიერ შექმნილი "ესკიზები" შეიძლება ერთის მხრივ შესანიშნავი იყოს, მაგრამ მეორეს მხრივ მნიშვნელოვნად საბოტაჟებს საიტს და მომხმარებლის გამოცდილებას.

ამ სურათების გამოყენებისას ყველაზე კრიტიკული რამ არის გონივრული ხარისხისა და წონის მაქსიმალურად დაბალი შენარჩუნება. მსხვილ სავაჭრო საიტებში, რომლებიც ეყრდნობიან მინიატურებს კატეგორიის გვერდების და პროდუქტის გადახედვის საჩვენებლად, ეს ფაქტი განსაკუთრებით მნიშვნელოვანია. იცოდით რომ საიტის ჩატვირთვის შეფერხების ყოველი წამი Amazon– ს წელიწადში 1,6 მილიარდი დოლარი უჯდება? ამ საიტებზე დატვირთვის დიდი ნაწილი სურათებია.

მართალია, უმეტეს ჩვენთაგანს მხოლოდ ასეთი ოცნების საიტის ოცნება შეუძლია. მაგრამ თქვენ იცით - დიდი ცვლილებები იწყება ქვემოდან და მცირედიდან. რაც უფრო ადრე მივმართავთ მით უკეთესი.

რჩევები მინიატურების სწორად გამოყენების შესახებ

სასურველია შექმნათ მინიატურა მინიატურისთვის და უფრო დიდი სურათი თავად პროდუქტის გვერდისთვის. ნუ გამოიყენებ დიდ სურათს როგორც ესკიზი! ეს ჩატვირთავს საიტის რამდენჯერმე დატვირთვას, განსაკუთრებით მაშინ, როდესაც ერთ გვერდზე ბევრი ესკიზია. CMS სხვადასხვა სისტემაში თქვენ ავტომატურად თავისუფლდებით ამ საკითხისგან.

როდესაც საქმე ეხება სურათების ოპტიმიზაციის წესებს, სასურველია უფრო მეტი ინვესტიცია ჩადოთ დიდ სურათებში, ვიდრე ესკიზებში. მაგალითად - არ შეიტანოთ ესკიზები სურათის საიტის რუქაში (გაფართოება ქვემოთ), ზოგიერთ შემთხვევაში მათთვის კი არ დააყენოთ ALT თეგები. ამბიციაა, რომ Google მოახდინოს დიდი სურათების ინდექსაცია მინიატურების ხარჯზე და არა პირიქით.

რეკომენდებულია სურათის სათაურის მინიატურების დაყენება მინიატურებზე, რომლებიც აღწერს პროდუქტს ორი სიტყვით და ზოგადად, რის ნახვასაც აპირებს სერფინგი სურათზე დაჭერის შემდეგ.

თუ პროდუქტის კატეგორიის თითოეულ გვერდს აქვს მრავალი პროდუქტი (ვთქვათ 30-ზე მეტი), გირჩევთ გამოიყენოთ Lazy Load სკრიპტი, რომელიც სურათებს იტვირთავს მხოლოდ მაშინ, როდესაც სერფინგი გადაადგილდება იმ ადგილას, სადაც ისინი არიან.

7. შესაფუთი ტექსტის გამოყენება

ჩვეულებრივ, სურათები ემსახურება ტექსტს და არა პირიქით. რაც შეეხება სურათების ოპტიმიზაციას და Google- ის სურათების პოპულარიზაციას, და თუ საიტი წარმოადგენს სურათებს დაფუძნებულ ქსელს, ძალიან მნიშვნელოვანია, რომ უგულებელყოთ ტექსტების საკითხი, თუნდაც ეს ძირითადი მასალები იყოს.

მათთვის, ვისაც სურს შეინარჩუნოს მაქსიმალურად სუფთა და მინიმალისტური სახე (მაგალითად, ფოტოგრაფის პორტფელის ვებსაიტზე), რეკომენდებულია მან მინიმუმ განსაზღვროს შემდეგი გვერდი თითოეულ გვერდზე, რომელსაც აქვს სურათი:

8. საიტის რუქა ფოტოებისთვის

სურათის საიტის რუქა (image-sitemap.xml) ეხმარება Google- ს უკეთ წაიკითხოს და ინდექსინოს ჩვენი სურათები საიტზე. სტანდარტული XML საიტის რუკის მსგავსად, საიტების რუქა შეიძლება განთავსდეს Search Console– ს გამოყენებით, საიტების რუქების არეალში.

დაამატეთ საიტის რუკა ძიების კონსოლში

სურათების საიტის რუკა განსაკუთრებით სასარგებლოა სკრიპტებისა და სხვადასხვა ეფექტების მქონე ყველა გალერეის გამოყენებისას - რომელთა Google- ს უჭირს პირობითად სკანირება.

სურათების საიტის რუქების გამოყენების რამდენიმე პარამეტრი არსებობს.

როგორ შევქმნათ საიტის რუკა?

WordPress - როგორც ყოველთვის, თუ WordPress- ზე მუშაობთ, თქვენი ცხოვრება მარტივია. Udinra All Image Sitemap- ის დანამატი გიხურავთ კუთხეს. თქვენ მხოლოდ დანამატის დაყენება, პარამეტრებში V ნიშნის აღნიშვნა, საიტის რუკის შექმნა და ძებნა Google Console– ს მეშვეობით Google– ში გაშვება გჭირდებათ.

ნებისმიერ სხვა პლატფორმაზე - ეს დამოკიდებულია. თუ არ არსებობს Out of box ამოხსნა, მაგალითად, დანამატი და ა.შ., ეს შეიძლება გაკეთდეს Screaming Frog- ის გამოყენებით.

ბაყაყი დაგეხმარებათ სურათების საიტის რუქის ადვილად წარმოებაში. ერთადერთი პრობლემა - ის ავტომატურად არ განახლდება (დანამატისგან განსხვავებით) და დროდადრო უნდა განახლდეს.

Ამას როგორ აკეთებ?

უნდა შესრულდეს მოთხოვნილი საიტის სრული სკანირება და შემდეგ პროგრამის ზედა მენიუში გადადით საიტის რუქებზე -> სურათების შექმნა საიტის რუქაზე. თქვენ მიიღებთ კოშერის XML ფაილს, რომლის გამოყენება და ძებნა კონსოლის საშუალებით უნდა დაიწყოს.

9. წაახალისეთ ფოტოების გაზიარება

თუ თავს იწონებთ ორიგინალ სურათებზე (ფიზიკური სურათი იქნება თუ გრაფიკული ელემენტი) და სურათები არის მთავარი ან თუნდაც საიტის მნიშვნელოვანი ნაწილი, ძალზედ მნიშვნელოვანია მომხმარებლების წახალისება, რომ გააზიარონ სურათები სოციალურ გვერდზე. ქსელებს და გაუადვილებს მათ ამის გაკეთებას.

როგორც ყოველთვის, მე მაქვს პრაქტიკული რჩევები WordPress პლატფორმისთვის, სხვა სისტემებში გირჩევთ გამოიყენოთ პროგრამისტი ან შეამოწმოთ, ხომ არ არის ამისთვის სპეციალური დანამატი.

WordPress– ს ამ მიზნით აქვს 2 ლამაზი დანამატი:

10. გამოსახულების შემცირებისა და ოპტიმიზაციის საშუალებები

TinyPNG - შესანიშნავი სერვისი, რომელიც საშუალებას გაძლევთ შეკუმშოთ სურათები ინტერნეტით, განსაკუთრებით მოსახერხებელი გადასაადგილებელი ინტერფეისით. მათ ასევე აქვთ API, რომელიც საშუალებას გაძლევთ უფრო დიდი რაოდენობით და ავტომატურად იმუშაოთ, ასევე შესანიშნავი დანამატი WordPress– ისთვის, რომელიც საშუალებას გაძლევთ შეკუმშოთ საიტზე არსებული ყველა სურათი - მოითხოვს მათი API– ს გამოყენებას (თვეში 500 სურათი უფასო).
Fotosizer - ლამაზი საგამომცემლო პროგრამა, რომელიც საშუალებას გაძლევთ დიდი რაოდენობით შეცვალოთ სურათები - არა მხოლოდ შეკუმშვა, არამედ ზომების შემცირება, სურათებზე წყლის ნიშნები და სხვადასხვა ეფექტების დამატება და მრავალი სხვა ლამაზი თვისება.

დასკვნა

თქვენ ახლახან მიხვდით ვებ – გვერდის სურათების ოპტიმიზაციის მნიშვნელობას. ამასთან, თუ გსურთ იცოდეთ თქვენი საიტის ამჟამინდელი მდგომარეობა, ამის გაკეთება უფასოდ შეგიძლიათ, მადლობა Semalt– ის SEO კონსულტაციები.
Semalt დაგეხმარებათ საიტის პრობლემების იდენტიფიცირებაში. გარდა ამისა, Semalt ექსპერტებთან ერთად მარტივად შეგიძლიათ გააუმჯობესეთ თქვენი ონლაინ ბიზნესის საქმიანობა დაბალ ფასად.

mass gmail