Оптимизация на изображения за подобряване на скоростта на уебсайта и популяризирането на уебсайтове - Semalt Expert



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

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

Например:

Промоция на изображения в Google: правилно използване на изображения

Инвестирали ли сте и закупили ли сте снимки от сайтове за снимки/хранилища за изображения, или дори сами сте увеличили и направили снимки? Също така трябва да ги увеличите за целите на SEO!

Google Image Promotion е един от най-добрите начини за увеличаване на трафика на уебсайта в определени области - особено тези, които се фокусират върху визуалната страна.

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

Основни правила за оптимизиране на изображението:

1. Тегло и размери на изображението

Един от важните параметри за популяризиране на изображения онлайн - е теглото на изображението.

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

Препоръчително тегло за снимки

Почти всяко изображение може да бъде компресирано до една или друга степен, така че винаги е препоръчително да се използват само размерите, които наистина са необходими и които се показват физически на сайта, и да се намали теглото на изображенията, доколкото е възможно. Това важи за всеки сайт. Но особено за сайтове с много изображения. Няма едно правило, което да е вярно във всички случаи, но е препоръчително да се уверите, че теглото на изображението не надвишава 70-80K, освен ако не е изображение от галерия/плъзгач от особено значение.

2. Изберете подходящо име за изображението

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

Примери за лошо име за снимка:

DSC2387.jpg

Site promoter.png

Пример за добро име за изображение:

Search-engine-optimizer.jpg

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

3. ALT към изображението

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

Технически в кода изглежда така:

<imgsrc="дърво.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 Преводач ...) могат да бъдат страхотни, от една страна, но значително саботират сайта и потребителския опит, от друга.

Най-критичното нещо при използването на тези изображения е да се поддържа разумно качество и тегло възможно най-ниско. В големите търговски сайтове, които разчитат на миниатюри за показване на страници с категории и визуализации на продукти, този факт е особено важен. Знаете ли, че всяка секунда закъснение при зареждането на сайта струва на Amazon 1,6 милиарда долара годишно? Голяма част от времето за зареждане на такива сайтове са изображенията.

Вярно е, че повечето от нас могат само да мечтаят да имат сайт с такъв мащаб. Но знаете ли - големите промени започват отдолу нагоре, а малките. Колкото по-скоро се обърнем, толкова по-добре.

Съвети за правилно използване на миниатюри

Силно се препоръчва да създадете миниизображение за миниизображението и по-голямо изображение за самата страница на продукта. Не използвайте голямата снимка като миниатюра! Това ще зареди няколко пъти натоварването на сайта, особено когато има много миниатюри на една страница. В различни системи за управление на съдържанието вие автоматично се освобождавате от този проблем.

Що се отнася до правилата за оптимизиране на изображенията, препоръчително е да инвестирате повече в големи изображения, а не в миниатюри. Например - не включвайте миниатюрите в Image Sitemap (разширение по-долу), в някои случаи дори не задавайте ALT тагове за тях. Амбицията е Google да индексира големите снимки за сметка на миниатюрите, а не обратното.

Препоръчително е да зададете Image Title на Thumbnails, които описват продукта с няколко думи и като цяло какво ще види сърфистът след щракване върху изображението.

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

7. Използване на обвиващ текст

Обикновено изображенията идват да служат на текста, а не обратното. Но що се отнася до оптимизацията на изображенията и промоцията на изображения в Google и ако сайтът е мрежа, базирана на изображения, много си струва да не пренебрегваме въпроса с текстовете, дори ако това са основни неща.

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

8. Карта на сайта за снимки

Sitemap за изображения (image-sitemap.xml) помага на Google да чете и индексира по-добре нашите изображения на сайта. Подобно на стандартна XML карта на сайта, карта на изображението на изображения може да бъде изпратена с помощта на Search Console в областта на картите на сайта.

Добавете Sitemap в Search Console

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

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

Как да създам карта на сайта?

WordPress - Както обикновено, ако работите с WordPress, животът ви е лесен. Приставката Udinra All Image Sitemap затваря ъгъла за вас. Всичко, което трябва да направите, е да инсталирате приставката, да маркирате V в настройките, да създадете карта на сайта и да я стартирате в Google чрез Search Console.

От всяка друга платформа - зависи. Ако няма решение извън кутията като плъгин и т.н., това може да се направи с помощта на Screaming Frog.

Жабата може да ви помогне лесно да създадете карта на сайта с изображения. Единственият проблем - няма да се актуализира автоматично (за разлика от приставката) и трябва да се обновява от време на време.

Как правиш това?

Трябва да се извърши пълно сканиране на заявения сайт и след това в горното меню на софтуера отидете на Sitemaps -> Create Images Sitemap. Това, което ще получите, е кошер XML файл, който да използвате и стартирате чрез Search Console.

9. Насърчавайте споделянето на снимки

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

Както обикновено, имам практически съвети за платформата WordPress, в други системи препоръчвам да използвате програмист или да проверите дали има специален плъгин за него.

WordPress има 2 хубави приставки за тази цел:

10. Инструменти за намаляване и оптимизиране на изображението

TinyPNG - отлична услуга, която ви позволява да компресирате изображения онлайн с особено удобен интерфейс за плъзгане. Те също имат API, който ви позволява да работите в по-големи количества и автоматично, както и страхотен плъгин за WordPress, който ви позволява да компресирате всички изображения на сайта - изисква използването на техния API (безплатно за 500 изображения на месец).
Fotosizer - хубав десктоп софтуер, който ви позволява да редактирате изображения в големи количества - не само компресия, но и намаляване на размерите, добавяне на водни знаци и различни ефекти към изображения и много други хубави функции.

Заключение

Току-що разбрахте значението на оптимизирането на изображенията на уебсайт. Ако обаче искате да знаете текущото състояние на вашия сайт, можете да го направите безплатно, благодарение на Semalt's SEO консултации.
Semalt ще ви помогне да идентифицирате SEO проблеми, свързани с вашия сайт. В допълнение, със Semalt Experts можете лесно подобрете ефективността на вашия онлайн бизнес на по-ниска цена.

mass gmail