Как да увеличите времето на постоянство на вашия уебсайт, за да подобрите позиционирането си в SEO
[SEO за начинаещи] 7-те ключови идеи, които трябва да знаете, за да позиционирате уебсайта си

ЕКСПЕРТ НА GOOGLE?

мрежата

Списък на чакащи

Всички обичаме образите.

И то е, че те са много полезен елемент за засилване на имиджа на нашата марка, предаване на повече професионализъм, привличане на вниманието на потребителя, подобряване на времето, прекарано в мрежата и т.н.

Зад всички тези предимства обаче се крие грешка, която много компании правят: не оптимизирайте изображения при качване.

Априори това може да не ви се струва нещо много „сериозно“, но ако го оставите, възможно е уебсайтът Ви да отнеме години, или сървърът Ви дори да се насити. Виждате ли вече значението му?

Така че, не пропускайте тази публикация, защото ще обясним всичко, което трябва да знаете, за да оптимизирате изображенията на вашия уебсайт стъпка по стъпка, и какви инструменти можете да използвате.

Индекс на съдържанието на статията:

Защо е толкова важно да оптимизирате изображенията на вашия уебсайт

Представете си за секунда, че живеете на шести етаж, където няма асансьор и трябва да извършите покупката си. Какво ще ви бъде по-лесно, качете една чанта или качете пет наведнъж?

Отговорът е очевиден.

Е, същото се случва и с вашия уебсайт.

Качването на изображенията без оптимизация е сякаш страницата ви трябва да се изкачи по стълби, натоварени с много тежки чанти.

Формулата е проста: по-малко тегло, по-бързо.

И това също има няколко предимства:

Тъй като може би си мислите, че това е преувеличение, препоръчваме ви да гледате това видео, което Google направи, за да покаже последиците от бавната скорост на зареждане в мобилните версии. 😉

Представете си с мобилния си телефон в този магазин, който не се зарежда, наистина ли мислите, че бихте чакали толкова дълго, за да отидете на друг уебсайт?

Как стъпка по стъпка да оптимизираме изображенията на уебсайт

Сега, когато сте сигурни, че осъзнавате важността на компресирането и настройването на изображенията, е време да видите как да го направите.

1. Какъв формат на изображението да използвам

Един от въпросите, които клиентите ни задават най-много, когато проектираме техните уеб страници, е в какъв формат трябва да доставят изображенията. Това са 2 опции:

  1. PNG: предлага по-високо качество и позволява прозрачен фон, но тежи повече. Това е най-добрият избор за екранни снимки, изображения с много бяло или логото.
  2. JPEG: можем да играем по-добре, когато намаляваме размера и тежи по-малко от PNG, но качеството ще бъде по-ниско. По-добре е да използвате JPEG за много големи изображения с много цветове или елементи, тъй като в PNG тези изображения ще тежат много повече.

След като се изясни, нека поговорим за пикселите. 😉

2. Измервания

Тук трябва да разграничите кои са изображенията, които да използвате в статичните страници на вашия уебсайт (тези, които не се променят нормално), и публикациите. За статичните страници уеб дизайнерът ще ги оптимизира, от друга страна, във вашите статии редакторът или лицето, отговарящо за съдържанието на вашата компания, което трябва да ги оптимизира.

Със сигурност знаете израза: „това е убиването на мухи с топови изстрели“.

Е, подобно нещо се случва с измерванията на изображенията. Представените изображения на вашите публикации или тези, които въвеждате в целия текст, ще бъдат показани с предварително зададен размер от шаблона, който дизайнерът е използвал при създаването на мрежата. Така, ако изображението трябва да се гледа на, да речем, 800 пиксела; няма смисъл да качвате 6000 пиксела.

В случай, че не знаете каква е ширината на вашите публикации (обикновено се поставят изображения, които заемат цялата ширина), опитайте да качите изображение с 850 пиксела. Нормалната ширина, която обикновено се обработва, се колебае от тази фигура.

3. Известната „тежест“ или качество

Всички файлове, които обработвате на компютър, имат "тегло", което е препратката към това колко заемат те в килобайтове, мегабайти и т.н. Когато модифицирахме измерването в предишната стъпка, направихме това с цел да качим оптималния размер в мрежата, тъй като a по-голямото изображение тежи повече.

Какво е идеалното тегло на изображението тогава?

Идеалното тегло винаги ще бъде възможно най-ниското, стига качеството на изображението да не страда прекомерно.

Разгледайте следните примери.

Както виждате, изглежда доста зле. Прекарахме толкова много време в приспособяване, че качеството силно пострада. Нека сега видим друг случай с малко повече качество.

Изглежда доста по-добре от другия, но все пак качеството все още не е достатъчно.

А сега да, вижте как изглежда това перфектно.

Колко тежи това изображение?

Не можете обаче да приемете това като фиксирана референция, тъй като това зависи от цветовете и степента на детайлност на изображението. В този случай, като имаме много сиво, успяхме да намалим теглото повече.

В идеалния случай изображенията трябва да са около 100 килобайта, без никога да надвишава, ако е възможно, 150 килобайта (с изключение на някои специални изключения).

Инструменти за настройване и компресиране на изображенията на вашия уебсайт

Сега знаете какво да правите, но ни липсва как или с какво. Нека да видим инструментите, които можете да използвате.

1. За изрязване или преоразмеряване

Има много инструменти за това, затова обясняваме 4 от най-известните:

  1. Photoshop: Програмата на Adobe е най-добрият софтуер за ретуширане на изображения. Ако знаете как да го използвате (и го имате), няма какво повече да кажете.
  2. Photopea: една от най-известните безплатни алтернативи на Photoshop и която ви позволява да отваряте PSD файлове (от Photoshop). Можете да го видите тук.
  3. Намалете снимките: безплатен онлайн инструмент за лесно намаляване или изрязване на изображения. Ако не работите с PSD файлове, това е ефективно и бързо за тези функции. Влезте, като кликнете тук.
  4. WordPress: Ако вече сте качили изображението и сте направили грешка по някаква причина, можете да го намалите или изрежете с опцията "редактиране". Проблемът е, че това, което WordPress прави, е да генерира копие, така че по този начин ще създадете ново изображение. Трябва да запомните да изтриете първия.

Както можете да видите, това не е много трудно.

2. Да компресирате, без да губите много качество

С други думи, след като сте настроили размера към съответното измерване, изображението може да продължи да тежи много. Как да намалите теглото, без да губите много качество? С някой от тези 3 инструмента.

  1. Web Resizer: Въпреки че има донякъде остарял интерфейс, този безплатен онлайн инструмент ни позволява да изрязваме, завъртаме и регулираме размера и качеството, всичко в едно. Ела тук да го видиш.
  2. TinyPNG: пандата на изображенията. Можете да качите до 20 изображения наведнъж (голямата му добродетел) и това ще ги върне с по-малко тегло. Не се заблуждавайте от името, то компресира и JPEG изображения. Щракнете тук, за да го видите.
  3. Compressor.io: Той поддържа JPEG, PNG, GIF и SVG, можете да избирате между два вида компресия и ви позволява да го изтеглите директно в Drive и Dropbox. Щракнете, за да влезете.

Мислите ли, че сме готови?

Що се отнася до това каква е оптимизацията на изображението, преди да го качите в WordPress, да. Но все пак можем да направим малко повече.

3. Приставки за оптимизиране на изображения

В Tu Posicionamiento Web ние сме експерти по дизайн и позициониране за WordPress (смятаме, че това е най-добрата CMS във всяко отношение), така че ще се съсредоточим върху препоръчването на конкретни плъгини за него. И бъдете сигурни, че всички те са безплатни. 😉

  • WPSmush: качвате изображението, а приставката е отговорна за самото му оптимизиране. Не е нужно да правите нищо друго. Това е страницата на приставката.
  • EWWW Image Optimizer: друг безплатен плъгин, подобен на предишния, който ще ви позволи да намалите теглото на изображенията. Можете да го видите тук.
  • Мързелив товар: ако превеждаме буквално, това означава „мързелив товар“, въпреки че това е добре. Това, което приставката прави, е да зарежда изображенията, както се появяват на екрана, а не всички едновременно. Какъв смисъл би имало качването на изображение, което може да е в края на публикацията, ако човекът го прочете само наполовина? По този начин страницата ще се зареди първо по-бързо.

Както можете да видите, всичко, което драска десети от секундата при скорост на зареждане, е добре дошло. 😉

Винаги оптимизирайте изображенията на вашия уебсайт

Вече видяхте колко е важно да имате добра скорост на зареждане, но в същото време всички изображения да изглеждат добре (няма нищо, което да създава повече усещане за пренебрегване, отколкото да имате пикселизирани изображения на вашия уебсайт).

И това ли е изображението, което отразява вашата марка, се влияе от всички тези подробности.

Ето защо е много важно вашият уеб дизайн да бъде:

  • Атрактивен.
  • Функционално (че страницата е интуитивна при навигация в нея).
  • Оптимизиран за уеб позициониране и преобразуване.

Ако търсите агенция за уеб дизайн в Мадрид, която отговаря на тези 3 изисквания, ние можем да ви помогнем.

Освен това в нашия екип има и автори и копирайтъри, които ще отговарят за текстовете и съдържанието на вашия бизнес. Така че можете да се съсредоточите върху обслужването на клиентите си, а ние върху всичко останало.