Сниппеты

Сниппеты

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

Система Visual Studio 2013 изначально содержит много заранее подготовленных сниппетов для двух основных языков, VB и C#, а также для языков JavaScript, HTML и XML. Эти сниппеты организованы в логические иерархии, поэтому их можно легко найти. Вместо инструментальной панели Toolbox для поиска сниппета можно также использовать команды или комбинации клавиш, открывающие списки основных групп сниппетов.

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

• Объявление класса. В этом случае сниппет, по существу, генерирует целый класс.

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

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

Как происходит формирование сниппетов?

Здесь всё на усмотрение конкретной поисковой системы, но есть несколько моментов.

• Замечено, что Google часто выдаёт в качестве сниппетов содержимое мета-тега description (посмотрите видео от Гугл в статье про meta description где они сами об этом говорят), если посчитает его полезным и релевантным содержанию страницы
• В Mail.ru и Bing’е примерно то же самое
• В Яндексе они составляются более хитро

Т.е. при формировании сниппетов поисковики учитывают как текстовое содержимое страницы так и содержимое мета-тега description.

Description Яндекс.Музыки

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

Как формируется сниппет

Формирование сниппета в Яндексе

Поисковая система сама составляет сниппеты, ориентируясь на:

• Содержание найденных страниц,
• Теги title и description,
• Данные из семантической разметки и XML-файлов.

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

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

Микроразметка также влияет на оформление сниппета: при корректном оформлении микроданных в сниппете появляются дополнительные элементы.

Формирование сниппета в Google

Как показало исследование команды Serpstat, сниппет в Google может формироваться следующими способами:

• Используя текст метатега Description,
• Используя текст из тега body, размещенный на странице,
• Используя информацию из Description и body.

По данным Serpstat, формирование сниппета с помощью метатега Description происходит в два раза чаще для коммерческих сайтов, чем для информационных. В исследовании также отмечается, что 3,3% случаев Google игнорирует текст из метатега Description, несмотря на то, что в нем есть все ключевые слова из запроса пользователя.

Что касается тега body, в 27% Google учитывает его при формировании сниппетов для коммерческих сайтов. Для информационных ресурсов этот показатель выше – 46%. При этом поисковик обычно выбирает информацию из первых 10-20% текста страницы.

Быстрые ответы Яндекс

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

Вот официальная позиция представителя Яндекс.Поиска:

Кратко рассмотрим быстрые ответы Яндекса, потому что:

• информации не так много;
• в целом похожи на featured snippet Гугла;
• мало полезны с точки зрения SEO.

Почему быстрые ответы Яндекса не лучший вариант для SEO

Алгоритмы Яндекса редко выводят в блок быстрых ответов сайты из ТОП-3, а тем более из ТОП-1. Поэтому занять желанные первые два места в органической выдаче очень сложно.

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

Рассмотрим поисковую выдачу на примере одного и того же запроса в Яндексе и Гугле.

Очевидно, что продвигать статьи через блок ответов Google намного проще и продуктивнее, чем через Яндекс.

К тому же Serpstat и Ahrefs не показывают статистику по быстрым ответам для Яндекса. Поэтому проверять запросы придется вручную.

Что такое сниппет и зачем его добавлять

Чтобы было понятнее давайте посмотрим, как отображается сниппет моего блога в поиске Yandex.

Сниппет — это небольшой кусочек текста страницы сайта в ТОП выдаче.

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

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

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

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

Библиотека Code Snippets Manager

Code Snippets Manager — это главная библиотека сниппетов в системе Visual Studio. Для доступа к ней необходимо выбрать команду Tools —> Code Snippet Manager или нажать комбинацию клавиш <Ctrl+K>, <Ctrl+B>.

Когда библиотека Code Snippets Manager открывается в первый раз, в ней отобразятся доступные сниппеты на языке HTML, хотя с помощью списка Language пользователь может сам задать требуемый язык программирования. На рисунке ниже показан экран дисплея при редактировании проекта на языке C#. Иерархическая структура по умолчанию копирует множество папок на персональном компьютере, но по мере того как пользователь будет добавлять файлы со сниппетами из разных местах, новые сниппеты будут распределяться по соответствующим папкам.

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

Удалить папку очень просто, даже небезопасно просто. Достаточно выбрать узел дерева, который нужно удалить, и щелкнуть на кнопке Remove. В результате этот узел, все его дочерние узлы и сниппеты будут удалены из библиотеки Code Snippets Manager, причем окно подтверждения при этом не открывается. Если пользователь сделал это случайно, то лучше всего щелкнуть на кнопке Cancel и открыть диалоговое окно снова. Если пользователь внес изменения, которые он хочет сохранить, то достаточно выполнить все действия, описанные выше. Однако искать место для папки, случайно удаленной из списка сниппетов, заданных по умолчанию, может оказаться утомительным занятием.

Сниппеты, инсталлированные вместе с системой Visual Studio, расположены глубоко в иерархии папок инсталляции. По умолчанию библиотека сниппетов при запуске под управлением 32-битовой системы Windows инсталлируется для языка VB в папке:

%program files%\Microsoft Visual Studio {version}\VB\Snippets\1033

и для языка C# в папке:

%program files%\Microsoft Visual Studio {version}\VC#\Snippets\1033

(если используется 64-битовая система Windows, то строку %program files% следует заменить строкой %program files (x86)%). Отдельные файлы сниппетов можно импортировать в библиотеку с помощью кнопки Import. Преимущество этого метода над использованием кнопки Add заключается в том, что в этом случае пользователь получает возможность указать место каждого сниппета в структуре библиотеки.

Как в 2 раза увеличить трафик на сайт: оптимизируем сниппеты

Представьте, что есть два сайта, и оба попали в ТОП-5 выдачи поисковой системы. У обоих одинаковые бюджеты на продвижение. Только на один из них пользователи кликают в 2 раза чаще, чем на другой. В чем же дело?

Часто можно услышать фразу: “Сайт – это лицо компании”. Но для пользователей поисковых систем первое знакомство с ресурсом происходит раньше, чем они на него перейдут, еще на странице выдачи результатов поиска. Что же видят в первую очередь пользователи, когда ищут в Яндексе нужные им товары/услуги? Сниппет вашего сайта, а также сниппеты ещё 9 конкурентов (на первой странице выдачи). Именно привлекательный сниппет способен в разы поднять посещаемость вашего ресурса.

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

Импорт пространства именImport a namespace

Фрагмент кода можно использовать для добавления директивы (C#) или оператора (Visual Basic), включив .You can use a code snippet to add a directive (C#) or statement (Visual Basic) by including the . Для проектов .NET Framework вы можете добавить ссылку на проект с помощью .For .NET Framework projects, you can also add a reference to the project by using the .

Ниже приведен фрагмент XML-кода, который использует метод в пространстве имен System.IO и, таким образом, определяет элемент Imports для импорта пространства имен System.IO.The following XML shows a code snippet that uses the method in the System.IO namespace and, therefore, defines the Imports element to import the System.IO namespace.

Назначение и способы вызова сниппета

Сниппет — это фрагмент php-кода, который в результате своего выполнения возвращает некоторый ответ. Для того чтобы сниппет приступил к выполнению своего кода, его необходимо вызвать. Вызов сниппета в MODX Revolution осуществляется с помощью следующего тега:

<!-- Вызов сниппета "ИмяСниппета" с кэшированием результатов его работы -->
]
<!-- Вызов сниппета "ИмяСниппета" без кэширования результатов его работы -->
]

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

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

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

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

Привлечение трафика из Google за счет микроразметки

Микроразметка – это HTML код, работающий по стандарту Schema.org. Проще говоря, это теги, которые имеют определенные значения, и при попадании в один из них какого-либо элемента сайта этому элементу однозначно присваивается значение этого тега. Например, на сайте есть комментарии к товару. Поисковая система воспринимает этот комментарий как просто текст, а если этот комментарий обрамить специальным тегом, то информация в структурированном виде попадет в сниппет:

Привлечение трафика из Google за счет микроразметки

На текущий момент создано уже довольно много микроформатов для:

• отзывов,
• людей,
• товаров,
• мероприятий,
• рецептов,
• музыки.

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

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

За счет чего формируется сниппет? А строится он, прежде всего, за счет очень важного мета тега description, про который все новички вечно забывают, поскольку им кажется, что его заполнять не так важно. Ещё хуже, когда вебмастеры просто перечисляют в нем список ключевых слов

Вернемся к description. Синтаксис этого мета тега:

Допустим он у Вас заполнен по всем правилам, но это вовсе не стопроцентная гарантия, что поисковая система (имеется ввиду Яндекс) будет использовать Ваше описание «description». Вот в Google ситуация со сниппетами предельна проста. То, что написано в description, то он и отображает.

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

Как же все-таки можно повлиять на сниппет в Яндексе, если он его сгенерировал сам? Ну, как это не странно звучит, для начала нужно обязательно прописать хороший мета тег description. Если это не помогло и сниппет все равно берется из текста страницы, то остается только одно: найти этот кусок текста на странице и отредактировать его так, чтобы получить привлекательное описание страницы. Скажу сразу, что порой это бывает не простой задачей (например, может быть склеен заголовок <h1> и сразу следующее за ним первое предложение). Однако ради результата стоит повозиться с контентом.

Если очень много страниц на сайте

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

• Отбираются запросы, которые располагаются ближе всего к топу. На мой взгляд, достаточно будет найти все запросы в топ30.
• Далее проверяете сниппеты этих страниц на привлекательность. Если Вы считаете, что менять ничего не нужно, то переходите к следующему запросу (но лично я чаще всего нахожу способы переписать сниппет в более лучшем виде).
• Через месяца два советую проверить эти запросы. Стал ли отображаться именно тот сниппет, к которому Вы стремились? Если да, то могу вас поздравить с достижением поставленной цели.

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

Import a code snippet

1. You can import a snippet to your Visual Studio installation by using the Code Snippets Manager. Open it by choosing Tools > Code Snippets Manager.

2. Click the Import button.

3. Go to the location where you saved the code snippet in the previous procedure, select it, and click Open.

4. The Import Code Snippet dialog opens, asking you to choose where to add the snippet from the choices in the right pane. One of the choices should be My Code Snippets. Select it and click Finish, then OK.

5. The snippet is copied to one of the following locations, depending on the code language:

   %USERPROFILE%\Documents\Visual Studio 2017\Code Snippets\Visual C#\My Code Snippets%USERPROFILE%\Documents\Visual Studio 2017\Code Snippets\Visual Basic\My Code Snippets

   %USERPROFILE%\Documents\Visual Studio 2019\Code Snippets\Visual C#\My Code Snippets%USERPROFILE%\Documents\Visual Studio 2019\Code Snippets\Visual Basic\My Code Snippets

6. Test your snippet by opening a C# or Visual Basic project. With a code file open in the editor, choose Snippets > Insert Snippet from the right-click menu, then My Code Snippets. You should see a snippet named Square Root. Double-click it.

   The snippet code is inserted in the code file.

В каком виде бывают быстрые ответы

Информация может быть представлена в виде:

1. Текста. Примерно 80% быстрых ответов представляется в виде текста.
   Для текстовых ответов содержимое страницы нужно размечать параграфами т.е. тегом &ltp&gt.
2. Списка. Примерно 10% быстрых ответов выводятся в виде списков.
   Списки надо размечать тегом &ltul&gt или &ltol&gt в зависимости от контекста.
3. Таблицы. Примерно 7% представлены табличными ответами.
   Их надо размечать через табличные теги.
   На самом деле, таблицы — это мощь. Они огромные, занимают половину выдачи и имеют кнопку «Еще», которая перенаправляет на сайт.
4. Видео. Около 3% быстрых ответов в виде видеороликов.

Использование сниппетов в языке C#

Команда Insert Snippet является одной из функциональных возможностей технологии IntelliSense. Она встроена в редактор кода и вначале выводит строку «Insert Snippet» вместе с раскрывающимся списком групп сниппетов, в которых можно выбрать подходящий фрагмент. Когда пользователь выбирает группу, содержащую требуемый сниппет (используя навигационные клавиши со стрелками, направленными вверх и вниз, и клавишу <Tab>), система показывает ему список сниппетов. Для выбора нужного сниппета достаточно дважды щелкнуть на его имени (или нажать клавиш) <Tab> или <Enter>).

Для того чтобы вставить сниппет в код на языке C#, пользователю достаточно показать место, куда он хочет вставить генерируемый код, а затем открыть список Insert Snippet с помощью комбинации клавиш <Ctrl+K>, <Ctrl+X>. Существуют еще два способа запустить процесс вставки сниппетов. Во-первых, можно щелкнуть правой кнопкой мыши в окне редактора кода и выбрать команду Insert Snippet из открывшегося контекстного меню. Во-вторых, можно выбрать команду Edit —> IntelliSense —> Insert Snippet.

В результате система Visual Studio откроет список Insert Snippet, как показано на рисунке ниже. Когда пользователь прокручивает этот список и устанавливает курсор мыши на его элементы, на экране появляется подсказка, в которой содержится краткое описание сниппета и указывается его сокращенное имя для вставки в программу.

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

На рисунке ниже показан результат выбора сниппета Automatically Implemented Property (сокращенно prop). Довольно часто получившийся код требуется модифицировать. Фрагменты текста, которые обычно можно изменять (переменные для замены), выделяются подсветкой.

Изменяя переменные в сгенерированном сниппете, система Visual Studio 2013 оказывает пользователю дополнительную помощь. Нажатие клавиши <Tab> переносит подсветку на следующую переменную, значение которой можно заменить своим собственным. Для того чтобы вернуться назад, необходимо нажать клавиши <Shift+Tab>. Таким образом, разработчик может легко найти разделы кода, которые необходимо изменить, не выбирая следующий фрагмент вручную. Некоторые сниппеты используют общие переменные. Это значит, что изменение значения такой переменой в одном месте приводит к его изменению во всех экземплярах.

Для того чтобы скрыть подсветку переменных в сниппете, можно продолжить редактирование или нажать клавишу <Enter> или <Esc>.

Возможности

На что влияет сниппет

Сниппет влияет на кликабельность (CTR) Вашего ресурса в выдаче. Если заголовок страницы (тег <title>) содержит ключевую фразу, а описание также содержит ее и другие околотематичные слова, то это значит, что страница релеванта запросу и вероятность перехода на неё стремится к 100%. Тем более, что ключевые слова выделяются черным.

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

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

Способы использования сниппетов на сайте

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

Для большинства способов понадобится установленный FTP-клиент FileZilla и текстовый редактор Notepad++. Данные для доступа к сайту по FTP нужно уточнить в поддержке Вашего хостинга.

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

Способ 1. Вставка кода в файл functions.php в разделе Внешний вид -> Редактор

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

Способ 2. Вставка кода в файл functions.php по FTP

Этот способ более надежен, т.к. FTP продолжит работать, даже если в коде была допущена ошибка, а текстовый редактор позволит отменить изменения.

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

Способ 3. Вставка кода в виде плагина

Данный способ похож на прошлый, но более универсален и скорее всего сложен для начинающих пользователей. Его смысл заключается в том, чтобы поместить код в отдельный файл в папку /wp-content/plugins, добавить необходимый заголовок и активировать в админ-панели в разделе «Плагины».

Для упрощения процедуры, файл с кодом можно поместить в папку /wp-content/mu-plugins, тогда добавление заголовка и активация не потребуется — плагин заработает автоматически.

Способ 4. Вставка кода с помощью специальных плагинов

Существует ряд плагинов, позволяющих относительно безопасно добавлять и управлять сниппетами в визуальном режиме через админ-панель. Мы рассмотрим один из них — Add Shortcodes Actions And Filters.

Переходим в раздел Плагины -> Добавить новый, вводим название плагина в поле поиска, жмем Установить и Активировать.

Управление сниппетами осуществляется в разделе Инструменты -> Shortcodes, Actions and Filters.

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

После сохранения, изменения сразу отобразятся на сайте.

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

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

Create a code snippet

1. Create a new XML file in Visual Studio and add the template shown above.

2. Fill in the title of the snippet in the Title element. Use the title Square Root.

3. Fill in the language of the snippet in the Language attribute of the Code element. For C#, use CSharp, for Visual Basic, use VB, and for C++, use CPP.

   Tip

   To see all the available language values, browse the on the Code snippets schema reference page.

4. Add the snippet code in the CDATA section inside the Code element.

   For C#:

   Or for Visual Basic:

   Note

   You can’t specify how lines of code in the CDATA section of a code snippet should be indented or formatted. Upon insertion, the language service formats the inserted code automatically.

5. Save the snippet as SquareRoot.snippet (you can save it anywhere).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сниппет с быстрыми ссылками

Поисковые системы сами формируют быстрые ссылки. Основное требование для этого – четкая внутренняя структура сайта. Бесплатный аудит ссылочной структуры можно провести в Rookee. Для этого вводим адрес своего сайта в соответствующее поле:

Аудит ссылочной структуры для увеличения трафика на сайт

Затем открываем вкладку “Проверка внутренних ссылок”:

Проверка внутренних ссылок

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

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

Создание фрагмента кодаCreate a code snippet

1. Создайте XML-файл в Visual Studio и добавьте показанный выше шаблон.Create a new XML file in Visual Studio and add the template shown above.

2. Введите заголовок фрагмента в элементе Заголовок.Fill in the title of the snippet in the Title element. Используйте заголовок Square Root (Квадратный корень).Use the title Square Root.

3. Укажите язык фрагмента кода в атрибуте Language элемента Code.Fill in the language of the snippet in the Language attribute of the Code element. Для C# используйте C# , для Visual Basic — VB, а для C++ — CPP.For C#, use CSharp, for Visual Basic, use VB, and for C++, use CPP.

   Совет

   Чтобы просмотреть все доступные значения языка, просмотрите раздел об на странице Справочник по схеме фрагментов кода.To see all the available language values, browse the on the Code snippets schema reference page.

4. Добавьте код фрагмента в раздел CDATA внутри элемента Code.Add the snippet code in the CDATA section inside the Code element.

   Для C#:For C#:

   Либо для Visual Basic:Or for Visual Basic:

   Примечание

   Для строк кода в разделе CDATA фрагмента кода нельзя указать отступы или форматирование.You can’t specify how lines of code in the CDATA section of a code snippet should be indented or formatted. Языковая служба автоматически форматирует вставленный код.Upon insertion, the language service formats the inserted code automatically.

5. Сохраните фрагмент как SquareRoot.snippet (его можно сохранить в любом месте).Save the snippet as SquareRoot.snippet (you can save it anywhere).

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

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

После внедрения кода и следующей индексации сайта новый расширенный сниппет появится в выдаче.

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

Микроразметка для создания расширенного сниппета

Для создания расширенного сниппета используются словари микроразметки. Самые популярные: Schema.org и Микроформаты. Кстати, мастер разметки Google создаёт сниппеты на основе словаря Schema.org. Выберите объект из списка и сформируйте строки для вставки в код страниц. Пример кода с разметкой Schema.org:

Альтернативный вариант — использование микроформатов. Словарь описывает объекты разметки через форматы, например:

hCard — контактные данные,

hProduct — описание товара,

hCalendar — описание события.

Пример разметки с контактными данными:

div class=»vcard»
div class=»fn»Иван Иванко/div
div class=»org»ИП Иван/div
div class=»tel»777-888-999/div
a class=»url» href=»http://site.ua/»Личный сайт/a
/div