Flamio.ru

Работа и деньги
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Сниппеты для сайта

Что такое сниппет и как правильно его написать

Добрый день, дорогие читатели!

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

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

Сниппет (англ. snippet – фрагмент) – это отрывок текста в выдаче поиска, который дает понять, о чем страница. Если ваш сайт не попал в топ-5 поисковой выдачи, но описание для него составлено лучше, чем у конкурентов, вы получите больше переходов. Почему? Человек читает описание с мыслью “Вау, это то, что я ищу” и кликает.

Для Гугла сниппет пишут в теге Description, а вот в Яндексе приходится повозиться с настройками. Чем точнее и логичнее вписаны ключи и указана польза для пользователя, тем больше кликов достанется вашей страничке.

Раньше во Вконтакте тоже были сниппеты. Соцсеть брала первый абзац и показывала его после картинки. Сейчас осталось только изображение и заголовок (title).

Из чего состоит сниппет

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

Основная часть сниппета:

  1. Title. Заголовок технически не относится к сниппету, но воспринимается пользователем как единое целое. Он прописывается отдельно, подробнее о том, как составить тайтл я уже писала. Если в теге более 75 символов, то поисковая система возьмет информацию для названия из текста или подзаголовков H1 – H6.
  2. Хлебные крошки. Это ссылка-маршрут, которая ведет от главной страницы до представленной в поисковой выдаче. Ее присутствие повышает ранжирование за счет поведенческих метрик, упрощенной навигации, разметки микроданных.
  3. Описание. Вы же читаете аннотацию книги перед покупкой. То же самое и с сайтом. Люди зайдут на него, только если сниппет их зацепит.

Расширенная версия содержит:

  1. Контакты. Чтобы упростить задачу клиентам, добавляйте адрес, телефон, часы, соцсети через Яндекс Справочник. Когда человек ищет что-нибудь в определенном регионе, сайт с указанным городом, появляется в поиске выше.
  2. Быстрые ссылки. Разделы могут попасть в сниппет, если выбрать это в Яндекс.Вебмастере. Растет кликабельность. Даже если человека не заинтересовала страница, предложенная в поиске, он выбирает другую ссылку.
  3. Фавикон. Картинка рядом с тайтлом привлекает внимание. Следуйте нашей инструкции для установки фавикона.
  4. Цена и способ доставки. Заявите о бонусах, приятной цене и удобной доставке прямо в поисковой выдаче с помощью встроенного YML-файла.

Сбор и анализ сниппетов конкурентов

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

Пиксель Тулс

Инструмент по сниппетам от Пиксель Тулс бесплатный. Он показывает простые параметры:

  • вхождение ключевых слов,
  • длину описания,
  • текст.

Парсинг займет всего пару минут.

Не хватает оценки эффективности показа, как у MegaIndex, там можно сразу разделить описания на плохие и хорошие.

MegaIndex

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

Минус: список городов ограничен. Мелких населенных пунктов в списке нет.

Разница между описанием в Гугл и Яндекс

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

НюансыЯндексGoogle
Размер сниппета240 знаков с пробелами160 знаков с пробелами
Как формируется описаниеЧаще выбирает куски из текста с ключамиУчитывает description
Интеграция с соцсетямиНетЕсть с Google+
ИконкиЕстьНет
Картинки кулинарных рецептовМеньший размер картинок, находятся справаБольший размер изображений, расположены слева

Яндекс на стороне владельцев сайтов, а Гугл интересуют пользователи поиска.

3 лучших генератора сниппетов

Проверить, как выглядит сниппет в поиске, поможет генератор. В придачу он выдаст готовый HTML-код, который нужно просто вставить в поля дескрипшен и тайтл. Экономьте время, нервы и повышайте CTR (кликабельность).

Удобные и бесплатные генераторы описаний:

  1. Пиксель Тулс. Работает сразу с Яндекс и Гугл, учитывая требования и возможности поисковиков, составляет 100 % подходящий HTML-код. Можно добавить 2 раздела и смайлики, которые совместимы со всеми административными платформами сайтов.
  2. Saney. Заполняете поля, а онлайн-сервис показывает, как это смотрится в Гугле. Кроме стандартных тегов: title, description и хлебных крошек, ниже есть перечень спецсимволов. Скопировать готовый HTML-код можно в один клик.
  3. SD. Упрощенный генератор, который одновременно показывает вид сниппетов Яндекса и Гугла.

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

Каким должно быть идеальное описание для человека и поисковика

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

Читать еще:  Как добавить оплату картой на сайт

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

За 3,5 года копирайтинга я написала более 200 сниппетов. Щелкаю их как орешки.

Как сделать идеальный сниппет? Пользуйтесь чек-листом:

  1. Текст дескрипшена не копирует тайтл.
  2. Содержит ключевое слово, отвечающее основному поисковому запросу.
  3. Используются околотематические слова.
  4. Добавлены специальные символы, подходящий фавикон для привлечения внимания.
  5. Объем до 200 символов. Максимум 3 предложения.
  6. Добавлены хлебные крошки вида: главная страница > раздел > статья.
  7. В хлебных крошках понятные и релевантные слова. Например, mebelny320.su > Chehly-na-mebel по запросу “Купить чехлы на мебель”.
  8. Указаны контакты.
  9. Выгода в первом предложении. Без предисловий наподобие: “в современном мире”, “все мы знаем” и др. Читать прописные истины никто не будет. Человеку хочется закрыть пробел в знаниях, за этим он и лезет в поисковик.
  10. Микроразметка о товаре, услуге в сниппете: цена, способ доставки, отзывы, оценка. Включен YML-файл в Яндексе.
  11. Добавлены ссылки на соцсети, когда сниппет ведет на главную страницу.
  12. В тайтле и дескрипшене упомянут регион целевой аудитории.
  13. Тошнотность в пределах 6 – 7,5 %, одни и те же слова желательно не повторять.
  14. Отвечает на запрос пользователя.
  15. Для коммерческих проектов упоминается уникальное торговое предложение в самом начале.

Эффективный сниппет – это интригующий полезный текст с правильными настройками в поисковой системе.

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

Сделали ошибку или никто не переходит из поисковика на сайт? Надо поработать над сниппетом.

Как изменить описание:

  1. Узнайте, откуда поисковая система берет сниппет – из дескрипшена или текста.
  2. Отредактируйте абзац. Когда захотите, чтобы описание было из другой части статьи, перенесите основные ключи туда.
  3. Сортировать, отключить, выбрать другие быстрые ссылки можно в Яндекс.Вебмастере.
  4. Контакты обновятся автоматически после того, как внесете изменения в справочник Яндекса.

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

Рецепт крутого сниппета

Чтобы поисковый робот правильно распознавал сниппет без потери смысла и важных слов, нужно сделать микроразметку. Быть программистом для этого не обязательно, просто нужно знать азы HTML. Валидатор разметки Яндекса сам выдаст готовый код, просто укажите сайт и тип данных: адрес, телефон и т. д.

Теперь сравните описание от Yandex и сделанное вручную.

В автоматическом сниппете много воды, непонятно, на какие вопросы ответит статья, нет интриги и триггеров. А вы бы кликнули на такое?

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

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

Настроим сниппет для Яндекса:

Шаг 1. Если поисковая система игнорирует description, напишите красивый абзац с несколькими ключами до 240 символов.

Шаг 2. Добавьте сайт в Яндекс.Вебмастер.

Шаг 3. Заполните поля в категориях: региональность, товары и цены, быстрые ссылки.

Шаг 4. Опишите в YML-файле товары и услуги. Подключите его во вкладке “Источники” в разделе “Турбо-страницы” Яндекс.Вебмастера.

Файл YML можно использовать для выгрузки товаров в Яндекс.Маркет.

Как написать сниппет с нуля:

  1. Определитесь с темой или товаром.
  2. Соберите семантическое ядро.
  3. Поймите, для кого пишете. Например, вы пишете про лайфхаки для уборки. Они нужны замужним женщинам от 18 лет. Надо усилить боль, напомнить о ней: “Надоело натирать полы и вытирать пыль по 10 раз на дню? Эти лайфхаки сэкономят время и помогут поддерживать чистоту без ежедневной уборки”.

Трудно подобрать слова? Можно заказать готовое описание страницы на биржах фриланса.

Заключение

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

Если профессионально настроить не можете, пропишите пока сам description, а потом вникайте в остальные тонкости.

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

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

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

Расширенный поисковый сниппет – это визитная карточка вашего сайта на странице выдачи Google или «Яндекс». Он служит не просто для красоты, а приносит дополнительные переходы пользователей. Если вы еще не используете этот инструмент, потому что боитесь лезть в код сайта или путаетесь в типах разметки – это руководство для вас. Здесь есть все что нужно, даже если вы никогда не имели дела с HTML-кодом.

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

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

Читать еще:  Что такое макет сайта

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

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

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

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

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

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

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

  • Schema.org. Этот словарь можно назвать золотым стандартом микроразметки. Его поддерживают крупнейшие поисковые системы, включая «Яндекс», Google и Bing. С помощью Schema.org вы можете описать сотни различных сущностей. Это позволяет поисковикам отображать расширенные сниппеты разных типов.
  • Microformats.org. С помощью языка микроформатов вы можете структурировать информацию о некоторых сущностях: людях, событиях, статьях, отзывах. Крупнейшая в рунете поисковая система «Яндекс» в данный момент поддерживает только два типа такой разметки: hCard – микроформат контактной информации (адресов, телефонов и т. д.) и hRecipe – для описания кулинарных рецептов. Поэтому возможности 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. Этот тип микроразметки поддерживают все крупные поисковые системы. Используя его, вы можете описать множество разных сущностей и получить разные типы расширенных сниппетов. Реализовать такую разметку вы можете с помощью синтаксиса microdata или JSON-LD.

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

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

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

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

H3: Сервис Schema Markup Generator

Веб-сервис Schema Markup Generator – простой и удобный генератор микроразметки, который доступен абсолютно бесплатно на сайте международного агентства Merkle. Чтобы его использовать, не требуется знать веб-программирование. Для работы с сервисом желателен английский (на базовом уровне), но устроит и онлайн-переводчик. Кроме этого, нужно знать, куда и как вставить подготовленный инструментом код.

Предположим, вы хотите с помощью Markup Generator разметить страницу одного из авторов блога. Для этого нужно выбрать тип разметки «Персона» (Person).

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

Чтобы проверить, что получилось, нужно нажать на оранжевую иконку Google в правом верхнем углу и выбрать Structured Data Testing Tool. В новой вкладке откроется инструмент «Проверка структурированных данных» Google Search Console c вашим описанием сущности Schema.org. Это поможет найти ошибки, покажет предупреждения и результат ввода данных для сниппета.

Нажатие на голубую кнопку «Копировать» (Copy) помещает код разметки в буфер обмена, чтобы вы могли его вставить на страницу сайта с помощью редактора вашей CMS.

Читать еще:  Как создать шаблон для сайта

Обратите внимание: если пользуетесь CMS с возможностью редактировать страницу в визуальном формате и формате HTML, обязательно выберите второй вариант. В качестве примера используется набором данных типа «Книга», но для других сущностей Schema.org.

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

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

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

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

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

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

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

  • Если ваш сайт работает на WordPress, воспользуйтесь одним из плагинов для генерации разметки Open Graph, например, этим.
  • Для сайтов на Joomla подойдет расширение Phoca 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 Markup Generator. Если вы создаете страницы с разметкой ежедневно, установите на сайт плагин или расширение для создания семантической разметки. Обязательно внедрите Open Graph для получения расширенных описаний в социальных сетях. Помните, поисковики не гарантируют отображения расширенного сниппета, даже если вы корректно разметили страницы сайта.

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

Ссылка на основную публикацию
Adblock
detector