Ссылки на изображениях: четыре варианта HTML

Вымышленные учебные примеры. Страницы и изображения не загружаются; реальные ссылки и результаты ранжирования не проверяются.

Изображение без ссылки

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

Страница-источник
https://publisher.example/story
Файл изображения
https://images.example/atlas.svg

Пример HTML в виде текста

<img src="https://images.example/atlas.svg" alt="Открыть атлас доступного транспорта">
Изображение-ссылка с понятной целью

Ссылка ведёт на страницу атласа. Альтернативный текст называет назначение, а не цвета картинки. Файл изображения и адрес перехода — разные URL.

Страница-источник
https://publisher.example/story
Файл изображения
https://images.example/atlas.svg
Адрес ссылки
https://target.example/atlas

Пример HTML в виде текста

<a href="https://target.example/atlas"><img src="https://images.example/atlas.svg" alt="Открыть атлас доступного транспорта"></a>
Изображение-ссылка без имени

Ссылка существует, но пустой alt и отсутствие текста не объясняют её назначение. Задайте понятное доступное имя; ключевые слова в имени файла не исправляют подпись ссылки.

Страница-источник
https://publisher.example/story
Файл изображения
https://images.example/atlas.svg
Адрес ссылки
https://target.example/atlas

Пример HTML в виде текста

<a href="https://target.example/atlas"><img src="https://images.example/atlas.svg" alt=""></a>
Изображение рядом с понятным текстом

Тот же элемент ссылки содержит ясный текст, поэтому пустой alt может предотвращать повторение имени. Оценивайте весь элемент, а не alt в отдельности.

Страница-источник
https://publisher.example/story
Файл изображения
https://images.example/atlas.svg
Адрес ссылки
https://target.example/atlas

Пример HTML в виде текста

<a href="https://target.example/atlas"><img src="https://images.example/atlas.svg" alt=""> Изучить транспортный атлас</a>

Задание на оригинальный визуальный ресурс

Задание для атласа: помочь пассажирам сравнивать маршруты без ступеней по датированным документированным данным. Вместе со схемой опубликуйте текстовую таблицу, методику, источники, дату версии и контакт для исправлений. Предоставьте изображение для повторного использования и постоянную страницу объяснения с ясными условиями. Рекомендуемая атрибуция должна вести к объяснению, не требуя рекламного анкора. Измеряйте полезные посещения и исправления отдельно от обнаруженных цитат; не выдумывайте использование или рост позиций.