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

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

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

Сниппет состоит из основной части и расширений. Основная часть представлена:

  • заголовком (1),
  • навигационной цепочкой (2),
  • фрагментом описания (3).

Расширения могут включать дополнительную информацию о сайте и компании:

  • быстрые ссылки (только в поиске Яндекса)(4),
  • адрес, телефон, график работы (5),
  • ссылку на сервис карт (6).

А также данные о товаре (в том случае, когда в строке поиска был задан конкретный товарный запрос):

  • цену (7),
  • рейтинг по отзывам (только в поиске Google)(8),
  • информацию о доставке (только в поиске Яндекса)(9).

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

Создаем привлекательный сниппет

#1 Делаем правильный заголовок

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

Хорошо: «Купить надувной матрас в Москве с бесплатной доставкой».

Плохо: «Надувные матрасы в Москве: купить недорого надувной матрас в интернет-магазине».

Важно! Длина заголовка сниппета составляет 70 знаков (Яндекс) и 60 знаков (Google), включая пробелы. Это стоит учитывать, чтобы не допустить обрывания фразы.

#2 Строим навигационную цепочку

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

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

  • обеспечить древовидную структуру сайта (например, каталог > подкаталог > карточки товаров);
  • настроить ЧПУ (так называемые «человекопонятные» адреса страниц);
  • внедрить на сайте систему навигации «хлебные крошки» и разметить их при помощи форматов Microdata или RDF.

# 3 Делаем хорошее описание

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

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

  • поместить в Description то описание, которое будет визитной карточкой данной страницы;
  • абзац, который вы хотите получить в сниппете, поместить в начале текста и сделать его не длиннее 250 символов с пробелами, использовать в нем ключевое слово в точной форме, но без спама.

Важно! Длина описания сниппета составляет от 150 (Google) до 250 знаков (Яндекс), включая пробелы. Это стоит учитывать, чтобы не допустить обрывания фразы.

#4 Получаем расширения

Расширения в сниппете можно получить, участвуя в партнерских сервисах Яндекса и Google или внедряя специальный код на страницах сайта – микроразметку.

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

4.2. Контактные данные

Добиться появления контактов вашей компании в сниппете можно следующим образом:

  • для Яндекса: указать данные в панели Яндекс.Вебмастер (География сайта > Регион сайта) или добавить данные о компании в сервис Яндекс.Справочник;
  • для Google: добавить данные о компании в сервис карт Google;
  • универсальный: на странице контактов на вашем сайте внедрить код микроразметки Schema.org (схемы Organization и Place).

4.3 Стоимость товара

Указание цены в сниппете повышает его кликабельность. Используйте эту возможность:

  • для Яндекса: принять участие в партнерской программе Яндекс.Маркет или загрузить в панели Яндекс.Вебмастер специальный файл с информацией о стоимости товаров и доставки для разных регионов. При выполнении этих действий сниппет карточки товара в поиске Яндекса будет выглядеть так:

  • универсальный: на страницах товаров на вашем сайте внедрить код микроразметки Schema.org (схемы Product, Offer, AggregateOffer). В этом случае сниппет карточки товара в поиске Яндекса и Google будет выглядеть так:

Товарный сниппет можно «украсить» звездами рейтинга товара на основании отзывов, которые оставляют на вашем сайте покупатели. Это доступно только для поисковой выдачи Google. Реализуется путем внедрения на странице товара кода микроразметки Schema.org (схема AggregateRating).

Совет! На этом этапе вам могут быть полезен следующий материал , где подробно объясняется, как работать с микроразметкой при создании расширенного сниппета.

Что оптимизировать в первую очередь?

Формирование привлекательного сниппета – дело довольно хлопотное. Однако этот вклад оправдает себя сполна: вы получите не только большее число переходов из выдачи, но и приведете в порядок страницы своего сайта, что крайне важно для роста его позиций как в Яндексе, так и в Google.

Если у вас ограничены ресурсы, начните с малого – оптимизации заголовков страниц (Title) и текстового описания. Интернет-магазинам я рекомендую использовать бесплатные возможности для транслирования цены товара в сниппете, а именно участие в сервисе Яндекс.Маркет.

Желаем успешного продвижения!

слушайте в подкасте с Евгением Костиным.

Понравилась статья? Поделись с друзьями!

Сниппет страниц сайта. Примеры правильного создания сниппета для сайта . Где расположить сниппет? 5 элементов эффективного составления сниппета.

Что такое сниппет, теги Description и Keywords?

Роль сниппета в продвижении при выдаче в ТОПе поисковых систем. Формула для привлечения внимания пользователей и увеличения кликов из поисковой системы.

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

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

Формула составления сниппета для сайта, которая, 100% поможет Вам выделиться в поисковой выдаче среди конкурентов, и увеличить приток посетителей.

Итак, давайте начнем с вопросов:

Что такое сниппет (snippet)

сниппет в google

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

Meta тег Description

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

расширенные сниппеты google

Keywords

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

Итак, мы ознакомились с основными понятиями, а теперь давайте перейдем к составлению сниппета, на примере:

Допустим, Вы вели поисковый запрос – «Лучшая работа на дому»
Так вот как Вы видите на картинке, (это пример моей статьи) у меня тайтл имеет почти со 100% релевантностью ключевому запросу с выгодным предложением работать «100% на Себя»

Где находится сниппет?

Дальше под ссылкой на статью идет сниппет (в дальнейшем СПТ). Который включает в себя 100% релевантный ключевой запрос, с предложением узнать «с чего начать тем, кто ищет дополнительный источник дохода, не выходя из дома»

сниппет сайта

Роль сниппета в продвижении сайтов?

Snippet должен включать в себя всего 2-3 предложения в виде тизера. Это своего рода завлекалочка для человека, который ввел в поисковую систему ключевое слово и ищет ответ на свой вопрос, или информацию в данной теме.

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

Но если человек сразу не реагирует на заголовок или просто хочет приблизительно узнать, о чем вообще пойдет речь в данной статье.

К сожалению, поисковые системы по своим алгоритмам, не всегда отображают в поисковой выдаче, то описание, которое хотите именно Вы.

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

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

Применив, эти не хитрые советы Вы легко сами сможете формировать привлекательные СПТ, под свою целевую аудиторию.

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

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

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

Какой по длине должен быть сниппет?

Сниппет должен состоять от 100 до 250 символов, в идеале не более чем 160. Символами является все пробелы и знаки препинания.

Ну, а теперь давайте перейдем конкретно к примеру:

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

1. В самом начале сниппета используем 100% релевантный ключевой запрос. Прописываем 2-3 содержательных предложения (на половину рекламного характера) которые будут отображать суть статьи.

Давайте вернемся к нашему примеру, с предыдущей статьи
«Как быстро заработать» который я брала для составления правильного и .

Тогда при составлении СПТ, я бы написала так;

«Как легко и быстро заработать в Интернете? В этой статье мы разберем, как зарабатывать в Интернете быстро и легко. Узнайте секретные способы и методы быстрого заработка через Интернет».

Он как раз получается из 158 символов и еще даже 2 символа остается свободным.

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

А) Посмотрим на самое первое предложение. «Как легко и быстро заработать в Интернете»

Здесь идет 100% релевантный ключевой запрос. Плюс, это можно сделать быстро и легко.

Б) Во втором предложении, конкретно говорится, о чем пойдет речь в статье.

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

В) В третьем предложении , мы говорим о том, что есть несколько способов и методов. Плюс интрига, в слове «секретные», которая вызывает любопытство.

А так как все мы, это очень любим, и на эти слова по статистике пользователи отлично реагируют. И как правило, такие слова повышают кликабельность.

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

Г) И после этого «методы быстрого заработка через Интернет» опять же идет стопроцентная релевантность.

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

Тем самым ваша целевая аудитория (ЦА) будет правильно реагировать на определенные слова, видеть и понимать, что в этой статье раскрывается именно та информация, которую она ищет, или ей интересна.

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

Старайтесь постоянно придумывать что-то новое. И прорабатывать эти 160 символов, но, не забывая при этом про SEO оптимизацию.

2. Snippet должен содержать в себе как минимум 2 повторения 100% релевантного ключевого запроса.

Если говорить о какой-либо конкретной формуле, то все что написано выше, это и есть формула составления сниппета.

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

А теперь давайте закрепим эти 5 элементов, и запомним эту формулу.

как сделать сниппеты в google

Формула создания эффективного сниппета.

  1. 100 процентная релевантность КЗ, то есть полностью повторяет ключевой запрос, в начале описания.
  2. Данную ключевую фразу нужно разделить выгодой, чтобы эта выгода выглядела максимально привлекательно и привлекала большое внимание посетителя.
  3. Дать понять в описании, что в этой статье человек найдет комплексную пошаговую информацию, по этому запросу. Это нужно уметь показать в нескольких фразах находящихся в вашем описании.
  4. Интрига или секрет, надо сделать так, чтобы человек, как будто перейдя по вашей ссылке, откроет для себя какую-то тайну и будет знать что-то такое, что мало кто знает.
  5. Это опять же 100% релевантность и выгоды. Вы можете тестировать, и перемещать все эти элементы, но они должны быть в СПТ. Можно, к примеру, в 1 предложение давать одни выгоды, в другом предложении другие и так далее.

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

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

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

Ну, а теперь давайте перейдем непосредственно к расположению сниппета.

Расположение сниппета

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

Естественно, это не стопроцентная вероятность, но вероятность очень и очень большая.

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

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

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

Потому как, здесь есть еще и такой вариант.

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

И возможно, ваше описание, может зацепить его, и он перейдет на полную версию этой статьи.

Это как в поговорке «Встречаем по одёжке, а провожаем по уму» аналогичная ситуация происходит и со статьей.

Посетитель встречает статью именно по snippet, а провожает по данному запросу.

Переходим к заключительному этапу.

Сниппет после публикации .

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

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

Случайный сниппет

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

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

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

Вам просто нужно, скопировать написанный вами сниппет, в мета тег Description (тег, отвечающий за краткое содержание станицы).

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

И после этого вставить его в тег Description.

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

Желаю, Вас счастья и процветания.
С уважением Наталия Бутенко.

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

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

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


Как видно на скриншоте выше, расширенный сниппет Яндекса отличается наличием дополнительной информации:

  • быстрые ссылки на важные страницы
  • описание услуг (окрашивание, маникюр и т.д.);
  • адрес и телефон

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

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

Адрес и телефон появляется при добавлении вашего сайта в «Справочник организаций», подробнее об этом будет рассказано ниже. Так же, я рекомендую использовать разметку микроформатов при заполнении информации на странице «Контакты» и там же разместить Яндекс.карту с вашей организацией. Пример на картинке ниже.

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

  1. Выбираем в панели вебмастера Яндекса нужный сайт
  2. Там заходим в раздел «География сайта» и далее в «Адреса и организации»
  3. Нажимаем на «Добавить организацию» и приступаем к заполнению формы.
  4. Выберите нужную рубрику из предложенных.
  5. Из формы дополнительных признаков выберите те, которые вы хотите видеть в расширенных сниппетах.

Должно получиться примерно так:

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

Сниппет - это небольшой фрагмент текста, который мы видим на странице выдачи вместе со ссылкой на сайт. Раньше сниппет содержал только текст, поэтому все 10 адресов, которые мы видели на одной странице выглядели почти одинаково. Поисковые системы первые задумались над тем, как решить этот вопрос: показать пользователю как можно больше информации об искомом ресурсе ещё в выдаче, чтобы он сразу ушёл туда, куда ему нужно. Для цифрового маркетинга сниппет - важный инструмент в борьбе за удовлетворённость пользователя. Как быстро скомпоновать качественный и исчерпывающий сниппет? Совсем недавно цифровое агентство PlayMedia опубликовало подробную инфографику «10 способов использования расширенных сниппетов для Гугл» , которую мы в первую очередь рекомендуем. О том, как применить эти знания на практике - читайте в нашем сегодняшнем посте.

Нужно ли работать со сниппетом сейчас?

Для начала обратимся к актуальным на данный момент трендам, чтобы решить, насколько актуально работать со сниппетом вообще - стоит ли игра свеч? Насколько актуальна работа со сниппетом сейчас и стоит ли она нашего времени и усилий, пусть и небольших? Заходим на Гугл Тренды и смотрим график популярности запроса «сниппет»:

Здесь мы видим, что в России можно проследить динамику роста, начиная с 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*/ и этого будет достаточно для размещения оценки в отзывах.

Независимо от выбранного вами способа подсчета оценки, передать эту информацию возможно с помощью разметки микроданными, микроформатами или RDFa (or Resource Description Framework in Attributes).
RDFa представляет собой способ разметки содержания для описания специального типа данных, например отзыва о ресторане, мероприятия, человека или данных о товаре. Эти типы данных называются сущностями илиэлементами. Каждая сущность имеет ряд свойств. Например, сущность «человек» включает такие свойства, как имя, адрес, должность, место работы и адрес электронной почты.

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

1. Что такое сниппет в поисковой выдаче

Сниппет - это краткое описание сайта в выдаче поисковой системы, располагается между названием страницы () и адресом страницы URL</p> <b>Пример сниппета в Яндексе </b> <p><img src='https://i2.wp.com/zarabotat-na-sajte.ru/seo/img/primer-snippeta-v-google.jpg' width="100%" loading=lazy></p> <p>Не трудно заметить огромную схожесть отображения выдачи сайтов двух гигантов рунета: Яндекса и Google. И там, и там сначала идет заголовок страницы, потом сниппет и в конце адрес сайта (URL).</p> <h2>2. На что влияет сниппет</h2> <p>Сниппет влияет на кликабельность (CTR) Вашего сайта в выдаче. Если заголовок страницы (тег <title>) содержит ключевую фразу, а описание сайта также содержит ее и другие околотематичные слова, то это значит, что страница релеванта запросу и вероятность перехода на сайт стремится к 100%. Тем более, что ключевые слова выделяются черным.</p> <p>Если на Ваш сайт есть переходы с поисковым систем, то это дает сайту ещё большие позиции в выдаче. Получается немного парадоксальная ситуация: чем больше переходов на сайт, тем он как бы лучше, а значит должен ранжироваться выше других.</p> <p>При этом сайт должен отвечать на запрос пользователя, иначе после подъема позиций, наступит скорый спад.</p> <h2>3. Примеры хорошего и плохого сниппета</h2> <p>Что такое хороший и плохой сниппет? Приведу 2 примера, в первом случае он хороший (привлекательный), а во втором наоборот - плохой.</p> <p>Для примера я ввел запрос в Яндексе "пример сортировки массива в паскале". Ниже представлен пример хорошего сниппета, на который я бы перешел на этот сайт:</p> <p><img src='https://i0.wp.com/zarabotat-na-sajte.ru/seo/img/primer-horoshego-snippeta.jpg' width="100%" loading=lazy></p> <p>А это тот же запрос, но сниппет явно не подходит запросу и я бы не стал кликать на такой сайт:</p> <p><img src='https://i2.wp.com/zarabotat-na-sajte.ru/seo/img/primer-plohogo-snippeta.jpg' width="100%" loading=lazy></p> <p>Даже беглый осмотр взглядом позволяет определить какой из сниппетов лучше.</p> <p>Например, у сайта, который занимает 5 позицию сниппет сайта лучше, чем у лидеров (топ-4). То в такой ситуации зачастую на этот сайт будут кликать даже чаще, чем у самих лидеров. Это означает, что быть на первых местах в выдаче ещё не означает, что пользователи будут переходить на Ваш сайт больше, чем на сайт находящийся ниже.</p> <h3>4.1. Создайте привлекательный сниппет</h3> <p>Самое главное в сниппете - это то, чтобы он был привлекательным для пользователя. Но с другой стороны необходимо стремиться к таким сниппетам, чтобы они полностью и точно отображали содержание страницы сайты. Не стоит писать в нем то, чего на самом деле нет на странице. Этим мы повысим и конверсию , и снизим количество отказов на сайте , что положительно скажется в целом на доверии сайта, а в дальнейшем и его на позициях.</p> <h3>4.2. Наличие ключевых слов в сниппете</h3> <p>Сниппет обязательно должен содержать ключевые слова (желательно иметь точное вхождение). Конечно, не нужно делать из него список ключевых фраз. Исследования показали, что идеальным вариантом для описания страницы является одно точное вхождение запроса и ещё одно не точное (разбавленное). Но стремиться к этому условию я никому не советую. Куда важнее сделать сниппет привлекательным с точки зрения пользователя.</p> <p>Как я уже писал выше, ключевые слова в запросе будут подчеркиваться в Вашем сниппете, что делает представление сайта еще ярче и заметнее. Это крайне важно.</p> <h3>4.3. Ограничение длины сниппета</h3> <p>Не стоит писать сниппет длиннее 140 символов, поскольку поисковик все равно его обрежет до 140 символов. Не стоит на этому зацикливаться. Главное просто помнить о том, что нужно не переусердствовать в длине сниппета. Два-три предложения должно хватить, чтобы раскрыть суть статьи.</p> <h2>5. Как изменить сниппет в поисковых системах</h2> <p>За счет чего формируется сниппет? А строится он, прежде всего, за счет очень важного , про который все новички вечно забывают, поскольку им кажется, что его заполнять не так важно. Ещё хуже, когда вебмастеры просто перечисляют в нем список ключевых слов.</p> <p>Вернемся к description . Синтаксис этого мета тега :</p> <blockquote><head > ... <meta name ="description " content ="<span>Описание страницы, желательно делать не более 140 символов </span>"> ... </head > </blockquote> <p>Допустим он у Вас заполнен по всем правилам, но это вовсе не стопроцентная гарантия, что поисковая система (имеется ввиду Яндекс) будет использовать Ваше описание "description". Вот в Google ситуация со сниппетами предельна проста. То, что написано в description, то он и отображает.</p> <p>С Яндексом все сложнее. Для него этот мета тег является лишь рекомендацией, а не правилом. Его алгоритмы зачастую сами составляют описание для страницы путем вырезания кусков текста на странице. В некоторых случаях это получается <a href="/windows-vista/luchshie-nedorogie-smartfony-obzor-opisanie-harakteristiki-i/">хорошим описанием</a>, но надеяться на алгоритмы не стоит.</p> <p>Как же все-таки можно повлиять на сниппет в Яндексе, если он его сгенерировал сам? Ну, как это не странно звучит, для начала нужно обязательно прописать хороший мета тег description. Если это не помогло и сниппет все равно берется из текста страницы, то остается только одно: найти этот кусок текста на странице вашего сайта и отредактировать его так, чтобы получить привлекательное описание страницы. Скажу сразу, что порой это бывает не простой задачей (например, может быть склеен заголовок <h1> и сразу следующее за ним первое предложение). Однако ради результат стоит повозиться с контентом.</p> <b>Если очень много страниц на сайте </b> <p>Как и контент на каждой странице сайта должен быть уникальным, так и описание страницы должно быть уникальным. Но что делать, если на сайте тысячи страниц? Ведь поменять все сниппеты на таком гиганте будет очень трудоемкой задачей. Да и трудно придумать так много различных описаний для страниц, которые бы ещё и отвечали всем требованиям. В этом случае поступают несколько более простым способом:</p> <ul><li>Отбираются запросы, которые располагаются ближе всего к топу. На мой взгляд, достаточно будет найти все запросы в топ30.</li> <li>Далее проверяете сниппеты этих страниц на привлекательность. Если Вы считаете, что менять ничего не нужно, то переходите к следующему запросу (но лично я чаще всего нахожу способы переписать сниппет в более лучшем виде).</li> <li>Через месяца два советую проверить эти запросы. Стал ли отображаться именно тот сниппет, к которому Вы стремились? Если да, то могу вас поздравить с достижением поставленной цели.</li> </ul><p>Даже после одной такой итерации можно получить существенное улучшение видимости сайта в поисковых системах при незначительных затратах времени и <a href="/windows-7/livekspert-otzyvy-o-zarabotke-na-konsultaciyah-v-liveexpert-livekspert-otzyvy-o/">денежных средств</a>. Поэтому советую оптимизировать свои сайты, в особенности те запросы, которые вам нужно продвинуть, поскольку это просто необходимо в нынешних условиях SEO.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> </div> </div> </div> </div> </article> <script type="text/javascript"> try { var sbmt = document.getElementById('submit'), npt = document.createElement('input'), d = new Date(), __ksinit = function() { sbmt.parentNode.insertBefore(npt, sbmt); }; npt.value = d.getUTCDate() + '' + (d.getUTCMonth() + 1) + 'uniq9065'; npt.name = 'ksbn_code'; npt.type = 'hidden'; sbmt.onmousedown = __ksinit; sbmt.onkeypress = __ksinit; } catch (e) {} </script> <div class="td-sub-footer-container td-container-wrap "> <div class="td-container "> <div class="td-pb-row "> <div class="td-pb-span td-sub-footer-menu "></div> <div class="td-pb-span td-sub-footer-copy "> © 2024 jolly-me.ru. Настройка и оптимизация операционных систем</div> </div> </div> </div> </div> <script data-cfasync="false" type="text/javascript"> if (window.addthis_product === undefined) { window.addthis_product = "wpwt"; } if (window.wp_product_version === undefined) { window.wp_product_version = "wpwt-3.1.2"; } if (window.wp_blog_version === undefined) { window.wp_blog_version = "4.9.1"; } if (window.addthis_share === undefined) { window.addthis_share = {}; } if (window.addthis_config === undefined) { window.addthis_config = { "data_track_clickback": true, "ui_language": "ru", "ui_atversion": "300" }; } if (window.addthis_plugin_info === undefined) { window.addthis_plugin_info = { "info_status": "enabled", "cms_name": "WordPress", "plugin_name": "Website Tools by AddThis", "plugin_version": "3.1.2", "plugin_mode": "AddThis", "anonymous_profile_id": "wp-f2d21fd70bfc0c32605b4e5e1e4ff912", "page_info": { "template": "posts", "post_type": "" }, "sharing_enabled_on_post_via_metabox": false }; } (function() { var first_load_interval_id = setInterval(function() { if (typeof window.addthis !== 'undefined') { window.clearInterval(first_load_interval_id); if (typeof window.addthis_layers !== 'undefined' && Object.getOwnPropertyNames(window.addthis_layers).length > 0) { window.addthis.layers(window.addthis_layers); } if (Array.isArray(window.addthis_layers_tools)) { for (i = 0; i < window.addthis_layers_tools.length; i++) { window.addthis.layers(window.addthis_layers_tools[i]); } } } }, 1000) }()); </script> <script type='text/javascript'> var tocplus = { "smooth_scroll": "1", "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c", "width": "Auto" }; </script> <script type='text/javascript' src='https://jolly-me.ru/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=bbebb9a04042e1d7d3625bab0b5e9e4f'></script> <script> (function() { var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); }); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } }); } })(); </script> <div id="tdw-css-writer" style="display: none" class="tdw-drag-dialog tdc-window-sidebar"> <header> <a title="Editor" class="tdw-tab tdc-tab-active" href="#" data-tab-content="tdw-tab-editor">Edit with Live CSS</a> <div class="tdw-less-info" title="This will be red when errors are detected in your CSS and LESS"></div> </header> <div class="tdw-content"> <div class="tdw-tabs-content tdw-tab-editor tdc-tab-content-active"> <script> (function(jQuery, undefined) { jQuery(window).ready(function() { if ('undefined' !== typeof tdcAdminIFrameUI) { var $liveIframe = tdcAdminIFrameUI.getLiveIframe(); if ($liveIframe.length) { $liveIframe.load(function() { $liveIframe.contents().find('body').append('<textarea class="tdw-css-writer-editor" style="display: none"></textarea>'); }); } } }); })(jQuery); </script> <textarea class="tdw-css-writer-editor td_live_css_uid_1_5a5dc1e76f1d6"></textarea> <div id="td_live_css_uid_1_5a5dc1e76f1d6" class="td-code-editor"></div> <script> jQuery(window).load(function() { if ('undefined' !== typeof tdLiveCssInject) { tdLiveCssInject.init(); var editor_textarea = jQuery('.td_live_css_uid_1_5a5dc1e76f1d6'); var languageTools = ace.require("ace/ext/language_tools"); var tdcCompleter = { getCompletions: function(editor, session, pos, prefix, callback) { if (prefix.length === 0) { callback(null, []); return } if ('undefined' !== typeof tdcAdminIFrameUI) { var data = { error: undefined, getShortcode: '' }; tdcIFrameData.getShortcodeFromData(data); if (!_.isUndefined(data.error)) { tdcDebug.log(data.error); } if (!_.isUndefined(data.getShortcode)) { var regex = /el_class=\"([A-Za-z0-9_-]*\s*)+\"/g, results = data.getShortcode.match(regex); var elClasses = {}; for (var i = 0; i < results.length; i++) { var currentClasses = results[i] .replace('el_class="', '') .replace('"', '') .split(' '); for (var j = 0; j < currentClasses.length; j++) { if (_.isUndefined(elClasses[currentClasses[j]])) { elClasses[currentClasses[j]] = ''; } } } var arrElClasses = []; for (var prop in elClasses) { arrElClasses.push(prop); } callback(null, arrElClasses.map(function(item) { return { name: item, value: item, meta: 'in_page' } })); } } } }; languageTools.addCompleter(tdcCompleter); window.editor = ace.edit("td_live_css_uid_1_5a5dc1e76f1d6"); // 'change' handler is written as function because it's called by tdc_on_add_css_live_components (of wp_footer hook) // We did it to reattach the existing compiled css to the new content received from server. window.editorChangeHandler = function() { //tdwState.lessWasEdited = true; window.onbeforeunload = function() { if (tdwState.lessWasEdited) { return "You have attempted to leave this page. Are you sure?"; } return false; }; var editorValue = editor.getSession().getValue(); editor_textarea.val(editorValue); if ('undefined' !== typeof tdcAdminIFrameUI) { tdcAdminIFrameUI.getLiveIframe().contents().find('.tdw-css-writer-editor:first').val(editorValue); // Mark the content as modified // This is important for showing info when composer closes tdcMain.setContentModified(); } tdLiveCssInject.less(); }; editor.getSession().setValue(editor_textarea.val()); editor.getSession().on('change', editorChangeHandler); editor.setTheme("ace/theme/textmate"); editor.setShowPrintMargin(false); editor.getSession().setMode("ace/mode/less"); editor.setOptions({ enableBasicAutocompletion: true, enableSnippets: true, enableLiveAutocompletion: false }); } }); </script> </div> </div> <footer> <a href="#" class="tdw-save-css">Save</a> <div class="tdw-more-info-text">Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.</div> <div class="tdw-resize"></div> </footer> </div> <script type="text/javascript" defer src="https://jolly-me.ru/wp-content/cache/autoptimize/js/autoptimize_d85127d8732b44d62e81e0455b3d3cb7.js"></script> </body> </html>