Сниппет это что: Сниппет в Яндексе и Google: особенности формирования

Какие популярные фрагменты? И как получить их

Какие популярные фрагменты?

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

Почему рекомендуемые фрагменты важны для SEO?

Избранные фрагменты влияют на SEO двумя способами.

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

Фактически, многие SEO-специалисты называют поле «Featured Snippet» позицией «0», потому что оно появляется над традиционным местом № 1.

По данным Search Engine Land, Избранные фрагменты получают примерно 8% всех кликов.

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

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

Согласно консоли поиска Google, наш органический CTR для этой страницы составляет 13,7%.

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

Это потому, что Избранный фрагмент часто дает кому-то ответ, который он ищет.

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

Это не означает, что вы должны автоматически выбрасывать ключевое слово, если есть рекомендуемый фрагмент. В конце концов, SEMrush сообщает, что 11,84% всех запросов имеют рекомендуемый фрагмент кода.

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

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

Типы рекомендуемых фрагментов

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

1. Поле определения: это фрагмент текста, предназначенный для того, чтобы дать искателям прямое, краткое определение или описание.

Например, когда вы ищете «расширенные фрагменты», в верхней части результатов появляется поле определения.

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

Как видите, определения, которые использует Google, короткие и приятные.На самом деле, SEMrush обнаружил, что среднее определение Featured Snippet составляет от 40 до 60 слов.

2. Таблица. Здесь Google извлекает данные со страницы и отображает их в виде таблицы.

Вот пример:

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

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

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

Например, наш список инструментов исследования ключевых слов не в порядке от худшего к лучшему. Это просто список.

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

Как оптимизировать для избранных фрагментов

Найти SERP с помощью рекомендуемого фрагмента

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

(Другими словами, Избранные возможности Фрагмента).

Таким образом, вы ЗНАЕТЕ, что Google хочет показать Избранные фрагменты для этого термина. На самом деле, они уже делают!

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

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

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

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

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

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

Оптимизировать для этого конкретного рекомендуемого фрагмента

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

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

Определение: вам нужно предоставить Google короткий (40-60 слов) фрагмент текста, который они могут напрямую использовать в избранном фрагменте. Также полезно, если у вас есть «Что такое X» прямо над вашим определением.

Вот пример установки такого типа на одной из наших страниц.

И поскольку мы даем Google дословное определение, которое они могут использовать, мы попали в список «Популярные фрагменты» через несколько месяцев.

HubSpot делает еще один шаг вперед. Они на самом деле создают небольшие блоки в своем контенте, которые выглядят так же, как Избранные фрагменты.

Я не думаю, что вам нужно заходить так далеко. Но это показывает, что форматирование является КЛЮЧОМ для получения вашего контента в избранном фрагменте.В частности, чем ближе ваш контент выглядит к избранному фрагменту, тем больше вероятность того, что Google будет его использовать.

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

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

Например, вы можете видеть, что наше определение «ссылки nofollow» звучит так, как будто оно было взято непосредственно из словаря Вебстера.

Таблица. Исходя из собственного анализа, я обнаружил, что Google стремится получать содержимое для таблиц с фрагментами из таблиц.

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

Например, посмотрите на эту таблицу Featured Snippet.

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

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

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

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

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

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

Чтобы сделать порядок ваших товаров или шагов кристально чистым для Google, вы можете даже добавить текст, например «Шаг № 1» или «1». в каждом подзаголовке. Вот пример:

Самое важное, что нужно иметь в виду, это то, что последовательность является ключевым фактором.Поэтому, если вы представляете шаг № 1 как «Шаг № 1: Сделайте X», не делайте ваш второй шаг: «Шаг 2: Выполните Y».

Вместо этого представьте свои шаги, как это:

Шаг № 1, Шаг № 2, Шаг № 3…

Или как это:

1., 2., 3…

Я лично предпочитаю «Шаг № 1», чем «1». потому что пользователям легче следовать. Но Google может понять и то и другое.

Например, в этом посте изложена 9-ступенчатая стратегия SEO.

фрагментов в Visual Studio Code

Фрагменты кода — это шаблоны, которые упрощают ввод повторяющихся шаблонов кода, таких как циклы или условные операторы.

В коде Visual Studio фрагменты отображаются в IntelliSense (⌃Space (Windows, Linux Ctrl + Space)) в сочетании с другими предложениями, а также в выделенном средстве выбора фрагментов ( Вставить фрагмент в палитру команд). Существует также поддержка дополнения табуляции: включите его с "editor.tabCompletion": "на" , введите префикс фрагмента (текст триггера) и нажмите клавишу Tab, чтобы вставить фрагмент.

Синтаксис фрагмента соответствует синтаксису фрагмента TextMate, за исключением «интерполированного кода оболочки» и использования \ ; оба не поддерживаются.

Установить фрагменты из магазина

Многие расширения на VS Code Marketplace включают фрагменты. Если вы найдете тот, который хотите использовать, установите его и перезапустите VS Code, и будет доступен новый фрагмент (см. Market Extension для получения дополнительных инструкций по установке расширения).

Ниже приведены некоторые популярные расширения, которые включают фрагменты в свою языковую поддержку:

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

Создайте свои собственные фрагменты

Вы можете легко определить свои собственные фрагменты без каких-либо расширений. Чтобы создать или отредактировать свои собственные фрагменты, выберите Пользовательские фрагменты в поле Файл > Предпочтения ( Код > Предпочтения в macOS), а затем выберите язык (по идентификатору языка), для которого должны отображаться фрагменты, или опция Файл новых глобальных фрагментов , если они должны отображаться для всех языков.VS Code управляет созданием и обновлением базовых файлов сниппетов.

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

Ниже приведен пример фрагмента цикла для для JavaScript:

  // в файле 'Code / User / snippets / javascript.JSON»
{
  "Для цикла": {
    "префикс": ["для", "для-const"],
    "body": ["for (const $ {2: element} из $ {1: array}) {", "\ t $ 0", "}"],
    "description": "A для цикла".
  }
}  

В приведенном выше примере:

• «For Loop» — это имя фрагмента. Отображается через IntelliSense, если не указано описание .
• Префикс определяет одно или несколько слов триггера, которые отображают фрагмент в IntelliSense. Сопоставление подстроки выполняется для префиксов, поэтому в этом случае «fc» может соответствовать «for-const».
• Тело — это одна или несколько строк содержимого, которые будут вставлены в несколько строк после вставки. Новые строки и встроенные вкладки будут отформатированы в соответствии с контекстом, в который вставлен фрагмент.
• описание является необязательным описанием фрагмента, отображаемого IntelliSense.

Кроме того, тело из вышеприведенного примера имеет три заполнителя (перечислены в порядке обхода): $ {1: массив} , $ {2: элемент} и $ 0 .Вы можете быстро перейти к следующему заполнителю с помощью Tab, после чего вы можете отредактировать заполнитель или снова перейти к следующему. Строка после двоеточия (если есть) является текстом по умолчанию, например элемент в $ {2: элемент} . Порядок обхода заполнителя возрастает по номеру, начиная с единицы; Ноль — это необязательный особый случай, который всегда идет последним и выходит из режима сниппета с курсором в указанной позиции.

Сниппет сфера

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

1. язык (и) , к которому относятся фрагменты (возможно, все)
2. проект (ы) , к которым относятся фрагменты (вероятно, все)

Область фрагмента языка

Каждый фрагмент распространяется на один, несколько или все («глобальные») языки в зависимости от того, определен ли он в:

1. файл фрагмента на языке
2. файл фрагмента global

Определенные пользователем фрагменты одного языка определяются в файле фрагмента конкретного языка (например, javascript.json ), доступ к которому можно получить по идентификатору языка через Предпочтения: настройка пользовательских фрагментов . Фрагмент доступен только при редактировании языка, для которого он определен.

Многоязычные и глобальные пользовательские фрагменты определяются в «глобальных» файлах фрагментов (JSON с суффиксом файла .code-snippets ), которые также доступны через Предпочтения: Настройка пользовательских фрагментов . В глобальном файле фрагментов определение фрагмента может иметь дополнительное свойство области действия , которое принимает один или несколько идентификаторов языка, что делает фрагмент доступным только для указанных языков.Если свойство scope не задано, то глобальный фрагмент доступен на на всех языках.

Большинство пользовательских фрагментов относятся к одному языку и поэтому определяются в файле фрагмента для конкретного языка.

Область действия фрагмента проекта

Вы также можете иметь глобальный файл фрагментов (JSON с суффиксом файла .code-snippets ), ограниченный вашим проектом. Фрагменты папок проекта создаются с помощью файла New Snippets для опции '' ... в настройках : Настройка выпадающего меню пользовательских фрагментов и расположены в корне проекта в .папка vscode . Файлы фрагментов проекта полезны для обмена фрагментами со всеми пользователями, работающими в этом проекте. Фрагменты папок проекта похожи на глобальные фрагменты и могут быть применены к определенным языкам с помощью свойства scope .

Синтаксис фрагмента

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

Tabstops

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

Заполнители

Заполнители - это закладки со значениями, например, $ {1: foo} . Текст заполнителя будет вставлен и выбран таким образом, чтобы его можно было легко изменить. Заполнители могут быть вложенными, например, $ {1: еще один $ {2: заполнитель}} .

Выбор

Заполнители могут иметь выбор в качестве значений. Синтаксис представляет собой перечисление значений через запятую, заключенное в символ конвейера, например, $ {1 | один, два, три |} . Когда фрагмент вставлен и выбран заполнитель, варианты предложат пользователю выбрать одно из значений.

Переменные

С помощью $ name или $ {name: default} вы можете вставить значение переменной. Когда переменная не установлена, вставляется ее по умолчанию или пустая строка.Когда переменная неизвестна (то есть ее имя не определено), имя переменной вставляется и преобразуется в заполнитель.

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

• TM_SELECTED_TEXT Текущий выбранный текст или пустая строка
• TM_CURRENT_LINE Содержимое текущей строки
• TM_CURRENT_WORD Содержимое слова под курсором или пустая строка
• TM_LINE_INDEX Номер строки на основе нулевого индекса
• TM_LINE_NUMBER Номер строки на основе одного индекса
• TM_FILENAME Имя файла текущего документа
• TM_FILENAME_BASE Имя файла текущего документа без его расширений
• TM_DIRECTORY Каталог текущего документа
• TM_FILEPATH Полный путь к файлу текущего документа
• CLIPBOARD Содержимое вашего буфера обмена
• WORKSPACE_NAME Имя открытой рабочей области или папки

Для вставки текущей даты и времени:

• CURRENT_YEAR Текущий год
• CURRENT_YEAR_SHORT Последние две цифры текущего года
• CURRENT_MONTH Месяц в виде двух цифр (пример '02')
• CURRENT_MONTH_NAME Полное название месяца (например, «Июль»)
• CURRENT_MONTH_NAME_SHORT Краткое название месяца (пример «июль»)
• CURRENT_DATE День месяца
• CURRENT_DAY_NAME Название дня (например, «Понедельник»)
• CURRENT_DAY_NAME_SHORT Краткое название дня (например, «Пн»)
• CURRENT_HOUR Текущий час в 24-часовом формате часов
• CURRENT_MINUTE Текущая минута
• CURRENT_SECOND Текущий второй
• CURRENT_SECONDS_UNIX Количество секунд, прошедшее с эпохи Unix

Для вставки комментариев строки или блока, соблюдая текущий язык:

• BLOCK_COMMENT_START Пример вывода: в PHP / * или в HTML
• BLOCK_COMMENT_END Пример вывода: в PHP * / или в HTML ->
• LINE_COMMENT Пример вывода: в PHP //

Приведенный ниже фрагмент вставляет / * Hello World * / в файлы JavaScript и в файлы HTML:

  {
  "Привет": {
    "scope": "javascript, html",
    "префикс": "привет",
    "body": "$ BLOCK_COMMENT_START Hello World $ BLOCK_COMMENT_END"
  }
}  

Переменные преобразования

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

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

В следующем примере вставляется имя текущего файла без его окончания, поэтому из foo.TXT составляет Foo .

  $ {TM_FILENAME /(.*)\\..+$/$ 1 /}
  | | | |
  | | | | -> нет вариантов
  | | |
  | | | -> ссылается на содержание первого
  | | группа захвата
  | |
  | | -> регулярное выражение, чтобы захватить все, прежде чем
  | окончательный `.suffix`
  |
  | -> разрешается в имя файла
  

Заполнитель-Преобразование

Как и Variable-Transform, преобразование заполнителя позволяет изменить вставленный текст для заполнителя при переходе к следующей позиции табуляции.Вставленный текст сопоставляется с регулярным выражением, а совпадение или совпадения - в зависимости от параметров - заменяются указанным текстом формата замены. Каждое вхождение заполнителя может определять свое собственное преобразование независимо, используя значение первого заполнителя. Формат для Placeholder-Transforms такой же, как и для Variable-Transforms.

Примеры преобразования

Примеры показаны в двойных кавычках, так как они появляются внутри тела фрагмента, чтобы проиллюстрировать необходимость двойного экранирования определенных символов.Примеры преобразований и результирующий вывод для имени файла example-123.456-TEST.js .

Грамматика

Ниже приведен EBNF (расширенная форма Бэкуса-Наура) для фрагментов кода. С \ (обратная косая черта) вы можете избежать $ , } и \ . В элементах выбора обратная косая черта также экранируется символами запятой и канала.

  любая :: = tabstop | заполнитель | выбор | переменная | текст
tabstop :: = '$' int
                | '$ {' int '}'
                | '$ {' int transform '}'
placeholder :: = '$ {' int ':' any '}'
choice :: = '$ {' int '|' текст (',' текст) * '|}'
переменная :: = '$' var | '$ {' var '}'
                | '$ {' var ':' any '}'
                | '$ {' var transform '}'
transform :: = '/' regex '/' (format | text) + '/' options
формат :: = '$' int | '$ {' int '}'
                | '$ {' int ':' '/ upcase' | '/ нижний регистр' | '/ Прописать' '}'
                | '$ {' int ': +' if '}'
                | '$ {' int ':?' если еще '}'
                | '$ {' int ': -' else '}' | '$ {' int ':' else '}'
regex :: = JavaScript Regular Expression value (ctor-string)
options :: = опция регулярного выражения JavaScript (ctor-options)
var :: = [_a-zA-Z] [_a-zA-Z0-9] *
int :: = [0-9] +
текст :: =.*
  

Использование фрагментов TextMate

Вы также можете использовать существующие фрагменты TextMate (.tmSnippets) с кодом VS. См. Раздел Использование фрагментов TextMate в нашем разделе API расширений, чтобы узнать больше.

Назначить привязки клавиш к фрагментам

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

  {
  «ключ»: «cmd + k 1»,
  "команда": "редактор.action.insertSnippet»,
  «когда»: «editorTextFocus»,
  "args": {
    "фрагмент": "console.log ($ 1) $ 0"
  }
}  

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

Кроме того, вместо использования значения аргумента фрагмента для определения встроенного фрагмента, вы можете ссылаться на существующий фрагмент с помощью аргументов langId и name .Аргумент langId - это имя файла фрагмента пользователя JSON, а имя - - уникальное имя фрагмента из этого файла:

  {
  «ключ»: «cmd + k 1»,
  "команда": "editor.action.insertSnippet",
  «когда»: «editorTextFocus»,
  "args": {
    "langId": "csharp",
    "name": "myFavSnippet"
  }
}  

Следующие шаги

• Командная строка - VS Code имеет богатый интерфейс командной строки для открытия или сравнения файлов и установки расширений.
• Extension API - Узнайте о других способах расширения VS Code.
• Руководство по фрагментам - Вы можете упаковать фрагменты для использования в VS Code.

Общие вопросы

Что, если я хочу использовать существующие фрагменты TextMate из файла .tmSnippet?

Вы можете легко упаковать файлы фрагментов TextMate для использования в VS Code. См. Использование фрагментов TextMate в нашей документации по API расширения.

9/9/2020