атрибут alt для уменьшенного изображения, которое ссылается на исходный файл
У меня есть страница галереи обоев, на которой отображаются небольшие миниатюры, при нажатии на нее открывается исходное изображение в натуральную величину, чтобы пользователь мог его загрузить.
Будет ли добавление атрибута alt к миниатюрам приводить к тому, что исходная фотография в полном размере будет отображаться в изображениях Google при поиске? или Google покажет маленькие миниатюры фотографий? Я действительно намерен добиться первого варианта.
<div class="thumb">
<a href="images/wallpaper.jpg">
<img src="images/wallpaper-small.jpg">
</a>
</div>
2 answers
Для реализации вашей задачи я рекомендую вам использовать структурированную разметку данных в качестве Объект изображения, например:
<div class="thumb" itemscope itemtype="http://schema.org/ImageObject">
<a href="images/wallpaper.jpg" itemprop="contentUrl">
<figure>
<figcaption itemprop="caption">The large image</figcaption>
<img src="images/wallpaper-small.jpg"itemprop="thumbnail" alt= The thumbnail of large of the same image>
</figure>
</a>
</div>
Установка ссылки без текстовой информации о ее содержимом - плохое решение. Поэтому я добавил это в ваш код. Вы можете играть с атрибутами этого класса самостоятельно. Обязательно проверьте свой результат на Тестер Google.
Нет. Тег alt предназначен только для текстового описания изображения. Он может использоваться средствами чтения с экрана для людей с нарушениями зрения или в качестве метаданных изображений веб-искателями.