Сниппеты
Содержание:
- Описание
- Quick Start Guide
- Быстрые ссылки
- Каким должно быть идеальное описание для человека и поисковика
- Создаем привлекательный сниппет
- Структура стандартного сниппета
- Трафик
- Как изменить сниппет в поисковых системах
- Сбор и анализ сниппетов конкурентов
- Рекомендуемые методы и советы¶
- Как увеличить трафик на сайт, с помощью сниппетов
Описание
description – в отличии от title это более подробное описание и является одним из самых важных пунктов при составлении сниппета. Текст description подтягивается из соответствующего мета-тега в разметке и должен быть уникальным и четко отражать тематику.
Рекомендуемая длина description составляет 165-175 символов
Но т.к. в Яндексе имеется кнопка “Читать ещё” это не предел, и можно увеличить дескрипцию до 300-350 символов (без пробелов), но отображаться они будут только после нажатия, что надо учитывать при создании текстового контента.
Чтобы добавить description надо открыть html код в любом текстовом редакторе, и вставить туда внутрь тега
Например, в Joomla — Материалы > Выбираем нужную страничку > Публикация – Мета-тег Description
После того как вы написали свое описание – сохраняем и обновляем. Готово.
Если же вы не укажите description, то поисковик автоматически сформирует описание в сниппете, основываясь на тексте страницы.
Quick Start Guide
Choosing an Abbreviation
Abbreviations should be short, easy to remember and hard to trigger accidentally.It helps if an abbreviation includes either a key word from the fully expanded text, or an initialization or acronym that is part of it.For example, if you regularly wrote «Snippet Pixie» you might use «sp».However, there are a lot of words that include the letter combination «sp», so there’s a reasonably high chance that Snippet Pixie would expand that abbreviation when you didn’t want it to.So instead it’s common to add a «trigger character» to the end of the abbreviation. This is commonly a character that isn’t found in normal sentences such as «`» or «~» that is easy to find on your keyboard. Often just appending a space is enough, or doubling up characters.I personally use «`» (commonly known as grav or backtick) a lot as it’s a single keystroke on my British layout keyboard just below my Escape key. So for me «sp`» is a natural abbreviation for «Snippet Pixie».However, I could see using «sp » or «spp» for the abbreviation.If you do use a trailing space as your trigger character you might find it useful to include a trailing space in the text that is expanded, e.g. «sp » expands to «Snippet Pixie » as it’s more natural when typing.
Placeholders
All placeholders are delimited (wrapped) by , with the placeholder name starting with an symbol.For example, today’s date can be inserted with .Some placeholders allow for extra arguments when follows their name and that is followed by the argument. For example a format for a date, or the abbreviation for a snippet. Check the following descriptions for each placeholder for more details.To use in your snippet body, escape the second with a backslash like so: .
@date
Quick Examples:Today’s date with system format: Today’s date with custom format: Tomorrow’s date with system format: Date 2 weeks from today with custom format: Time 3 hours from now: is an alias for , with one important difference, the default output if no format specified is the default time format () rather than default date format ().The optional format specified after can take a format string as detailed in the GLib.DateTime.format function’s docs.The optional date calculation starts with an after the placeholder name, followed by a signed integer and unit. The unit types are as follows:Y: YearsM: MonthsW: WeeksD: Daysh: Hoursm: Minutess: SecondsYou can apply more than one date calculation, for example adds 2 hours and 30 minutes to the current time.You can use both positive () and negative calculations, for example takes 3 days from the current date.
@clipboard
When is part of a snippet’s body, when its abbreviation is expanded the current text contents of the clipboard will replace the placeholder.
@snippet
You can have up to three levels of embedded snippets with the placeholder.The abbreviation for the snippet to be embedded is entered after , for example expands the snippet with abbreviation in place of the placeholder.
@cursor
Adding to a snippet’s body will put the cursor in its place after expansion instead of at the end of the expanded text.If is entered more than once in a snippet’s body or via snippet embedding, then the last occurrence of the cursor placeholder wins.
Command Line Options
Usage:com.github.bytepixie.snippetpixie Options:—showShow Snippet Pixie’s window (default action)—startStart with no window—stopFully quit the application, including the background process—autostart={on|off|status}Turn auto start of Snippet Pixie on login, on, off, or show status of setting—statusShows status of the application, exits with status 0 if running, 1 if not-e, —export=filenameExport snippets to file-i, —import=filenameImport snippets from file, skips snippets where abbreviation already exists—forceIf used in conjunction with import, existing snippets with same abbreviation are updated—versionDisplay version number-h, —helpDisplay help
Быстрые ссылки
Начинается самое интересное! Быстрые ссылки неслабо увеличивают поисковый сниппет. Но вот незадача: их нельзя добавить вручную.
Эту работу делает сам «Яндекс» при соблюдении некоторых требований. Самые важные:
- Страницы должны быть доступны с главной и присутствовать в меню сайта.
- Заголовки страниц должны точно и ёмко описывать их содержание.
- У изображений со ссылкой должен быть заполнен атрибут alt.
- На странице должен быть один тег H1, неявно повторяющий Title.
Если учесть все нюансы, быстрые ссылки появятся в кабинете «Яндекс.Вебмастера» в разделе «Информация о сайте/Быстрые ссылки», с пометкой «new».
Здесь быстрым ссылкам можно выбрать имена. Но именно выбрать — свой вариант написать нельзя. «Яндекс» формирует варианты исходя из того, с каким анкором на эту страницу ссылаются другие.
Быстрые ссылки выглядят ещё масштабнее при «Навигационном ответе» — это когда «Яндекс» на сто процентов уверен, что пользователь ищет именно этот сайт. Например, если в запросе есть известное название: «Википедия», «Вконтакте» и так далее. В таких случаях к каждой ссылке ещё добавляется описание:
Каким должно быть идеальное описание для человека и поисковика
Типичное описание показывается всегда – хотите вы того или нет. Поисковый робот вырвет фрагмент из статьи или сплетет из других элементов, только вряд ли пользователи сочтут его заманчивым, поэтому над аннотацией каждой страницы надо работать.
Новички любят пускаться в две крайности: либо пишут одни ключи, либо пишут живописный текст без них. Позиции в поиске не повышаются и о посетителях остается только мечтать.
За 3,5 года копирайтинга я написала более 200 сниппетов. Щелкаю их как орешки.
Как сделать идеальный сниппет? Пользуйтесь чек-листом:
- Текст дескрипшена не копирует тайтл.
- Содержит ключевое слово, отвечающее основному поисковому запросу.
- Используются околотематические слова.
- Добавлены специальные символы, подходящий фавикон для привлечения внимания.
- Объем до 200 символов. Максимум 3 предложения.
- Добавлены хлебные крошки вида: главная страница > раздел > статья.
- В хлебных крошках понятные и релевантные слова. Например, mebelny320.su > Chehly-na-mebel по запросу “Купить чехлы на мебель”.
- Указаны контакты.
- Выгода в первом предложении. Без предисловий наподобие: “в современном мире”, “все мы знаем” и др. Читать прописные истины никто не будет. Человеку хочется закрыть пробел в знаниях, за этим он и лезет в поисковик.
- Микроразметка о товаре, услуге в сниппете: цена, способ доставки, отзывы, оценка. Включен YML-файл в Яндексе.
- Добавлены ссылки на соцсети, когда сниппет ведет на главную страницу.
- В тайтле и дескрипшене упомянут регион целевой аудитории.
- Тошнотность в пределах 6 – 7,5 %, одни и те же слова желательно не повторять.
- Отвечает на запрос пользователя.
- Для коммерческих проектов упоминается уникальное торговое предложение в самом начале.
Эффективный сниппет – это интригующий полезный текст с правильными настройками в поисковой системе.
Создаем привлекательный сниппет
#1 Делаем правильный заголовок
Для заголовка сниппета поисковая машина использует текст заголовка страницы (Title). Поэтому следите за тем, чтобы Title строго соответствовал содержанию страницы и не был заспамлен ключевыми словами.
Хорошо: «Купить надувной матрас в Москве с бесплатной доставкой».
Важно! Длина заголовка сниппета составляет 70 знаков (Яндекс) и 60 знаков (Google), включая пробелы. Это стоит учитывать, чтобы не допустить обрывания фразы
#2 Строим навигационную цепочку
Навигационная цепочка под заголовком показывает путь, который ведет от главной страницы до найденной. Лучший вариант, когда цепочка представлена на русском языке (1). В таком виде она более читаема и понятна пользователю. Неоптимизированная цепочка не является ошибкой, однако снижает привлекательность сниппета (2).
Чтобы получить хорошо читаемую цепочку, нужно провести большую работу с сайтом (если при создании этого не предусмотрел ваш вебмастер). Потребуется:
- обеспечить древовидную структуру сайта (например, каталог > подкаталог > карточки товаров);
- настроить ЧПУ (так называемые «человекопонятные» адреса страниц);
- внедрить на сайте систему навигации «хлебные крошки» и разметить их при помощи форматов Microdata или RDF.
# 3 Делаем хорошее описание
Описание – главный элемент сниппета, который лаконично передает содержание страницы. Это может быть краткое описание компании, ассортимента каталога, характеристик товара или услуги. Чем больше в нем конкретики в виде связного текста, тем лучше.
Текст для описания поисковая машина берет из мета-тега Description или из текста страницы. Чтобы наверняка получить хорошее описание, нужно предусмотреть все варианты. Потребуется:
- поместить в Description то описание, которое будет визитной карточкой данной страницы;
- абзац, который вы хотите получить в сниппете, поместить в начале текста и сделать его не длиннее 250 символов с пробелами, использовать в нем ключевое слово в точной форме, но без спама.
Важно! Длина описания сниппета составляет от 150 (Google) до 250 знаков (Яндекс), включая пробелы. Это стоит учитывать, чтобы не допустить обрывания фразы
#4 Получаем расширения
Расширения в сниппете можно получить, участвуя в партнерских сервисах Яндекса и Google или внедряя специальный код на страницах сайта – микроразметку.
4.1. Быстрые ссылки
Быстрые ссылки в сниппете формируются автоматически и ведут на наиболее востребованные страницы сайта. Нужно учитывать, что эта возможность доступна не для всех сайтов. Более подробно о том, как это работает, вы можете прочитать в .
4.2. Контактные данные
Добиться появления контактов вашей компании в сниппете можно следующим образом:
- для Яндекса: указать данные в панели Яндекс.Вебмастер (География сайта > Регион сайта) или добавить данные о компании в сервис Яндекс.Справочник;
- для Google: добавить данные о компании в сервис карт Google;
- универсальный: на странице контактов на вашем сайте внедрить код микроразметки Schema.org (схемы Organization и Place).
4.3 Стоимость товара
Указание цены в сниппете повышает его кликабельность. Используйте эту возможность:
для Яндекса: принять участие в партнерской программе Яндекс.Маркет или загрузить в панели Яндекс.Вебмастер специальный файл с информацией о стоимости товаров и доставки для разных регионов. При выполнении этих действий сниппет карточки товара в поиске Яндекса будет выглядеть так:
универсальный: на страницах товаров на вашем сайте внедрить код микроразметки Schema.org (схемы Product, Offer, AggregateOffer). В этом случае сниппет карточки товара в поиске Яндекса и Google будет выглядеть так:
4.4. Рейтинг товара
Товарный сниппет можно «украсить» звездами рейтинга товара на основании отзывов, которые оставляют на вашем сайте покупатели. Это доступно только для поисковой выдачи Google. Реализуется путем внедрения на странице товара кода микроразметки Schema.org (схема AggregateRating).
Совет! На этом этапе вам могут быть полезен следующий материал, где подробно объясняется, как работать с микроразметкой при создании расширенного сниппета.
Что оптимизировать в первую очередь?
Формирование привлекательного сниппета – дело довольно хлопотное
Однако этот вклад оправдает себя сполна: вы получите не только большее число переходов из выдачи, но и приведете в порядок страницы своего сайта, что крайне важно для роста его позиций как в Яндексе, так и в Google
Желаем успешного продвижения!
Как делать SEO сайта без сеошника и без бюджета, слушайте в подкасте с Евгением Костиным.
Структура стандартного сниппета
По умолчанию Яндекс выводит содержимое всех сайтов вот в таком виде:
Как мы видим основными элементами стандартного описания каждой страницы являются:
— Заголовок — Описание — Ссылка (URL) — Фавикон
Заголовок. Это самый значимый элемент для страницы. От того что в нем написано напрямую будет влиять на желание перейти на ваш сайт. Все остальные значения будут нести второстепенный характер, как бы дополняя самый первый.
Кроме того что заголовок играет большую роль в алгоритмах ранжирования, он еще позволяет концентрировать на себе внимание посетителя, а остальные элементы входящие в его состав должны окончательно убедить читателя кликнуть на заголовок. Содержимое заголовка вы прописываете самостоятельно, в поле Title с помощью плагина All in One SEO Pack
Если вы оставите это поле пустым, тогда его Яндекс возьмет его из названия поста
Содержимое заголовка вы прописываете самостоятельно, в поле Title с помощью плагина All in One SEO Pack. Если вы оставите это поле пустым, тогда его Яндекс возьмет его из названия поста.
Описание. Здесь показывается небольшой кусочек из текста статьи размером до 250 символов. Как этот текст формирует Яндекс предсказать очень сложно, в большинстве случаев он находит самые релевантные предложения или словосочетания, составляя из этих отрывков отображаемый текст. В некоторых случаев описание может подтягиваться из тега description все того же плагина по оптимизации статей.
Если посетитель сомневается, переходить ли ему на ваш сайт, то с помощью описания все сомнения должны рассеяться, так что его значимость не стоит недооценивать.
Ссылка (URL). Мало значимый элемент сниппета, так как на него очень редко кидает взор будущий посетитель, разве что только на название доменного имени, если нужно отыскать конкретный сайт.
Фавикон. Отличительной чертой Яндекса перед тем же Гуглом является отображение в выдаче напротив каждого заголовка сайта — фавикона (маленькой картинки).
Кто бы, что не говорил, но изображение привлекает внимание и является визитной карточкой площадки. Например, я многие порталы узнаю только благодаря этому значку
Если у вас еще нет такого фавикона, воспользуйтесь этой статьей «Как быстро сделать иконку для сайта».
Трафик
Количество кликов по ссылке зависит не только от ее места в результатах поиска. Нам известно очень много примеров, когда ссылки на первых местах получали мизерную долю кликов по сравнению с тем, что они могли бы получить.
По этой причине следующий этап аудита — изучение кликабельности существующих сниппетов. С этой целью нарисуем такую табличку:
Изучив несколько ключевых запросов вы обнаружите, насколько низкий CTR (соотношение показов к кликам) у большинства сниппетов, даже тех из них, что расположены на первых местах. Не редкость CTR на уровне 0,03 — 2%.
Это свидетельствует о том, что сниппет несмотря на выгодное расположение очень плохо работает на привлечение кликов
Далее, на что следует обратить внимание, — какая страница загружается после клика
Очень и очень многие сайты грешат переоптимизацией домашней страницы сайта, когда все ссылки ведут сюда. Размещая конкретный запрос, потенциальный клиент попадает не на целевую, а на главную страничку, где он вынужден снова искать то, что ему нужно.
Переоптимизация обычно достигается за счет длинных текстов, написанных и размещенных на главной странице в расчете на роботов, а не людей. Вместо того, чтобы создать для каждого вида услуги свою страничку и оптимизировать ее по ограниченному списку ключевых слов, разработчики сайта всю оптимизацию свели к раскрутке домашней страницы.
Это все равно, что заказать такси до конкретной улицы и быть высаженым возле Красной площади только потому, что это центр города и отсюда начинаются все пути. Очевидно, что большинство посетителей не устраивает такое положение дел, и они либо уходят сразу (отказы), либо уходят, открыв 2-3 странички и толком не разобравшись в навигации (малая глубина просмотра и короткое время на сайте).
Для того, чтобы посетитель не разочаровался при взгляде на загрузившуюся страницу и не ушел, обещание, которое содержится в тексте ссылки, должно соответствовать результату загрузки.
Для того, чтобы повысить CTR сниппета настройте его содержание и внешний вид в соответствии с рекомендациями.
Для того, чтобы не разочаровать посетителя, откажитесь от переоптимизации главной страницы и направляйте посетителя на целевые посадочные страницы, содержание которых в точности соответствует содержанию сниппета.
Как изменить сниппет в поисковых системах
За счет чего формируется сниппет? А строится он, прежде всего, за счет очень важного мета тега description, про который все новички вечно забывают, поскольку им кажется, что его заполнять не так важно. Ещё хуже, когда вебмастеры просто перечисляют в нем список ключевых слов
Вернемся к description. Синтаксис этого мета тега:
Допустим он у Вас заполнен по всем правилам, но это вовсе не стопроцентная гарантия, что поисковая система (имеется ввиду Яндекс) будет использовать Ваше описание «description». Вот в Google ситуация со сниппетами предельна проста. То, что написано в description, то он и отображает.
С Яндексом все сложнее. Для него этот мета тег является лишь рекомендацией, а не правилом. Его алгоритмы зачастую сами составляют описание для страницы путем вырезания кусков текста на странице. В некоторых случаях это получается хорошим описанием, но бывает и не очень. Поэтому надеяться на алгоритмы не стоит. Лучше перепроверять иногда их самостоятельно или же воспользоваться такой функцией в Яндекс Вебмастер.
Как же все-таки можно повлиять на сниппет в Яндексе, если он его сгенерировал сам? Ну, как это не странно звучит, для начала нужно обязательно прописать хороший мета тег description. Если это не помогло и сниппет все равно берется из текста страницы, то остается только одно: найти этот кусок текста на странице и отредактировать его так, чтобы получить привлекательное описание страницы. Скажу сразу, что порой это бывает не простой задачей (например, может быть склеен заголовок <h1> и сразу следующее за ним первое предложение). Однако ради результата стоит повозиться с контентом.
Если очень много страниц на сайте
Как и контент на каждой странице должен быть уникальным, так и описание страницы должно быть уникальным. Но что делать, если на сайте тысячи страниц? Ведь поменять все сниппеты на таком гиганте будет очень трудоемкой задачей. Да и трудно придумать так много различных описаний, которые бы ещё и отвечали всем требованиям. В этом случае поступают несколько более простым способом:
- Отбираются запросы, которые располагаются ближе всего к топу. На мой взгляд, достаточно будет найти все запросы в топ30.
- Далее проверяете сниппеты этих страниц на привлекательность. Если Вы считаете, что менять ничего не нужно, то переходите к следующему запросу (но лично я чаще всего нахожу способы переписать сниппет в более лучшем виде).
- Через месяца два советую проверить эти запросы. Стал ли отображаться именно тот сниппет, к которому Вы стремились? Если да, то могу вас поздравить с достижением поставленной цели.
Даже после одной такой итерации можно получить существенное улучшение видимости сайта в поисковых системах при незначительных затратах времени и денежных средств. Поэтому советую оптимизировать свои проекты, в особенности те запросы, которые нужно продвинуть, поскольку это просто необходимо в нынешних условиях SEO.
Сбор и анализ сниппетов конкурентов
Анализируйте чужие сниппеты, чтобы найти слабые и сильные стороны конкурентов. Перечитывать вручную все нереально, лучше воспользоваться парсером. Это специальная программа, которая собирает описания по нужному поисковому запросу и разбирает по косточкам. Вы узнаете среднюю длину, вхождение ключей и другие моменты, необходимые для написания крутого сниппета.
Пиксель Тулс
Инструмент по сниппетам от Пиксель Тулс бесплатный. Он показывает простые параметры:
- вхождение ключевых слов,
- длину описания,
- текст.
Парсинг займет всего пару минут.
Не хватает оценки эффективности показа, как у MegaIndex, там можно сразу разделить описания на плохие и хорошие.
MegaIndex
MegaIndex ищет описания вашего сайта по заданным ключевым словам и региону. Парсер оценивает по главному показателю – эффективности показов, чтобы вы понимали, где сниппеты надо еще доработать. Результаты сохраняются в таблице Excel или загружаются прямо на сайт через JavaScript.
Минус: список городов ограничен. Мелких населенных пунктов в списке нет.
Рекомендуемые методы и советы¶
Пишите свои сниппеты за пределами менеджера MODX
Начиная с 2.2.0, вы можете просто добавить «статический» сниппет: просто сослаться на статический файл.
До 2.2.0 это все еще довольно легко сделать — просто создайте сниппет ‘include’, но сделайте так, чтобы его содержимое было таким:
Вы можете использовать сниппет ‘include’ на странице, например:
И запускайте свои cниппеты извне, пока вы их разрабатываете!
Затем вы можете проверить их, чтобы убедиться, что они работают (например, в командной строке bash вы можете использовать команду php -l my_script.php, чтобы проверить скрипт на наличие синтаксических ошибок). В зависимости от вашей среды вы можете также получить несколько полезных сообщений об ошибках, которые помогут вам в отладке. Скопируйте и вставьте код в MODX, только когда вы уверены, что он работает.
Помните, что любой сниппет в файле на вашем веб-сайте может выполнить любой, у кого есть веб-браузер, поэтому не оставляйте его на живом сайте, если вы не разместили код сниппета вне корневого веб-каталога таким образом, чтобы файл не мог быть доступным через Интернет. В MODX Revolution вы можете поместить файлы сниппетов в основной каталог и переместить весь каталог за пределы корневого веб-каталога. Вы также можете поместить тест в сниппет, который заставляет его завершиться, если сниппет не работает внутри MODX. Однако безопаснее всего просто переместить файл или вставить код в сниппет в менеджере и удалить файл.
Не пытайтесь смешивать коды PHP и HTML в сниппете
Сниппеты выполняют PHP-код. Они всегда должны начинаться с ** Например, следующий код работать не будет:
Вы обнаружите, что MODX будет добавлять теги PHP в начало и конец сниппета, создавая неверный синтаксис, например:
Если вам нужно сделать что-то вроде этого, используйте чанк — выделите PHP в сниппет, загрузите его вывод в плейсхолдер с помощью функций-плейсхолдеров MODX API или обработайте сниппетом, и включите плейсхолдеры сниппета в чанк:
Не работайте с работающими сниппетами
Если вы пишете новые версии сниппетов, продублируйте старую версию! Таким образом, вы можете вернуться к старой версии кода, если что-то работает неправильно! MODX по своей сути не управляет версиями, поэтому вы должны сделать резервную копию кода самостоятельно.
Используйте свойства по умолчанию
Попробуйте добавить свойства по умолчанию для вашего сниппета на вкладку «Свойства», чтобы другой разработчик мог добавить пользовательские наборы свойств для их переопределения.
Как увеличить трафик на сайт, с помощью сниппетов
Увеличить трафик можно, добавив в сниппеты следующие элементы:
Контакты — очень удобно, когда посетитель, ознакомившись с предлагаемой услугой, захотел сделать немедленный заказ. Ему не нужно будет выискивать контактные данные на сайте.
Быстрые ссылки, по которым пользователь непосредственно из ПВ может сделать переход на страницу, максимально подходящую его запросу. Для этого необходимо внутреннюю структуру сайта сделать четкой, и поисковики сами сформируют быстрые ссылки.
Навигационная цепочка или «Хлебные крошки». Это упрощает навигацию по сайту.
Расширенные сниппеты. Очень полезны для компаний разных сфер бизнеса, которые предлагают различные комплексы услуг. Они могут содержать не только текстовую информацию, но и видео или изображения.
Образец № 1
Образец № 2
Использование фавикона — значка веб-страницы (актуально для «Яндекса»). Он увеличит узнаваемость, запоминаемость и кликабельность веб-ресурса.
Ссылки на социальные профили сделают ваш сайт намного привлекательнее среди конкурентов в поисковой выдаче (на сегодняшний день оба поисковика не используют ссылки на соц. профили, но возможно они к ним вернутся)
Специальные символы также ранее привлекали внимание пользователей, но, на сколько мне известно, они также теперь не используются
Итог
Оптимизация сниппета значительно повысит кликабельность, увеличит трафик, конверсию и улучшит поведенческие факторы, что приведет к росту позиций сайта. Большая ошибка вебмастеров игнорировать данный факт.