Снимките и SEO: имена на файловете, алтернативен текст и размер

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

Как търсачките разбират какво има на снимката

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

Снимка, качена направо от телефона, обикновено носи име като DSC_0982.jpg. За търсачката това име не казва нищо: не знае дали е ремонт на покрив или семейна почивка. Така губите шанса снимката да излезе в Google Изображения, откъдето част от клиентите започват търсенето си, особено за визуални услуги и продукти.

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

Как да именувате файловете преди качване

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

Фирма за климатици например може да преименува снимката от DSC_0982.jpg на montazh-na-klimatik-plovdiv.jpg. Така от името се разбира какво е съдържанието и за кой град се отнася. Автосервиз, който показва ремонт на спирачки, може да ползва smyana-spirachni-diskove-toyota.jpg.

• Пишете на латиница. Google приема и имена на кирилица, но в адреса на файла кирилицата се превръща в дълга поредица от знаци като %D0%BC%D0%BE, която е неудобна за копиране и споделяне. Транслитерацията спестява тези главоболия.
• Използвайте малки букви. Някои сървъри различават главни от малки букви и за тях Snimka.jpg и snimka.jpg са два различни файла, което лесно води до липсващи снимки.
• Разделяйте думите с тирета, а не с долни черти или интервали. Google изрично препоръчва тирета за разделяне на думите в адресите, а интервалът в адрес се превръща в %20.
• Бъдете конкретни, но кратки. Три-четири думи обикновено стигат. Натрупването на ключови думи в името не помага.

Какво е алтернативният текст и как да го пишете

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

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

Когато го пишете, представете си, че описвате снимката по телефона на човек, който не може да я види. Пишете на нормален български, с интервали и препинателни знаци. За снимка на сватбена торта в сайта на пекарна добър алтернативен текст е „Триетажна сватбена торта с бели рози и шоколадова глазура“. Лош вариант е изброяване: „торта, сватбена торта, торта Пловдив, евтина торта“.

Размер и тегло: защо огромните файлове нямат място в сайта

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

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

Няма смисъл да качвате снимка с ширина четири-пет хиляди пиксела, ако на екрана тя се показва много по-малка. Браузърът ще я смали, но посетителят пак ще изтегли целия файл. Като ориентир: за голям банер обикновено стигат около 2000 пиксела по ширина, а за снимки в статии и каталози - от 800 до 1200. Добре направените сайтове отиват и крачка по-нататък: пазят няколко размера на всяка снимка и браузърът сам избира подходящия за екрана.

Формати и компресиране

Форматът също влияе силно на теглото. JPEG и PNG още се използват масово, но има и по-нови формати, които дават по-малки файлове при същото видимо качество.

WebP, разработен от Google, обикновено е по-лек от JPEG при същото видимо качество и се поддържа от всички съвременни браузъри. По-новият AVIF може да пести още. Google Изображения поддържа и двата. Някои платформи и модули правят преобразуването сами, затова питайте дали вашата го прави, преди да го вършите на ръка.

• JPEG е за снимки с много цветове и преливания, като портрети, пейзажи и продуктови кадри, ако не можете да ги преобразувате в WebP.
• PNG е за лога, графики, икони и изображения с прозрачен фон. На снимки PNG тежи многократно повече от JPEG, затова не го ползвайте за фотографии.
• BMP и TIFF избягвайте: файловете са тежки и не са предназначени за уеб.

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

Какво губите, ако пропуснете подготовката

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

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

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

Темиоптимизация за търсачкиснимки за уебскорост на сайтаSEO съвети