SEO оптимизация изображений на сайте Этап загрузки

SEO оптимизация изображений на сайте

Этап загрузки

1. Название файла должно содержать основные ключевые слова, связанные с картинкой в транслитерации. Используем сервис http://translit-online.ru/yandex.html или принципы из него.

2. Нужно прописать мета-теги внутри изображения с указанием авторства.

Минимальное количество параметров, которые можно настроить на автозаполнение:

- By-line, Artist, Creator — любой из этих тегов.

- CopyrightNotice — ссылка на лицензию и описание лицензии.

- Source, Credit – ссылка на ваш сайт или источник изображения.

3. Сжимать изображения при загрузке на сайт. Сжатие по качеству, как через сервис https://tinypng.com/

Семантика и релевантность

4. Используйте поиск по изображению для поиска релевантных фраз для alt и title. Поисковые системы могут подсказать с какими семантическими сущностями связывают эту картинку.

5. Заполнять атрибут Alt — описание изображения. Этот текст должен описывать то, что изображено на данной картинке. Без переспама. Уникальные значения в рамках страницы.

6. Заполнять атрибут Title — описание картинок для пользователей (выскакивает при наведении мыши). Он должен отличаться от атрибута alt и описывать происходящее на картинке.

7. Окружающий текст по смыслу должен соответствовать картинке.

8. Контекст использования. Картинки должны быть релевантными странице, где они размещены.

9. Title и Description страниц косвенно влияют на релевантность изображений, где они размещены.

10. Структурируйте файлы изображений. Папка, где хранятся изображения содержит ключевое слово на английском "images", "pictures" или подобные. Т.е. поисковая система должна понять, что эта директория является хранилищем изображений.

Уникальность, качество и авторские права

11. Не забывайте про авторские права на изображения.

12. Позиции сайтов с уникальными картинками выше, чем у сайтов с дублями. Ватермарк не спасет при плагиате.

13. Качество изображения должно быть выше, чем у конкурентов (Можно смотреть расширение и количество точек на дюйм).

14. Самая большая картинка должна быть уникальной как в пределах страниц сайта, так интернета (рекомендуется).

Вывод на сайте (верстка)

15. Стандартный минимальный набор для примера: картинка 1920 px в ширину и три превью для мобильных платформ — 640, 920 и 1220 px.

16. Настроить ленивую загрузку изображений (Lazyload)

17. Указывать атрибут decoding=async

18. Укажите размеры изображений. Это требование актуально для AMP или PWA версий сайта.

19. Адаптируйте изображения для мобильных устройств. Разные размеры для устройств различной ширины экрана.

20. У изображений должна быть внедрена микроразметка Schema.Org тип ImageObject или разметка изображения в рамках типа Product,Article... (т.е. itemprop="image").

Индексация

21. Добавьте изображения в sitemap. Генерируем sitemap.xml для всех изображений.

22. В файле robots.txt изображения не должны быть закрытыми от индексации (так же как CSS и JS).

Источник новости https://t.me/soltykseo/5519...