Лучшие обменники криптовалюты на рубли. Чем обменники лучше криптовалютных бирж? Как выбрать выгодный обменник криптовалют

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

Что такое расширенные сниппеты и зачем они нужны

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

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

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


Зачем нужны расширенные сниппеты

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

Вот некоторые данные о влиянии расширенных сниппетов на кликабельность ссылки на сайт в выдаче, а также на эффективность продвижения ресурса:

  • В 2011 году Marketing Tech Blog опубликовал вдохновляющие данные . По данным этого ресурса, указание авторства статей с отображением в сниппете фото журналиста обеспечило блогу рост CTR на 484 %. С тех пор много воды утекло , но цифры остались. Вдумайтесь, фото автора рядом со ссылкой на сайт увеличило CTR на сотни процентов. Пусть Google Authorship больше не поддерживается, зато есть другие типы расширенных сниппетов.
  • Мэтт Каттс прямо не подтверждает , что расширенные описания влияют на рейтинг сайтов в выдаче. Но он говорит, что в некоторых тематиках внедрение микроразметки улучшает видимость сайта. Еще раз обратите внимание, расширенные сниппеты повышают видимость сайта. Пусть речь не идет о позициях ресурса. Вам же нужны клики, а не первое место в выдаче. Кстати, Рэнд Фишкин утверждает, что клики могут влиять на позиции сайта в выдаче . Если он прав, то Мэтт Каттс лукавит, когда говорит об отсутствии влияния сниппетов на позиции.
  • Маркетинговое агентство Catalyst несколько лет назад протестировало расширенные сниппеты. Они обеспечили сайту кулинарной тематики рост CTR на 150 % .
  • По данным Search Engine Land, нидерландский сайт Independer.nl, посвященный автострахованию, с помощью расширенных сниппетов увеличил CTR ссылок в выдаче на 28 %.
  • Коллеги из SeoProfy приводят примеры увеличения CTR сайтов в выдаче. Кликабельность большого сайта выросла на 4 %, а маленького на 442 % .
  • Маркетологи из Builtvisible рассказывают об увеличении CTR с помощью расширенных описаний.

Сниппеты приносят вам дополнительные переходы на сайт. Если вы умеете конвертировать трафик, немедленно внедряйте расширенные описания. Они принесут вам новые сделки. Информация ниже поможет вам это сделать.

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

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

  • Schema.org. Этот словарь можно назвать золотым стандартом микроразметки. Его поддерживают крупнейшие поисковые системы, включая «Яндекс», Google и Bing. С помощью Schema.org вы можете описывать сотни сущностей. Благодаря этому вы можете помочь «поисковикам» отображать расширенные сниппеты разных типов. Подробную информацию о Schema.org вы найдете в нашей статье и гайде .
  • Microformats.org . С помощью языка микроформатов вы можете структурировать информацию о некоторых сущностях: людях, событиях, статьях, отзывах. Крупнейшая в рунете поисковая система «Яндекс» в данный момент поддерживает только четыре типа разметки микроформатов: рецепты, отзывы, товары и контактные данные. Поэтому возможности Microformats.org ограничены по сравнению со Schema.org.
  • Open Graph . Этот язык помогает социальным сетям отображать ссылки на ваш сайт с привлекательными описаниями. Open Graph поддерживают все наиболее популярные в рунете социальные площадки, включая Facebook, «Вконтакте», Twitter и т.п.


Каждый язык микроразметки вы можете реализовать с помощью разных типов синтаксиса:

  • Микроданные . Формат microdata считается основным средством реализации микроразметки Schema.org. Он предполагает использование тегов и атрибутов HTML для структурирования данных. Основным преимуществом микроданных остается простота использования.
  • JSON-LD . Перспективный формат передачи структурированных данных, предложенный W3C. С помощью этого типа синтаксиса вы можете реализовать микроразметку Schema.org.
  • Микроформаты. Этот синтаксис используется для реализации словаря Microformats.org.
  • RDFa . Данный формат используется для реализации языка Open Graph.

Какой язык и синтаксис выбрать

Выбирайте язык и синтаксис в зависимости от цели и задач, которые вы хотите решить. Если вам нужны расширенные сниппеты на страницах поисковой выдачи, оптимальным выбором будет Schema.org. Этот тип микроразметки поддерживают все крупные поисковые системы. Используя Schema.org, вы можете описать множество разных сущностей и получить разные типы расширенных сниппетов. Реализовать разметку Schema.org вы можете с помощью синтаксиса microdata или JSON-LD.

Если вам необходимо управлять описаниями ссылок в социальных сетях, внедрите Open Graph. Чтобы реализовать эту разметку, вы будете использовать формат RDFa. Язык Microformats.org также заслуживает внимания благодаря простоте использования.

Как получить расширенные сниппеты с помощью Schema.org

Вы можете реализовать микроразметку Schema.org несколькими способами. В нашем руководстве описывается самый сложный и самый правильный /upload/img/2015-11-11-tex-01.jpg: самостоятельная сборка кода, который необходимо указать на размечаемой странице. Если вы хотите досконально разобраться со Schema.org, обязательно воспользуйтесь руководством и разметьте вручную несколько страниц с разными сущностями.

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

Schema Creator

Веб-сервис Schema Creator - простой и удобный генератор кода микроразметки, созданный софтверной компанией Raven. Чтобы воспользоваться инструментом, вам не нужно разбираться в веб-программировании. Более того, вам не придется даже регистрироваться. Есть только два условия успешного использования инструмента. Во-первых, вам нужно знать английский язык на базовом уровне или уметь пользоваться онлайн-переводчиками. Во-вторых, вам нужно знать, куда и как вставить сгенерированный инструментом код разметки.

Представьте, что с помощью Schema Creator вы хотите разметить страницу с описанием книги. Вам нужно выбрать тип разметки «Книга» (Book).


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


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

Обратите внимание, если вы пользуетесь CMS с возможностью редактировать страницу в визуальном формате и формате HTML, выберите второй вариант.


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


В режиме редактирования HTML вы можете выбирать, в каком месте страницы вставить код. Например, вы можете оформить его в качестве врезки в середине текста или резюме в конце статьи.


Если вам по каким-то причинам не подходит веб-сервис Schema Creator, воспользуйтесь другими инструментами для генерации кода микроразметки:

  • Если ваш сайт работает на WordPress, используйте плагин Schema Creator. Прочитайте по применению этого инструмента. Кстати, вы можете использовать и другие плагины для микроразметки. Для этого введите в поисковое поле каталога плагинов WordPress запрос «Schema.org».
  • Для сайтов на Joomla! используйте редактор JCE и расширение J4Schema.org. Обратите внимание, чтобы заставить эту пару инструментов работать, вам придется потрудиться. Подробнее в инструкции .
  • Для сайтов на Drupal воспользуйтесь модулем Schema.org .
  • Существуют плагины и модули микроразметки для других популярных CMS: Magento , OpenCart , 1С-Битрикс и так далее.


Вы можете реализовать микроразметку Schema.org с помощью синтаксиса JSON-LD. Для этого воспользуйтесь инструкцией . С помощью JSON-LD вы сможете внедрить на сайт только несколько типов микроразметки: Article, Person, WebSite, searchAction и некоторые другие. Синтаксис JSON-LD имеет важное преимущество перед микроданными: с его помощью можно создавать разметку, которую «видят» только поисковые системы.

Как разметить страницу с помощью маркера Google

Вы можете получить расширенные сниппеты, разметив страницу с помощью маркера в кабинете для вебмастеров Google. Для этого авторизуйтесь в Search Console и выберите в меню «Вид в поиске – маркер».


На открывшейся странице нажмите кнопку «Начать выделение».


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


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


Убедитесь, что значение атрибута отобразилось корректно. Оно должно появиться в блоке «Мои элементы данных».


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


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

Как получить расширенный сниппет с помощью мастера разметки структурированных данных Google

С помощью мастера разметки вы можете добавить структурированные данные на страницы сайта или в HTML-код электронных писем. Авторизуйтесь в системе и укажите URL страницы, которую планируете разметить. Выберите тип данных и нажмите кнопку «Начать разметку».


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


После завершения разметки нажмите кнопку «Создать HTML». Скопируйте выделенный фрагмент с кодом разметки и вставьте на страницу сайта.


Как получить расширенные сниппеты с помощью «Яндекс.Вебмастер»

Для формирования расширенных сниппетов вы можете воспользоваться инструментами для вебмастеров «Яндекс». Для этого выберите меню «Содержимое сайта».


Выберите тип данных, которые должны отображаться в расширенном сниппете. Это могут быть «Товары и цены», «Рецепты», «Рефераты», «Отзывы», «Словари», «Автообъявления».


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

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

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

  • hCard (контактная информация).
  • hReview (отзывы).
  • hCalendar (события).

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


Как получить расширенные описания в социальных сетях

Универсальный инструмент для решения этой задачи - протокол Open Graph. Его «понимают» наиболее популярные социальные сети, включая «Вконтакте», «Фейсбук», «Твиттер», Google+ и другие.

Чтобы создать разметку Open Graph, воспользуйтесь автоматическим генератором, например, таким . Заполните необходимые данные. Скопируйте сгенерированный код и вставьте его на страницу между тегами и .


Обратите внимание, в выпадающем меню Type необходимо выбирать подходящий тип контента: статья, видео, книга и так далее.

Чтобы получить привлекательные описания в Twitter, вы можете воспользоваться Twitter Cards. Вам поможет подробная

Кристина Загорулько

Окт 02, 2014 | Время чтения: 5 мин

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

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

Почему приоритет отдается расширенным сниппетам и зачем они нужны?

  • В первую очередь потому, что они предоставляют дополнительную информацию о сайте или о конкретной его странице. По статистике, грамотно настроенный сниппет увеличивает доступность информации для пользователя на 25 %. А видя частичный ответ на свой запрос уже на странице результатов поиска, велика вероятность, что пользователь перейдет по ссылке для получения подробностей.
  • Второй фактор – это уменьшение времени на поиск той или иной информации. Предположим, пользователю срочно нужен адрес или телефон службы ремонта. Расширенный сниппет способен полностью удовлетворить его запрос. Конечно, владелец сайта не получит еще один переход, но зато он получит реального клиента.
  • И, конечно же, третий фактор – это увеличение внимания к вашему ресурсу, ведь красочные иконки социальных сетей, наличие дополнительных ссылок и т. п. выделит сайт в выдаче, что положительно скажется на кликабельности.

Когда могут быть созданы rich snippets?

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

  • страница отзывов;
  • список товаров (т.е. сайт является интернет-магазином);
  • медиафайлы: видео, музыка и др.;
  • контактная информация (физический адрес и телефон);
  • комментарии, отзывы, живое общение на сайте;
  • постоянные мероприятия, презентации, обсуждение событий и т. д.;
  • рецепты;
  • уникальный авторский контент;
  • мобильные приложения.

Наличие отзывов и звезд

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

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

Более точное описание товаров

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

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

Наличие информации о мероприятиях и презентациях

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

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

Наличие дополнительных ссылок

Также есть возможность добавить дополнительные ссылки в строку в поисковой выдаче, как это показано на следующем примере:

Хлебные крошки в выдаче

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

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

Как сделать сниппет для Google?

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

Существует три вида разметки: микроданные, микроформаты и PDF. Мы рекомендуем использовать микроданные.

Что нужно сделать, чтобы создать корректную разметку?

  1. Указать конкретные данные, которые вы хотите вывести в разметку и предоставить эти данные Мастеру разметки.
  2. Использовать сервис Мастера разметки – schema.org
  3. Получить результаты от выше указанного сервиса и разместить их на страницах вашего сайта.
  4. Дождаться индексации вашего сайта и радоваться сделанным сниппетам для Гугла.

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

Сегодня у нас очередная инфографика, которая посвящается расширенным сниппетам в

Переходим к просмотру инфографики:

PS : Если вам понравилась инфографика про расширенные сниппеты в Google, будем благодарны если вы ее поможете распространить с помощью социальных сетей и не только!

Расширенные сниппеты в Google

1. Что такое расширенный сниппет?

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

В поиске это выглядит так:

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

2. Зачем нужны расширенные сниппеты?

Здесь все предельно просто. Расширенные сниппеты решают ряд задач, вот основные:

— предоставляют больше информации о сайте

— следовательно пользователи быстрее найдут нужную информацию

— потому что графика больше привлекает, чем ее отсутствие

Конечно для владельцев сайтов цель только одна – привлечь больше внимания, следовательно больше посетителей из поиска на свой сайт.

По данному скриншоту одного из продвигаемых сайтов видно, сколько показов и сколько кликов из поиска. Соответственно и CTR сайта.

Кстати, данный сайт, про который не так давно был кейс растет и дальше, и совсем недавно посещаемость только из поиска перевалила отметку 188 000 посетителей в сутки. Посмотреть обновление в кейсе можно в конце статьи .

3. Когда и как применять расширенные сниппеты?

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

Вот основные виды расширенных сниппетов, которые Google поддерживает на момент публикации данной статьи:

Выглядит такое в поиске таким образом:

В итоге такой небольшой момент привлекает больше внимания.

Детально про отзывы смотрим в рекомендациях Google про отзывы .

Люди

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

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

Товары

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

Что на порядок упростит жизнь пользователю. Например:

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

Рецепты

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

Это сильней привлекает внимание и увеличивает долю переходов на сайт.

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

Компании и организации

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

Мероприятия

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

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

Вот так это выглядит:

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

Музыка

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

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

Видео

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

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

4. Не всегда отображаются сниппеты

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

— Google постоянно тестирует

— Выдает микро разметку, когда это больше всего актуально

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

В любом случае, всегда можно проверить, работает ли это по ссылке: www.google.com/webmasters/tools/richsnippets‎

5. Как поставить расширенную разметку Google?

Все что нужно:

— определиться с форматами разметки

— поставить нужные вам данные для отображения

— расширенные сниппеты готовы!

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

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

(от англ. snippet – отрывок, кусок ) – это небольшое описание страницы или вырванный из контекста кусок текста, который выводится на странице результатов поиска.

В Гугле сниппет берется из мета-тега description , то есть из описания статьи. Яндекс берет наиболее подходящий отрывок из текста статьи, реже берет сниппет из тега description .

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

Вот так это будет выглядеть:

Все это дает нам несколько плюсов в сравнении с другими сайтами:

  • Во-первых, в выдаче наш сайт будет отличаться от других сайтов, поэтому пользователи ПС (поисковых систем) в большинстве случаев перейдут именно на наш сайт (вспомните себя при поиске информации 🙂 , всегда есть желание перейти по блоку, который лучше оформлен) Из этого следует повышение ctr (отношение количества кликов к количеству просмотров поисковой выдачи)
  • Во-вторых, повышается доверие посетителей к нашему сайту. Фотография рядом со сниппетом показывает, что блог ведет реальный человек, который не скрывает себя.
  • Ну и наконец, мы подтверждаем авторство своих статей в гугле. То есть, если обнаружатся копии ваших статей в сети, то гугл будет знать, что автор этой статьи именно вы, и не станет понижать ваш сайт в выдаче.

Теперь давайте разберемся с тем, как сделать расширенный сниппет в google.

1. Первое что нужно сделать, это зарегистрироваться в Google+ , если вы этого еще не сделали.

2. Заполните свой профиль и добавьте туда фотографию. Особое внимание обратите на пункты Мои публикации и . В пункте Мои публикации добавите ссылку на свой сайт, а в пункте добавьте e-mail вида текст@ваш_домен.ru и подтвердите его. Очень важно, чтобы почта располагалась именно на домене вашего сайта!!!

‹a href=»google+id?rel=author»›author_name‹/a›

где google+id — это id вашего профиля.

Также можно поставить кнопку Google+ . По умолчанию там стоит другая ссылка, но я ее тоже изменил на ту, что выше.

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

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

Надеюсь у вас все получится 🙂 . Удачи! Не забудьте моего блога, чтобы первым получать интересные статьи.

Безусловно, если ваш сайт находится по какому-то запросу на первой странице выдачи поисковой системы – это хорошо. К этому нужно стремиться, это будет решающим фактором в популярности вашего проекта, и от этого будет зависеть ваша прибыль (если проект коммерческий). Но, следует заметить, что трафик на первую позицию в поиске и на 10-ю это разные вещи. Существует много статистических исследований, которые дают примерные проценты распределения трафика по позициям. Точные данные вы сможете найди где-то в другом месте. Ясно одно: чем дальше от первой позиции – тем меньше трафик. Десятая позиция в Google потенциально может дать примерно 10% от всех посетителей набравших этот запрос. И это при том, что она более кликабельная, чем 9-я (потому, что крайняя снизу).

Немного теории

Логическим завершением любого поискового запроса, сделанного человеком, должен быть переход на сайт, где есть именно то, что человек искал. После нахождения такого сайта, человек испытывает моральное удовлетворение и прекращает поиск. По-этому, если на первой странице выдачи выше вашего сайта есть много качественных и профессионально сделанных проектов – то вам стоит надеяться только на чудо. Выход один – делать качественный сайт. Но, есть все-таки один момент, который может дать немного преимущества – нужно заставить человеческий глаз сфокусироваться именно на описании вашего сайта в результатах выдачи. Я не буду затрагивать тему о том, что нужно создавать информативные сниппеты, чтобы в них был намек на то, что сайт содержит именно то, что нужно. Это все понятно. Давайте представим, что все 10 сайтов из выдачи имеют качественные информативные сниппеты. Что в этом случае можно сделать, чтобы привлечь больше внимания?

Как повысить CTR сайта в поисковой выдаче Google?

Выход есть. Чтобы увеличить кликабельность сниппета (CTR – clickthrough rate), нужно как-то визуально выделить ваш сайт в результатах поиска Google от остальных. Человек всегда будет обращать внимание на отличия в общей однородной массе. Текст описаний сайтов (сниппет) – это и есть масса, масса текста. Если не фокусироваться на каких-то отдельных словах, а смотреть как-бы сквозь текст, за него, то ничего особенного в глаза не бросается. Чтобы текст сниппета бросался в глаза нужно делать либо сгустки пикселей в какой-то части, либо делать пустое пространство, либо делать вертикальные расчески (несколько одинаковых строк текста одна под другой).

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

Как же Google формирует сниппет сайта? В формировании описания сайта в результатах выдачи принимают участие: тэг , <meta name=”description”>, содержимое параметра alt=”” первой картинки в <a href="/pots/kod-html-raspolozheniya-v-centre-kak-v-html-sdelat-vyravnivanie/">html коде</a>, текст внутренних и <a href="/error-itunes/proverka-obratnyh-vneshnih-ssylok-analiz-ssylochnoi/">внешних ссылок</a>, описание сайта в каталоге Dmoz, или просто текст со страницы сайта. Также, в <a href="/system-and-update/kak-sdelat-pravilnoe-vremya-v-vk-kak-skryt-vremya-poslednego-poseshcheniya/">последнее время</a> появилось много возможностей выделить свой сайт с помощью микроформатов для расширенных <a href="/malfunction/chto-takoe-snippet-i-kak-nastroit-snippet-v-yandeks-i-google-formula-sozdaniya/">сниппетов Google</a>. Но, это уже тема для другой статьи. Возможно, я все-таки найду в себе силы и реализую давно задуманный проект по созданию сниппетов для Google, и всему, что с этим связано.</p> <p>Если не пустой <b><title> </b> – первая строка сниппета формируется из него. Если <b><title> </b> пустой – то Google может выбрать текст первой ссылки, которая содержит набранное <a href="/malfunction/adwords-podbor-klyuchevyh-slov-klyuchevye-slova-gugl-gramotnaya-podborka/">ключевое слово</a>, если таких нет, то текст самой первой ссылки в html-коде или часть основного текста.</p> <p>Две другие строки сниппета (иногда три) формируются так, чтобы содержать текст, релевантный <a href="/applied/statistika-po-poiskovym-zaprosam-analiz-poiskovyh-zaprosov-kak/">поисковому запросу</a>. Если <b><meta name=”description”> </b> не пустой и релевантен запросу, то описание сайта берется из него. Есть определенный <a href="/oshibki-i-devajjsov/css-dinamicheskaya-izmenenie-razmerov-forma-dinamicheskoe-izmenenie/">максимальный размер</a> <b>description </b>, если текста в нем мало, то Google заполняет <a href="/pots/chto-zanimaet-bolshe-vsego-mesta-kak-uznat-chto-zanimaet-mesto-na-diske/">свободное место</a> релевантными кусками из текста. Если <b><meta name=”description”> </b> пустой, но параметр <b>alt=”” </b> первой картинки <b><img> </b> не пустой, то берется этот текст. Если <b>description </b> нерелевантен запросу, то описание сайта фомируется из кусков релевантного текста (на усмотрение Google).<br> Если сайт присутствует в <b>Dmoz </b>, то Google может брать данные для сниппета оттуда. Чтобы отключить показ описания сайта из Dmoz, нужно вставить на сайт этот html-код: <b><meta name=”robots” content=”noodp”> </b>.</p> <p>Для того, чтобы влиять на создание сниппета, нужно из всего выше перечисленного выделить самый <a href="/the-sounds-and-music/probit-domennoe-imya-i-vot-kak-eto-bylo-podbor-podhodyashchego-varianta/">подходящий вариант</a>: <b><title> должен быть не пустой </b>; <b><meta name=”description”> не пустой, релевантный запросу, не короткий </b>. Дальше, дело техники.</p> <h2>Оптимизация сниппетов Google. Перейдем к практике </h2> <p>Задача: сфокусировать глаза пользователя на описании вашего сайта. Я предлагаю делать сгустки в тексте. Для этого очень хорошо подходит любое повторение одного и того же символа много раз: AAAAAAAAA, WWWWWWWWW, iiiiiii, 88888, @@@@@@@@, ##########, [[[[[[[[, < <<<< >>>>>>, и так далее. Любые графические спецсимволы тоже подойдут: ❄ ❆ ☀ ☁ ☂ ☔ ☽ ★ ☎ ☘ ☙ ☢ ☑ ☒ ☯ ☗ ☰ ☱ ☲ ☲ ☴ ☵ ☶ ☷ ☻ ♠ ❤ ♦ ◆ ♨ ♬ ♻ ♼ ⚀ ⚅ ⚈ ⚉ ⚑ ⚫ ▂ ▃ ▅ ▆ ██ ▒▓ ▀▄▀▄ ═ ╬ ╦ ╩ ╦ ❥ ✿ ❋ ✩ ✮ ✯ ✰ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ .</p> <p>Вся сложность заключается в том, чтобы забить текстом <b>description </b> под завязку, и заставить Google перенести текст на вторую строку так, как нам нужно. Это не так сложно, нужно знать всего пару нюансов. На самом деле этот перенос делается браузером, когда превышается ширина поля, содержащее текст (за это отвечает гугловский css-класс). Ну, и максимальный размер description у меня получился 155 символов. Тоесть, нужно сделать такой блок текста, чтобы он был по максиму близок к 155 символам и произошел принудительный перенос в нужном нам месте на вторую строчку. Управлять переносом можно, зная, что браузер не разрывает слова. Единственное замечание, нельзя просто взять и сделать всю вторую строчку из одного неразрывного слова – google ее не примет и поставит троеточие (…). нужно внутри вставить слова и символы, которые гугл понимает как пробел: дефис, подчеркивание (я еще не протестил все <a href="/application/proshivka-ios-8-oblachnoe-hranilishche-icloud-drive-vozmozhnye-varianty-obnovleniya/">возможные варианты</a>, иногда хвост такого описания после слова обрубает до самого конца). Старайтесь пока во второй строчке привязывать подобный “хвост” после текста не пробелом.</p> <h2>Закрепим полученную информацию на реальном примере</h2> <p>Так как я уже начал замечать в <a href="/apps-and-books/gugl-ili-yandeks-chto-luchshe-sravnenie-vedushchih-konkurentov-vsemirnoi-seti/">выдаче Google</a> сайты, которые используют мои методы создания сниппетов, то считаю, что пришло время расскрыть немного свои карты .</p> <p><img src='https://i2.wp.com/saney.ru/wp-content/uploads/2011/10/snippets1.gif' width="100%" loading=lazy></p> <p>В этом сниппете используется “#” в title и description. Несколько таких символов подряд отлично концентрируют на себе внимание.<br> Звездочки ★ тоже очень сильно заметны. Здесь я использовал их, чтобы изобразить рейтинг отзывов. Получилось неплохо. Я думаю, что слово “««- recommended” тоже не останется без внимания, ведь возле остальных сайтов такой надписи нет. Также, в сниппете присутствует email компании. Но, больше всего привлекает внимание конечно же эта конструкция с ❺. На другом сайте, где ипользуется подобный шаблон сниппета, средний CTR 9-й позиции на 1-й странице <a href="/applied/problema-s-virusom-podmeny-rezultatov-poiska-google-polnaya-instrukciya-po/">результатов Google</a> равен примерно 12%. Это <a href="/error-itunes/vyiti-iz-gugl-marketa-kak-vyiti-iz-akkaunta-google-play-market-udalenie/">данные Google</a> Webmasters Tools за последние 3 месяца.</p> <p><b>Как это можно сделать? </b></p> <p>Эту красоту можно сделать с помощью специальных микроформатов данных, которые <a href="/reviews/pochta-gugl-gmail-mobilnaya-prilozhenie-elektronnaya-pochta-gmail-v-google-mail-uzhe/">Google уже</a> давно использует при отображении сайтов. Я не буду в этой статье расписывать подробно, что это, а остановлюсь на нашем примере.</p> <p>Чтобы сделать такой сниппет с ❺, нужно вставить в html-код вашего сайта такой текст:</p> <p><div xmlns:v=”http://rdf.data-vocabulary.org/#”><br> <span typeof=”v:Breadcrumb”><a href=”http://вашсайт.com/” rel=”v:url” property=”v:title”>Ваш текст</a> › </span><br> <span typeof=”v:Breadcrumb”><a href=”http://вашсайт.com/раздел-сайта.php#content” rel=”v:url” property=”v:title”>❺❺❺❺❺</a> › </span><br> <span typeof=”v:Breadcrumb”>Ваш текст</span><br> </div></p> <p>В результате моих экспериментов был найден способ, как заставить Google показывать один и тот же текст возле URL сайта. А также была решена проблема с показом такого сниппета для главной страницы сайта. Для этого нужно в структуре Breadcrumb в том месте, где прописывается внутренний раздел сайта, просто дописать так называемую “хеш-ссылку” к <a href="/error-itunes/ne-poluchaetsya-sdelat-yandeks-startovoi-stranicei-kak-sdelat/">главной странице</a> /#hash. Где hash – это id какого-нибудь элемента на вашей странице.</p> <p>Также, стоит заметить, что Google уже обратил внимание на такие сниппеты. Если раньше можно было использовать такие приколы как ▀▄▀▄▀ или ████ ☑, то сейчас многие из таких символов уже запрещены к показу возле URL. Или же они показываются только в региональных выдачах, а в google.com не работают (или работают, но хлебные крошки должны быть короткими и начинаться с буквы).</p> <p><img src='https://i0.wp.com/saney.ru/images/snippets.gif' height="73" width="350" loading=lazy></p> <p>Еще одна фича, которая все-еще работает – это возможность прописать в Breadcrumb URL другого сайта (вместо ссылки на раздел сайта, не home page) . Тогда со сниппета Google можно будет переходить на другой сайт, если пользователь кликнет по такой ссылке, как ❺❺❺❺❺ в нашем примере. Это может быть использовано “черными оптимизаторами”, чтобы без ипользование редиректов направлять трафик из профилей форумов на свои сайты. Или же можно использовать в качестве другого url сервис bit.ly, чтобы узнать как пользователи кликают на сниппет.</p> <h2>Генератор сниппетов для Google</h2> <p><i>Данная статья была написана в 2008 году, после нескольких лет успешного применения описанных техник на практике. С тех пор многое изменилось, но основная идея осталась прежней. </i></p> <p>Не забудьте понажимать на <a href="/applied/servisy-podelitsya-v-soc-setyah-share-nastroiki-vybor-stilya-knopok-dlya/">социальные кнопки</a>, если вам понравилась статья </p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <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> </article> </div> </div> <div id="secondary"> <aside id="search-2" class="widget widget_search clearfix"> <form action="/" class="search-form searchform clearfix" method="get"> <div class="search-wrap"> <input type="text" placeholder="Поиск" class="s field" name="s"> <button class="search-icon" type="submit"></button> </div> </form> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widget-title"><span>Свежие записи</span></h3> <ul> <li> <a href="/reviews/simvol-zapyataya-sverhu-stavim-verhnyuyu-zapyatuyu-na-klaviature-pri/">Ставим верхнюю запятую на клавиатуре при помощи комбинации клавиш</a> </li> <li> <a href="/security/chto-delat-esli-ne-rabotaet-pk-kompyuter-vklyuchaetsya-no-slyshen/">Компьютер включается, но слышен сигнал</a> </li> <li> <a href="/error-itunes/kak-sozdat-temu-dlya-windows-kak-sozdat-temu-oformleniya-temy-dlya-windows-7/">Как создать тему оформления Темы для windows 7 создать самому</a> </li> <li> <a href="/instructions/voevodin-mihail-viktorovich-voevodin-mihail-viktorovich-otryvok/">Воеводин михаил викторович Отрывок, характеризующий Воеводин, Михаил Викторович</a> </li> <li> <a href="/malfunction/blog-o-tvorchestve-i-vdohnovenii-istochniki-vdohnoveniya-blog-oli-orlovoi/">Блог о творчестве и вдохновении</a> </li> <li> <a href="/the-sounds-and-music/desyatichnyi-klassifikator-udk-isbn-udk-bbk-shtrihovye-kody-vyhodnye/">ISBN, УДК, ББК, штриховые коды, выходные данные</a> </li> <li> <a href="/malfunction/kak-ispolzovat-telefon-kak-modem-kak-prokachat-svoi-smartfon/">Как прокачать свой смартфон</a> </li> <li> <a href="/instructions/naselenie-kalpe-kalpe-calpe-kosta-blanka-alikante-osnovnye-dostoprimechatelnosti-kalpe/">Кальпе (Calpe), Коста-Бланка, Аликанте</a> </li> </ul> </aside> <aside id="text-5" class="widget widget_text clearfix"> <div class="textwidget"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script> <div id="vk_groups"></div> </div> </aside> <aside id="text-4" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> <aside id="text-3" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> </div> </div> </div> <footer id="colophon" class="clearfix"> <div class="footer-socket-wrapper clearfix"> <div class="inner-wrap"> <div class="footer-socket-area"> <div class="footer-socket-right-section"> </div> <div class="footer-socket-left-sectoin"> <div class="copyright">© 2024 <a href="/" title="olegshein.ru"><span>olegshein.ru</span></a>. Компьютерный клуб Олега Шейна.<br></div> </div> </div> </div> </div> </footer> <a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a> </div> <script type="text/javascript"> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "colormag_right_sidebar", "margin_top": 10, "margin_bottom": 0, "stop_id": "", "screen_max_width": 0, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-3'] }; </script> <script type="text/javascript"> (function(w, doc) { if (!w.__utlWdgt) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset = 'UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h = d[g]('body')[0]; h.appendChild(s); } })(window, document); </script> <div style="text-align:left;" data-lang="ru" data-url="/global-blue-vozvrat-tax-free-v-minske/" data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="common" data-share-style="1" data-mode="share" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="fixed-left" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp.ps.mr.ln." data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.ok.wh.vb." data-pid="cmsvpolshuby" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="true" data-selection-enable="true" class="uptolike-buttons"></div> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/bootstrap-2.3.2/js/bootstrap.min.js?ver=2.3.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.validate.min.js?ver=1.15.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var pwebcontact_l10n = pwebcontact_l10n || {}; pwebcontact_l10n.form = { "INIT": "Initializing form...", "SENDING": "Sending...", "SEND_ERR": "Wait a few seconds before sending next message", "REQUEST_ERR": "Request error: ", "COOKIES_ERR": "Enable cookies and refresh page to use this form" }; /* ]]> */ </script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.pwebcontact.min.js?ver=2.3.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/simple-tooltips/zebra_tooltips.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "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://olegshein.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/wp-cloudy/js/wp-cloudy-ajax.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/modernizr.custom.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/navigation.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script> <div id="pwebcontact1" class="pwebcontact pweb-bottom pweb-offset-right pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal" dir="ltr"> <div id="pwebcontact1_toggler" class="pwebcontact1_toggler pwebcontact_toggler pweb-closed pweb-theme-free"> <span class="pweb-text">Есть вопросы?</span> <span class="pweb-icon"></span> </div> <div id="pwebcontact1_box" class="pwebcontact-box pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal pweb-init" dir="ltr"> <div class="pwebcontact-container-outset"> <div id="pwebcontact1_container" class="pwebcontact-container"> <div class="pwebcontact-container-inset"> <form name="pwebcontact1_form" id="pwebcontact1_form" class="pwebcontact-form" action="/" method="post" accept-charset="utf-8"> <div class="pweb-fields"> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-name pweb-field-name"> <div class="pweb-label"> <label id="pwebcontact1_field-name-lbl" for="pwebcontact1_field-name"> Имя </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="text" name="fields[name]" id="pwebcontact1_field-name" autocomplete="on" class="pweb-input" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-email pweb-field-email"> <div class="pweb-label"> <label id="pwebcontact1_field-email-lbl" for="pwebcontact1_field-email"> Email <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="email" name="fields[email]" id="pwebcontact1_field-email" autocomplete="on" class="pweb-input required" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-textarea pweb-field-message"> <div class="pweb-label"> <label id="pwebcontact1_field-message-lbl" for="pwebcontact1_field-message"> Сообщение <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <textarea name="fields[message]" id="pwebcontact1_field-message" cols="50" rows="5" class="required" data-role="none"></textarea> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-buttons"> <div class="pweb-field"> <button id="pwebcontact1_send" type="submit" class="btn pweb-button-send" data-role="none">Отправить</button> </div> </div> </div> </div> </div> <div class="pweb-msg pweb-msg-after"> <div id="pwebcontact1_msg" class="pweb-progress"> <script type="text/javascript"> document.getElementById("pwebcontact1_msg").innerHTML = "Initializing form..." </script> </div> </div> <input type="hidden" name="5eb40beb9e" value="1" id="pwebcontact1_token"> </form> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(function() { jQuery(".tooltips img").closest(".tooltips").css("display", "inline-block"); new jQuery.Zebra_Tooltips(jQuery('.tooltips').not('.custom_m_bubble'), { 'background_color': '#000000', 'color': '#ffffff', 'max_width': 250, 'opacity': 0.95, 'position': 'center' }); }); </script> <script type="text/javascript"> jQuery(document).on('ready post-load', function() { jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create"]').addClass('nolightbox'); }); jQuery(document).on('ready post-load', easy_fancybox_handler); jQuery(document).on('ready', easy_fancybox_auto); </script> <div id="mistape_dialog" data-mode="comment" data-dry-run="0"> <div class="dialog__overlay"></div> <div class="dialog__content"> <div id="mistape_confirm_dialog" class="mistape_dialog_screen"> <div class="dialog-wrap"> <div class="dialog-wrap-top"> <h2>Сообщить об опечатке</h2> <div class="mistape_dialog_block"> <h3>Текст, который будет отправлен нашим редакторам:</h3> <div id="mistape_reported_text"></div> </div> </div> <div class="dialog-wrap-bottom"> <div class="mistape_dialog_block comment"> <h3><label for="mistape_comment">Ваш комментарий (необязательно):</label></h3> <textarea id="mistape_comment" cols="60" rows="3" maxlength="1000"></textarea> </div> <div class="pos-relative"> </div> </div> </div> <div class="mistape_dialog_block"> <a class="mistape_action" data-action="send" data-id="389" role="button">Отправить</a> <a class="mistape_action" data-dialog-close role="button" style="display:none">Отмена</a> </div> <div class="mistape-letter-front letter-part"> <div class="front-left"></div> <div class="front-right"></div> <div class="front-bottom"></div> </div> <div class="mistape-letter-back letter-part"> <div class="mistape-letter-back-top"></div> </div> <div class="mistape-letter-top letter-part"></div> </div> </div> </div> </body> </html>