Краткий Чек-лист по работе с изображениями и alt-текстами

Выкладываю небольшой чек-лист для проверки правильности оптимизации изображений на сайте:

✅️ Нет ли на сайте битых изображений?

✅️ Используете для семантической разметки <img> или <picture> с несколькими вариантами разных размеров экрана для адаптивных изображений?

✅️ Не используете CSS для отображения изображений, которые намерены проиндексировать?

✅️ Используете описательное имя файла и alt-текст для каждого изображения?

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

✅️ Избегаете переспама ключами в alt-тексте или копирования и вставки предложений целиком (из контента)?

✅️ Используете ли alt-текст у картинок – ссылок ( чтобы Google смог получить больше информации о странице, на которую вы ссылаетесь)?

✅️ Имеется ли xml-сайтмап для изображений, чтобы предоставить Google больше информации об имеющихся на сайте изображениях?

✅️ Используете ли атрибут title для предоставления дополнительной информации о изображении?

✅️ Избегаете типовых имен файлов, таких как "image1.jpg" или излишне длинных наименований?

✅️ Используйте ли вы стандартные форматы изображений, такие как JPEG, GIF, PNG, BMP и WebP, и соответствует ли расширение имени вашего файла его типу?

✅️ Оптимизируете формат изображения в зависимости от его назначения на странице (например, JPEG для фотографий, PNG для логотипов/иконок с прозрачным фоном)?

✅️ Оптимизированы ли у вас размеры изображений (не более 200-300 кб) для быстрой загрузки страницы?

✅️ Достаточно ли быстро грузятся изображения? Не стоит ли вынести их на CDN ?

✅️ Избегаете ли изображений с низким качеством или разрешением, которые могут негативно сказаться на пользовательском опыте?

✅️ Применяете теги <figure> и <figcaption> для категоризации изображений (не обязательно)?

✅️ Как обстоят дела с соблюдением авторских прав при использовании изображений. Предоставляете ссылки на источник и/или разрешения на использование?

✅️ Избегаете ли использование изображений с неприемлемым содержанием или тематикой, которые могут оскорбить или негативно повлиять на аудиторию?

✅️ Предоставляете возможность для увеличения или уменьшения размера изображения, для удобства просмотра пользователем (крайне важно для коммерции)?

✅️ Проверяете изображения (после верстки контента) на наличие ошибок, искажений или несоответствий ожидаемому результату?

Теперь несколько советов по работе с alt-текстами:

✅️ Используйте описательный и лаконичный alt-текст. Избегайте набивки ключевых слов для поисковых систем.

✅️ Рекомендуется использовать не более 80-120 символов и не более 15 слов в alt-тексте

✅️ Избегайте оптимизации alt-текста для поисковых систем, поскольку подобные манипуляции иногда приводят к проблемам с доступностью и ранжированием. Он предназначен для описания изображений в целях удобства пользователей, а не только для оптимизации поисковых систем.

✅️ Google учитывает альтернативный текст, содержащийся в alt-тексте изображения, как часть текста на странице.

✅️ Необходимо понимать, что alt-текст является очень слабым сигналом ранжирования, но альтернативный текст полезен для некоторых длиннохвостых поисковых запросов.

✅️ Используйте пустые теги alt - (alt="") для графических элементов на странице, используемых только в целях дизайна.

✅️ Не повторяйте текст, уже имеющийся на странице, делая alt-текст избыточным или лишним.

✅️ Не используйте "картинка о …" или "рисунок о …" для описания изображения в alt-текстах.

✅️ Не используйте текст атрибута alt вместе с атрибутом aria-.

Выводы: Старайтесь описывать изображение максимально точно и точечно, используя ключевые слова, но не злоупотребляйте ими. Избегайте длинных предложений в alt-тексте (не более 15 слов), но при этом учитывайте контекст изображения на странице. И проверьте правильность написания и грамматическую корректность alt-текстов.

#DrMax #SEO #Images #AltText

🔥34👍️18❤️13