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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Полная таблица символов Юникода: http://unicode-table.com/ru/sets/special-symbols/

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

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

Для 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: Добавьтесь в Яндекс.Справочник

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

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

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

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

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

Для ресторанов, кафе и прочих заведений
ZON , GetTable , LeClick , Резерв Онлайн , Гурманизация , Restoran.ru , Tomesto , Menu.ru , Ресторанный Рейтинг
Для клиник
ИнфоДоктор , DocDoc.Ru , Timetovisit , Клиники Онлайн , YClients , GBooking , Таймлайнер , LookMedBook , Doctu.ru , GidPoZubam , Medihost

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Классический сниппет

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

Для тех, кто не знаком с элементами классического поискового сниппета, рекомендуем прочитать полезную статью о формировании результатов выдачи (https://yandex.ru/support/webmaster/search-results/site-description.html) на блоге Яндекс.Вебмастера.

2. Сниппет с добавлением Ч/Б или цветных UTF-символов.

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

UTF-символы существовали очень давно. Оптимизаторы включают их в Title или Description с целью повысить видимость ссылки на фоне других конкурентов, тем самым поднять CTR страницы на поиске (повысить кликабельность).

Первый сервис для знакомства - sanney.ru . В нем изложена вся теория по формированию UTF-символов, а также рекомендации по добавлению их в мета-теги.

Также полный перечень UTF-символе есть на официальном сайте таблицы символов Юникода . Здесь большой выбор ч/б и цветных символов.

Пример графических символов в Description

Минусы графических UTF-символов

1. Не все редакторы в CMS системах позволяют их включать. Некоторые обрезают такой код, и ваш символ не добавится. Обязательно проверяйте – что получилось на выходе.

2. У некоторых пользователей не будут отображаться UTF-символы. Поэтому прописывайте мета-данные так, что и без подобных символов описание не теряет свой смысл.

3. Сниппеты из YML-данных

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

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

По теории формирования сниппетов формата "Товары и цены" существует статья на Яндекс.Вебмастере (https://yandex.ru/support/webmaster/goods-prices/).

От себя добавим краткую инструкцию для тех, кто не учувствует на Яндекс.Маркете, но хочет получить подобный сниппет:

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

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

3. После чего формируем вручную/автоматически YML файл товарного фида.
Синтаксис для такого файла описан тут (https://yandex.ru/support/webmaster/goods-prices/technical-requirements.html) и заливаем его в любую папку сайта. Формирование рекомендуем делать в автоматическом режиме, чтобы забыть о бесконечном ручном изменении данных в файле

Проверяем через валидатор XML-данных (https://webmaster.yandex.ru/tools/xml-validator/) от Яндекса

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

4. Далее подключаем магазин к программе «Товары и цены» в Яндекс.Вебмастере. Заполняем все данные об организации и заливаем файл. Если все будет хорошо, то статус магазина смениться на «Включен», а результаты гарантировано появится не позднее чем через 10 календарных дней.

4. Сниппет с кнопкой – начать чат.

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

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

5. Картика товаров в поисковом сниппете

Совсем недавно Яндекс в тестом режиме запустил для коммерческих сайтов вывод в поиске напротив ссылки картинку товара. Ниже представлен скриншот.

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

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

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

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

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

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

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

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

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

Заголовок Title

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

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

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

Тег meta description

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

Правила написания:

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

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

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

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

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

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

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

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

{ "@context" : "http://schema.org", "@type" : "Organization", "name" : "Название", "url" : "https://site.ru", "logo": "https://site.ru/ logo.png", "address": [{ "@type": "PostalAddress", "addressLocality": "Город", "streetAddress": "Адрес" }], "contactPoint" : [{ "@type" : "ContactPoint", "telephone" : "+7-000-00-00-00", "contactType" : "customer service" }] }

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

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

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

{ "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "http://www.site.ru/", "name": "Главная" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "http://www.site.ru/article/", "name": "Статьи" } }, { "@type": "ListItem", "position": 3, "item": { "@id": "http://www.site.ru/article/pro/", "name": "Программирование" } } ]

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

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

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

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

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

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

Фавикон

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

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

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

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

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

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

Товары и цены

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

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

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

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

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

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

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

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

{ "@context": "http://schema.org/", "@type": "Product", "name": "Executive Anvil", "image": [ "https://example.com/photos/1x1/photo.jpg", ], "brand": { "@type": "Thing", "name": "ACME" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.4", "ratingCount": "89" }, "offers": { "@type": "AggregateOffer", "lowPrice": "119.99", "highPrice": "199.99", "priceCurrency": "USD" } }

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

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

Пример разметки:

{"@context":"http://schema.org", "@type":"Article", "name":"Название", "description":"Описание", "mainEntityOfPage":"True", "author": {"@id":"/avtor=Avtor", "@type":"Person", "name":"Name"}, "image": {"@type":"imageObject","url":"site.ru/1.jpg"}, "publisher": {"@type":"Organization","name":"Name", "logo":{"@type":"imageObject","url":"site.ru/user-image.png"}}, "articleSection":"Теги", "datePublished":"2018-06-25", "datemodified":"2018-06-25", "aggregateRating": {"@type":"AggregateRating","ratingValue":"3","bestRating":"5","ratingCount":"1"} }

Заключение

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

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

Сниппеты — это готовые блоки кода, которые часто используются при создании html разметки, css стилей, программного кода, и так далее. Использование сниппетов значительно сокращает время на написание кода, так как вы начинаете использовать заготовки прямо из редактора. Если вы используете расширение Emmet в Sublime Text — то вероятно знакомы со сниппетом который создает html разметку с doctype html5 при наборе знака! и нажатии клавиши TAB. В этой статье мы разберемся подробно как создать свой сниппет в Sublime Text 2.

Как создать сниппет в Sublime Text

Открываем Sublime Text. Идем в меню Tools → New Snippet. После этого у нас появляется новое окно с заготовкой для нового сниппета. Видим вот такой код:

Разберемся подробнее что значат эти строки и как их можно изменить. Раскомментируем строку с тегом , и строку с тегом .

Строка с тегом tabTrigger

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

Строка с тегом scope

Содержимое в строке source.python означает что данный сниппет будет работать в скриптах python.

Чтобы создать сниппет который будет работать html или css необходимо использовать другие значения для строки scope.

Так, для html сниппета строка должна быть следующей:

text.html

Для CSS:

source.css

Для LESS:

source.css.less

Полный список всех возможных значений scope смотрите конце статьи или по ссылке .

Если оставить строку закомментированной — то данный сниппет будет работать во всех файлах.

Тег content

Рассмотрим блок с тегом

В параметре CDATA[ ... ] указан собственно текст сниппета, то что будет выведено когда мы наберем hello (значение tabTrigger в нашем примере) и нажмем TAB. То есть на экран выведется:

Hello, this is a snippet.

Ключевые точки

Разберемся со знаками ${1:this} и ${2:snippet}. Это ключевые точки для редактирования сниппета. После вызова сниппета перемещаться по ним можно используя клавишу TAB. В данном примере ключевые точки заданы с некоторыми значениями по умолчанию. Можно задать свое значение по умолчанию, которое выделится для редактирования когда мы создадим сниппет, либо сделать пустую ключевую точку. Создавать пустую ключевую точку имеет смысл тогда когда просто необходимо поставить курсор в нужное место. В примере ниже я изменил текст сниппета и ключевые точки. Первая точка ${1} — пустая, а вторая ${2:сниппет} с значением по умолчанию.

Множественные курсоры

Известно что в Sublime Text с помощью зажатой клавиши Ctrl можно поставить курсор сразу в нескольких местах для ввода текста. Множественные курсоры можно использовать и при создании сниппетов. Чтобы задать множественный курсор, необходимо несколько раз указать одну и ту же ключевую точку. Пример ниже:

Это пример сниппета для html разметки короткой новости или статьи. В этом примере используется множественный курсор в точке ${1} , так как она упоминается в сниппете два раза. Соответственно при запуске сниппета курсор автоматически станет в два разных места — в тег

${1}

Пример готового сниппета

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

hello text.html

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

Сохранять файл со сниппетом можно в папку Packages/User . По умолчанию Sublime предлагает сохранить его под именем untitled.sublime-snippet . Имя файла изменяем на свое усмотрение, а расширение необходимо оставить неизменным. Желательно давать файлам осмысленные имена. Также можно создать структуру из вложенных папок внутри Packages/User чтобы сортировать все сниппеты, и не возникло путаницы в будущем.

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

Список значений

Ниже приведен полный список всех возможных значений параметра при создании сниппетов в Sublime Text 2.

ActionScript: source.actionscript.2
AppleScript: source.applescript
ASP: source.asp
Batch FIle: source.dosbatch
C#: source.cs
C++: source.c++
Clojure: source.clojure
CoffeeScript: source.coffee
CSS: source.css
D: source.d
Diff: source.diff
Erlang: source.erlang
Go: source.go
GraphViz: source.dot
Groovy: source.groovy
Haskell: source.haskell
HTML: text.html(.basic)
JSP: text.html.jsp
Java: source.java
Java Properties: source.java-props
Java Doc: text.html.javadoc
JSON: source.json
Javascript: source.js
BibTex: source.bibtex
Latex Log: text.log.latex
Latex Memoir: text.tex.latex.memoir
Latex: text.tex.latex
LESS: source.css.less
TeX: text.tex
Lisp: source.lisp
Lua: source.lua
MakeFile: source.makefile
Markdown: text.html.markdown
Multi Markdown: text.html.markdown.multimarkdown
Matlab: source.matlab
Objective-C: source.objc
Objective-C++: source.objc++
OCaml campl4: source.camlp4.ocaml
OCaml: source.ocaml
OCamllex: source.ocamllex
Perl: source.perl
PHP: source.php
Regular Expression(python): source.regexp.python
Python: source.python
R Console: source.r-console
R: source.r
Ruby on Rails: source.ruby.rails
Ruby HAML: text.haml
SQL(Ruby): source.sql.ruby
Regular Expression: source.regexp
RestructuredText: text.restructuredtext
Ruby: source.ruby
SASS: source.sass
Scala: source.scala
Shell Script: source.shell
SQL: source.sql
Stylus: source.stylus
TCL: source.tcl
HTML(TCL): text.html.tcl
Plain text: text.plain
Textile: text.html.textile
XML: text.xml
XSL: text.xml.xsl
YAML: source.yaml

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

Что такое сниппет сайта

Здравствуйте друзья и коллеги! Эта статья для тех, кто начинает зарабатывать через Интернет с помощью продвижения своего сайта или блога. Способов заработка много, но одно объединяет их все – это трафик. Будут посетители на Вашем блоге, будет заработок.

Есть такая поговорка – встречают по одёжке, а провожают по уму. Только иногда такая одёжка, что до ума может дело не дойти. Так вот то, как выглядит Ваш ресурс в поисковой выдаче – это и есть «одёжка» Вашего сайта. Понятно, что очень важен контент сайта, но до него нужно «дойти». Если у Вас 500 показов за неделю и ни одного клика, нужно ситуацию исправлять. И одна из важных вещей, которую требуется отредактировать в этом случае – это изменить snippet.

Что такое snippet сайта и почему он так важен. Сниппет – это описательная часть статьи, которая выдаётся при поисковой выдаче.

К примеру, пользователь ищет какую – либо информацию в Интернете и поисковая система выдаёт ему страницы с результатами поиска. Так вот snippet – это своего рода рекламный механизм в поисковых системах. С помощью этого инструмента Вы привлекаете внимание пользователя именно к своей ссылке и он, нажимая её, переходит на Ваш сайт.

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

Так как snippet выдаётся при поисковой выдаче, длина его должна быть не больше ста шестидесяти символов. Если будет больше, поисковик его просто обрежет.

Теги title и description позволяют задать заголовок и описание сниппета.

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

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

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

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

Поэтому не забывайте заполнять title и description.

Проверить, заполнены ли title и description можно с помощью Яндекс Вебмастер, диагностика сайта.

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

Заключение

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

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