როგორ გავაუმჯობესოთ სურათები WordPress- ისთვის, სრული სახელმძღვანელო

როგორ გავაუმჯობესოთ სურათები WordPress- ისთვის, სრული სახელმძღვანელო

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


რატომ არის სურათები (ძალიან ძალიან) მნიშვნელოვანი?

არსებობს მრავალი, მრავალი მიზეზი, რის გამოც თქვენ გამოიყენებთ სურათებს თქვენს პოსტებსა და სტატიებში:

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

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

Მაგრამ მოიცადე! პრობლემაა!

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

გვერდის დატვირთვის დროს ერთი წამით შეფერხებამ შეიძლება შეამციროს კონვერტაციის მაჩვენებლები 7% -ით

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

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

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

1. დიდი ზომები

“Extra Fries” ყოველთვის არ არის კარგი

ეს არის კლასიკური. დავუშვათ, რომ გჭირდებათ 150 × 150 პიქსელის ფოტო თქვენს საიტის „გუნდის“ გვერდზე. ჩვეულებრივ, თქვენ იყენებთ 5MP headshot, ოდნავ შეცვალეთ იგი და ბოლოს ატვირთეთ.

პრობლემა ხომ არ დაინახეთ? ზოგი ადამიანი პირდაპირ ატვირთავს ფაქტობრივ 5MP სურათს! WordPress- ის თემა ატვირთავს 5MP მთლიან სურათს (ეს არის 5 x 10 ^ 6 პიქსელი) და სთხოვს ბრაუზერს შეამციროს იგი 150x150px საჭირო განზომილებაში. სინამდვილეში, ბრაუზერი აჩვენებს ორიგინალური სურათის მხოლოდ 0.0045%!

თქვენ დასრულდება თქვენი და თქვენი სტუმრის გამტარობა (მაშინაც კი, თუ თქვენ ემსახურებით სურათს Content Delivery Network- ის მეშვეობით, როგორიცაა Stackpath CDN), იყენებთ უფრო მყარი დისკის ადგილს და გაზრდით დატვირთვის დროს. არცერთი მახასიათებელი არ არის ის, რაც გსურთ თქვენს საიტზე.

ყოველთვის ზომის შეცვლა (და ზომის შეცვლა ვგულისხმობ შემცირებას) გამოსახულების საჭირო ზომები და შემდეგ ატვირთეთ იგი!

ImageResize.org

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

სასარგებლო ინსტრუმენტები:

  • ირფანვივი შესანიშნავი პროგრამაა თქვენი სურათების სურათების ზომის შეცვლისთვის, ისეთი დამატებითი შესაძლებლობებით, როგორიცაა ოპტიმიზაცია, წყლის ჭაობი და საზღვრები.
  • ImageMagick არის ღია კოდის მოწინავე ინსტრუმენტი, რომლის გამოყენებაც შესაძლებელია პროგრამირების სხვადასხვა ენაზე და ოპერაციულ სისტემაში. შეგიძლიათ დაწეროთ თქვენი საკუთარი აპლიკაცია, ან უბრალოდ გამოიყენოთ იგი ბრძანების ხაზის საშუალებით.
  • ImageOptim (Mac) საშუალებას გაძლევთ გადაიტანოთ მთელი საქაღალდეები და სწრაფად ოპტიმიზაცია მრავალჯერადი სურათებით.
  • TinyPNG არის სურათის შეკუმშვის ონლაინ ინსტრუმენტი API.

2. სურათის არასწორი ფორმატი

shutterstock_108312266

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

3. პროგრესული JPEG– ების არ გამოყენება

საწყისი (ნორმალური) JPG წინააღმდეგ პროგრესული JPG

საწყისი (ნორმალური) JPG წინააღმდეგ პროგრესული JPG

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

  • საწყის JPEG აქვს მხოლოდ ერთი ფენა – რომელიც შეიცავს მთელ სურათს. მოთხოვნისთანავე, მთელი სურათი იტვირთება ერთი გადაადგილებით.
  • პროგრესული JPEG აყალიბებს სურათს მრავალ ფენად. პროგრესული JPEG სურათი იტვირთება ფენით ფენით, რომელიც თანდათან მატულობს ხარისხში, საბოლოოდ კი იქმნება დაკარგვა.
IrfanView მხარს უჭერს Batch კონვერტაციას პროგრესულ JPEG- ით

IrfanView მხარს უჭერს Batch კონვერტაციას პროგრესულ JPEG- ით

ყველა ძირითადი სურათის რესიზოლატორი საშუალებას გაძლევთ შეინახოთ სურათები როგორც პროგრესული JPEG.

4. ლაზური დატვირთვის არ გამოყენება

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

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

5. არ იყენებთ CDN

cdn- ქსელი

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

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

6. არ არის გამოცხადებული ‘alt’ ატრიბუტის შესახებ

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

7. სურათების არ ოპტიმიზაცია

ფანქარი-კრისტონები-წერტილები

ოპტიმიზებული სურათები 40% -ით მსუბუქია ვიდრე ჩვეულებრივი სურათები. ეს აუმჯობესებს დატვირთვის დროს და დაზოგავს სიჩქარეს. გირჩევთ, ფრედის საუკეთესო WordPress Image Optimization Plugins- ის სიიდან WPSmush.it თქვენი სურათების ოპტიმიზაციისთვის. კრაკენი.იო ასევე შესანიშნავი ონლაინ ვარიანტია სურათების შეკუმშვა jiffy- ში. ჩვენ ვიყენებთ მას ყველა დროის აქ WPExplorer- ში, გამორჩეული სურათების ოპტიმიზაციისთვის, სანამ ატვირთავთ მათ შეტყობინებებს და თემების დემო ვერსიებს.

8. საპასუხო სურათები

საპასუხო ვებ დიზაინი აქ არის

საპასუხო ვებ დიზაინი აქ არის

მაშინაც კი, თუ თქვენი საიტი რეაგირებს, არ ნიშნავს რომ თქვენი სურათები იყოს. ეს ნიშნავს, რომ სათაურის სურათი, რომელსაც იყენებთ 22 ”დესკტოპის ეკრანზე, ასევე ემსახურება 5” iPhone- ს. სურათის ატვირთვისას, WordPress შეცვლის მას მრავალ ვერსიაში – მინიატურა, საშუალო, სრული ზომა და ა.შ., ეს შეიძლება შეიცვალოს დეველოპერმა. კარგად დაშიფრული თემა ემსახურება სურათის “საშუალო” ზომის ვერსიას, რითაც დაზოგავს სიჩქარეს.

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

9. სურათის სათაურები

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

10. სურათის სახელწოდება

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

დასკვნა

გმირი-11

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

გაქვთ შესანიშნავი ოპტიმიზაციის ტექნიკა? ცეცხლი წაიღეთ!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map