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

⚙️ Краткий Чек-лист по работе с изображениями и 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

Источник новости https://t.me/drmaxseo/290...