Как SEO-оптимизировать графические элементы на сайте?

Одним из негативных последствий отсутствия заботы о файлах изображений на веб-сайте, с которым все мы сталкиваемся, является медленная загрузка страниц, особенно когда у нас нет доступа к интернету LTE или Wi-Fi.

Оптимизация размера и веса графики

Если у вас уже есть собственная коллекция графики, полученная из платных или бесплатных источников, перед вами встает очень важный вопрос, связанный с уменьшением их веса. Фотографии, загруженные из интернета, могут занимать до нескольких МБ, что значительно увеличит загрузку нашего сайта или его элементов, это может сказатьча на отказах от сайта пользователей, при работе с системой яндекс директ. Особенно остро это стоит перед пользователями мобильных устройств. К счастью, создано множество программ, помогающих оптимизировать размер и вес ваших фотографий. Также стоит помнить, что фотографии, которые вы добавляете на сайт, должны быть того размера, который вы будете использовать. Очень хороший пример — ситуация, когда вы хотите использовать миниатюру фотографии на сайте, но отправляете картинку размером, например, 2000x3000px.

Tinyjpg — это программа, работающая как SaaS. Он предлагает массовую оптимизацию до 20 фотографий одновременно и максимум 5 МБ. Если ваша база фотографий исчисляется десятками тысяч и постоянно растет, стоит подумать об использовании API.

Название
Графика, загруженная с различных веб-сайтов или сервисов, часто называется случайной строкой символов, например, ffg333218028_1920.jpg. Помните, что имя файла является одним из элементов, которые передаются поисковым системам, что в свою очеред необходимо если выполняется продвижение сайтов в Москве. Чтобы указать, что содержит изображение. Кроме того, из имени файла создается URL-адрес, видимый пользователям и роботам Google.

URL-адрес должен быть удобен для поисковых систем и соответствовать следующим предположениям:

Пробелы и «_» следует заменить на «-».
Польские буквы следует заменить на эквиваленты «без решек».
Специальные символы (т.е.!,% и т.д.) должны быть удалены из адресов. Преобразуйте их в символы сущностей по мере необходимости.

Приведенные выше допущения следует применять при переименовании изображения перед его загрузкой на сайт.

Графическое расширение
Наиболее распространенными расширениями изображений, которые мы добавляем на наши веб-сайты, являются JPEG, PNG и GIF. Все доступные расширения обсуждаются в отдельной статье. Однако стоит помнить о нескольких аспектах:

Нельзя использовать файлы GIF в случае большой графики, потому что время их загрузки будет значительно больше. Гораздо лучшей альтернативой было бы использование файлов JPEG или PNG.

Для больших веб-сайтов рекомендуется расширение JPEG, поскольку оно обеспечивает высочайшее качество по отношению к размеру фотографии.

Атрибут ALT и TITLE
Каждый графический файл на веб-сайте должен содержать заполненные атрибуты «alt» и «title», описывающие, что представляет данное изображение. Это поможет нам сконцентрировать ключевые слова на данной подстранице и может генерировать трафик из системы поиска изображений.

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

Стоит добавить, что атрибут ALT также отображается на странице, когда фото не загружается или когда данный человек использует программу чтения страниц (например, слепые люди). С другой стороны, атрибут «заголовок» более полезен для пользователя, который при наведении курсора на заданное изображение часто получает подробную информацию. Во многих случаях содержимое атрибута title будет таким же, как и содержимое атрибута alt, но важно, чтобы они хоть немного различались.

Популярные системы CMS, такие как WordPress, автоматически заполняют атрибуты Alt и Title при отправке графики на сервер. Конечно, это не лучшее решение, но оно не оставляет пустых атрибутов.