Оптимизиране на изображения за търсачките

Без значение дали сте блогър или пишете статии за уеб сайт, със сигурност ще се нуждаете от изображение/снимка за поста си. Изображенията оживяват една статия, а също така и допринасят за SEO оптимизацията на Вашия сайт. В тази публикация ще Ви обясним как се прави оптимизиране на изображения за търсачките и как да използвате изображения за по-добро потребителско изживяване.

Винаги използвайте изображения

Изображенията, когато се използват по правилен начин, ще помогнат на потребителите да разберат по-добре Вашата статия. Изразът „Една снимка струва повече от хиляда думи“ вероятно не важи за Google, но със сигурност е вярно, когато трябва да покажете нагледно това, което имате предвид, да го илюстрирате под формата на инфографика или просто да направите своя публикация в социалните мрежи по-примамлива.

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

Преди време Google Images получи чисто нов интерфейс с нови филтри, метаданни и т.н. Тези страхотни нови филтри показват, че Google все повече знае какво визуализира едно изображение и как това изображение се вписва в по-широкия контекст.

Google Images (Google Изображения)

Използване на правилното изображение

Винаги е по-добре да използвате оригинални изображения (снимки, които сте направили сами), отколкото стокови изображения. Например, в страница «Екип» публикувайте снимки на Вашия действителен екип, а не на незнайно кои хора, чиито изображения сте намерили в Google.

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

За всичко това има проста SEO причина: изображение със свързан текст се нарежда по-добре за ключовата дума, за която е оптимизирано.

Алтернативни изображения

Ако нямате оригинални изображения, които да използвате, има и други начини да намерите уникални изображения, избягвайки стоковите снимки. Например, Flickr.com е хубав източник на изображения. Само не забравяйте да упоменете източника. Аз лично харесвам и изображения, предоставени от сайтове като Unsplash и Freepik. Все пак, ако използвате стокови снимки, изберете тези, които изглеждат реални (добре де, само малко по-истински). Използването на снимки, които Вие сами сте направили, ще бъде винаги най-правилният избор.

Очевидните алтернативи на снимките могат да бъдат графики или илюстрации, както и невероятно популярните в наши дни – анимирани GIF.

Бойко Борисов – GIF

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

Подготовка на изображения за използване в статия

След като намерите правилното изображение, независимо дали става дума за снимка, илюстрация или графика – следващата стъпка е да го оптимизирате. Така че, преди да добавите Вашето изображение на страницата, има няколко неща, за които трябва да помислите:

Изберете правилно име на файла

SEO оптимизиране на изображението започва с името на файла. Искате Google да знае за какво е изображението, то тогава използвайте желаната ключова дума или фраза в името на файла. Много е просто: ако пишете статия за Рилския манастир и използвате изображение, показващо двора на Рилския манастир, името на файла не трябва да бъде DSC2458.jpg. Правилното име на файла ще бъде рилски-манастир-двор.jpg, като се уверите, че основната тема на снимката (и Вашата статия) е в началото на името на файла.

Изберете правилния формат

За изображенията – правилен формат не съществува. Всичко зависи от вида на изображението и как искате да го използвате. Накратко, препоръчваме:
• изберете JPEG за по-големи снимки или илюстрации: този формат ще Ви предостави добри резултати по отношение на цветове и яснота с относително малък размер на файла;
• използвайте PNG, ако искате да запазите прозрачността на фона на изображението си;
• или използвайте WebP вместо JPEG и PNG. Ще произведе висококачествен резултат с по-малък размер на файла. Можете да използвате инструменти като Squoosh за преобразуване на Вашето изображение в WebP.
• използвайте SVG за лога и икони. С помощта на CSS или JavaScript можете да управлявате изображения в SVG формат, например да ги преоразмерите без загуба в качеството им.

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

Размер на изображението

Времето за зареждане е важно за UX и SEO. Колкото по-бърз е сайтът, толкова по-лесно е потребителите и търсачките да посещават (и индексират) страниците Ви. Изображенията могат да имат голямо влияние върху времето на зареждане, особено когато качвате огромно изображение, което обаче на страницата се визуализира малко. Например, изображение с размери 2500 × 1500 пиксела, което се показва с размер 250 × 150 пиксела. Ето защо трябва да преоразмерите изображението до размер, по който искате да се показва.

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

Изображенията трябва да имат srcset атрибут, което дава възможност да се показва различно изображение според ширината на екрана – това е особено полезно за мобилните устройства и е от съществено значение за SEO. Ако използвате WordPress, системата автоматично го прави за Вас, тъй като тази функционалност е добавена по подразбиране от версия 4.4.

Намаляване на размера на файла

Следващата стъпка в оптимизирането на изображението е компресиране на файла, така че размерът му да бъде възможно най-малък. Препоръчваме да използвате уеб сайтове като JPEGmini.com, jpeg.io или Kraken.io.

След като оптимизирате изображенията, можете да тествате страницата си с инструменти като Google PageSpeed Insights, WebPageTest.org или Pingdom.com.

Добавяне на изображението към вашата статия

Имате подготвено изображение, но запомнете, че трябва да го поставите в статията там, където се намира текстът, отнасящ се за него. Това гарантира, че текстът е толкова подходящ за изображението, колкото изображението за текста – нещо, което потребителите и Google предпочитат.

Въпреки че Google става все по-добър в разпознаването на това, което е на изображението, все още не трябва да разчитате само на това. Необходимо е да се предостави контекст за това изображение.

Кратко описание

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

През 2012г. KissMetrics заяви, че:
„Надписите под изображения се четат средно с 300% повече от самия текст на публикацията, така че да не ги използвате или да не ги използвате правилно, означава да пропуснете възможността да ангажирате огромен брой потенциални читатели.“

Трябва ли да добавяте кратко описание към всяко изображение? Не, защото понякога изображенията служат за други цели. Решението дали искате да използвате Вашите изображения за SEO зависи от самите Вас.

Алтернативен (alt) текст и заглавие

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

Не забравяйте да добавите alt текст към всяко изображение, което използвате и се уверете, че alt текстът съдържа ключовата дума или фраза за тази страница (ако е подходящо). Важно е да опишете какво изобразява изображението, така че да бъде разбираемо както за търсачките, така и за потребителите. Колкото по-подходяща информация има относно изображението, толкова повече търсачки смятат това изображение за важно.

Когато задържите курсора на мишката върху изображение, някои браузъри показват заглавието му (title текста) като „подсказка“. Chrome показва текста на заглавието по предназначение.

Добавете структурирани данни

Добавянето на структурирани данни към Вашите страници може да помогне на търсачките да показват Вашите изображения като богати снипети (rich snippets). Въпреки че от Google твърдят, че структурираните данни не Ви помагат да се класирате по-добре, на практика богатите снипети излизат по-напред от обикновените. Например, ако имате рецепти на Вашия сайт и добавите структурирани данни, Google може да добави значка към Вашите изображения, показваща, че това изображение принадлежи на рецепта. Google Images поддържа структурирани данни за рецепти, продукти и видеа.

Оптимизиране на изображения чрез структурирани данни

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

OpenGraph и социалните мрежи

Изображенията на страницата могат да бъдат използвани и за социално споделяне. Ако добавите следния маркер за изображение към <head> секцията в HTML страницата си по този начин:

<meta property=“og:image“ content=“http://example.com/image.jpg“ />

това ще гарантира, че изображението е включено за споделяне във Facebook. OpenGraph се използва и за Pinterest.

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

XML Карта на изображенията

Можете да използвате разширения за изображения на Google за Sitemap, за да дадете на Google повече информация за изображенията, налични на Вашите страници. Тази информация помага на Google да открие изображения, които иначе може да не намери (като изображения, до които Вашият сайт достига с JavaScript код, например), и Ви позволява да посочите изображения на Вашия сайт, които искате Google да обхожда и индексира.

SEO оптимизиране на изображения: обобщение

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

• Използвайте подходящи изображения, които съответстват на текста на страницата;
• Изберете подходящи имена на изображенията;
• Уверете се, че размерът на всяко изображение съответства на мястото, на което искате да го поставите;
• Използвайте srcset атрибут, ако е възможно;
• Намалете размера на файла за по-бързо зареждане;
• Добавете кратко описание на изображението, ако е възможно;
• Използвайте алтернативен (alt) текст и заглавие;
• Добавете структурирани данни към Вашите изображения;
• Добавете OpenGraph протокол за социално споделяне;
• Използвайте изображения във Вашата XML карта на сайта;
• Осигурете целия контекст, който можете!

Надяваме се, че информацията в тази статия Ви е била от полза. Очаквайте скоро още по темата.