Добрый день. В ближайшее время планирую выкатить сайт на котором будет много уникального фото материала. Задача что бы его сделать правильным (в части кода) для Яндекс картинок.
Прочитал инструкцию от Яндекса и понял что есть 2 основных правила
1. Если картинка является ссылкой, то title лучше указывать в ссылке:
Цитата:
2. Фоновые изображения и картинки, раскрывающиеся при помощи скрипта, не индексируются.
Пример моего кода:
Код:
<div>
<figure class="uk-overlay uk-overlay-hover">
<a class="jbimage-link jbimage-gallery full_233_905b34d7-6211-4c38-9a43-e9959b7a9be9"title="Наша фотография самая крутая" href="http://ссылка_на_фулл_сайз_фото.jpg" rel="jbimage-gallery-233" target="_blank" id="jbimage-link-57b5c713cdd94" data-size="1200x801">
<img class="jbimage full_233_905b34d7-6211-4c38-9a43-e9959b7a9be9" alt="Тут вы видите нашу фотографию" title="Наша фотография самая крутая" src="http://ссылка_на_привью_фотографии_.jpg" width="190" height="130" data-template="popup" />
</a>
<div class="uk-overlay-panel uk-overlay-icon uk-overlay-background uk-overlay-fade">
</div>
Прочитал инструкцию от Яндекса и понял что есть 2 основных правила
1. Если картинка является ссылкой, то title лучше указывать в ссылке:
Цитата:
<a href="link.html" title="[текст подсказки]"><img border="0" alt="[альтернативный текст]"
src="risunok.jpg" width="[ширина картинки]" height="[высота картинки]"></a>
2. Фоновые изображения и картинки, раскрывающиеся при помощи скрипта, не индексируются.
Пример моего кода:
Код:
<div>
<figure class="uk-overlay uk-overlay-hover">
<a class="jbimage-link jbimage-gallery full_233_905b34d7-6211-4c38-9a43-e9959b7a9be9"title="Наша фотография самая крутая" href="http://ссылка_на_фулл_сайз_фото.jpg" rel="jbimage-gallery-233" target="_blank" id="jbimage-link-57b5c713cdd94" data-size="1200x801">
<img class="jbimage full_233_905b34d7-6211-4c38-9a43-e9959b7a9be9" alt="Тут вы видите нашу фотографию" title="Наша фотография самая крутая" src="http://ссылка_на_привью_фотографии_.jpg" width="190" height="130" data-template="popup" />
</a>
<div class="uk-overlay-panel uk-overlay-icon uk-overlay-background uk-overlay-fade">
</div>