10 бесплатных сниппетов навигационных цепочек для веб-проектов


Оглавление (нажмите, чтобы открыть):

Как сделать — цепочку навигации

Узнайте, как создать навигационную навигацию с помощью CSS.

Создание цепочки навигации

Навигационная цепочка предоставляет ссылки на каждую предыдущую страницу, через которую пользователь переходит, и отображает текущее местоположение пользователя на веб-сайте.

Шаг 1) добавить HTML:

Пример

Шаг 2) добавить CSS:

Пример

/* Style the list */
ul.breadcrumb <
padding: 10px 16px;
list-style: none;
background-color: #eee;
>

/* Display list items side by side */
ul.breadcrumb li <
display: inline;
font-size: 18px;
>

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before <
padding: 8px;
color: black;
content: «/\00a0»;
>

/* Add a color to all links inside the list */
ul.breadcrumb li a <
color: #0275d8;
text-decoration: none;
>

/* Add a color on mouse-over */
ul.breadcrumb li a:hover <
color: #01447e;
text-decoration: underline;
>

Чтобы узнать больше о разбиении на страницы, перейдите в наш учебник по разбиению на страницы CSS.

Как сделать сниппет для Яндекс и Google

Сниппет – это небольшой фрагмент текста релевантный запросу пользователя, используемый поисковыми системами для краткого описание содержимого страницы сайта в органической выдаче.

Создание красивых сниппетов сайта играет большую роль в SEO-продвижении. Занять ТОП позиции в выдаче не означает, что пользователи будут переходить на ваш сайт. Для этого необходимо повысить CTR документа (кликабельность), который косвенно может повлиять на ранжирование.

Как же сниппет может повлиять на CRT и какие причины кроются в желании пользователя кликнуть именно по вашему сайту в выдаче? Решение о переходи определяется информацией, заложенной в кратком описании, чем точнее она отвечает на запрос пользователя, тем выше шанс совершения клика.

Поэтому задача оптимизатора, работать над повышение CTR документа в поисковой выдаче, создавая привлекательные сниппеты, что в итоге может увеличить посещаемость сайта в 2 и более раза.

Как составить привлекательный сниппет

Перед началом создания сниппетов разберем из чего он состоит:

  • Фавиконка;
  • Заголовок;
  • Навигационная цепочка;
  • Описание;
  • Быстрые ссылки;
  • Адрес и телефон, ссылка на карту ;
  • Рейтинг.

Заголовок Title

Основной заголовок документа влияющий на формирование сниппета Title. Является важным компонентом ранжирования и дает пользователю понять соответствует ли документ его запросу.

Правила составления заголовка title:

  • Обязательно используются основные ключевые слова;
  • Разумная длина до 12 слов;
  • Должен описать основную суть страницы в случаи обрезки в поисковой выдаче;
  • Должен быть уникальным для каждой страницы сайта;
  • Указана в секции между HTML тегами Ваш заголовок .

Тег meta description

Тег description участвует в формирование описания сниппета для поиска Google. Для Яндекса зачастую не является правилом в формировании описания. Тег description должен дополнять заголовок title и нести полезную информацию для повышения кликабельности.

  • Должен отличаться от title и начинаться по другому;
  • Оптимальная длина 160 символов;
  • Должен быть уникальным для каждой страницы;
  • Имеет вхождение основной ключевой фразы.

Создавайте более привлекательное для пользователя описания, используйте цифры, прописывайте выгоды.

Для выделение сниппета на общем фоне можно использовать спецсимволы.

Быстрые ссылки

Быстрые ссылки – дополнительные ссылки которые формируются автоматически в поисковых системах Яндекс и Google, ведущие на разделы сайта. В Google размещаются под описанием, в Яндекс под заголовкам.

Самостоятельно создать их невозможно, можно только повлиять на их появления. Несколько советов как сделать быстрые ссылки в сниппете сайта:

  • Логически понятная структура сайта с удобной навигацией;
  • Заголовок title совпадает с h1 и названием ссылки ведущей на раздел;
  • В основные разделы сайта можно попасть с главной страницы;
  • Если ссылка оформлена картинкой пропишите alt изображения.

Изменить сформированные ссылки можно в яндекс вебмастер, для этого зайдите в раздел информация о сайте, быстрые ссылки. Здесь можно отключить отображение ненужных ссылок и изменить ее название из предложенных вариантов.

Микроразметка организации

Разметка контактов позволит правильно отображать данные об организации в Яндекс и Google. Пример разметки организации в JSON-LD:

Микроразметка хлебных крошек

Разметка навигационных цепочек делает сниппет более привлекательным, вместо привычных URL адресов появляются названия разделов. На примере видно как смотрится размеченная навигационная цепочка.

Пример кода для создания разметки хлебных крошек:

Как изменить сниппет в результат поиска

Изменения сниппетов в результате выдачи Яндекс и Google не простая задача. Для Яндекса они в основном формируются на основе фрагментов текста страницы.

Для этого предстоит изначально выявить какой сниппет сформирован под запрос пользователя. Вводим поисковой запрос и смотрим результат, затем находим фрагмент текста на сайте и меняем его на более привлекательный, оставляя основное ключевое слово.

Дожидаемся переиндексации страницы и проверяем по новой. Процесс достаточно временно затратный и не всегда с первого раза получится достичь желаемого результата.

Сниппеты для Яндекс

В этом разделе разберем какие именно сниппеты присутствуют в Яндексе и что необходимо добавить, чтобы он стал более красивым и привлекал внимание пользователя.

Фавикон

Фавикон (favicon)– это значок сайта размером 16x16px отображаемый во вкладке браузера и рядом с заголовка в выдаче Яндекс. Дополнительно привлекает внимание пользователя и незначительно повышает CTR.

Фавикон должен быть оформлен в цветовой гамме сайта, отображать логотип компании или нести смысловое значение.

Находится должен в разделе внутри тега


, пример:

Яндекс справочник

Справочник позволяет добавить адрес организации в сниппете Яндекс, телефон и место нахождение на Яндекс карте, а также рейтинг организации отмеченный звездочками сформированный по оставленным отзывам. К одному домену можно добавлять множество филиалов объединяя их в сеть. Также возможно привязывать несколько страниц сайта на одном домене, с разными контактными данными.

При витальной выдаче, пользователь может увидеть информацию о сфере деятельности организации, карту проезда, часы работы и оставить отзыв о вашей компании.

Товары и цены

Позволяет отображать цены в сниппете Яндекса, для интернет-магазинов и сайтов услуг. Для создания необходимо использовать специальное структурное описания, которое содержит информацию о продукте его цене и региону доставки.

Для создания товарного сниппета предстоит заполнить информацию о компании в разделе Яндекс Вебмастера >Информация о сайте > товары и цены, и подготовить YML файл.

Сниппеты для Google

Для поисковой системы Google есть собственный набор сниппетов. Рассмотрим наиболее часто используемые и как их создать.

Микроразметка карточки товара

Полнота информации о товаре привлечет больше внимание пользователя, и он охотней перейдет по ссылки, в которой указана цена, описание, наличие и рейтинг.

Также можно использовать разметку с листингом цены для товарных категорий, это отличный способ показать сразу цены от и до для определенных групп товаров на сайте.

Для создания товарного сниппета в Google используется микроразметка json-ld. На примере представлен вариант с листингом цены:

Микроразметка статья

Если вы на своем сайте ведете блог и занимаетесь контент маркетингом для привлечения потенциальных клиентов, то без данной разметки не обойтись. Она визуально выделит сниппет звездочками рейтинга и количеством отзывов.

Заключение

Проводя регулярные работы над правками сниппетов и внесением правок, вы добьетесь хороших показателей в кликабельности и поспособствуете росту позиций за счет улучшения поведенческих факторов.

В первую очередь работайте над привлекательными заголовками и описанием, это позволит привлечь нужную аудиторию и уменьшить показатель отказов. Если ваша задача не просто попасть в ТОП, а увеличить трафик на сайт, то постоянно анализируйте конкурентов и делайте лучше. Именно поэтому в комплексное продвижение сайтов, мы включаем работу и над сниппетами.

25 способов скомпоновать исчерпывающий сниппет

Сниппет — это небольшой фрагмент текста, который мы видим на странице выдачи вместе со ссылкой на сайт. Раньше сниппет содержал только текст, поэтому все 10 адресов, которые мы видели на одной странице выглядели почти одинаково. Поисковые системы первые задумались над тем, как решить этот вопрос: показать пользователю как можно больше информации об искомом ресурсе ещё в выдаче, чтобы он сразу ушёл туда, куда ему нужно. Для цифрового маркетинга сниппет — важный инструмент в борьбе за удовлетворённость пользователя. Как быстро скомпоновать качественный и исчерпывающий сниппет? Совсем недавно цифровое агентство PlayMedia опубликовало подробную инфографику «10 способов использования расширенных сниппетов для Гугл», которую мы в первую очередь рекомендуем. О том, как применить эти знания на практике — читайте в нашем сегодняшнем посте.

Нужно ли работать со сниппетом сейчас?

Для начала обратимся к актуальным на данный момент трендам, чтобы решить, насколько актуально работать со сниппетом вообще — стоит ли игра свеч? Насколько актуальна работа со сниппетом сейчас и стоит ли она нашего времени и усилий, пусть и небольших? Заходим на Гугл Тренды и смотрим график популярности запроса «сниппет»:

Здесь мы видим, что в России можно проследить динамику роста, начиная с 2010 года и по сей день. Следующий шаг — попробуем приблизительно «прикинуть», насколько это будет актуально в рамках поискового продвижения и раскрутки сайта. Для этого давайте обратим свое внимание на график динамики популярности запроса: “продвижение сайта”. Сравнение популярности данных запросов поможет нам проследить за процессом роста востребованности в расширенном управлении формированием сниппетов:

Здесь можно видеть, что при определённом росте популярности темы сниппетов, они никогда не были одним из первостепенных трендов в вопросе продвижения сайта в поисковом ранжировании. Можно «поиграться» с запросами «трафик», «объем внешних ссылок», «позиции», чтобы увидеть, что основное внимание, конечно, концентрировалось на них.

Даже с учетом того, что присутствуют большие колебания в популярности запроса “продвижение сайта” и в формирование данного графика явно не заложены колебания популярности самой поисковой системы одно можно сказать точно — Начиная с 2010 г. и по настоящий момент правильное формирование сниппета является неотъемлемой частью продвижения сайта!

Что это даёт нам прямо сейчас? Сделав свой сниппет максимально удобным для пользователей, мы можем привести его на свой сайт, даже если не находимся на первом месте в ТОПе, пока у других специалистов по продвижению ещё не «дошли руки» до сниппетов.

КАК СКОМПОНОВАТЬ ИСЧЕРПЫВАЮЩИЙ СНИППЕТ?

Способ 1: Влиять на заголовок сниппета

Для заголовка результата поиска ПМ чаще всего использует заголовок самого документа (Title). Если он слишком длинный, ПМ выбирает фрагмент, который больше всего подходит по смыслу к заданному запросу.

Важно: Пропишите Title, используя ключевое слово, грамотное с точки зрения русского языка его вхождение. Сделайте заголовок читаемым и добавьте в него побуждение к действию. Пользователю должно быть понятно из заголовка, что его ждёт на сайте.

Способ 2: Влиять на текст сниппета

Текст сниппета в Яндекс

Для формирования описания страницы, Яндекс выбирает все фрагменты текста документа со словами из запроса. Каждый из таких фрагментов разбивается ещё на несколько частей — например, со словами из запроса в начале, в конце и в середине. Затем программа сравнивает их все между собой и выбирает лучшие — они и попадают в сниппет.

… если слово содержится в длинном предложении, больше вероятность, что это часть повествования, а не навигационная ссылка. Это хороший фрагмент для сниппета…
… а вот фрагмент, схожий с заголовком текста страницы, вряд ли попадёт в сниппет — чтобы не дублировать информацию…
Источник: https://company.yandex.ru/technologies

Текст сниппета в Гугл

Google, в основном формирует сниппет из описания сайта (мета-тега Description). Если description для страницы не прописан, либо в нем содержится нерелевантный текст, то в качестве сниппета автоматически выводится наиболее соответствующий фрагмент текста страницы.

Важно: description страницы для Гугл должен быть релевантным. Хотя и в этом случае ПС может заменить desc на то, что сочтёт нужным и покажет именно эту информацию в сниппете по конкретному запросу.

Способ 3: Используйте специальные символы

Если вдуматься, не так уж много вариантов у нас для того, чтобы выделиться сниппетом, поэтому в качестве одной из крайностей сразу рассмотрим этот способ и укажем на его возможный «побочный эффект».Специальные символы легко добавить через уникальный код закодированного текстового символа.

Спецсимволы возможно размещать description и в title и страницы, однако делать это следует крайне осторожно, соблюдая умеренность, иначе легко сделать такой сниппет, по которому кликать может быть откровенно страшновато:

Способ 4: Используйте хлебные крошки

Хлебные крошки — элемент навигации по веб-сайту, представляющий собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь.
Название «Хлебные крошки» является иронической отсылкой к немецкой сказке «Гензель и Гретель», в которой дети, когда их завели в лес во второй раз, не смогли найти обратную дорогу, так как на этот раз вместо маленьких камешков они оставляли за собой хлебные крошки, впоследствии склёванные лесными птицами.
Все элементы хлебных крошек, кроме последнего, обычно являются внутренними гиперссылками.
Источник: https://ru.wikipedia.org/wiki/

Для Google самым актуальным способом формирования хлебных крошек является использование микроразметки (семантическая микроразметка), Яндекс же автоматически создает хлебные крошки, в основном опираясь на используемую сайтом иерархию. Пример использования микроразметки для формирования нужных хлебных крошек в сниппете:

Важно: После создания хлебных крошек или другой микроразметки не забываем проверить валидатором:
Google: http://www.google.com/webmasters/tools/richsnippets
Яндекс: http://webmaster.yandex.ru/microtest.xml

Способ 5: Отрисуйте хороший фавикон

Фавикон — небольшая иконка, которая размещается рядом с результатами поиска, она же размещается во вкладке сайта. Поднимите глаза наверх в браузере и посмотрите на вкладку Хабра: вы видите фавикон H? (ваши ответы в комментариях). Этот же фавикон вы видите в поисковой выдаче с результатами поиска, ведущими на Хабр.

Фавикон является основным видимым элементом, неизменно отражаемым на всех сниппетах и по всем ранжируемым запросам. Если фавикон сделать ярким и привлекательным, то велика вероятность того, что при постоянном фигурировании вашей иконки перед глазами в следующий раз пользователь среди остальных сайтов выберет именно ваш.

Важно: favicon.ico обязательно должен быть на сайте всегда!

Способ 6: Укажите дату публикации

Дата публикации показывается в тех случаях, когда она имеет значение для пользователя. Например если речь идет о сниппете блога.

Важно: Если на сайте имеется новостная лента или лента сообщений, то необходимо настроить формирование URL так, чтобы в нем явным образом присутствовала дата (/yyyy/mm/dd/ или /yyyy-mm-dd/)

Способ 7: Редактируйте быстрые ссылки

Быстрые ссылки — это ссылки на популярные разделы сайта, которые могут отображаться в сниппете.

Редактирование быстрых ссылок в сниппете Яндекса возможно из кабинета управления сайтом в Яндекс.Вебмастере.


Google в свою очередь имеет схожий с Яндексом процесс автоматизированного добавления ссылок, но в отличии от Яндекса не даёт прямого доступа к редактированию быстрых ссылок, а также может понизить рейтинг URL неподходящей ссылки.

Если ПС достаточного лояльно относится к сайту, у сайта хорошие поведенческие и уровень цитируемости, тогда можно наблюдать картину, когда к основным быстрым ссылкам Google добавляет собственные уникальные описания:

В этом случае, высота такого сниппета в три раза больше стандартного сниппета, что делает его гораздо более заметным и кликабельным.

Способ 8 (более неактуальный): Добавлять иконки социальных сетей

Хотя на данный момент интеграция сниппета с соц.сетями не актуальна, мы приводим детали этого «древнего» метода на случай, если эту возможность поисковые системы всё-таки вернут.

Иконки соцсетей в Яндекс

Улучшенное отображение сниппета за счет присутствия иконок социальных сетей компании было доступно некоторое время назад. Добавление иконок редактировалось в карточке Я.Организации сайта, во вкладке “Ссылки на соцсети”. На данный момент точной информации о жизни функционала вывода соцсетей в сниппет Яндекса не имеется. Факт лишь в том, что он был и велика вероятность его возвращения, так как вкладка “Ссылки на страницы в соцсетях” до сих пор существует и анонса закрытия подобной возможности информирования аудитории — не было.

Иконки соцсетей в Гугл

После запуска социальной сети Google+, в сниппетах какое-то время была иконка +1 для рекомендации страницы своим друзьям и отображались рекомендации друзей по Google+. Сейчас наличие этой кнопки на сайте имеет отношение скорее к поведенческим, нежели чем к сниппету. Однако кнопку в любом случае рекомендуем вам добавить. Сделать это нетрудно:/p>

Источник: https://developers.google.com (здесь и полное описание данного процесса)

Способ 9: Задействуйте Твиттер и хэштеги

Актуальной информация из Твиттера обновляется почти что в режиме реального времени. Этот факт позволяет выделить данную соц.сеть в отдельную “постоянно реиндексируемую” группу сайтов, в которой в основном находятся новостные издания.

Важно: мы получаем возможность быстрой индексации, путем опубликования ссылки на интересующую нас страницу в паблике Twitter.com.

Если мы хотим максимально быстро изменить Заголовок или Описание сниппета, после осуществления исправления данных параметров на сайте, лучше всего проинформировать аудиторию своего аккаунта в Twitter о проведении данного мероприятия с внесением ссылки на ранжируемую страницу между двумя популярными тегами типа: #megaindex или #стоматология

Способ 10: Добавьтесь в Яндекс.Справочник

Яндекс.Справочник позволяет добавить адрес и данные об организации, которые также могут быть в конечном итоге отражены в сниппете. В настоящий момент это возможно для следующих организаций:

Для каждого типа организации выбраны свои параметры, наиболее интересные пользователям. Например, сниппет официального сайта компании может выглядеть так:

Мастер Йода рекомендует:  WordPress-сайт как установить SSL-сертификат

Все данные об организациях собираются и редактируются в сервисе Яндекса.Организации и отображаются не только в сниппетах, но и в других сервисах Яндекса. Записаться Для некоторых отдельных тематик существует возможность вывода кнопки Записаться прямо в сниппет.

Также, данная кнопка доступна и на Яндекс.Карте, но лишь для некоторых клиник или салонов красоты.

Запись доступна для организаций, заключивших соглашение о сотрудничестве с партнерами Яндекса:

Для бронирования непосредственно на сайте гостиницы
wubook, travelline

Способ 11: Добавьтесь в Яндекс.Маркет

Как магазину улучшить свои сниппеты и привлечь на свой сайт заинтересованных в покупке посетителей? Первый — просто загрузить свои товары в Яндекс.Маркет, и тогда информация о товарах будет автоматически «транслироваться» и в поиск. Второй (если участие в Маркете для магазина по каким-то причинам не интересно) — загрузить информацию о товарах через Яндекс.Вебмастер — это совершенно бесплатно.

Вы можете участвовать в программе улучшения сниппетов, если:

  • Ваш сайт является интернет-магазином, представительством офлайн-магазина, компанией, оказывающей услуги, или сайтом, агрегирующим предложения других компаний.
  • Ваш сайт размещается на англоязычном домене.
  • На сайте представлен каталог товаров/услуг и для каждого товара/услуги существует отдельная страница на вашем сайте.
  • На сайте доступна контактная и юридическая информация о вашей компании.
  • Товар в вашем магазине может быть приобретен физическим лицом в розницу.
  • Вы ознакомились и согласны с требованиями и условиями, приведенными в разделе Условия сотрудничества.

Чтобы узнать, как подключиться к программе улучшения сниппетов, перейдите в раздел Подключение магазина.
Источник: http://help.yandex.ru

Способ 12: Используйте Яндекс.Услуги

Для участия в партнерской программе Яндекс.Услуги необходимо предоставить сведения о том, например, какие вклады и кредиты банк считает необходимым разместить на сервисе. Передать Яндексу данные о вкладах и кредитах создав XML-фид в специальном формате и разместить его на вашем сайте, указав путь к файлу в предназначенной для этого форме сервиса Яндекс.Вебмастер.

Способ 13: Делитесь рецептами правильно

Для страниц сайта с кулинарными рецептами может быть сформирован сниппет, содержащий структурированную информацию, помогающую пользователю быстрее понять особенности вашего рецепта и выбрать нужную ссылку среди множества одинаковых заголовков.

Для формирования подобного сниппета вам потребуется организовать передачу данных о ваших рецептах Яндексу путем создания XML-фид в специальном формате, разместить его на сайте и указать путь к файлу в предназначенной для этого форме сервиса Яндекс.Вебмастер.

Для формирования сниппета с фоторецептами необходимо разместить минимум три иллюстрации + желательно добавить в HTML-код страниц, содержащих рецепты, семантическую микроразметку в формате hRecipe или Schema.org.

Способ 14: Вступите в партнёрскую программу Яндекс.Словари

Для того, что бы полноценно восользоваться возможностями сервиса Яндекс.Словари в первую очередь необходимо изучить требования, предъявляемые к партнерским сайтам Яндексом.

В партнерскую программу приглашаются сайты, содержащие значительное количество материалов словарного и справочного содержания (далее: «статьи», совокупность статей далее называется «словарь»). Сайт в целом, словари, отдельные статьи из них и страницы сайта, на которых статьи размещены, должны соответствовать описанным ниже требованиям:

  • На сайте не должен присутствовать контент для взрослых, а также информация незаконного характера, включая материалы, способствующие разжиганию национальной розни или подстрекающие к насилию.
  • Сайт, основным назначением которого является продвижение товаров и услуг, может участвовать в партнерской программе по решению модератора.
  • В случае если на сайте присутствуют, наряду со словарем, другие материалы, раздел со статьями должен быть структурно и визуально отделен от других частей сайта.
  • Значение тИЦ сайта должно быть более 100. Сайты с меньшим значением тИЦ могут участвовать в программе по решению модератора.
  • Сайт не должен загружать на компьютеры пользователей вирусы и прочие вредоносные программы.

Источник: http://help.yandex.ru

В результатах поиска для страниц со словарными статьями будет формироваться специальный сниппет, который также можно усилить семантической микроразметкой.

Способ 15: Воспользуйтесь специальной разметкой для реферата

Для страниц с описанием вашего реферата может отображаться специальный сниппет. В данный сниппет включаются те атрибуты реферата, которые важны для пользователя при принятии решения о закачке: рубрика, тип работы (реферат, курсовая, диплом, доклад), дата добавления, количество скачиваний, аннотация или оглавление.

Для каких сайтов и страниц возможно формирование специального сниппета?

  • Сайт должен быть рефератным. Рефератным считается ресурс, предоставляющий учащимся различных учебных заведений возможность самостоятельно размещать в открытом доступе письменные работы, выполненные в рамках учебной программы, а также позволяющий пользователям скачивать либо просматривать эти работы на бесплатной основе.
  • Специальные сниппеты формируются для страниц, представляющих собой карточки рефератов: на странице должны быть размещены сведения только об одном реферате, и эти сведения должны являться основным содержимым страницы. Карточка реферата может содержать собственно текст или начало текста реферата, а может и не содержать.

Источник: http://help.yandex.ru

Способ 16: Правильно размещайте вакансии

Участие в партнерской программе Яндекс.Работа позволяет значимо увеличить посещаемость рекрутинговых сайтов и частично расширить целевую аудиторию.
Если вы являетесь хозяином или администратором подобного сайта, в первую очередь необходимо изучить требования предъявляемые потенциальному участнику программы Яндексом.

На проверку качества для участия в сервисе Яндекс.Работа принимается ресурс, экспортный файл которого:

  • не содержит ошибок XML, XSD-валидации;
  • содержит не менее 70 валидных вакансий (не копии, с номерами телефонов);
  • с долей валидных объявлений — не менее 50%;
  • со свежими вакансиями, размещенными за последние 5 дней.

С полным перечнем требований можно ознакомиться по ссылке на источник.
Источник: http://help.yandex.ru

Способ 17: Сниппет и отзывы

На данный момент для Яндексспециальные сниппеты формируются только для отзывов об автомобилях.

Существует несколько способов включения оценок в отзывов для Гугл. Зачастую, стоит лишь указать рядом с отзывами /*Оценка: 4.5*/ и этого будет достаточно для размещения оценки в отзывах.

Независимо от выбранного вами способа подсчета оценки, передать эту информацию возможно с помощью разметки микроданными, микроформатами или RDFa (or Resource Description Framework in Attributes).
RDFa представляет собой способ разметки содержания для описания специального типа данных, например отзыва о ресторане, мероприятия, человека или данных о товаре. Эти типы данных называются сущностями илиэлементами. Каждая сущность имеет ряд свойств. Например, сущность «человек» включает такие свойства, как имя, адрес, должность, место работы и адрес электронной почты.
Источник:http://support.google.com

Так же Google убедительно советует не добавлять указания оценки отдельным скрытом блоком, т.к. скрытое содержание не будет показано.

Способ 18: Яндекс.Недвижимость для сниппета


Каждое объявление участника программы Яндекс.Недвижимость отображается в виде сниппета с основной информацией о предложении, правд в основном данный сниппет можно увидеть на страницах поиска в Яндекс.Недвижимости и лишь в редких случаях в основной выдаче в случае высокого уровня релевантности запроса.

Со всей информацией о требованиях к партнерам и сайтам, связанным с партнерской программой Яндекс.Недвижимость можно ознакомиться здесь.

Способ 19: Автообъявления и сниппеты

Участие в партнерской программе Яндекс.Авто дает возможность владельцам сайтов, на которых размещены частные и коммерческие объявления автомобильной тематики, увеличить посещаемость своих ресурсов и расширить их аудиторию. Участие в программе является добровольным и безвозмездным.
Источник: http://help.yandex.ru

Основным бонусом для участников данной программы является само ранжированиеваших объявлений на сервисе Яндекс.Авто и возможность попадания вашего предложения в интегрированный выше поисковой выдачи блок, размещаемый лишь на страницах релевантных автомобильной тематике.

Способ 20: Видео и сниппеты

Владельцам видеоконтента Яндекс предлагает возможности индексирования видеоматериалов, размещенных в открытом доступе в интернете.
После того, как Яндекс проиндексирует ваши видеоролики, они станут доступными для поиска на сервисе Яндекс.Видео, на страницах поисковой выдачи будет размещена картинка-заставки, зоголовок, текстовое описание и другая служебная информация, так же станет возможным предварительный просмотр видеороликов.

Подробнее о способах передачи данных о видеороликах Яндексу можно узнать здесь.

Расширенный сниппет с участием видеоматериала выглядит примерно вот так:

Google поддерживает разметку schema.org и более того, даже советует всем своим пользователям использовать микроразметку.
Для того, что бы Google мог проиндексировать ваше видео, необходимо использовать тип schema.org/VideoObject.
Далее убедитесь в том, что для доступа к видео и разметке не требуется выполнение JavaScript или Flash.
Для того, что бы Google вас нашел и проиндексировал ваше видео, необходимо добавлять разметку прямо в html страницы, на которой находится ваше видео.

Способ 21: Оригинальные тексты и сниппеты

Если вы публикуете на своем сайте тексты, которые ранее не были опубликованы в интернете, а их перепечатывают другие интернет-ресурсы, предупредите Яндекс о скором выходе текста. Мы будем знать, что оригинальный текст впервые появился именно на вашем сайте, и попробуем использовать это в настройке поисковых алгоритмов.

Загрузить текст вы можете через форму в Яндекс.Вебмастере. Необходимо загружать только оригинальные тексты, которые до сих пор не были опубликованы в интернете. Рекомендуемый минимальный объем — 500 знаков, максимальный — 32000 знаков. Вы можете публиковать текст на сайте сразу после принятия заявки.
Источник: http://help.yandex.ru

Способ 22: Микроразметка

В основном, большинство вариантов расширения сниппета в Google происходит автоматически.Для получения возможности управлять или как-то влиять на процесс формирования сниппетов веб-страниц вашего сайта — необходимо использовать микроданные, т.е. дополнительные свойства прописанные в коде специально для поискового робота.

Зачем нужна микроразметка

Источник: http://help.yandex.ru

Как становится постепенно понятно, на данный момент микроразметка является ключевым универсальным вариантом расширения сниппетов.

Сравните размеченный и не размеченный сниппеты от Я.Помощь
Сайт не использует семантическую разметку:

Сайт использует семантическую разметку:

Пройдемся по основным вариантам, возможность пользоваться которыми мы имеем на данный момент:

Способ 23: Мероприятия и сниппеты

Многие пользователи ежедневно ищут в Сети информацию о мероприятиях, расширенные описания помогут им найти ваши мероприятия еще быстрее. Для того, чтобы расширенные описания правильно отображались в результатах поиска в HTML-код страницы нужно добавить микроразметку.

Одним из основных словарей, который отлично распознает Google и Яндекс является schema.org

Расширенный сниппет мероприятий содержит дополнительные поля информации с быстрыми ссылками для перехода: дата, название и место проведения.

Способ 24: Добавьте организацию на Карты Гугл

Google имеет возможно автоматически определять вашу Организацию и добавлять ее на свои карты. С помощью микроданных вы можете помочь роботу определить вашу Организацию.

Каждая организация может иметь некоторое число различных свойств, таких как название, адрес, URL и телефонный номер. Разметить эти свойства можно с помощью микроданных,микроформатов или RDFa. Google распознает следующие свойства организации, унаследованные от микроформата hCard. Одно и то же имя свойства можно использовать для микроданных, микроформатов и для RDFa. Если имена свойств микроданных/RDFa и микроформатов различны, имя свойства микроформатов заключается в скобки. Свойства, выделенные жирным шрифтом, являются обязательными.
Источник:http://support.google.com

Способ 25: Острова

Острова — это новая платформа от Яндекс, позволяющая улучшить представление сайтов в результатах поиска. Острова не заменяют описание сайта, а являются их дополнением. Они могут включать в себя как текстовый блок и доп. информацию с сайта, так и интегрированные элементы.

С одной стороны все очень даже хорошо, появилась возможность с поисковой страницы повысить CRT по средствам создания отличных и продвинутых “Островов”.
С другой стороны — Острова являются экспериментальной технологией и в полном объеме доступна лишь в Бета-версии поиска — beta.yandex.ru.

Лучше один раз увидеть. Пример сниппета расширенного Островом:

На данном примере отчетливо заметно, как из обычного “Описания” сниппет превратился в настоящий калькулятор с переходом на сайт по отработке функционала.
С учетом того, что репутация Яндекса заведомо выше вашей, подобный калькулятор может стать настоящей золотой жилой + у тех, кто будет активно использовать острова явно увеличатся поведенческие факторы, что на данный момент является одним из основных критериев ранжирования.

Правда есть и минусы:

  • Объем круглосуточного трафика на beta.yandex.ru намного ниже объемов осваиваемых его старшим братом;
  • Нет точной информации о полном запуске проекта;
  • Наличие островов на прямую никак не влияет на ранжирование сайта;

Яндекс об «Островах»:
Концепцию «Островов» невозможно было воплотить в рамках старого дизайна. Привычный список ссылок не в состоянии вместить разнородный контент, который могут предложить сайты. Поэтому у поиска Яндекса будет новый дизайн. При его разработке мы руководствовались двумя основными принципами — «релевантность интерфейса» и «важное видно сразу».Источник: http://blog.yandex.ru

В заключении об островах:
“Острова” не меняют алгоритмов ранжирования, поэтому запуск новой платформы не должен повлияет на позиции сайтов. Наилучшие места, как и раньше, будут занимать самые полезные пользователям ответы.
Источник: http://blog.yandex.ru

Есть большая вероятность того, что если вдруг запуск islands.yandex.ru пройдет успешно, то это в любом случае отразится на ранжировании, начиная от влияния поведенческих при выборе сайта на страницах поиска пользователем, если только Яндекс не решит не учитывать активность с “Островов”, как с директа, заканчивая появлением очередного еще не исследованного, уникального инструмента маркетинга.

Заключение

В заключение нужно сказать, что прежде чем проводить работу над сниппетами, необходимо продумать порядок работы и следующие, связанные с данной темой аспекты:

  • Для начала проверить наличие и адекватность всех материалов на сайте (это более приоритетная задача)
  • Проверьте наличие красивого favicon`а
  • Подумайте над использованием специальных символов в title (может быть всего один и не на всех страницах, например если ваш логотип звезда, то спец.символ “Закрашенная звезда” может вам подойти, а ваши посетители начнут в поиске ориентироваться на ваш спец. символ)
  • Следующее действие — изучение библиотеки schema.org
  • Далее применяем полученные знания о микроразметке для формирования правильных хлебных крошек в сниппете
  • После создания хлебных крошек или другой микроразметки не забываем проверить валидатором:
  • Регистрируем свой сайт в Яндекс и Google Вебмастерах и настраиваем Быстрые ссылки
  • Обязательно зарегистрироваться на “Картах” и в “Организациях”
  • Разместить Юр. информацию о вашей организации на страничке “Контакты”
  • После обязательно обратите внимание на список возможностей по расширению сниппета.

Дополнительную информацию по сниппетам можно найти в этой инфографике от Play Media а также в этих материалах:

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

Секрет красивого сниппета в Яндексе для страницы услуг

Одной из приоритетных задач SEO-специалиста является проработка сниппетов. Представьте, что у вас сайт услуг (медицинской клиники, ремонт квартир или техники, сервис для автомобилей и т. д.), и ваша цель – собрать как можно больше трафика с поиска. Разбирать будем Яндекс.

Кто мешает?

  • 4 спецразмещения контекстной рекламы сильно ослабляют кликабельность. К примеру, в медицинской тематике они занимают весь первый экран.
  • Тенденция к увеличению информационных запросов. Яндексу выгодно выдавать по неявно коммерческим запросам информационную выдачу, а коммерческие задачи решает контекст. Пример запроса: «лечение неврозов».
  • Увеличение числа сайтов-агрегаторов в ТОПах, особенно на высокочастотных и среднечастотных запросах. Большой ассортимент и хорошие поведенческие факторы способствуют их продвижению.

Что же делать?


Помимо расширения структуры сайта и проработки контента, есть возможность поработать над сниппетами. Попробуем выжать из них максимум!

Познакомиться со сниппетами можно в нашем конструкторе

Специфика страниц услуг:

    преобладает текстовый контент;

у каждой услуги может быть не одна цена (как у товара), а множество (например, таблица цен);

  • недостаточно широкий ассортимент.
  • Что можно улучшить?

    Предположим, что вы уже основательно проработали посадочные страницы услуг:

    подробно рассказали об услуге;

    добавили блоки «Наши преимущества», «Этапы работы» и «Поделись с друзьями»;

    добавили информацию по гарантиям, сертификатам и лицензиям;

    Теперь самое время поработать над сниппетом:

    Title

    Помимо вставки в Title ключевых слов, добавьте фразы и регион, которые заставят кликнуть на заголовок, даже если основной ключевик стоит первым.

    Как сделать расширенный сниппет: подробное руководство для чайников

    Время чтения: 16 минут Нет времени читать? Нет времени?

    Расширенный сниппет на странице выдачи обеспечивает дополнительные переходы на сайт. Вы еще не используете этот инструмент, так как боитесь лезть в код сайта и путаетесь в типах разметки? Тогда это руководство для вас: из него вы узнаете, как сделать расширенный сниппет, даже если никогда не имели дела с HTML-кодом.

    Что такое расширенные сниппеты и зачем они нужны

    Сниппет в поисковом маркетинге — это описание страницы сайта, которое отображается на странице выдачи под заголовком и ссылкой. С его помощью «поисковики» подсказывают пользователям, соответствует ли найденный ресурс информационному запросу.

    Поисковые системы формируют сниппет автоматически. В качестве источника описания роботы используют контент страницы или мета-тег description. Стандартный сниппет ограничен приблизительно 160 символами с пробелами. Это два или три коротких предложения.

    Вы можете абсолютно бесплатно расширить сниппет и повысить привлекательность страниц сайта в поисковой выдаче. Внешний вид и содержание расширенных описаний зависит от тематики страниц, инструментов, которые вы используете для создания сниппетов и типа данных, которые вы хотите отобразить на SERP.

    Зачем нужны расширенные сниппеты

    Благодаря расширенным сниппетам вы увеличиваете визуальную привлекательность ссылки и описания сайта в выдаче. Также вы получаете дополнительную возможность подтвердить релевантность ресурса запросу потенциального клиента. В результате вы обеспечиваете больше переходов на сайт и увеличиваете CTR. Кроме этого, вы улучшаете поведенческие метрики сайта. Речь идет о снижении нецелевых переходов и связанным с ним уменьшением показателя отказов.

    Вот некоторые данные о влиянии расширенных сниппетов на кликабельность ссылки на сайт в выдаче, а также на эффективность продвижения ресурса:

    • В 2011 году Marketing Tech Blog опубликовал вдохновляющие данные. По данным этого ресурса, указание авторства статей с отображением в сниппете фото журналиста обеспечило блогу рост CTR на 484 %. С тех пор много воды утекло, но цифры остались. Вдумайтесь, фото автора рядом со ссылкой на сайт увеличило CTR на сотни процентов. Пусть Google Authorship больше не поддерживается, зато есть другие типы расширенных сниппетов.
    • Мэтт Каттс прямо не подтверждает, что расширенные описания влияют на рейтинг сайтов в выдаче. Но он говорит, что в некоторых тематиках внедрение микроразметки улучшает видимость сайта. Еще раз обратите внимание, расширенные сниппеты повышают видимость сайта. Пусть речь не идет о позициях ресурса. Вам же нужны клики, а не первое место в выдаче. Кстати, Рэнд Фишкин утверждает, что клики могут влиять на позиции сайта в выдаче. Если он прав, то Мэтт Каттс лукавит, когда говорит об отсутствии влияния сниппетов на позиции.
    • Маркетинговое агентство Catalyst несколько лет назад протестировало расширенные сниппеты. Они обеспечили сайту кулинарной тематики рост CTR на 150 %.
    • По данным Search Engine Land, нидерландский сайт Independer.nl, посвященный автострахованию, с помощью расширенных сниппетов увеличил CTR ссылок в выдаче на 28 %.
    • Коллеги из SeoProfy приводят примеры увеличения CTR сайтов в выдаче. Кликабельность большого сайта выросла на 4 %, а маленького на 442 %.
    • Маркетологи из Builtvisible рассказывают об увеличении CTR с помощью расширенных описаний.

    Сниппеты приносят вам дополнительные переходы на сайт. Если вы умеете конвертировать трафик, немедленно внедряйте расширенные описания. Они принесут вам новые сделки. Информация ниже поможет вам это сделать.

    Какие существуют словари и типы синтаксиса микроразметки

    Чтобы поисковые системы показывали расширенные сниппеты для страниц сайта в выдаче, вам необходимо внедрить семантическую разметку. Вы можете сделать это с помощью разных словарей или языков. Наиболее распространенные словари микроразметки представлены ниже:

    • Schema.org. Этот словарь можно назвать золотым стандартом микроразметки. Его поддерживают крупнейшие поисковые системы, включая «Яндекс», Google и Bing. С помощью Schema.org вы можете описывать сотни сущностей. Благодаря этому вы можете помочь «поисковикам» отображать расширенные сниппеты разных типов. Подробную информацию о Schema.org вы найдете в нашей статье и гайде.
    • Microformats.org. С помощью языка микроформатов вы можете структурировать информацию о некоторых сущностях: людях, событиях, статьях, отзывах. Крупнейшая в рунете поисковая система «Яндекс» в данный момент поддерживает только четыре типа разметки микроформатов: рецепты, отзывы, товары и контактные данные. Поэтому возможности Microformats.org ограничены по сравнению со Schema.org.
    • Open Graph. Этот язык помогает социальным сетям отображать ссылки на ваш сайт с привлекательными описаниями. Open Graph поддерживают все наиболее популярные в рунете социальные площадки, включая Facebook, «Вконтакте», Twitter и т.п.

    Каждый язык микроразметки вы можете реализовать с помощью разных типов синтаксиса:

    • Микроданные. Формат microdata считается основным средством реализации микроразметки Schema.org. Он предполагает использование тегов и атрибутов HTML для структурирования данных. Основным преимуществом микроданных остается простота использования.
    • JSON-LD. Перспективный формат передачи структурированных данных, предложенный W3C. С помощью этого типа синтаксиса вы можете реализовать микроразметку Schema.org.
    • Микроформаты. Этот синтаксис используется для реализации словаря Microformats.org.
    • RDFa. Данный формат используется для реализации языка Open Graph.

    Какой язык и синтаксис выбрать

    Выбирайте язык и синтаксис в зависимости от цели и задач, которые вы хотите решить. Если вам нужны расширенные сниппеты на страницах поисковой выдачи, оптимальным выбором будет Schema.org. Этот тип микроразметки поддерживают все крупные поисковые системы. Используя Schema.org, вы можете описать множество разных сущностей и получить разные типы расширенных сниппетов. Реализовать разметку Schema.org вы можете с помощью синтаксиса microdata или JSON-LD.

    Мастер Йода рекомендует:  Анимэ из фотки

    Если вам необходимо управлять описаниями ссылок в социальных сетях, внедрите Open Graph. Чтобы реализовать эту разметку, вы будете использовать формат RDFa. Язык Microformats.org также заслуживает внимания благодаря простоте использования.

    Как получить расширенные сниппеты с помощью Schema.org

    Вы можете реализовать микроразметку Schema.org несколькими способами. В нашем руководстве описывается самый сложный и самый правильный /upload/img/2015-11-11-tex-01.jpg: самостоятельная сборка кода, который необходимо указать на размечаемой странице. Если вы хотите досконально разобраться со Schema.org, обязательно воспользуйтесь руководством и разметьте вручную несколько страниц с разными сущностями.

    Не старайтесь запомнить наизусть порядок указания атрибутов. Вам необходимо понять принцип работы со Schema.org. Для практической повседневной работы вы будете использовать один или несколько инструментов, перечисленных ниже.

    Schema Creator

    Веб-сервис Schema Creator — простой и удобный генератор кода микроразметки, созданный софтверной компанией Raven. Чтобы воспользоваться инструментом, вам не нужно разбираться в веб-программировании. Более того, вам не придется даже регистрироваться. Есть только два условия успешного использования инструмента. Во-первых, вам нужно знать английский язык на базовом уровне или уметь пользоваться онлайн-переводчиками. Во-вторых, вам нужно знать, куда и как вставить сгенерированный инструментом код разметки.

    Представьте, что с помощью Schema Creator вы хотите разметить страницу с описанием книги. Вам нужно выбрать тип разметки «Книга» (Book).

    На открывшейся странице укажите данные о книге: название, автора, издателя, при необходимости дату публикации и формат. Также вы можете указать ссылку на страницу книги. Например, это можно сделать, если вы хотите сослаться на страницу магазина, в котором можно приобрести книгу.

    В поле Preview вы можете посмотреть, как будет отображаться разметка страницы для пользователей. В поле Code содержится код разметки, который необходимо скопировать и вставить на страницу сайта.

    Обратите внимание, если вы пользуетесь CMS с возможностью редактировать страницу в визуальном формате и формате HTML, выберите второй вариант.

    Если вы вставите код в визуальном редакторе, он некорректно отобразится на странице.

    В режиме редактирования HTML вы можете выбирать, в каком месте страницы вставить код. Например, вы можете оформить его в качестве врезки в середине текста или резюме в конце статьи.

    Если вам по каким-то причинам не подходит веб-сервис Schema Creator, воспользуйтесь другими инструментами для генерации кода микроразметки:

    • Если ваш сайт работает на WordPress, используйте плагин Schema Creator. Прочитайте подробную инструкцию по применению этого инструмента. Кстати, вы можете использовать и другие плагины для микроразметки. Для этого введите в поисковое поле каталога плагинов WordPress запрос «Schema.org».
    • Для сайтов на Joomla! используйте редактор JCE и расширение J4Schema.org. Обратите внимание, чтобы заставить эту пару инструментов работать, вам придется потрудиться. Подробнее в инструкции.
    • Для сайтов на Drupal воспользуйтесь модулем Schema.org.
    • Существуют плагины и модули микроразметки для других популярных CMS: Magento, OpenCart, 1С-Битрикс и так далее.


    Вы можете реализовать микроразметку Schema.org с помощью синтаксиса JSON-LD. Для этого воспользуйтесь инструкцией. С помощью JSON-LD вы сможете внедрить на сайт только несколько типов микроразметки: Article, Person, WebSite, searchAction и некоторые другие. Синтаксис JSON-LD имеет важное преимущество перед микроданными: с его помощью можно создавать разметку, которую «видят» только поисковые системы.

    Как разметить страницу с помощью маркера Google

    Вы можете получить расширенные сниппеты, разметив страницу с помощью маркера в кабинете для вебмастеров Google. Для этого авторизуйтесь в Search Console и выберите в меню «Вид в поиске – маркер».

    На открывшейся странице нажмите кнопку «Начать выделение».

    Введите URL страницы, которую планируете разметить. Выберите необходимый тип разметки. Поставьте флажок напротив опции «Отметить только эту страницу», если планируете вставить разметку только на одной странице. Если вы хотите одновременно разметить несколько страниц, оставьте опцию по умолчанию «Отметить эту и похожие страницы».

    Выбранная страница должна открыться в режиме маркировки. Теперь вы можете выделять курсором нужные фрагменты контента и добавлять значения к атрибутам.

    Убедитесь, что значение атрибута отобразилось корректно. Оно должно появиться в блоке «Мои элементы данных».

    Таким же способом разметьте остальные данные. Если вы размечаете страницу с описанием фильма, укажите режиссера, исполнителей главных ролей, жанр, год выхода и т.п. После выделения нужных данных нажмите кнопку «Опубликовать».

    После очередного индексирования сайта Google учтет изменения и отобразит в выдаче расширенный сниппет.

    Как получить расширенный сниппет с помощью мастера разметки структурированных данных Google

    С помощью мастера разметки вы можете добавить структурированные данные на страницы сайта или в HTML-код электронных писем. Авторизуйтесь в системе и укажите URL страницы, которую планируете разметить. Выберите тип данных и нажмите кнопку «Начать разметку».

    На открывшейся странице выделяйте курсором данные и присваивайте значения атрибутам, как при работе с маркером.

    После завершения разметки нажмите кнопку «Создать HTML». Скопируйте выделенный фрагмент с кодом разметки и вставьте на страницу сайта.

    Как получить расширенные сниппеты с помощью «Яндекс.Вебмастер»

    Для формирования расширенных сниппетов вы можете воспользоваться инструментами для вебмастеров «Яндекс». Для этого выберите меню «Содержимое сайта».

    Выберите тип данных, которые должны отображаться в расширенном сниппете. Это могут быть «Товары и цены», «Рецепты», «Рефераты», «Отзывы», «Словари», «Автообъявления».

    Следуйте предложенным сервисом инструкциям. Например, чтобы добавить в сниппет информацию о товарах и ценах, вам нужно создать и загрузить YML-файл. Чтобы получить расширенный сниппет для страницы с описанием рецептов, необходимо добавить на страницу микроданные или микроформаты с соответствующей разметкой и дождаться очередной индексации сайта.

    Как получить расширенные сниппеты с помощью микроформатов

    С помощью микроформатов вы можете отображать в сниппете контактные данные человека или организации, кулинарные рецепты, отзывы и информацию о товарах. Для некоторых типов микроформатов существуют автоматические генераторы кода:

    Чтобы разметить страницу с контактными данными, укажите необходимую информацию в генераторе кода hCard. В поле preview вы можете предварительно просмотреть карточку с персональной информацией, которая будет отображаться на странице сайта. Если данные указаны корректно, скопируйте код и вставьте его на сайт. Расширенный сниппет появится после очередной индексации ресурса поисковиками.

    Как получить расширенные описания в социальных сетях

    Универсальный инструмент для решения этой задачи — протокол Open Graph. Его «понимают» наиболее популярные социальные сети, включая «Вконтакте», «Фейсбук», «Твиттер», Google+ и другие.

    Чтобы создать разметку Open Graph, воспользуйтесь автоматическим генератором, например, таким. Заполните необходимые данные. Скопируйте сгенерированный код и вставьте его на страницу между тегами и .

    Обратите внимание, в выпадающем меню Type необходимо выбирать подходящий тип контента: статья, видео, книга и так далее.

    Чтобы получить привлекательные описания в Twitter, вы можете воспользоваться Twitter Cards. Вам поможет подробная инструкция по использованию этого инструмента.

    Обратите внимание на следующие инструменты:

    • Если ваш сайт работает на WordPress, воспользуйтесь плагинами для генерации разметки Open Graph: этим или этим.
    • Для сайтов на Joomla! подойдут расширения Phoca Open Graph и Easy Open Graph.
    • Владельцам сайтов на Drupal стоит обратить внимание на модуль Open Graph meta tags.
    • Для сайтов на 1С-Битрикс можно попробовать платное расширения Social Media Optimizer. Разработчики утверждают, что оно поддерживает разметку Open Graph и Twitter Cards.
    • Если ваш сайт работает на Magento, воспользуйтесь расширением Social Share – Open Graph.
    • Для сайтов на OpenCart также можно выбрать специальное расширение.

    Если вы по каким-то причинам не хотите пользоваться универсальными веб-генераторами разметки Open Graph, установите на сайт подходящий плагин или расширение.

    Какие сниппеты использовать в зависимости от типа сайта

    Ответ на этот вопрос зависит от цели и задач, которые вы решаете, а также от типа вашего сайта. Начните с базовых типов разметки. К сожалению, Google больше не поддерживает разметку Authorship, поэтому не тратьте на нее время. Если вы не хотите ограничиваться базовой разметкой, ориентируйтесь на особенности проекта.

    Если вы открыли интернет-магазин, то вам будут полезными следующие типы сниппетов:

    • Продукты. Также вы можете получить расширенный сниппет в «Яндексе» с помощью программы «Товары и цены».
    • Отзывы/обзоры.
    • Контактные данные. Вы можете указывать контакты сервисных центров, пунктов выдачи заказов или офлайн-подразделений. Используйте разметку Schema.org или микроформаты.
    • Person. Используйте этот тип разметки для структурирования информации об экспертах, разработчиках продуктов, авторов публикаций.
    • Search Box. Воспользуйтесь плагином для WordPress или скопируйте код здесь и вставьте данные своего сайта.

    Для контент-проектов можно использовать такие типы разметки:

    • Статья. Воспользуйтесь генератором разметки или скопируйте код здесь и вставьте необходимые данные.
    • События.
    • Person.
    • Контактные данные.
    • Отзывы/обзоры.

    Администраторам корпоративных сайтов можно подумать о следующих типах расширенных сниппетов:

    Также обратите внимание на типы разметки и сниппетов, специфичные сайтам с узкой тематикой:

    • Рецепты для кулинарных ресурсов.
    • Фильмы для сайтов, посвященных кинематографу.
    • Книги для ресурсов, публикующих отзывы или торгующих книгами.

    Обратите внимание, внедрение микроразметки не гарантирует отображение расширенного сниппета в поисковой выдаче. «Поисковики» не показывают расширенные описания из-за некорректной разметки, спама в сниппетах, попытки скрыть разметку от пользователя. Проверить корректность разметки можно с помощью инструмента Google или «Яндекс». Не отказывайтесь от микроразметки, если поисковые системы не отображают расширенное описание сразу после ее внедрения. Публикуйте контент и создавайте новые страницы с разметкой. Скорее всего, «поисковики» рано или поздно заметят ее и дадут вам расширенный сниппет.

    Получить расширенный сниппет просто

    Для этого нужно выбрать тип описания, который вы хотите показывать в поисковой выдаче. Затем вам нужно выбрать язык разметки, с помощью которой вы передадите поисковым системам структурированную информацию. Оптимальным вариантом считается словарь Schema.org, который можно реализовать с помощью микроданных или связанных данных JSON-LD.

    Не тратьте время на создание кода вручную. Воспользуйтесь автоматическими генераторами разметки, например, Schema Creator. Чтобы найти генератор конкретного типа разметки, введите в поисковую систему запрос «x schema creator» или «x schema generator», где x — необходимый тип разметки. Если вы создаете страницы с разметкой ежедневно, установите на сайт плагин или расширение для создания семантической разметки. Обязательно внедрите Open Graph для получения расширенных описаний в социальных сетях. Помните, поисковики не гарантируют отображения расширенного сниппета, даже если вы корректно разметили страницы сайта.

    10 бесплатных сниппетов навигационных цепочек для веб-проектов

    Сниппет — это блок представления вашего сайта в поисковой выдаче.

    Сниппет можно сравнить с обложкой журнала. Именно по нему можно понять примерное содержание как конкретной страницы, так и сайта в целом.

    Пример сниппета в ПС «Яндекс»:

    Пример сниппета в ПС Google:

    Основная задача сниппета — привлечь внимание пользователя и дать понимание того, что размещено на странице, без непосредственного перехода на нее.

    Чем привлекательнее сниппет, тем чаще на него будут кликать пользователи и тем выше окажется показатель CTR — отношение количества показов сниппета к количеству кликов на него.

    Как итог, формируется следующая логическая цепочка: привлекательный сниппет → больше кликов (выше CTR) → больше посещаемость сайта. Поэтому оптимизацией сниппета пренебрегать явно не стоит.


    Состав сниппета

    Адрес страницы (навигационная цепочка).

    Дополнительно в сниппет также могут выводиться цена, регион доставки, быстрые ссылки, изображение, кнопка онлайн-консультанта, контактная информация и рейтинг, знаки отличия, emoji.

    Фавикон

    Фавикон (favicon) — это иконка рядом с сайтом в результатах поиска.

    Размеры в поиске — 16×16 пикселей.

    Эта же иконка отображается во вкладке браузера.

    И да, она влияет на CTR сниппета.

    Рассмотрим пример. Тематика — доставка воды.

    Все фавиконы синие или голубые. Казалось бы, логично: голубого цвета вода — голубой фавикон. На самом деле это не так.

    Поставьте красный фавикон. Это сделает сайт заметнее в результатах поиска. Использовать именно красный совсем не обязательно. Суть в том, чтобы сделать фавикон контрастным по отношению к иконкам других сайтов.

    Большинство фавиконов в выдаче красные? Сделайте свой зеленым или ярко-оранжевым.

    Сайты с синими фавиконами:

    А вот вариант с красным исполнением:

    Согласитесь, что сайт с красным фавиконом при прочих равных выделяется на фоне остальных.

    К сожалению, фавикон выводится только в поисковой выдаче «Яндекса».

    Звездный рейтинг

    Сниппет со звездами выглядит следующим образом:

    Звезды можно вывести только в сниппет Google, исключением являются звезды на основе отзывов из «Яндекс.Справочника» для ПС «Яндекс» — об этом ниже. Когда звезд минимум 4 или 5, и больше ни у одного сайта в выдаче их нет, это может существенно повлиять на кликабельность в вашу пользу.

    Звездный рейтинг может выводиться на основе:

    оценок из отзывов.

    Чтобы получить шанс улучшить свой сниппет таким образом, необходимо внедрить микроразметку AggregateRating.

    Для популярных CMS, например WordPress, существует множество соответствующих плагинов.

    Обратите внимание: внедрение микроразметки не является гарантией появления в сниппете звезд рейтинга.

    Товарная микроразметка

    С помощью микроразметки в связке со свойством offer (одно предложение) или AggregateOffer (список предложений) можно вывести в сниппет цену:

    Используя свойства lowPrice и highPrice типа AggregateOffer, можно вывести цену от и до.

    Товары и цены

    Один из лучших вариантов сделать свой сайт заметнее в результатах поиска. Товары и цены — это программа «Яндекса» по улучшению сниппетов.

    Сайты, участвующие в программе, могут выводить в свой сниппет цену и регион доставки.

    Для магазинов все очевидно — у каждого товара есть стоимость и доставка, а как быть с сайтами услуг? Точно так же.

    Допустим, есть сайт с 10 услугами. Все, что нужно, — это сделать файл с перечнем услуг в YML-формате.

    Указание цены услуги и региона ее предоставления теперь работает на благо CTR сниппета.

    Для сайтов с услугами мало кто подключает товары и цены, особенно в регионах. Напрасно, ведь это отличный способ выделить свой сниппет среди остальных.

    Для подключения к программе необходимо разместить на сайте реквизиты компании, заполнить информацию в «Яндекс.Вебмастере», в разделе «Информация о сайте» → «Товары и цены» и, самое главное, сформировать YML-файл со списком товаров/услуг.

    Рекомендуем указывать минимальную цену на услугу, чтобы не отпугнуть потенциального клиента ценами, если они у вас выше рыночных.

    Кроме того, необходимо следить за актуальностью информации, особенно цен, чтобы избежать ситуации, когда цена на товар или услугу в сниппете не соответствует стоимости, указанной на сайте. За предоставление недостоверной или некачественной информации сайт может быть отключен от программы.

    Примечание: в программу не принимаются сайты с кириллическими доменами.

    Чат на поиске

    Чат на поиске тоже поможет выделиться среди конкурентов. Реализуется он очень просто, зато не заметить невозможно.

    Использовать для подключения можно практически любой чат. Полный список можно найти при подключении. Всего виджетов-чатов, доступных для подключения к сервису «Яндекс.Диалоги», более тридцати.

    «Яндекс.Справочник»

    Преимущество очевидно: адрес, телефон, время работы, станция метро, звездный рейтинг (при наличии оценок и отзывов) выводятся в сниппете главной страницы.

    Какой из сниппетов более привлекательный?

    Желательно заполнять карточку организации как можно подробнее. Также рекомендуется использовать микроразметку организации.

    Примечание: рейтинг со звездами не доступен для организаций, имеющих несколько филиалов.

    Заголовок

    Уникальный, осмысленный и релевантный заголовок с вхождением ключевых слов из запроса (ключи из запроса выделяются жирным) также поможет сделать сниппет заметнее.

    В верхнем результате есть картинка, есть выделенные слова из запроса, в том числе синонимы, но страница является категорией.

    Нижний результат также имеет выделенные слова, в том числе «акция», «2 по цене 1», и ведет на страницу конкретной акции. Если улучшить нижний сниппет, например с помощью онлайн-чата, можно добиться большей кликабельности.

    Мета-тег Description

    В меньшей мере на кликабельность влияет заполнение Description с употреблением в нем ключей (выделяются жирным). Однако данный пункт также стоит учесть. С помощью описания можно попытаться заинтересовать потенциального клиента, но стоит учитывать, что оно может быть взято не только из мета-тега Description, но и из текста страницы, а также, например, из Description микроразметки организации.

    Изображение в сниппете

    Если вам повезет, рядом с вашим сайтом в «Яндексе» появится картинка, к сожалению, в данный момент повлиять на появление картинки в сниппете напрямую нельзя. Чтобы она все же появилась, необходимо придерживаться следующих пунктов:


    Картинка должна быть на странице. Она точно не появится в сниппете, если на странице картинки отсутствуют ?

    изображение должно иметь размеры не менее 90/90 пикселей;

    картинку нужно расположить в том же блоке, что и основной контент страницы. В идеале, если она будет находиться внутри текста;

    у изображения должен быть прописан Alt.

    Пример сниппета с изображением:

    Адрес страницы

    При правильной структуре адрес страницы в «Яндексе» может сформироваться в виде цепочки хлебных крошек, как на верхнем примере.

    Для этого необходимо, чтобы:

    Структура сайта была понятной.

    Были настроены ЧПУ.

    URL-адрес был длиной до 100 символов.

    Для поисковой системы Google достаточно внедрить микроразметку хлебных крошек.

    Знаки отличия (качества)

    Качественные, по мнению «Яндекса», сайты сопровождаются значками в результатах поиска.

    Прогресс получения таких знаков для своего сайта можно отследить в разделе «Качество сайта» → «Показатели качества» панели инструментов «Яндекс.Вебмастера».

    Всего значков четыре:

    Голубой значок с белой галочкой — признак официального сайта. Такой значок может выводиться возле навигационного ответа, например, когда запрашивают сайт по названию.

    Кроме того, такой же значок выводится в сниппетах сайтов компаний, являющихся официальными представителями или, например, официальными дилерами.

    Зеленый знак с белым силуэтом огня — популярный сайт.

    Сайт получает этот знак, если имеет высокую посещаемость и постоянную аудиторию.

    Зеленый знак с белой короной — выбор пользователей.

    Знак получают сайты с высокой степенью вовлеченности и лояльности пользователей по данным «Яндекса».

    Зеленый знак с белым замком говорит об использовании защищенного соединения (SSL-сертификат).

    Знак получают сайты, у которых существенная доля трафика идет на HTTPS-страницы.

    Турбо-страницы

    Десктопные турбо-страницы, впрочем, как и мобильные, получают подпись «Турбо» с иконкой ракеты.

    Использование турбо-страниц является одним из факторов формирования расширенных сниппетов в поисковой выдаче.

    Можно получить вот такой расширенный сниппет:

    Однако и тут никаких гарантий появления расширенного сниппета нет.

    Дополнительно

    в ПС Google есть расширенные ответы, которые обычно отдаются в информационной выдаче по запросам, содержащим «как», «почему» и т. д.

    Чтобы получить такой сниппет, используйте статьи в формате инструкций, а также отвечайте конкретно на поставленный вопрос. Полнота раскрытия информации тоже играет роль.

    В сниппет можно выводить спецсимволы Unicode:

    Однако стоит делать это с осторожностью — не все символы одинаково хорошо отображаются во всех браузерах.

    Старайтесь использовать тематические символы. Пример:

    Повлиять напрямую на появление быстрых ссылок нельзя, но если соблюсти определенные рекомендации, вероятность их появления высока.

    Для «Яндекса» рекомендации следующие:

    Должны быть прописаны ссылки на основные разделы с главной страницы.

    Ссылки в виде картинок должны иметь заполненный атрибут Alt.

    Разделы и подразделы должны быть выделены в меню.

    Должны быть понятные названия страниц, точно отражающие содержание.

    После появления быстрых ссылок, управлять их порядком и анкорами можно через «Яндекс.Вебмастер»: «Информация» → «Быстрые ссылки».

    В заключение

    Выиграв борьбу за топ и оказавшись на первой странице поисковой выдачи, расслабляться рано, необходимо привлечь внимание пользователя.

    Как оптимизировать сниппет и какие методы для этого выбрать — решать только вам, но если со сниппетом не работать, клики получат конкуренты.

    Когда уместно использовать навигационную цепочку в веб-дизайне

    Вот, как это делают на улицах, в музеях или в торговых центрах.

    Также и интернет пользователи хотят знать, где находятся — особенно, если они глубоко ушли вглубь сайта. Понимание того, где они в данный момент находятся, сможет дать понять, куда им нужно двигаться дальше. Поэтому вы должны предложить им карту «местности» в форме навигационной цепочки. Для них это будет как тот самый знак «Вы здесь», но только в иерархии сайта.

    В статье antony, автора и выпускающего редактора UX Movement, рассматриваются основные правила, на которые вам стоит опираться, если встал вопрос о внедрении навигационной цепочки. Давайте узнаем их и будем дейстовать соответствующе советам эксперта.

    Три уровня или больше

    Все сайты организуют свой контент по определенной иерархии. Некоторые из них мелкие, некоторые — глубокие, и это зависит от объема контента. Если иерархия содержит три или более уровней, вы просто обязаны использовать навигационные цепочки.

    Сайт с двумя уровнями не требует цепочек, потому что пользователь переходит с главной страницы (первый уровень) на другую, всего уровнем ниже, но не глубже, и вряд ли потеряется. Но если у вашего сайта три уровня, такое вполне возможно. Пользователи часто будут переходить туда-сюда с главной в субкатегорию и дальше, и запутаться, находятся ли они на главной странице или на странице рубрики, очень легко.

    Мастер Йода рекомендует:  PHP5 - Новые возможности PHP5-Zend Engine 2_0 PHP

    Домашнаяя страница — это первый уровень

    Все навигационные цепочки должны начинаться с домашней страницы. Она — ваш первый уровень, потому что это почти всегда отправная для пользователя точка. Это начало их отсчета и отличный ориентир для того, что бы знать, насколько глубоко они продвинулись на вашем сайте . Отображение домашней страницы в цепочке на первом месте помогает юзерам понять общую иерархию.


    Совсем не обязательно использовать слово «home » для ссылки на домашнюю страницу. Вместо этого вы можете разместить иконку или небольшой логотип вашего сайта. Это делает начальный уровень более отчетливым и легче обнаруживаемым. Это похоже на то, как в лифте можно увидеть значок звезды и/или букву G, которым обозначается первый этаж.

    Используйте стрелки

    Лучше всего в роли индикаторов направления в навигационной цепочке использовать стрелки. Это делает цепочку более похожей на путь, который пользователь проделал. Избегайте косой черты (слыша) — они больше похожи на разделитель и должны выполнять именно такую фукцию.

    Не линкуйте страницу, на которой находится пользователь

    Последний уровень навигационной цепочки — это страница, где в данный момент находится пользователь. Сделайте этот уровень текстовым, но не используйте ссылку. Если использовать линки, человек может запутаться, нажимая на это ссылку. Ведь в конечном итоге пользователь окажется на той же странице, на которой и был, при этом будет пытаться понять, что же изменилось. Поэтому используйте текстовую метку!

    Выделите месположение пользователя

    Уровень цепочки, показывающий, где пользователь находится в данный момент, должно отличаться от других этапов цепочки. Это позволяет пользователю определить, где он находится, уже по внешнему виду. Можно взять для метки жирный шрифт текстовой или сделать ее более темного или вообще другого цвета.

    Преимущества навигационных цепочек

    Итак, навигационные цепочки не просто вариант, а необходимость в том случае, если у сайта три или более уровней контента. Тесты показывают, что при данном раскладе есть только преимущества и никаких минусов.

    В своих передвижениях по сайту пользователю всегда нужно знать, где он находится. Без этого он может потеряться и потратить лишнее время. Упростите им навигацию по своему сайту с помощью навигационной цепочки, ведь не зря прямой перевод этой фразы с английского — «хлебные крошки», как в известной сказке.

    «Хлебные крошки» — что это такое? Примеры навигации

    «Хлебные крошки» — навигационный инструмент, который не только позволяет пользователям быстрее и удобнее перемещаться по сайту, но и косвенно способствует продвижению ресурса в поисковых системах. Преимущества использования навигационных цепочек, методы их создания, а также рекомендации по оптимизации как многостраничных сайтов, так и интернет-магазинов описываются ниже.

    Навигационная цепочка: что это такое?

    Навигационная цепочка – механизм следования к рабочему каталогу от корневой файловой системы. Эта элементная составляющая навигации обычно используется в файловых менеджерах. Навигационный путь позволяет пользователю регулировать уровень и количество вложений, удобнее и быстрее перемещаться по файловой системе персонального компьютера.

    Другое название данного структурного элемента – «хлебные крошки» – по аналогии навигационных цепочек с хлебными крошками из немецкой сказки братьев Гримм «Гензель и Гретель», благодаря которым дети выбрались из лесу.

    В данной статье мы рассмотрим, что такое «хлебные крошки». Примеры удачного использования элемента на веб-ресурсах (что необходимо для оптимизации и продвижения сайта в поисковых системах) приведем обязательно и дадим некоторые советы и рекомендации касательно применения навигационных цепочек.

    «Хлебные крошки» на сайтах

    Функция «хлебные крошки», меню (дублирующее и основное), карта сайта – это основные направления, ведущие к структурным подразделениям (категориям) интернет-ресурса. Навигационные цепочки в первую очередь необходимы сайтам с обширной иерархией страниц, большим количеством контента.

    Данные структурные элементы не только улучшают внешний вид отдельных страниц и позволяют пользователю хорошо ориентироваться, но и способствуют повышению позиции веб-ресурса в целом и конкретной записи в поисковой выдаче, служат средством внутренней оптимизации и косвенно улучшают поведенческие реакции пользователей.

    Примеры использования хлебных крошек

    Грамотное применение системы навигации позволяет заинтересовать пользователя, дольше удержать его внимание и сделать веб-ресурс удобным. Плагин «хлебные крошки», или создание навигационной цепочки путем введения дополнительных строчек в код (в зависимости от навыков веб-мастера) необходим для улучшения поведенческих реакций, что способствует укреплению позиций в выдаче поисковых систем, и повышения конверсии – отношения общего числа посетителей к выполнившим целевое действие, которым может быть регистрация, подписка, покупка или переход по рекламной ссылке.

    В общем виде выглядит система навигации следующим образом:

    • переход от центральной страницы к статье через какой-либо раздел сайта;
    • переход от центральной страницы к статье через публикационный архив.

    При этом главная страница, публикационный архив и раздел веб-ресурса являются ссылками, которые ведут на соответствующие страницы, а карточка товара (для интернет-магазинов) или запись (для информационных сайтов) лишь указывают на местонахождение пользователя. В ином случае, если бы страница, на которой находится пользователь, отражалась в навигационной цепочке в виде ссылки, алгоритмы поисковых систем распознавали бы дублирование. По этой же причине не используются «хлебные крошки» на главной странице.

    Одним из важных моментов использования навигационной цепочки (имеется в виду как плагин «хлебные крошки», так и элемент, созданный без применения готовых решений) является расположение элемента на видном месте. Чаще всего путь располагается сразу под основным меню. Пример удачного расположения навигации относительно главного меню можно увидеть на фото ниже.

    С помощью дополнительной разметки микроданных можно добиться отражения цепочки в сниппете (это фрагмент текста, который выводится в поисковой выдаче вместе со ссылкой на сайт) ресурса в поисковых системах.

    Основные функции и преимущества использования навигации на сайте

    Навигационные цепочки используют не все интернет-ресурсы. Небольшие веб-ресурсы, на которых сориентироваться не составляет труда, вполне могут обойтись без «хлебных крошек», но все же не стоит отказываться от карты сайта и файла Robots.txt с инструкциями для поисковых систем.

    Применение навигации имеет следующее назначение:

    1. Оптимизация внутренней структуры сайта.
    2. Связывание отдельных страниц ресурса ссылками (наращивание внутренней ссылочной массы).
    3. «Помощь» поисковым роботам в «исследовании» веб-площадки. Так, «хлебные крошки» выполняют те же функции, что и карта сайта и Robots.txt, дополняют данные элементы.
    4. Положительно влияет на число кликов на рекламные ссылки и баннеры за счет того, что навигационная цепочка имеет связь с Uniform Resource Locator (URL) при выдаче.
    5. Повышает релевантность – уровень соответствия результатов поиска ожиданиям поиска.

    Почему успешным ресурсам не обойтись без навигации?

    Основная задача веб-мастера при создании сайта (особенно это касается интернет-магазинов и других коммерческих электронных ресурсов) – получить максимально высокий уровень конверсии. При этом важно учитывать, что пользователи часто ищут не определенную модель техники, товар или страницу, а интересуются более широким спектром предложений. Навигационные цепочки помогают осуществлять мониторинг проще и быстрее, что привлекает большее количество посетителей.

    Многие ресурсы теряют потенциальных клиентов только из-за проблем с навигацией. Пользователь, попадая на непродуманный сайт, часто не может найти необходимое, а даже если и повезет, но модель не подойдет по каким-либо причинам, то посетитель не сможет ознакомиться с подобными предложениями или товарами из того же раздела.

    «Хлебные крошки» могут иметь две вариации, от которых зависят и поведенческие реакции посетителей, и конверсия (косвенно):

    1. Навигационная цепочка может быть основана на структуре, что является самым распространенным приемом. Суть размещения «хлебных крошек» в этом случае заключается в отображении иерархической системы сайта. Ссылки не только вернут пользователя в раздел, откуда тот перешел на запись или карточку товара, но также система предложит варианты «Также вам может быть интересно» или «Подобные товары».
    2. Второй вариант: «Хлебные крошки», основанные на истории перемещений посетителя по страницам веб-ресурса, которые функционируют через ссылку «Назад», менее эффективны. Такая навигационная цепочка не позволяет ознакомиться со всем объемом предложений, а значит, косвенно снижает конверсию.

    Одновременное использование обоих приемов встречается редко. При неграмотном построении навигационной системы сразу два пути могут запутать пользователя.

    Советы и рекомендации по использованию навигации на сайте

    Частота и в целом необходимость использования «хлебных крошек» зависят исключительно от структуры и громоздкости веб-ресурса. Бесцельно (если на сайте нет разделов или весь ресурс представлен всего несколькими несвязанными страницами) применять навигационную цепочку не следует – это только уменьшит доверие поисковых систем, которые обнаружат дублирующиеся ссылки.

    Кроме того, существует еще несколько рекомендаций по использованию «хлебных крошек»:

    • не следует заменять навигационной цепочкой основное меню;
    • использование ключевых слов в «хлебных крошках» может создать избыточную их концентрацию;
    • применять навигацию рекомендуется на всех страницах, где это необходимо;
    • не стоит размещать путь в тегах, так как название в итоге получается слишком массивным.

    Как сделать «хлебные крошки» без плагина для WordPress

    Веб-мастера, которые занимаются не только администрированием, но и разработкой сайтов, вполне могут сделать навигацию самостоятельно, то есть без применения плагина для такого элемента, как «хлебные крошки» WordPress. В целом процесс состоит из нескольких этапов.

    Во-первых, необходимо открыть файл functions.php, который расположен в папке используемой темы. Перед изменениями необходимо сделать резервную копию файла, чтобы в случае ошибки не иметь дополнительных проблем, а просто сделать бэкап.

    Далее в файл следует вставить код. Еще одна часть кода вставляется туда, где в конечном итоге должны быть расположены «хлебные крошки» на сайте. Как правило, это конструктивные элементы шаблона сайта – файл index.php или single.php. В заключение можно оформить навигационную цепочку особым образом, настроить стили, в чем помогут элементарные знания CSS.

    «Хлебные крошки» «Вордпресс» можно использовать для различных страниц: архивы (в зависимости от автора и периода публикаций), посты, отдельные страницы, запрашиваемый результат поиска, страницы ошибки и так далее. Возможно также добавление порядкового номера, разделительного символа или текста в навигационную цепочку.

    Навигационная цепочка для CMS Joomla

    Joomla – вторая по популярности система управления контентом после WordPress, которая, однако, предоставляет веб-мастерам несколько больше возможностей. «Хлебные крошки» WordPress и Joomla представлены различными решениями: если в первом случае можно вставить соответствующий код или воспользоваться плагином, то во втором возможность реализовывать навигационные цепочки представлена модулями.

    Специальный модуль имеет название «mod_breadcrumbs». Найти его можно в «Менеджере модулей», который расположен в категории «Расширения» общей панели управления. Далее остается только произвести настройки «хлебных крошек».

    «Хлебные крошки» с помощью плагина Breadcrumb NavXT для wordpress

    Плагин Breadcrumb NavXT, который преимущественно используется для создания и настройки навигационных цепочек в WordPress, состоит из множества опций и является довольно функциональным решением. С помощью данного модуля создание «хлебных крошек» будет осуществляться достаточно легко.


    Во-первых, необходимо добавить отображение навигационной цепочки в шаблон путем введения в файл header.php следующего кода:

    Далее потребуется настроить все опции: следует просмотреть каждый раздел и выбрать необходимые функции.

    Другие варианты внутренней оптимизации

    Оптимизация веб-ресурса – это процесс комплексный, который отнюдь не заканчивается добавлением «хлебных крошек». Веб-мастера применяют множество методов, направленных на внутреннюю и внешнюю оптимизацию сайта, что способствует получению более высоких позиций в поисковой выдаче, а значит, и повышению конверсии.

    Так, меры по продвижению веб-ресурса (помимо создания «хлебных крошек») могут быть следующими:

    1. Перелиновка – реализация взаимосвязи внутри электронного ресурса с помощью ссылок. Это и блоки «Вам также может быть интересно», и «Похожие страницы», и ссылки в тексте, которые ведут на страницы того же сайта (пример выше на фото).
    2. Регистрация в «Яндекс-Вебмастер» и Google Search Console. Поисковые системы не только дадут рекомендации по улучшению и продвижению сайта, но и быстрее найдут новый ресурс для индексации, если он зарегистрирован в их каталогах. Кроме того, подобный шаг позволит подтвердить авторство текстов в случае возникновения проблем в дальнейшем.
    3. Файл robots.txt. В состав данного файла входят команды для поисковиков, которые индексируют сайт. Так, поисковый робот не будет «блуждать» по ресурсу, а «прочитает» страницы последовательно и в полном объеме.
    4. SEF или ЧПУ (человекопонятный URL), которые повышают удобство использования веб-ресурса за счет отображения файловой структуры вместо непонятных идентификаторов. Пример использования ниже.
    5. Фавикон. Небольшое изображение, которое отображается на вкладках или в закладках браузера и может находиться в поисковой выдаче перед ссылкой, помогает пользователям визуально запомнить сайт.

    Для интернет-магазинов: как повысить конверсию (кроме навигации)?

    Для успешного функционирования интернет-магазина и получения стабильной прибыли важна не только удобная навигация. Чтобы повысить посещаемость, следует, например, добавить на страницы товаров отзывы реальных покупателей. Возможно, целесообразно размещать даже видеоотзывы, обзоры или руководства по использованию конкретного продукта.

    Также важна для оптимизации и продвижения коммерческого ресурса дополнительная информация на страницах категорий. Чаще всего пользователь изначально заходит на страницу категории и только затем переходит к описанию конкретной модели. Так что размещение небольшого текста позволит сориентировать потенциального клиента.

    Информативный текст необходимо использовать и в качестве описаний конкретных товаров. Карточка товара прямым образом влияет на конверсию: функции продукта, описанные как преимущества, привлекают внимание посетителей и стимулируют продажи.

    Интересным решением станет добавление возможности формировать список желаний. Повышают заинтересованность и генерируют дополнительные переходы кнопки социальных сетей («Поделиться»), улучшают поведенческие характеристики блоки «Похожие товары» или «С этим также покупают».

    Итак, методов оптимизации и продвижения существует огромное множество, но только комплексный подход позволит достичь высоких результатов. «Хлебные крошки» на сайте – это важная деталь практически для любого веб-ресурса. При этом особенно актуальны такие навигационные цепочки для интернет-магазинов и многостраничных сайтов со сложной структурой. Разработать навигационную систему можно как самостоятельно (с помощью соответствующего кода), так и воспользовавшись определенными готовыми решениями — настраиваемыми плагинами.

    Генератор сниппетов для Яндекс и Google

    Предлагаем вашему вниманию генератор сниппетов для Яндекс и Google. На основе этого простого инструмента, вы можете подкорректировать Title, Description и сделать хлебные крошки в выдаче.

    Так сниппет будет выглядеть в Google:

    #### Кликабельный заголовок ### С ключевыми словами

    Наш блог

    Запуск новых проектов в Августе

    В августе мы запустили в работу 4 новых проекта. В скором времени будем делиться кейсами по продвижению.

    Продвижение в Инстаграм

    Продвижение аккаунта в Instagram — актуальная задача для бизнеса. Я подготовил для вас обзор популярных сервисов по раскрутке аккаунтов, который поможем в привлечении новых клиентов.

    Проверка позиций сайта в поисковиках — обзор сервисов и инструментов мониторинга!

    Как анализировать позиции сайта и результат проделанной работы? В этом поможет программа по мониторингу позиций.

    Яндекс ИКС — что это и как его проверить?

    31 августа в 21:00 Яндекс сменил в ПС Яндекс Вебмастере показетель ТИЦ на ИКС. И там же стала доступна проверка Яндекс ИКС у любого сайта.

    Сниппет сайта: что это такое и как изменить

    И так, сниппет веб-ресурса – это инфоблок, который показывается в поисковой системе и который включает в себя заголовок, краткое описание и другие дополнительные сведения о сайте. Он играет важную роль не только в СЕО оптимизации сайта, но и увеличении показателя CTR (соотношение кликов к показам).

    Получается, что веб-ресурс, который имеет более привлекательное описание, но стоящий ниже, получит больше трафика, так как привлечет внимание аудитории. Значит, стоит улучшать качество представления ресурса в поисковиках.

    Конечно, сам сниппет создается поисковыми системами автоматически из тега Description или фрагмента страницы веб-ресурса, но и на них можно повлиять. Об этом мы расскажем вам чуть позже.

    Заголовок обычно колеблется от 70 до 80 знаков, само описание – 160-240 знаков. Заголовок в основном формируется из тега Title. О том, что из себя представляет Title, мы уже писали. Отметим то, что его следует делать привлекательным и информативным, а также включать в него ключевые слова или фразы.

    Виды сниппетов сайта в поисковой выдаче

    Теперь поговорим о видах сниппетов сайта в поисковой выдаче. Это поможет нам понять как сделать сниппет для сайта. Их существует два. Это простой и расширенный.

    Простой сниппет состоит из:

    • Title, то есть заголовка. Как мы уже говорили, он должен привлекать внимание пользователей.
    • Адрес веб-ресурса. Иногда он показывается как навигационная цепочка.
    • Описание страницы или веб-ресурса, которое тоже должно привлекать и раскрывать тему вопроса пользователя.

    Расширенный сниппет помимо основного блока содержит в себе и дополнительные сведения, что позволяет компании предоставить более полную информацию о себе.

    В расширенный сниппет также входит:

    • Контакты. При помощи Яндекс. Справочника можно добавить адрес, контактные данные, часы работы и социальные сети.
    • Быстрые ссылки, которые помогут пользователям быстрее находить информацию. Это повысит кликабельность.
    • Фавикон. По-другому, это картинка, которая показывается рядом со сниппетом в поисковой выдаче.
    • Цена и доставка. Это сразу привлечет внимание пользователей.

    Какой из представленных сниппетов выбрать, решать вам. Все зависит от того, для каких целей он вам нужен. Например, для интернет-магазина книг лучше подойдет расширенная версия сниппета.

    Яндекс сниппет сайта

    Яндекс сниппет сайта генерируется автоматически. Выбирается он по запросам аудитории из подходящего кусочка страницы веб-ресурса. Для заголовка используется либо тег Title, либо теги H1–H2.

    Описание выбирается из тега Description или фрагмента страницы, которая отвечает на вопрос аудитории. Кроме того, в описание возможно добавление сведений из Яндекс. Каталога или Яндекс.Маркета.

    А теперь поговорим о том, как изменить сниппет сайта в Яндексе. Во-первых, стоит поменять ключевые фразы, так как в основном выбирается тот фрагмент страницы, где они используются точнее всего. Во-вторых, заголовки страницы следует делать привлекательными.

    В-третьих, ввести микроразметку Open Graph или schema.org, которые помогают поисковикам лучше вычислять нужные сведения. В-четвертых, при помощи Яндекс. Справочника добавить контактные данные компании: адрес, телефон. И, в-пятых, для выведения стоимости на товары или услуги следует загрузить соответствующие сведения. Для этого подойдет Яндекс.Вебмастер, а также можно добавить ресурс в Яндекс. Маркет.

    Также можно выключить нежелательные ссылки при помощи Вебмастера. И, конечно же, фавикону нужно быть интересным, так как он отражается в поисковой выдаче Яндекса в любом случае.

    Google сниппет сайта

    Google сниппет сайта генерируется в основном из тегов Title и Description. Редко когда используется кусок страницы. Для этого тег Description должен содержать мало информации.

    Учитывая, что в Google также есть расширенные сниппеты сайта, то в них отражаются дополнительные сведения в виде цен на товары, рейтингов, изображения и другого. А значит, и здесь стоит говорить о том, как изменить сниппет сайта или на него повлиять.

    Во-первых, конечно же, изменить теги Title и Description. Во-вторых, привнести микроразметку schema.org в код. В данном случае хорошим помощником станет специнструмент Мастер разметки структурированных данных от Google. И, в-третьих, при помощи инструмента Маркер от Search Console (Google) можно структурировать данные, чтобы они потом передались поисковым роботам.

    Как проверить сниппет сайта?

    В том, как проверить сниппет сайта, помогут генераторы. Также они покажут вам, как выглядит сниппет в поисковой выдаче, что очень удобно. К тому же, генератор выдает готовый HTML-код. Его можно поставить в поля Title и Description. Это увеличит кликабельность, а значит поможет вам в продвижении сайта по ключевым словам в Яндекс или Google.

    На сегодняшний день можно выделить три удобных, но в тоже время бесплатных генераторов сниппетов. Это Пиксель Тулс, Saney и SD. Давайте немного поговорим о каждом из них.

    Бесплатные генераторы сниппетов сайта:

    • Пиксель Тулс. Он подходит как для Яндекса, так и для Google, а значит создает подходящий HTML-код. При этом в сервисе можно вставить 2 раздела и смайлы.
    • Saney. Работает с Google. Также помимо стандартных сведений можно добавить специальные символы и получить подходящий HTML-код.
    • SD. Этот сервис показывает только вид сниппетов сайта в Яндексе и Google.

    В любом случае не забывайте об анализе сниппетов сайта своих конкурентов. Проверяя их, вы не только найдете их сильные и слабые стороны, но и поймете, как сделать сниппет для сайта компании или улучшить уже существующий. А чтобы не проделывать этого вручную, вам поможет все тот же Пиксель Тулс, а также другая программа MegaIndex.

    В завершении хотелось бы сказать, что сайты со сниппетами, которые отвечают всем параметрам, привлекут больше пользователей, чем те, которые сгенерированы автоматически без какого-либо участия со стороны компании.

    Добавить комментарий