Оптимизация кода для Яндекс картинок

Тема в разделе "Поисковые системы", создана пользователем sintezenish, 23 авг 2016.

Метки:
  1. sintezenish

    sintezenish

    Регистрация:
    23 авг 2016
    Сообщения:
    3
    Симпатии:
    0
    Добрый день. В ближайшее время планирую выкатить сайт на котором будет много уникального фото материала. Задача что бы его сделать правильным (в части кода) для Яндекс картинок.
    Прочитал инструкцию от Яндекса и понял что есть 2 основных правила
    1. Если картинка является ссылкой, то title лучше указывать в ссылке:
    <a href="link.html" title="[текст подсказки]"><img border="0" alt="[альтернативный текст]"
    src="risunok.jpg" width="[ширина картинки]" height="[высота картинки]"></a>
    2. Фоновые изображения и картинки, раскрывающиеся при помощи скрипта, не индексируются.

    Пример моего кода:
    <blockquote><code><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></code></blockquote>

    В связи с этим вопрос. Правильно ли написан код под эти 2 правила, если нет, как сделать, скажем "малой кровью" что бы не все с нуля.
    Спасибо.
     
  2. YoYo

    YoYo

    Регистрация:
    20 июл 2016
    Сообщения:
    120
    Симпатии:
    27
    Атрибут alt использовался для выдачи браузеру альтернативного текста, в случае, когда изображение по каким-либо причинам не может быть загружено. А сейчас содержимое этого атрибута также рассматривается поисковым роботом, как главный источник информации о картинке. Кроме того, дополнительным фактором является атрибут title, используемый в основном браузерами семейства Netscape (включая Firefox) для выдачи всплывающей подсказки при наведении курсора на изображение.

    Title в ссылке указывает на "запрос" под который, возможно, оптимизирована страница для поискового робота.

    Т.е. для картинок используем alt и title. Для ссылок title.

    Важно что вы пишите в alt и title.