Как правилно да оптимизирате вашите изображения, за да подобрите SEO
Предишните ни изследвания и казуси за връзката между изображенията и SEO ни доведоха до тази тема за оптимизация на изображения и визуално. След това открихме, че Google може да чете текст от изображения, което може да има огромно значение в класацията и света на Google Image Search в бъдеще. Напълно възможно е в много близко бъдеще търсачките вероятно да променят алгоритмите за класиране на изображения. Тази промяна ще има огромно въздействие върху научните изследвания и света на SEO. Особено след като Google използва откриване на обекти в изображения.
Затова е по-добре да сме подготвени и да следваме следващите ни съвети за оптимизиране на изображения за да помогнете на Google да „чете“ и да класира вашите изображения в близко бъдеще.
1. Изберете правилния формат на изображението
Има няколко типа файлове за визуално съдържание, всеки от които има различни цели. Ако изберете правилния файл, това ще бъде огромно подобрение.
За мрежата можете да изберете:
- JPEG формат, когато имате изображения с много цвят, цветен градиент и засенчване.
- PNG формат, когато имате лого, изображение с много плътен цвят или трябва да използвате прозрачност.
- GIF формат, когато имате анимация или обяснение в същата ситуация или PNG формат.
2. Оптимизирайте размера на файла с изображение
Намаляването на качеството на изображението може да ускори скоростта на зареждане на уебсайт. Бързите уебсайтове означават по-добро потребителско изживяване, което води до увеличени реализации.
Едносекундно закъснение в отговора на страница може да доведе до 7% намаление на реализациите, според проучване на Kissmetrics.
Още по-сериозен проблем засяга мобилните потребители. Изображенията представляват 68% от общото тегло на страницата и са склонни да бъдат твърде големи и често ненужни, забавяйки зареждането на страницата и предотвратявайки достъпа на потребителя до информация.
Размерът на изображението се определя от качеството му или броя на пикселите. Ако изображението съдържа повече пиксели, размерът, размерите и качеството ще бъдат по-високи. Затова се препоръчва да се намали качеството с 15-20% за JPEG и PNG формати.
Много специализиран софтуер има тази опция.
Например в Adobe Photoshop JPEG и PNG предоставят възможност за оптимизиране на изображения за мрежата. Стъпките са съвсем прости: Експортиране »Запазване за уеб» Качество 85% (Използвайте инструмента за преглед на снимки вляво, за да определите дали можете да компресирате снимката и нейния външен вид.) »Щракнете върху Запазване.
Колкото по-висок е процентът, толкова по-добро е качеството на снимката. За PNG изображения можете да избирате от други оптимизации, като 8-битов PNG и 24-битов PNG. Препоръчително е да го запишете в 8-битов png формат, за да получите малко по-голямо изображение.
Affinity Photo е друга опция за компресиране на изображения, която може да бъде подобна на Photoshop, но по-евтина.
Има и друг по-лесен за използване софтуер за намаляване на качеството на изображението, като Gimp и друг малък софтуер за начинаещи, като GIFsicle, JPEGtran, JPEG Mini, OptiPNG, pngquant, FileOptimizer, ImageOptim.
Ако искате да отидете по най-лесния начин и да не изтегляте никакъв софтуер, можете да използвате инструменти за онлайн редактиране за компресиране на изображения. TinyPNG и Trimage са двете най-използвани.
Има и PageWeight на imgIX, където можете да добавите уебсайта си и да оцените количеството визуално съдържание. За това има три основни показателя, изчислени за всеки сайт, представени от цветни ленти (леки, препоръчителни и тежки), както можете да видите на екранната снимка по-долу. В нашия пример имаме средно съдържание на уебсайта и ниско тегло на изображението и препоръки за по-добра оптимизация на изображението.
По-долу е даден примерен отчет и действията, които трябва да се предприемат:
- Как изображенията влияят на теглото на вашата страница;
- Вашето най-лошо изображение Разложено изображение на вашата страница.
За всеки резултат препоръчваме някои действия за подобряване на времето за зареждане на вашата страница и оптимизиране на изображенията за намаляване на теглото
3- Запазване на изображения с по-малки разделителни способности
Друго решение за оптимизиране на изображения е запазването на изображения в по-ниска резолюция. Разделителните способности се отнасят до броя на пикселите в изображението. Софтуерът за редактиране идентифицира разделителната способност по ширината и височината на изображението и по броя на пикселите в това изображение.
Например, ако вашето изображение е с ширина 500 пиксела и височина 281 пиксела (500 × 281), то ще има 140 500 пиксела (умножаваме броя на пикселите по ширина и височина), което е 141 KP. За по-голямо изображение разделителната способност ще бъде по-голяма. Например, ако имате висококачествено изображение 1920 × 1080, разделителната способност ще бъде 2,07 мегапиксела. В софтуера за редактиране на графики имаме възможност да изберем размерите и разделителната способност на вашето изображение, което може да бъде малко подвеждащо, тъй като не можем да имаме изображения с еднакъв размер с различни разделителни способности.
Изображение с 500 × 281 при 72 ppi, 300 ppi и 1000 ppi ще изглежда абсолютно еднакво и броят на пикселите ще бъде 141 KP.
Http Archive направи интересен анализ на разбивката на уебсайтовете по тип съдържание. Резултатите бяха невероятни. Можете да видите данните за този отчет по-долу. Можете лесно да видите кои изображения имат най-голяма тежест на уебсайт.
Размерите, показани в диаграмата, са размерите на трансфера. Следователно компресираните отговори се считат за по-малки от оригиналното некомпресирано съдържание.
PageSpeed Insights на Google може да ви покаже изображения, които трябва да бъдат компресирани и пространството, което спестявате след това. В примера, показан по-долу, можете да видите файловете, които трябва да бъдат компресирани. Ако ги компресирате, ще спестите 34KB.