Яндекс острова
Без рубрики 
Теория
Что такое Яндекс острова?
Яндекс острова — это новая платформа от компании Яндекс. Официально Яндекс острова будут запущены в июле.
Главная суть нововведения — это решение задачи пользователя на странице поиска. Для этого Яндекс предлагает нам оформить сниппет сайта при помощи специальной разметки XML файла.
Официальная информация о Яндекс островах:
Какие бывают острова?
На данный момент доступно 4-ри вида разметки для островов.
Категории:
Каталог + флажок:
Каталог + флажок + цены:
Каталог + флажок + цены + поиск:
Мы рассмотрим все 4 варианта.
Видимость острова
Яндекс острова, изменят представление о сниппете в выдаче. Если раньше в видимую часть (без прокрутки) попадало 4-6 сайтов, то теперь это может быть и 2-4 в зависимости от размера острова.
Сравним результаты.
Обычный сниппет VS простой остров:
(Картинка кликабельна)
Самый простой остров будет занимать размер двух текущих простых сниппетов.
Обычный сниппет VS подробный остров:
(Картинка кликабельна)
Подробный остров будет занимать размер 4-х простых сниппетов.
Какие будут острова?
Яндекс обещает ввести острова, которые будут справляться со сложными ответами.
Пример: пользователь заполняет форму для заказа такси «Откуда ехать» и «Куда ехать», после чего Яндекс отправляет запрос к сайту и получает необходимую информацию. В примере это стоимость и время.
Таким образом, пользователь может заказать, купить или записаться на приём врача, не посещая сайт.
Практика
Общие данные
Важно: разметка в файле должна быть в кодировке UTF-8.
Далее есть основные строки разметки, с которых данный файл должен начинаться и заканчиваться:
< site xmlns=»http://interactive-answers.webmaster.yandex.ru/schemas/site/0.0.1″
xmlns:xsi=»http://www.w3.org/2001/XMLSchema-instance»
xsi:schemaLocation=»http://interactive-answers.webmaster.yandex.ru/schemas/site/0.0.1 http://interactive-answers.webmaster.yandex.ru/schemas/site-0.0.1.xsd«>
Содержимое разметки
< /site>
Основные данные сайта
< rootUrl>http://www.weblancer.net/< /rootUrl>
< title >Фрилансбиржа< /title>
< description>Хорошаяфрилансбиржа
Описание:
RootUrl — начальная строка, которая может начинаться как просто с домена «www.weblacner.net», так и с строки поиска «www.weblancer.net/search/», зависит от url структуры вашего проекта.
Title — мета title.
Description — Мета description.
После основных данных идут различные разметки: категория, флажки, цены, строка поиска.
Категории
Категории выглядят так:
Рассмотрим весь код:
< resource>
< fixed name=»www.weblancer.net»>
< placeholder name=»work»/>
< /fixed>
< /resource>
< filters >
< dropDown >
< description caption=»Категория«>
< modifyResource placeholder=»work»/>
< /description>
< dropDownValue key=»projects/» caption=»Работа«>
< dropDown>
< description caption=»Проекты«>
< setParameter name=»category_id»/>
< /description>
< dropDownValue key=»2″ caption=»SEO»/>
< dropDownValue key=»4″ caption=»Дизайн«/>
< /dropDown>
< /dropDownValue>
< dropDownValue key=»vacancies/» caption=»Вакансии«>
< dropDown>
< description caption=»Вакансии«>
< setParameter name=»category_id»/>
< /description>
< dropDownValue key=»5″ caption=»SEO»/>
< dropDownValue key=»1″ caption=»Дизайн«/>
< /dropDown>
< /dropDownValue>
< /dropDown>
< /filters>
Рассмотрим на примере:
Нам необходимо создать остров подкатегории:
Та, которая в сниппете будет выглядеть так:
Работа >> SEO
Для этого нам необходимо разметить категорию и подкатегории, которые в коде выглядят так:
< dropDownValue key=»projects/» caption=»Работа«>
< dropDown>
< setParameter name=»category_id»/>
< dropDownValue key=»2″ caption=»SEO»/>
< dropDownValue key=»4″ caption=»Дизайн«/>
< /dropDown>
< /dropDownValue>
В строчке < dropDownValue key=»projects/» caption=»Работа«> мы задаём URL категории и название категории. Выходит, мы используем:
Важно: после категории разметка автоматически добавляет знак вопроса «?».
В строчке < setParameter name=»category_id»/> мы указываем первую часть URL подкатегории. Выходит, мы используем:
В строчке < dropDownValue key=»2″ caption=»SEO«/> мы указываем последнюю часть URL подкатегории. Выходит, мы используем:
Важно: между разметкой первой и второй частью URL в подкатегории, разметка автоматически добавляет знак равно «=».
Визуально код выглядит так:
(Картинка кликабельна)
Флажок
Флажок с категориями выглядит так:
Важно: код флажка необходимо вставить после и до .
Код разметки:
< checkBox>
< description caption=»Безцены«>
< setParameter name=»no-price»/>
< /description>
< checked key=»1″/>
< /checkBox>
В строчке < description caption=»Без цены»> необходимо указать название флажка.
В строчке < setParameter name=»no-price»/> мы указываем первую часть URL.
В строчке < checked key=»1«/> мы указываем вторую часть URL.
Если выбрана категория и подкатегория, мы получаем URL:
Важно: в данном случае, помимо стандартного знака вопроса и знака равно, мы получаем ещё и амперсант «&».
Если выбрана только категория, мы получаем URL:
Цены
Цены с категориями и флажком выглядят так:
Важно: если вы хотите, чтобы строка цен исчезала в случае, если флажок отмечен, код необходимо разместить в блоке с флажком:
< checkBox>
< description caption=»Безцены«>
< setParameter name=»no-price»/>
< /description>
< checked key=»1″/>
< unchecked>
Вот тут
< /unchecked>
< /checkBox>
Если вы хотите, чтобы строка цен не исчезала, код необходимо разместить за пределы флажка, то есть после и до .
Код разметки:
< rangeFilter min=»1000″ max=»60000″ step=»500″ unit=»рублей«>
< description caption=»Бюджетпроекта«>
< setParameter name=»min_price»/>
< setParameter name=»max_price»/>
< /description>
< /rangeFilter>
В строчке < rangeFilter min=»1000″ max=»60000″ step=»500″ unit=»рублей«>
Min — минимальная цена (используется как часть url).
Max — максимальная цена (используется как часть url).
Step — один шаг равен кол-ву валюты.
Unit — валюта.
В строчке < description caption=»Бюджет проекта»> указываем название поля.
В строчках < setParameter name=»min_price»/> и < setParameter name=»max_price»/> указываем часть URL.
Выбрав проекты SEO в категории Работа, мы получили URL:
Флажок
Строка поиска выглядит так:
Важно: код вставляем после и перед .
Код разметки:
< textBox type=»NoFilling»>
< description caption=»Поиск«>
< setParameter name=»poisk»/>
< /description>
< /textBox>
В строчке < textBox type=»NoFilling«> я рекомендую оставить «NoFilling», так как далее идёт сложная часть запросов, о которой вы можете прочитать на странице:
В строчке < description caption=»Поиск«> содержится название поля, можно использовать «Поиск товара» и т.д.
В строчке < setParameter name=»poisk«/> указываем часть URL, которая отвечает за поиск по сайту.
Набрав запрос «Joomla», мы получаем URL:
Бонус
Данный XML файл использует кодировку UTF-8, а это означает, что мы можем использовать графические символы:
Вывод
Генерация острова для вашего сайта позволит вам выйти на новый уровень сниппета в выдаче поисковой системы Яндекс.
На данный момент Яндекс даёт нам время на внедрение разметки для своего острова, проверить разметку можно на официальном сайте:
http://interactive-answers.webmaster.yandex.ru/editor/
P.S. Кому интересно полистать файлы разметок, можете с ними.
.