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

Оптимизацията на търсачките не трябва да е еднократна работа. Когато актуализираме текстове, добавяме нови статии или продукти, не трябва да забравяме да оптимизираме изображенията, защото До 1/3 от търсенията с Google са чрез изображения. (Moz.com, 2017)

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

Създавайте и използвайте свои собствени изображения

уебсайт
Картината показва пример за това как изображенията, използвани в уебсайта, не трябва да изглеждат (снимка № 1 - лоша композиция, нефокусирано, лошо осветление, портрет) и как трябва да изглеждат снимките (снимка № 2 остри, ярки, в принципи за съответствие на състава и в достатъчна резолюция).

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

Настройте размерите и размера на изображенията спрямо дисплея

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

Оптималните размери на изображенията за продукти, статии и фото галерии варират:

  • снимки на продукти - 600-900 px (предимно използваме квадратни формати)
  • плъзгач/фонови изображения - 1920 x ширина
  • снимки на статии (илюстративно спрямо информационно) - 600-900 px за илюстративни снимки, по-висока разделителна способност за обяснително/допълнително съдържание на изображения
  • снимки галерия снимки - от 900-1200 px в ширина

Когато качваме клиентите за работа и обучение в системата, ние предупреждаваме нашите клиенти какви точно размери на изображенията трябва да използват. Изображенията с размери 400 x 400 px никога няма да имат висококачествено изображение с размери 900 x 900 px.

В допълнение към изрязването на размерите на изображението, компресирането на изображението може да ви спести няколко kb. Чрез намаляване на качеството на изображенията (така че да не е много разпознаваемо за окото), можете да спестите около 30%.

В идеалния случай те имат изображения на продукти и статии до 100 kb. Снимките в галерии до 150 kb и изображения в плъзгачи и във фонов режим могат да бъдат до 300 kb. Размерите са само за ориентиране, не винаги е възможно да се постигне оптимален размер. Че зависи от разделителната способност, броя на цветовете и детайлите на снимката. Тук важи прякото съотношение, колкото по-висока е разделителната способност/брой цветове/детайли на снимките, толкова по-голям е обемът на данните.

Можете да изрежете изображения, напр. в 3D скицника или във Photoshop:
В 3D скицника отворете изображението, щракнете върху изрязване (1), изберете желаното измерение (2) и потвърдете. Сега трябва само да запазите изображението.

Отваряте изображението, което искате да изрежете във Photoshop. Кликнете върху инструмента за изрязване (1). В горния ляв ъгъл (2) въвеждате желания размер (ширина х височина) на изображението в px (английски език) или ob (чешки език). Кликнете върху изображението, за да потвърдите изрязването (3). След това запазвате изображението.

Можете да използвате един от онлайн инструментите за компресиране на изображения в .png файл, напр. ако компресирате PNG.

Записваме изображения в следните файлове/формати:

  • .jpg - Използва се за съхраняване на компютърни изображения с фотореалистично качество със компресия със загуби. Този формат се използва най-често на уебсайтове.
  • .png растерна графика с компресия без загуби -. Често се използва, когато се изисква прозрачен фон (например лого). Ако искате изображение без фон, трябва да го изрежете. Само като запазите изображението като .png, фонът няма да бъде загубен.
  • .gif - Проста графика и анимирани изображения
  • .apng - PNG формат, удължен с възможност за създаване на анимация.
  • .svg - предназначени предимно за описание на двуизмерни, статични или анимирани векторни графики, като същевременно се поддържа качество.
  • .тиф - за съхраняване на растерни графики, предназначени за печат.

Не забравяйте да наименувате файла с изображението правилно

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

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

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

В идеалния случай всяко изображение трябва да има уникално име.

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

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

Алтернативен надпис (алтернативен текст)

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

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

Допълнителен текст, написан в код

Допълнителен текст, написан в WordPress

Включете изображения в индексирането

Ако изображенията са важна част от уеб страница, препоръчваме да ги включите в карти на сайта. Това ще направи нашите продукти по-склонни да се показват в резултатите от търсенето. Клиентите имат навика да търсят определени продукти и въз основа на изображенията кликват до електронния магазин. До 72% от потребителите търсят в изображения преди покупка (NeilPatel.com)

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

Когато оптимизирате изображенията и ги вграждате в уеб страници, обърнете специално внимание на:

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

Свържете се с нас

Нямате време да следвате последните SEO тенденции? Искате ли да се доверите на някой да актуализира страницата и да добави ново съдържание? Ще се радваме да ви помогнем с вашия уебсайт или електронен магазин.

Mgr. Кристина Шимуркова

Уверявам се, че предаваме новия уебсайт на клиента в уговорената степен, с необходимата функционалност и че уебсайтът е удобен за потребителя. Разбира се, нашият сайт е оптимизиран за всички устройства и оптимизация за търсачки. статии от Mgr. Кристина Шимуркова →