20 апреля 2013 года прошла «Вебмастерская» – новая конференция Яндекса для всех, кто занимается созданием и развитием сайтов.
На мероприятии обсуждалось, как сделать так, чтобы сайт успешно взаимодействовал как с пользователями, так и с поисковыми системами. Специалисты Яндекса и других компаний показали и рассказали, как правильно использовать доступные инструменты, чтобы добиться нужных показателей. Участники обсудили, как избежать наиболее частых ошибок при запуске сайта; как понять аудиторию и сделать сайт, который будет нравиться пользователям; как внедрить семантическую разметку на сайт; как настроить CSS-стили при внедрении Яндекс.Поиска для сайта; как использовать API сервиса Яндекс.Вебмастер.
Во время конференции работали интерактивные стенды, где можно было задать вопросы или просто пообщаться с экспертами.
Юлия Тихоход рассказала, как сделать сайт не только для пользователей, но и для поисковых роботов, о семантической разметке и о том, как ее правильно готовить: как приготовить хороший сниппет, какие данные и каким сервисам можно передавать, как лучше всего подать сайт в социальных сетях.
Красивые сниппеты можно получить для сервисов Яндекса и Google - "Адреса и организации", "Товары и цены", "Отзывы". Сниппеты для сервисов "Приложения", "Элементы навигации" и "Люди" есть только у Google, "Словари", "Рефераты" и "Фильмы" - только у Яндекса.
Еще можно, используя специальные сервисы Яндекса, передавать данные о вкладах и кредитах, словарях, вакансиях, недвижимости, видео, отзывы об автомобилях и организациях, авто-объявления, оригинальные тексты. Информацию о партнерских программах можно получить на сервисе "Яндекс.Вебмастер".
Сначала нужно определиться, какие данные нужно передавать. Предварительно нужно проверить, подходит ли сайт для участия в партнерских программах. Могут быть ограничения по тематике сайта, по формату, объему информации, тИЦ, по рекламе. Далее нужно выбрать формат передачи данных. Это может быть Schema.org, Open Graph, микроформаты или XML. Schema.org, Open Graph, микроформаты - это виды семантической разметки. Семантическая разметка - это способ непосредственно на входе страницы указать роботу, что в конкретном тэге находится, например, адрес организации.
XML - расширяемый язык разметки, отличается от семантической разметки тем, что это отдельный файл, а не встроенные html-тэги.
После выбора нужно внимательно изучить документацию к формату: в какие тэги нужно добавлять какую информацию. Если это XML - то нужно посмотреть, какой схеме должен соответствовать фид. Нужно обратить внимание, какие поля обязательны к заполнению, а какие можно опустить. Обязательно проверить, какие типы должны быть у каждого из полей.
Пример разметки для отзыва об автомобилях:
Есть название отзыва, автор, оценка, шкала, по которой дана оценка, достоинства, недостатки и тело отзыва. К тому же, для всех популярных CMS есть набор плагинов. Проверить разметку можно с помощью валидатора микроразметки http://webmaster.yandex.ru/microtest.xml.
Часто задаваемые вопросы: сделана разметка, и она не отражается. Чаще всего это может быть потому, что такой тип разметки не поддерживается для данного сервиса. Кроме того, могли быть ошибки в самой разметке или в html-коде, или сайт не подходит под условия использования в партнерской программе. Либо прошло слишком мало времени - на создание сниппета уходит от двух недель.
Еще один часто задаваемый вопрос: какой формат использовать? Ответ в документации. Если там указаны несколько видов разметки и не указан приоритет, в котором их нужно использовать - можно использовать на свое усмотрение то, что проще, удобнее, приятнее.
Еще одна проблема, с которой сталкиваются пользователи - это когда валидатор W3C, в котором проверяют html-код, выдает ошибку микроданных. Дело в том, что валидатор пока не полностью поддерживает формат HTML5. Другая проблема - когда выдает предупреждение валидатор Яндекса, хотя все сделано по инструкции. Это может быть потому, что еще не все данные есть возможность использовать. Например, Open Graph есть возможность использовать только для видео. То есть, если данные не про видео - то они пока использоваться не будут. А, возможно, было пропущено какое-то обязательное для заполнения поле.
Еще один вопрос: нужно ли размечать все свойства? Это не всегда обязательно. Главное - не пропустить обязательные для заполнения поля в партнерской программе, и заполнить то, что действительно есть.
Влияет ли наличие семантической разметки на сайте на ранжирование? В общем, не влияет. Но можно будет увидеть изменения трафика на сайт за счет того, что станет красивее сниппет или появится ссылочка на сайт в какой-нибудь из партнерских программ, например, в Яндекс.Авто появится ссылка на отзыв на сайте.
Пока еще нет возможности поддерживать все типы разметки, работа ведется. Ссылки на сайт в социальных сетях могут выглядеть по-разному.
Бывает так, что социальная сеть сформировала красивый предпросмотр, но взяла не ту картинку, которую вы хотели.
Для корректного отображения можно использовать Open Graph, что поможет красиво оформить ссылку на страницу, когда пользователи размещают ее в соцсетях. В коде страницы она может добавляться в тэге <мета> с помощью специальных свойств. Базовые свойства - "og:title", "og:type", "og:image", "og:site_name", "og:locale", "og:description".
Пример вида ссылки на Яндекс.Музыку в соцсети:
Проверять разметку можно в специальном валидаторе в Facebook или в валидаторе микроразметки от Яндекса. И не забыть добавить блок "Поделиться".
Вопрос из зала: У Google появилась возможность не в html-коде разметку делать, а с помощью специального визуального редактора. Планируется ли такое у Яндекса?
Юлия Тихоход: Конечно, мы хотим это сделать потому. что это упростит использование микроразметки. Но не могу обещать, что мы сделаем это прямо сейчас.
Вопрос из зала: Какие системы разметки уже полностью поддерживаются Яндексом?
Юлия Тихоход: Валидатор проверяет все типы разметки. А с остальными работа идет по степени востребованности.
Вопрос из зала: Наличие разметки влияет на тИЦ и PageRank?
Юлия Тихоход: Напрямую - не влияет.
Вопрос из зала: Расскажите про планы Яндекса.
Юлия Тихоход: Мы хотим поддержать CreativeWork и подтипы - статьи, книги, видоролики, но это не конкретный план с конкретными датами.
Вопрос из зала: Имеет ли смысл использовать несколько форматов передачи данных одновременно для одинаковых типов данных?
Юлия Тихоход: В общем случае - скорее нет, лучше выбрать один удобный формат, который поддерживается конкретной партнерской программой.
Елена Першина и Дмитрий Вульбрун рассказали о поиске для сайта. Елена рассказала общую часть, рассчитанную и на маркетологов, и на клиентов, о том, какие проблемы позволяет решить поиск, и как это можно применить на практике. Дмитрий рассказал техническую часть - о том, что сделано для улучшения поисковой выдачи.
Создавая сайт, нужно представлять себе цели, с которыми туда придут пользователи. Они могут один раз прийти на сайт для того, чтобы просто ознакомиться с какой-то информацией. А может быть - сайт станет для них инструментом, которым они продолжат пользоваться в дальнейшем.
Для общего ознакомления пользователь может пройти по разделам сайта в меню. Но если он ищет что-то конкретное или детальное - ему нужен будет поиск.
Для поиска важно умение "разбираться" в морфологии. Должна исправляться неправильная раскладка, ошибки и опечатки, распознаваться различные варианты написания слова. К тому же, нужно учитывать кириллический ввод иностранных слов и названий (например, iphone/айфон).
У поиска есть несколько дополнительных функций, о которых нужно помнить. Во-первых - поисковые подсказки, которые позволяют грамотно сформулировать запрос и обращают внимание пользователей на ту информацию, которую нужно донести. Можно добавить поисковую подсказку, которая может заинтересовать пользователя. Не нужно добавлять в подсказки неоднокоренные запросы - это выглядит, как навязчивая реклама.
Другая важная дополнительная функция поиска - фильтры-уточнения, что особенно важно на крупных сайтах. Они задают область поиска и отражают структуру сайта.
Статистика - функция, которая выступает инструментом анализа сайта. По статистике можно анализировать контент сайта и интересы аудитории. По частоте запросов можно определить интересы, по показанным результатам - то, насколько соответствует ожиданиям контент сайта.
Внутренняя составляющая поиска - поисковая технология большого поиска Яндекса. Внешняя составляющая - настройки формы поиска и поисковой выдачи, учитывающие пожелания веб-мастера.
В скором будущем у формы поиска будет отсутствовать брендирование.
Дмитрий рассказал о возможностях настройки результатов поиска. Сейчас запущена опция, которая позволяет встраивать результаты поиска в структуру документа, называется "HTML$CSS". Есть страница выдачи, там размещен код, который получается в конструкторе. Скрипты этого кода делают запросы на сервера Яндекса за ответами, полученные ответы размещают на странице.
С помощью "HTML$CSS" можно настраивать дизайн. Код поменялся незначительно: появился технический параметр "updatehash", и "htmlcss", который и запускает выдачу в этом формате.
Вот что поменялось в интерфейсе конструктора.
Если выставить параметр "изменить хэш-параметры страницы при навигации в результатах поиска", то вместе с кодом выдается css-шаблон с теми настройками, которые непосредственно установлены в конструкторе. Этот шаблон меняет вид выдачи результатов пользователю.
Для мобильной версии можно ввести несколько правил для формы поиска. Можно изменить размеры, шрифты, размеры указать в относительных единицах. Далее можно применить правила и к выдаче: относительные единицы, увеличенные шрифты, измененные размеры.
Примеры произведенных изменений (справа "HTML$CSS").
У Яндекса есть API, которое помогает определять устройство, его разрешение и характеристики. Если таким образом определять устройство, с которого зашел пользователь, то можно избежать необходимости делать отдельную мобильную версию сайта, а просто подгружать разные CSS к разным устройствам, адаптируя содержимое. Есть еще CSS3, о котором будет рассказано на Я.Субботник в Питере.
Вопрос из зала: Влияет ли то, что на сайте установлен Яндекс.Поиск, на выдачу в большом поиске?
Дмитрий Вульбрун: Нет. Статистику использования мы собираем, но на выдачу это не влияет.
Вопрос из зала: Можно ли управлять ранжированием?
Дмитрий Вульбрун: Нет. Есть только два варианта по умолчанию - сортировка по дате или по релевантности. В планах есть сделать возможность добавлять какие-то страницы в качестве спецразмещений по определенным запросам. Пока для этих целей есть инструмент "редактирование поисковых подсказок".
Вопрос из зала: Поддерживает ли поиск по сайту микроразметку и микроформаты, о которых говорилось ранее?
Дмитрий Вульбрун: Пока нет, но будет.
Андрей Халиулин, разработчик сервиса Яндекс.Вебмастер, рассказал, зачем использовать API Вебмастера, как с ним работать, и какая появилась новая функциональность.
API Вебмастера можно использовать, в первую очередь, для разработки плагинов для CMS, либо при предоставлении хостинга - можно встраивать в инструменты для управления. Еще можно встроить для удобства в собственную систему управления сайтами. Яндекс.Вебмастер - сервис, показывающий, как поисковый робот видит сайт изнутри. API Вебмастера - это программный интерфейс.
Взаимодействие организовано в стиле REST - это такой принцип общения, когда взаимодействие происходит по протоколу HTTP, обмен данными - в формате ХML. Авторизация происходит по стандарту OAuth.
REST - не стандартный протокол, а стиль организации приложения, клиент-серверного взаимодействия, когда каждому ресурсу предоставляется свой URL. И пользователь предоставляет возможность совершать запросы к этому адресу. REST предусматривает четыре типа запросов, четыре метода - GET (прочитать), PUT (обновить), POST (создать), DELETE (удалить).
OAuth - это стандарт для авторизации. Если в нем зарегистрировать приложение и получить идентификатор, то пользователь из приложения перенаправляется в домен Яндекса, где он подтверждает свое согласие на получение данных от его лица. После этого приложение совершает запросы от лица пользователя, не запрашивая у него каждый раз подтверждения.
После добавления сайта можно получить доступ ко всем данным и операциям над сайтом. В документе сайта ссылки на всю информацию, которая доступна на сайте. Есть различные способы подтверждения прав, доступные через API, можно выбрать удобный.
DNS_RECORD - добавление записи типа TXT в DNS-запись сайта.
HTML_FILE - размещение HTML-файла в корневом каталоге сайта.
TXT_FILE - размещение текстового файла в корневом каталоге сайта.
META_TAG - добавление мета-тэга в заголовок главной страницы сайта.
WHOIS - сверка данных с информацией, предоставляемой сервисом WHOIS. Метод работает только для доменов второго уровня (например, example.com).
После добавления и подтверждения сайта проводится индексирование. Sitemap позволяет улучшить индексирование сайта. Теперь файл Sitemap тоже можно добавлять через API.Также через API можно посмотреть информацию об индексировании и об ошибках индексирования, о проиндексированных страницах и внешних ссылках, о вирусах, о показах и кликах.
Еще одно новшество - работа с оригинальными текстами. Инструмент "Оригинальный текст" позволяет сообщить поисковой системе о скором появлении оригинального текста на сайте для того, чтобы защитить контент. Ограничения по работе инструмента - тИЦ сайта должен быть не меньше 10, размер текста - от 2 до 32 тысяч знаков, и не должно быть более 100 текстов в сутки.
То есть, для того, чтобы в автоматическом режиме добавить, подтвердить сайт, сгенерировать и разместить Sitemap, нужно только один раз подтвердить права доступа. Если говорить об ошибках, то они двух типов: на стороне приложения, или на серверной стороне. Все коды ошибок возвращаются в соответствие со спецификацией HTTP. Отдельно коды ошибок расшифрованы в документации. Также прилагается расширенное описание в теле ответа для отладки или логирования.
Антон Роменский рассказал об основах запуска сайта и о возможных ошибках, которые допускают не только новички, но и опытные веб-мастера.
По статистике обращений в службу поддержки можно выделить несколько основных разделов. Первое, на что нужно обратить внимание - это имя домена. Можно и впоследствии поменять имя домена, но переезд - довольно хлопотное дело, при этом, из поиска могут выпасть важные страницы. И потребуется полная переиндексация сайта. И главное - требуется до нескольких месяцев на перезачет характеристик старого домена для нового.
Есть рекомендации, следуя которым, можно сразу выбрать хорошее имя домена. Домен должен быть легко запоминаемым и опознаваемым.
Нужно стараться, чтобы имя домена совпадало с названием компании или с родом ее деятельности.
Еще одна базовая рекомендация: если вы владелец компании - старайтесь сразу оформлять домен на себя.
Перед созданием сайта важно понимать, кто будет с ним работать, и как должен работать сайт.
Важным моментом является структура сайта. В структуре важно разделение по каталогам, что даст возможность четко понять, сколько страниц известно роботу из того или иного раздела, и поможет работать с сайтом в дальнейшем.
При правильной структуре сайта легко построить и понятные ссылки. Структуру также важно отразить и в самом дизайне. Для поиска ярко выраженная структура сайта важна для построения навигационных цепочек.
При переходе на сайт часто пользователь попадает на главную страницу, поэтому к ее оформлению и контенту нужно отнестись внимательно. Не нужно делать лишних блоков с второстепенной информацией или вешать большие тексты о компании, если пользователь должен на вашем сайте найти товар. Если на сайте продается товар - пусть на главной будет размещен каталог.
Информация о товаре должна быть удобно структурирована, и должна быть разносторонней - например, возможности купить, рейтинги, условия доставки. Мало сделать все красиво, оно еще должно и работать. Поэтому важный этап - тестирование. Продумав, как пользователь будет взаимодействовать с сайтом, нужно проверить все сценарии: процесс покупки от начала до конца; процесс выбора товара, заказ; комментарии; обращение в службу поддержки. Далее нужно проверить сайт на сторонних пользователях.
Обязательно нужно учитывать, с каких устройств будут приходить пользователи. Нужно проверить адаптированный функционал, верстку, автоматическое распознавание устройств. Не обязательно делать мобильную версию, но если она будет делаться - то на нее нужно указать тэгом , чтобы поиск не включал помеченные страницы мобильной версии в выдачу большого поиска.
Сделав сайт, нужно выбрать хостинг. Главное требование к нему - чтобы он был доступен 24/7. Предварительно проверить хостинг можно по другим работающим на нем сайтам. Есть также много сервисов, с помощью которых можно проверить скорость ответа.
Общая проблема для всех хостингов - это проблема с нагрузкой. Если создается крупный сайт и на нем ожидаются сотни тысяч пользователей - нужно завести под него отдельный сервер. Для более мелких магазинов достаточно уделять внимание Вебмастеру и оперативно реагировать на проблемы.
Для индексации сайта важно сразу создать файлы robots.txt, sitemap.xml и следить, чтоб в них была актуальная информация. После установки правильных серверных настроек - добавить сайт в Яндекс.Вебмастер.
Распространенная ошибка среди новичков - добавление в Вебмастер карты сайта вместо sitemap.
Узнать об индексации можно в Вебмастере - там появится количество проиндексированных страниц.
Важно проверить сниппеты по запросам, чтобы в них попадала именно нужная информация.
Трудные задачи - это необходимость в нескольких доменах для одного сайта. Поиск объединяет одинаковые сайты, поддомены, в группу зеркал, автоматически выбирается главное зеркало, которое будет выдаваться в поиске. Указать на главное зеркало нужно сразу директивой Host в robots.txt или отметить "Главное зеркало" в Вебмастере.
Для сайтов дилеров избежать одинаковости можно простым способом - нужно сделать так, чтобы сайты хоть немного отличались, хотя бы картинками.
Региональные сайты должны содержать именно региональную информацию, а не просто дублировать для каждого города отдельный поддомен.
Вопрос из зала: Есть ли приоритетность доменов в зоне .рф и в зоне .ru?
Антон Роменский: Нет. Это было актуально во время зарождения интернета.
Алексей Иванов (ISEE Marketing) рассказал о психологии взаимоотношений с посетителями сайта. Бывает, что качественно сделанные сайты с модным дизайном, интересным функционалом и качественной информацией не всегда успешно работают.
В покупке товаров через интернет пользователей привлекает экономичное расходование денег (75%), возможность покупки, не выходя из дома (67%), экономия времени (56%), покупка товара, который трудно найти в оффлайне (48%), удобство сравнения товаров (48%), широкий ассортимент (47%), отсутствие назойливого влияния продавцов/консультантов (44%). Нужно очень аккуратно подходить к настройке онлайн-консультанта на сайте.
Отталкивает от покупок в интернете опасение получить некачественный товар (61%), отсутствие возможности "пощупать" (50%), проблемы с возвратом товара (42%), несвоевременная доставка (19%), потеря/повреждение товара при доставке (19%),мошенничество при оплате товара (18%), вероятность того, что цена с доставкой окажется выше, чем в оффлайне (17%), наличие отрицательного опыта покупок в онлайне (7%).
На сайте нужно сформировать доверие посетителя. Нельзя подрывать доверие к компетенции компании, нужно избегать непонятного функционала и не усложнять коммуникацию. Не нужно отвлекать от главного, а нужно убрать все лишнее, особенно на странице оформления заказа. На сайте не должно быть двусмысленности. Не нужно обещать лишнего.
Обязательно нужно проверить, чтобы весь функционал работал на всех страницах сайта. Все мелочи имеют значение. Нужно использовать на сайте позитивную коммуникацию и избегать негатива. И не заставлять посетителей проходить квесты. Не нужно выпячивать корыстные интересы.
Растет количество мобильных пользователей. Не обязательно делать мобильную версию сайта. Но важно удобство работы с сайтом с мобильного устройства.
Обязательно нужно отслеживать пути посетителей по сайту и внутри отдельных страниц с помощью метрик - с помощью Вебвизора можно выявить точки раздражения, разочарования и ухода с сайта. А затем уже работать над тем, чтобы эти точки перестали отталкивать пользователей.
Автор: Александра Кирьянова