THE BELL

Есть те, кто прочитали эту новость раньше вас.
Подпишитесь, чтобы получать статьи свежими.
Email
Имя
Фамилия
Как вы хотите читать The Bell
Без спама

О том, как правильно составлять тайтлы.

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

В общем, в этой статье - все, что нужно знать о том, как правильно составить title, description для сайта.

Что такое Title?

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

Как выглядит?

В браузере

В поисковой выдаче

Почему это важно?

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

Общие принципы

Фундаментальные истины, которые состоят всего из 9 пунктов

  1. Очень много заголовков title составлены криво и неправильно.
  2. Чтобы правильно составить тег Title нужно провести предварительный анализ.
  3. Нужно уметь внимательно составлять семантическое ядро.
  4. Нужно уметь анализировать ядро.
  5. Нужно уметь отличать человеческое от роботизированного.
  6. Нужно распределять семантику между страницами.
  7. Нужно обладать ясным умом.
  8. Нужно читать книги.
  9. Нужно тратить время.

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

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

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

Кстати, эксперементирование с Title помогло нам .

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

Составление тайтлов без сбора семантического ядра

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

Title : Магазин климатической техники Климадом - Климатическая техника и кондиционеры в Москве и Московской области

Этому сайту достаточно прописать правильный тайтл и оптимизировать страницу, чтобы мгновенно вырасти в выдаче.

А ведь владельцы старались, платили деньги за создание, наполнение и даже функционал автоматического вывода сообщения о графике работы после 18–00 вывели.

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

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

Прилагательные

  • По коммерческим ключевым запросам

Использование прилагательных в теге title неоправданно. Я не рекомендую такие слова как лучший , выгодный , самый , огромный .

  • По информационным ключевым запросам

Использование прилагательных повышает CTR. Важно! Содержание контента должно соответствовать использованным прилагательным.

Стоп-слова в title

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

Самые популярные стоп-слова: и, или, о, к, я, не, до и т. д.

Исключение: фразеологические обороты «быть или не быть»

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

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

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

В каких случаях использование города (топонима) оправдано:

  • Если компания работает в одном регионе.
  • Если компания работает в нескольких регионах или имеет в этих городах представительство или другое конкурентное преимущество.
  • Если содержимое страницы заточено под город (объявления и т. д.).

Верхний регистр

Не используйте ВЕРХНИЙ РЕГИСТР при формировании Title. Выделяйтесь содержанием и умом.

Шаблоны для title

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

Купить в интернет-магазине

Комплекс ошибок в одном title

Постельное белье купить по доступной цене в интернет-магазине Brand с доставкой в Екатеринбург, Пермь, Челябинск, Тюмень, Уфу, Курган, Сургут, Салехард

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

Сбор предварительных данных

Большая часть ошибок с составлением метаданных связано с использованием некорректных предварительных данных о структуре и семантическом ядре. Проще говоря: нет понимания какие запросы продвигаются на конкретную страницу.

Последовательность действий очень простая:

  • Составляем структуру сайта.
  • Разбиваем группы запросов под конкретные страницы.
  • Составляем семантическое ядро.

Никаких тайтлов без структуры

После видео я получил несколько вопросов о title, в которых фигурировала одинаковая ошибка. Разберем одно из них:

В приложении следующая семантика для страницы:

Вот, собственно, ответ:

Соответственно тайтл изначально был следующий:

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

При том, что нужно создать отдельную страницу Оценка квартиры для суда и тайтл будет таким:

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

Правило №1 : title можно составить правильно только при грамотно сформированной структуре сайта.

Пример структуры:

На сайте такая структура может выглядеть так:

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

Нужно точно знать, какую фразу правильнее писать в title - Раскрутка сайта или раскрутка сайтов, ремонт квартиры или ремонт квартир?

Ведь очень часто оптимизаторы не проверяют этот параметр перед составлением метаданных:

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

Как правильно составить Title

Инструменты для анализа

После подготовительной работы можно приступить к составлению title для страниц сайта.

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

  1. Смотрим поисковую выдачу и метаданные конкурентов.
  2. Смотрим семантическое ядро и уточненную частоту.

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

В title конкурентов можно найти новые идеи или запросы, которые по какой-то причине были пропущены в семантическом ядре. Очень часто можно найти неочевидные слова, синонимы и т. д.

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

Длина title

Оптимальная длина title варьируется от 55 до 90 символов.

В выдаче Яндекса количество символов в Title до 68, в выдаче Google до 59 символов.

Основные правила следующие:

  • Главное ключевое слово стоит в начале title.
  • Все слова, обладающие наибольшей уточненной частотой нужно размещать в первые 55 символов.
  • Все остальные слова можно разместить сегменте от 55 до 90 символов.

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

Региональные запросы

Если бизнес нацелен на локальный рынок, в title необходимо использовать название города (топоним).

Главное правило для региональных сайтов: топоним должен быть в самом начале title.

Неправильно :
Купить кондиционер. Продажа кондиционера в Москве

Не пишите название страны в title (в России, в Украине). В редких случаях когда у Вас большой каталог с регионами для корневой категории так можно делать. Во всех остальных случаях - нет.

Правильно :
Купить кондиционер в Москве. Цены, продажа, установка кондиционеров в Москве.

Символы

Здесь правило очень простое и универсальное:

Вы можете использовать символы, которые есть в title у ваших конкурентов.

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

В порядке приоритета я использую следующие символы: запятая, точка, тире, двоеточие.

Редкие символы в Title

Тут нужно экспериментировать, и отслеживать увеличивается ли CTR после их внердрения.

Протестировать как будет выглядеть сайт с символами в Title можно в генераторе сниппетов .

Бренд в title

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

  1. Купить кофеварку в Москве в интернет-магазине Кофеваркин (лучший вариант).
  2. Купить кофеварку в Москве - интернет-магазин Кофеваркин.
  3. Кофеваркин: купить кофеварку в Москве (не рекомендуется).

Количество ключевых слов

Техника: Здравый смысл

Title : Самый большой интернет-магазин детских игрушек нельзя назвать правильным. Но по ряду других факторов: контент на сайте, перелинковка, ссылки на домен этот сайт находится в топ 3 выдачи по запросу «Игрушки».

В данной ситуации title главной можно не трогать. Хотя его нельзя назвать идеальным.

Title для карточек товара

Карточка товара в интренет-магазинах — пример типовых страниц, для которых составление тайтлов должно быть автоматизировано.

Шаблон обычно состоит из:

  • названия товара
  • слова купить
  • региона
  • названия интернет-магазина

Пример

Фитнесс трекер Xiaomi Mi Band 2 купить в Одессе — Citrus

Пример создания нового title

На примере запроса «Корректирующее белье милавица»

Вот какие тайтлы сейчас в выдаче

Более-менее корректные title у 3 и 4 места в выдаче.

Составляем семантику, смотрим подсказки:

Уточняем частоту запросов:

Автоматизировать процесс я предлагаю с помощью кейколлектора.

В итоге получаем следующие варианты Title:

  1. Корректирующее белье Милавица - каталог, купить утягивающее женское белье Милавица в интернет-магазине
  2. Купить корректирующее белье Милавица: каталог, утягивающее женское белье Милавица в интернет-магазине

Узнайте больше о .

Старый title: Бесплатные программы для проектирования домов, обзор, скачать программу для планировки дома

Новый title: Бесплатные программы для проектирования домов: обзор, скачать программу для создания 3D проекта и планировки дома - Название сайта

Очень важно не забыть о том, что саму статью тоже необходимо доработать.

Интересный кейс по доработке метаданных представлен в статье:

Изучение семантики и добавление года в title повлияло на рост трафика более чем в 4 раза.

Выводы

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

Общие выводы следующие:

  • Правильный тайтл = выше CTR в поисковой выдаче чем у конкурентов;
  • Сначала только самое частотное слово или фраза;
  • В первых 55 символах используйте самые частотные слова;
  • Никогда не делайте title в отрыве от семантического ядра;
  • Всегда грамотно распределяйте страницы в зависимости от ключевых запросов;
  • Используйте разделители;
  • Изучайте title конкурентов;
  • Используйте только частотные ключевые слова;
  • Не забывайте про текст;
  • Сделайте так, чтобы title хорошо смотрелся и читался;
  • Не делайте перечень ключевых слов;
  • Не воруйте у эталонов и вообще не воруйте.

Кстати, этот принцип мы использовали при , где сайт вырос до 3 млн. поискового трафика в месяц.

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

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

Необходимо улучшить Title для сайта? консультацию команды Livepage.

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

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

Т ег Title

От того, насколько привлекательно в глазах пользователя выглядит заголовок (это содержимое title) и страницы в результатах поисковой выдачи, зависит их выбор в её пользу. Даже, если ваш сайт будет находиться в поисковой выдаче, скажем, на 7-ом месте, то переходов на него может быть больше, чем на сайт, занимающий 4-ое место. Особенно, если у него заголовок и сниппет привлекательные, т.е. составлены правильно.

Пример поисковой выдачи в Google:

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

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

Максимальная длина заголовка, которую я обнаружил у Google - 59 символов с пробелами. Теперь обратимся к результатам выдачи Яндекса:

Аналогичный заголовок в результатах поиска Яндекса составил 55 символов - остальные слова тега title в него не попали. Но обратите внимание, основное ключевое словосочетание состоит из заглавных букв. Если буквы будут строчные, то количество символов в заголовках результатов выдачи увеличивается. Смотрим на следующий скриншот:

Результат 5-ой позиции в выдаче - 68 символов (это максимум). Делаем вывод: длина title может составлять около 60-65 символов с пробелами, самое важное должно располагаться ближе к началу и, желательно, не превышать 55 символов.

Внимание: не следует помещать в title, а также в keywords, слова, которых нет на странице.

М ета-тег Description

Содержание сниппета поисковики составляют из description или выбирают фрагмент текста из страницы. Мета-тег description дает краткое описание веб-страницы. Целесообразно тщательнее отнестись к его составлению, даже если он не будет использован каким-то поисковиком для создания сниппета. Рекомендуемая длина 150-200 символов с пробелами (максимальный сниппет Яндекса - 182, у Google - 140).

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

В Google и видим: Тег title на странице это второй по важности (после контента) фактор, который дает большое влияние на релевантность сайта.

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

Заголовок страницы и тег title

Давайте начнём с азов. Любую веб-страницу нужно рассматривать с двух точек зрения.

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

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

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

Поисковые боты считают заголовком текст, который окружен в html версии страницы в парные теги title.

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

Тег Title

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

Синтаксис тайтла:

Заголовок веб-документа

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

В завершении этого раздела, замечу, что title попадает почти в начало блока head веб-страницы, и не входит в тело страницы – блок body. Это замечание понадобится чуть ниже.

Правильный заголовок страницы

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

Ключи в title

Обращаемся к «закону» и в 12 параграфе 200 факторов Google (ссылка выше), читаем:

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

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

Давайте посмотрим, что по этому поводу говорит Яндекс. https://yandex.ru/support/webmaster/recommendations/presentation.xml

Заголовок страницы это текст, определяемый тегом . С его помощью вебмастер дает понять поисковой системе, что содержится на странице … это в некотором роде, визитная карточка вашего ресурса. Хорошо, если заголовок не только содержит ключевые слова, но также информативен и актуален.</p> </blockquote><p>Как видите, позиция Яндекс по включению ключа в заголовок страницы аналогична, а вот рекомендаций по его размещению в начале заголовка нет.</p><p>Однако важно, чтобы ключевая фраза в заголовке попала в «нормативную» длину заголовка, которая есть у каждого поисковика.</p><p><b>Во-первых </b>, длина заголовка страницы может быть любой. Вы можете вставить в заголовок хоть целый абзац. Поисковые системы просто обрежут заголовок и используют его начало, поставив после резки троеточие.</p><p>Это значит, что рекомендуемая длина заголовка важна, для попадания в эту длину ключа страницы. И разумно, из-за меняющихся правил поисковиков, ключевую фразу разместить ближе к началу title, чтобы после очередного изменения правил не пришлось переписывать все тайтлы.</p><p><img src='https://i0.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-title.png' align="center" width="100%" loading=lazy><br><img src='https://i0.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-dlina-title.png' align="center" width="100%" loading=lazy></p><p><img src='https://i1.wp.com/seojus.ru/wp-content/uploads/2018/06/optimalnaja-dlina-title-seo.png' align="center" width="100%" loading=lazy></p><ul><li>Длина заголовка для Яндекс продвижения не более 15 слов или 80 знаков;</li><li>Google учитывает первые 12 слов title или 70 знаков.</li> </ul><p>На практике я не нашел в выдаче ни Яндекс, ни Google не обрезанных заголовков длиннее 55 знаков. Причем, Яндекс режет длинный заголовок до 35-39 знаков очень часто.</p><p>На своих сайтах, я не думаю о длине заголовка. На сайтах WordPress за длиной title следит SEO плагин, а на Joomla я просто пишу ключ в начало, а длину заголовка делаю разумной по смыслу.</p><h3>Стоп слова </h3><p>Русский язык богат связывающими словами, которые поисковики считают лишними. К ним относятся служебные части речи, местоимения, слова, не несущие дополнительного смысла. Они автоматически исключаются из запроса пользователя.</p><p>Моё мнение по поводу стоп слов такое. Неуместно, если title будет состоять из одних стоп слов. Например, «Хотел я, то есть, то не есть» (глагол «есть» стоп-слово) или «Если мне не до того, как я могу не есть». Если заголовок написан осмысленно и выражает точную мысль, то 2-3 стоп-слова ему не помешают. Например, «Как выбрать лодку для рыбалки». Слово «Как» для Google, в начале заголовка можно убрать. Для Яндекс не обязательно.</p><h3><span>Заголовок, литература и интеллектуальный поиск </span></h3><p>Последние тенденции интеллектуального поиска добавили к стоп словам целые построения фраз, которые нужно (желательно) избегать. А именно избегайте в заголовке:</p><p>Важно заметить, что перечисленные «последние тенденции», скорее относятся к литературному написанию заголовка, а не его оптимизации. Хотя в SEO есть такое понятие, как читабельность и его значение всё более увеличивается.</p><h3><span>Знаки препинания в title </span></h3><p>К знакам препинания относятся символы: () — = / \ ! ? | + _ . : ;. Вопрос таков, можно ли их использовать в правильном заголовке страницы?</p><p>Давайте подумаем. Правильный заголовок страницы это заголовок понятный поисковому боту. Бот «читает» текст по символам и тегам. Если он видит тег <p>Он «читает» это новый абзац. Если он видит символы точка (.), восклицательный знак (!) или вопросительный знак (?), бот разбивает фразу на так называемые пассажи – независимые смысловые части.</p> <p>Заголовок окна браузера Title - один из важнейших элементов SEO-оптимизации страницы. Что такое Title и что в нем писать? Какая должна быть его длина? Правила и примеры составления хорошего Title.</p> <h2>Что такое Title?</h2><p>Тег Title является заголовком окна браузера и одним из самых важных элементов SEO-оптимизации страницы. Заголовок Title по-умолчанию является заголовком поискового сниппета, и от качества его составления будет зависеть не только релевантность документа поисковым запросам, но и CTR (кликабельность) сниппета. В каждой вкладке браузера вы можете увидеть заголовок Title конкретной страницы.</p><p>Наряду с правильно составленный Title может привлечь внимание пользователей, которые думают, какую вкладку в поисковой выдаче им открыть. Некачественно составленный Title может не раскрыть содержания страницы, и тогда пользователь уйдет к вашим конкурентам.</p><p><img src='https://i2.wp.com/naked-seo.ru/wp-content/uploads/2018/09/title-2.png' width="100%" loading=lazy></p><p>Заголовок сниппета, в отличие от мета-описания, отображается более крупным шрифтом и подсвечивается синим цветом как в Яндекс, так и в Google. Title является основным звеном привлечения внимания пользователей, именно поэтому его оптимизации уделяется столько внимания .</p><h3>Чем отличается title от h1?</h3><p>Имеет схожие черты с title, однако, это два совершенно разных тега. H1 заголовок отображается непосредственно на странице, отражает общее ее содержание для пользователей и обобщает всю семантику документа в единое ключевое слово. Title, в свою очередь, является заголовком окна браузера, непосредственно на странице он не отображается, и является источником информации для поисковых систем, которые по содержанию данного тега отчасти получают представление о релевантности страницы тем или иным запросам. Если h1 пользователь видит уже после перехода на сайт, то title он видит до.</p><p>В отличие от h1 заголовка title:</p><ul><li><i> </i> Должен быть оригинальным, представлять интерес для пользователей, повышать CTR сниппета;</li><li><i> </i> Может включать в себя дополнительные ключевые слова.</li> </ul><p><i> </i>Объединяет title и H1 то, что оба данных тега должны содержать общие ключевые слова. Одинаковыми эти теги могут быть для категорий и навигационных разделов сайта, это поможет поисковикам корректно сформировать быстрые ссылки на сайт . В остальных случаях вам нужно ориентироваться на свои цели: вы можете сделать title и h1 уникальными, чтобы расширить семантику документа, либо оставить их одинаковыми, если документ отвечает только конкретному ключевому запросу .</p><h2>Синтаксис тега title</h2><p>Title является парным тегом (не путайте с атрибутом title) и располагается в пределах тега <head> с прочей служебной и мета-информацией. Сам по себе тег не имеет атрибутов и содержит только текстовую информацию, которая отображается во вкладке браузера, и не фигурирует на странице непосредственно. В HTML-коде документа имеет следующий вид:</p><p> <head> <title>Заголовок окна браузера

Чтобы посмотреть title и description чужого сайта , выполните следующие действия:

Для чего нужен title?

Title является одним из самых важных тегов любой страницы. Он выполняет следующие функции:

  • Представляет семантическую важность для поисковых систем . Наряду с мета-тегами title передает поисковым системам информацию о содержании web-страницы. Title является одним из . Его корректное заполнение может повысить релевантность вашего документа по тем ключевым запросам, под которые вы оптимизируете данный документ. Некорректное заполнение title с высокой долей вероятности негативно скажется на представлении вашего сайта в поиске.
  • По-умолчанию является заголовком страницы в результатах поиска . Title, в первую очередь, информирует посетителей о содержании страницы, на которую они собираются перейти. Если вы до перехода пользователя на сайт, сообщаете ему, что на web-странице находится релевантная информация, которая соответствует его запросу, с высокой долей вероятности он посетит ваш сайт. Также Title сильно влияет на CTR сниппета. Чем более привлекательный и кликабельны title вы создадите, тем больше будет показатель кликабельности.
  • Упрощает навигацию пользователям в браузере . Title, как говорилось ранее, отображается во вкладках браузера, и позволяет пользователю ориентироваться среди множества открытых вкладок. Также заголовок по-умолчанию является названием закладок в браузере. Если пользователь решит сохранить ваш сайт как закладку, именно title автоматически подставится в ее название.
  • По-умолчанию является заголовком поста при шеринге в социальных.сетях . Если вы поделитесь ссылкой на свой сайт в любой социальной сети, она автоматически сформирует блок с информацией о данной странице. Заголовок данного блока берется из тега title. Если вы активно пользуетесь социальными сетями, следите, чтобы title ваших страниц был в них презентабелен, и передавал читателям не набор слов, а привлекательный смысловой посыл о содержании страницы .

Что писать в title?

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

Как оптимизировать заголовок страницы title?

Оптимальная длина заголовка страницы title - 50-70 символов . Если заголовок по длине будет превышать установленное значение, он будет обрезан поисковыми системами. Поэтому в процессе составления title, представьте, как он будет отображаться в поисковых системах, из которых вы планируете привлекать трафик, не нарушится ли его смысл, будет ли он информативным, если не уместится в ограниченный диапазон символов. Максимально отображаемый title в Яндекс составляет до 60 символов (как правило, не более 55), в Google до 70 символов (как правило, не более 65). Однако поисковые системы могут обрезать title и на 45, и даже на 40 символах, если посчитают последующее содержимое не целостным или не релевантным запросу. Чаще такая ситуация происходит, когда в заголовке страницы используются знаки препинания и стоп слова: союзы, запятые, двоеточия, тире и т.д.

Максимальным размер отображаемого заголовка определяется не столько количеством символов, сколько ограничением ширины блоков сниппетов. В Яндексе максимальная ширина блока составляет 536 пикселей, в Google 600 пикселей. Соответственно на количество символов в первую очередь влияет ширина самих символов, количество латинских букв, количество пробелов и заглавных букв. К примеру, в блок одинаковой ширины поместится гораздо больше символов "i", чем "Я".

Title должен быть кратким, осмысленным и понятным заголовком страницы, соответствующим ее содержанию. Старайтесь размещать ключевое слово как можно ближе к началу тега. Во-первых, вы тем самым повысите релевантность сниппетов в глазах юзеров. Во-вторых, Яндекс, например, выделяет ключевые запросы в сниппете жирным начертанием. Наличие жирного начертания в сниппете может серьезны повысить его CTR. Менее значимые слова располагайте в конце тега title .

10 ошибок составления title

  1. Слишком длинный title . Слишком длинный title - это плохая практика, негативно влияющая на представление вашего сайта в поиске. Во-первых, вы рискуете нарушить смысловую целостность заголовка страницы после того, как поисковые системы его обрежут. Во-вторых, может снизиться CTR сниппетов. В третьих, поисковые системы используют технологию динамического формирования сниппетов, в связи с этим теряется всякий смысл использования как можно большего количества слов именно в тебе title.
  2. Слишком короткий title . Не делайте заголовоки страниц из 1-3 слов, если это не навигационные разделы. Минимальное использование слов в title сокращает разнообразие запросов, на которые может ответить ваша страница.
  3. Повторяющиеся слова . Не стоит использовать одни и те же ключевые слова, чтобы "усилить" title. Так вы только рискуете заработать санкции со стороны поисковиков. Не дублируйте также одинаковые по смыслу русские и английские слова, например, "title" и "тайтл". Поисковые системы давно научились распознавать и учитывать их.
  4. Нежелательные символы . Старайтесь избегать излишней пунктуации в ваших заголовках страниц. Старайтесь как можно меньше употреблять следующие символы (, . / = ! ? * : < > | + _).
  5. Несоответствие запросу . Title должен отображать содержание страницы. Не пытайтесь обмануть пользователей и поисковые системы. Привести трафик по запросам, не релевантным контенту посадочной страницы у вас не получится.
  6. Переоптимизация . Не нужно перечислять в title запросы через запятую. Подумайте, поймут ли пользователи содержимое вашей страницы. Кроме того, чрезмерное использование ключевых слов в тегах и тексте страницы воспринимается поисковыми системами как спам, на который накладываются санкции.
  7. Языковое несоответствие . Заполняйте title на том же языке, на котором написан контент вашей страницы. Использование иностранных или иносказательных фраз может негативно сказаться на представлении страниц вашего сайта в выдаче.
  8. Не использование ключевых слов . Title не только может, но и должен содержать основное высокочастотное ключевое слово, наиболее релевантное контенту страницы. Отсутствие ключевых слов в title является негативным фактором ранжирования сайта.
  9. Семантический мусор . Старайтесь не использовать в заголовке страницы фразы наподобие "Добро пожаловать на наш сайт", "Приветствуем".
  10. Дублирование title . Не нужно дублироваться title на разных страницах вашего сайта, это затруднит работу поискового работа по определению релевантности страниц общим ключевым запросам. Не стоит также дублировать и копировать title у ваших конкурентов. Поисковые системы стараются сделать выдачу как можно более разнообразной и репрезентативной, поэтому одинаковый контент врядли получит высокие позиции. Опять же, не нужно забывать про здравый смысл, в определенных нишах страницы могут отвечать только на один конкретный ключевой запрос, который уже используется другими сайтами в title. В этом случае в дублировании title нет ничего криминального .

Примеры: хороший title vs плохой title

Давайте рассмотрим несколько примеров хорошо и плохо составленных title.

Пример #1. Запрос "купить джинсы женские"

Хороший пример title от интернет-магазина Lamoda. Ключевое слово расположено в начале заголовка, в title отображается минимальная цена, что делает его более заметным. Использование цены также позволяет понять целевой аудитории ценовой диапазон интересующих товаров. Обрезанный заголовок не нарушает смысловую нагрузку.

Страница оптимизирована сразу под 2 высокочастотных ключевых запроса: джинсы и брюки. Для таких обширных ключевых слов необходимо создать 2 отдельных посадочных страницы. Длина заголовка страницы - 125 символов. В title перечислены ключевые слова через запятую - явная переоптимизация, заголовок сниппета обрезан на 39 символах. Главное ключевое слово находится не в начале заголовка.

Пример #2. Запрос "доставка воды на дом в москве"

Короткий и понятный заголовок страницы. Занимает максимальное пространство в заголовке сниппета. Ключевое слово расположено в начале тега. Для уникализации title указано название компании, которое также содержит ключевое слово "Вода", это позвонило значительно выделить заголовок среди конкурентов.

В сниппете сформирован автоматический заголовок, так как в теге title содержится откровенный спам. Перечисление ключевых слов через запятую - явная переоптимизация. Такое содержимое тега никогда не станет заголовом сниппета .

Title: о сложном простыми словами

Рассмотрим более сложные моменты, которые могут возникнуть при заполнении title и анализе поисковых сниппетов .

Title и HTML5

С повсеместной поддержкой HTML5 стало возможным использование эмоджи в мета-тегах и title сайтов. Как это влияет на SEO? Вопрос остается открытым. Объективных данных, которые могут дать однозначный ответ на этот вопрос, пока что нет. С одной стороны, использование спецсимволов может значительно увеличить CTR сниппета, с другой стороны, нет понимания, как воспринимает спецсимволы поисковой робот.

Несколько примеров использования иконок в title и description:

Сайт bonprix.ru. Запрос "купить джинсы женские"

Сайт charmante.ru. Запрос "купить купальник женский в интернет-магазине"

Сайт consowear.ru. Запрос "купить пуховик WL170501"

Все 3 сайта по представленным ключевым запросам находятся в ТОП-10 поисковой выдачи Яндекс. В Google ситуация куда хуже - ни один из сайтов не представлен на 1 странице выдачи, за исключением 3-го витального запроса. При этом Google не отображает иконки в сниппетах вообще. Может ли это говорить о том, что иконки, поддерживаемые HTML5 не могут навредить представлению сайта в поисковике Яндекс, но при этом негативно сказываются на представлении сайта в Google? Наверное, нужно гораздо больше данных, чтобы можно было делать какие-то выводы. Да и, в принципе, оценивать качество выдачи по одному единственному фактору, мягко говоря - неправильно. Поделитесь своим мнением по этому вопросу в комментариях.

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

Всегда ли title попадает в сниппет?

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

Однако даже корректно составленный title может не попасть в заголовок. Пример:

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

В заголовок сниппета может также попасть, например, заголовок второго уровня h2. Именно поэтому правильная структуризация статьи с логическим распределением ключевых слов так важна сегодня, а чрезмерное использование ключевых слов именно в title лишено всякого смысла.

Например, по запросу "именины 7 сентября" в Яндексе видим в выдаче сайт со следующим заголовком сниппета:

При изменении запроса на "именины 7 сентября мужские" заголовок сниппета для одной и той же страницы меняется на "Мужские именины 7 сентября" - этот текст является заголовком второго уровня в содержании страницы. По 2 разным запросам Яндекс динамически сформировал для нас по одной и той же странице 2 разных заголовка и описания сниппета.

В идеале при оптимизации посадочной страницы вы должны проработать все возможные запросы, на которые к вам могут прийти с поиска. Наиболее частотный из них должен попасть в title и h1. Наименее частотные должны быть использованы в структуре документа с соответствующей разметкой заголовков .

Где рамки оптимизации?

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

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

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

Что касается ключевых слов, то структура заголовков, которая может участвовать в формировании динамических сниппетов должна быть логична и последовательна. Не стоит в заголовках размещать ключевые слова ради ключевых слов, особенно если речь идет о низкочастотниках. По низкочастотным запросам зачастую не требуется наличия всего текста запроса на странице, чтобы сайт присутствовал в ТОПе. Используйте для h2-h6 наиболее частотные слова, которые могут являться смысловыми заголовками вашей страницы. Если смыслового единения нет, то их использовать нельзя, вы только нарушите релевантность документа и испортите пользовательские факторы .

Можно ли менять title после индексации?

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

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

По запросу одного из наших читателей Евгений Аралов провел вебинар и рассказал, как составлять title и description, каких ошибок надо избегать, как формируются сниппеты в Яндексе и Google и как попробовать повлиять на их формирование.

Мы подготовили для вас видеозапись, презентацию вебинара и его текстовое содержание.

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

Видеозапись вебинара (4.02.2016)

Спикер: Евгений Аралов, ведущий аналитик SiteCliniс

Презентация вебинара

Текстовая версия

Итак, сегодня обсудим особенности формирования title и description и их отображение в сниппетах.

Почему важен title

1. Title – один из важнейших сигналов ранжирования и в Яндексе, и в Google, с его помощью вебмастер дает понять поисковой системе, что содержится на странице.

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

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

ОСНОВНЫЕ ПРАВИЛА СОСТАВЛЕНИЯ TITLE:

1. Отражает суть страницы.

2. Содержит прямое вхождение наиболее конкурентного ключевого слова (поискового запроса). Обычно именно такое слово отражает суть страницы:

  • Основное ключевое слово находится в начале title.
  • Содержит все слова из запроса (например, у нас есть запрос «полиэтиленовые пакеты купить оптом» , это значит, что в title должны содержаться слова «купить» , «оптом» . Также часто вречаются разные переформулировки, например, и – обе эти формулировки должны быть включены.
  • Не содержит лишних слов (БМ 25). Например, «компания» , «в магазине» , «и т.д.» – это слова, которые напрямую не относятся к тематике, они размывают вес основных ключевых слов, релевантность самого title.

3. Легко читается и не содержит спама.

  • Нет перечисления слов.
  • Все фразы согласованы.

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

4. Не дублируется внутри сайта.

5. Должен отличаться от h1.

6. Приблизительная длина title – 12 слов, или 120 символов.

Пример формирования:

1. Группируем запросы по частоте, определяем наиболее частотное слово:

Список слов, который у нас есть, отсортировываем по частоте и видим, что наша основная ключевая фраза – «радиоуправляемые вертолеты» . Она определяет тематику страницы, именно с нее мы и должны начинать свой title. Еще один высокочастотный запрос – «вертолет на радиоуправлении» , его мы также должны включить в title. И важно не забыть про дополнительные слова: « с камерой», «купить» .

2. Собираем подсветки из выдачи Яндекс:

Сервис сбора подсветок – https://arsenkin.ru/tools/sp/.

Как составить красивый title, а не перечисление ключевых слов типа «Радиоуправляемый вертолет, вертолет на радиоуправлении» ?

Вначале пишем ключевую фразу «Радиоуправляемый вертолет» , потому что она определяет тематику, дальше – «купить вертолет на радиуоправлении с камерой по низкой цене с доставкой по Москве» :

Радиоуправляемые вертолеты — купить вертолеты на радиоуправлении с камерой по низкой цене, с доставкой по Москве

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

Так делать нельзя:

ИСПОЛЬЗОВАНИЕ ШАБЛОНОВ ДЛЯ ФОРМИРОВАНИЯ TITLE

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

Примеры шаблонов:

Название товара – заказать с доставкой по регионам
Название товара – характеристики, описание, цена, фото
Название товара – характеристики, доставка в Москве
Название товара: различные комплектации и цвета

Вначале у нас название товара, в данном случае это основное ключевое слово, а дальше – дополнительные слова.

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

TITLE КАК ДЕЛАТЬ НЕЛЬЗЯ

1. Не используйте несогласованные фразы:

Купить супергероя, фигурки супергероев купить, фигурки героев для детей

Человек — Паук Hasbro Хасбро купить

«фигурки супергероев купить», «паук Hasbro Хасбро купить» – неестественные фразы, прямое вхождение запроса, так по-русски не говорят, они могут восприниматься как спам. В случае если на сайте есть еще какие-то спамные конструкции, есть вероятность, что такой title станет дополнительным фактором для алгоритма «антиспам», который понизит сайт по запросу.

Даже если вам кажется, что подобные title «вроде ничего», лучше так не делать 🙂

Правильный вариант:

Купить фигурки супергероев для детей в Москве — Hasbro
Купить фигурку Человек-Паук — Hasbro

2. Не используйте лишних слов.

Речь идет о словах, которые могут размыть релевантность title. Если мы добавляем слова, не релевантные нашей тематике, мы размываем вес основного ключевого слова.

Пример (красным выделены слова, размывающие релевантность):

Радиоуправляемые квадрокоптеры, радиоуправляемые квадролеты – <span>мощность четырех вертолетов в одной модели </span> :: Купить радиоуправляемый квадрокоптер <span>в нашем магазине, заходите! </span>

Убрав эти слова, мы ничего не потеряем.

Правильный вариант:

Радиоуправляемые квадрокоптеры — купить модели квадролетов на радиоуправлении в Москве. <title> </i></p> <p><b>3. Остлеживайте и избавляйтесь от дублей. </b></p> <p>Title каждой страницы должен быть уникальным – в идеале у каждой страницы должно быть свое уникальное название, говорящее поисковой системе, как данная страница отличается от других страниц вашего сайта.</p> <p>— Участвуйте в партнерской программе «Товары и цены»</p> <p><b>Пример товарного сниппета из микроразметки: </b><br><br><img src='https://i1.wp.com/siteclinic.ru/wp-content/uploads//2016/01/16-1-600x250.jpg' align="center" width="100%" loading=lazy></p> <p><i>Подтягивается цена и некоторые характеристики товара. </i></p> <p><b>Отличный пример сниппета по партнерской программе «Товары и цены»: </b><br><br><img src='https://i0.wp.com/siteclinic.ru/wp-content/uploads//2016/01/17-1-600x146.jpg' align="center" width="100%" loading=lazy></p> <p><b>ИСПОЛЬЗОВАНИЕ ПОДСВЕТОК ВО ФРАГМЕНТЕ </b></p> <p>По запросу <i>«купить ванну чугунную» </i> Яндекс подсвечивает <i>«Москва» </i> черным цветом. В данном случае description собран из разных абзацев текста:<br></p> <p>Поскольку у нас всего один конкретный запрос, можно было бы поработать над более качественным описанием.</p> <p>Во втором примере видим подсветку<i> «Москва» </i> в том же фрагменте, где есть запрос <i>«купить чугунную ванну» </i>, подтянулся один фрагмент предложения:<br><br><img src='https://i0.wp.com/siteclinic.ru/wp-content/uploads//2016/01/20-1.jpg' align="center" width="100%" loading=lazy></p> <p><b>ОТВЕТЫ НА ВОПРОСЫ СЛУШАТЕЛЕЙ: </b></p> <p><i><b>– Какие разделители можно использовать в titlе, вроде той же полосы? </b> </i></p> <p>Можно любые, но нужно быть аккуратными с точкой, восклицательным и вопросительным знаком, потому что они делят предложения на пассажи. Например, если мы пишем <i>«Радиоуправляемые вертолеты. Купить радиоуправляемые игрушки!» </i>, запрос <i>«радиоуправляемые игрушки купить» </i> у нас может не подтянуться, потому что мы разбили пассаж точкой.</p> <p><i><b>– Если title больше 70 символов – это плохо для ранжирования? </b> </i><br><i><b> Или просто не отобразится? </b> </i></p> <p>Если вы посмотрите примеры, то увидите, что Яндекс спокойно подтягивает слова и дальше от начала. Грубо говоря, какой бы длинный title ни был, если слово в title включено, оно подсвечивается, если оно есть в запросе.</p> <p>Он может обрубить title с начала и с конца и показать только середину.<br> Считаю, что не стоит заострять внимание на количестве символов в title, но все должно быть в пределах разумного. Мы рекомендуем около 120 символов, это не критическое значение, а рекомендуемое.</p> <p><i>– Если название бренда, например, Хасбро, ищут и на русском, и на английском, использовать ли оба варианта в Title? </i></p> <p>1. В вордстате смотрим, какое из названий чаще запрашивают, на латинском или русском (в точном соответствии):<br><br><img src='https://i2.wp.com/siteclinic.ru/wp-content/uploads//2016/01/screan-1-600x262.jpg' align="center" width="100%" loading=lazy><br><img src='https://i0.wp.com/siteclinic.ru/wp-content/uploads//2016/01/screan-2-600x286.jpg' align="center" width="100%" loading=lazy><i>Здесь на латинском чаще. </i></p> <p>В таком случае на странице лучше употреблять вариант на латинском, но давайте проверим, будет ли искаться такой документ по названию на кириллице.</p> <p>2. Находим документы, релевантные запросу «hasbro», и исключаем документы, релевантные «хасбро» (поиск осуществляем с помощью недокументированного оператора intext, который позволяет искать только по тексту, исключая ссылочные факторы). Выглядит это так:</p> <p><img src='https://i1.wp.com/siteclinic.ru/wp-content/uploads//2016/01/screan-3-600x359.jpg' align="center" width="100%" loading=lazy></p> <p>3. Выбираем любой url и осуществляем поиск по запросу «hasbro» по следующей конструкции :</p> <p><img src='https://i2.wp.com/siteclinic.ru/wp-content/uploads//2016/01/screan-4-600x284.jpg' align="center" width="100%" loading=lazy></p> <p>В данном примере документ находится, значит, можно использовать только латинское название.</p> <p><i><b>– Нужно ли название сайта в title? Есть ли смысл в этом? </b> </i></p> <p>Да, можно добавлять, название делает его уникальным.</p> <p><i>– Если в основном Гугл формирует сниппет из description, но он не показывает больше 150 символов. Стоит ли писать description длиннее? </i></p> <p>Да, можно делать description длиннее, чтобы включить туда больше слов, которые он, вероятно, подтянет. Например <i>«купить» </i> или дополнительные слова типа <i>«с камерой» </i>.</p> <p><i>– Если в title входят несколько ключевиков, то тогда страницу нужно оптимизировать тоже под несколько ключевиков или только один? </i></p> <p>В примере, который мы рассматривали, у нас было 2 ключевых слова: <i>«радиоуправляемые квадрокоптеры» </i> и <i>«квадрокоптеры на радиоуправлении» </i>. Если мы формируем такой title и можем посадить эти запросы на 1 страницу, они не противоречат друг другу, то страницу, конечно, надо оптимизировать под эти же запросы.</p> <p><i><b>– Куда вписывать остальные запросы, которые не поместились в title? </b> </i></p> <p>Зачастую на одну страницу есть определяющий запрос, и под него подтягиваются какие-то хвосты, которые не сильно отличаются от него. И в большинстве случаев все можно уместить в title. Какие-то совсем низкочастотные запросы достаточно просто включить в текст.</p> <p><i><b>– Приоритетней что? Текст, h1? h2? h3? </b> </i></p> <p>Заголовки на сегодняшний день так сильно не учитываются. Мы проводили эксперимент – убирали h1 совсем, ничего не менялось, он не дает такого веса, как раньше. Поэтому в приоритете title, текст и его качество.</p> <p><i><b>– Кейвордс не нужно сейчас прописывать? Если прописаны, то как влияет на ранжирование? </b> </i></p> <p>Яндекс говорит, что может учитывать кейвордс при ранжировании, Google отказался от кейвордс, поэтому это на ваше личное усмотрение – надо прописывать или нет. Я считаю, что на ранжирование он никак не влияет.</p> <p><i><b>– Может ли дублироваться контент на странице и в description? </b> </i></p> <p>Да, это допустимо, особенно так часто делают на блогах или каких-то больших сайтах, где неудобно делать шаблоны. Тут важно, чтобы подтягивалась та часть текста, которая содержит ключевой запрос, чтобы появлялся тот description, который нужен, иначе никакого смысла в нем нет.</p> <p><i>– Может ли title и h1 не совпадать, но немного повторять друг друга? Например, title «Ремонт окон пермь», а h1 – «Ремонт пластиковых окон»? Могут ли в title повторяться два слова два раза? </i></p> <p>Да, могут повторяться, как в вашем примере. 2 раза в title могут повторяться 2 слова даже в прямом вхождении, но не более. Можно написать <i>«Радиоуправляемые игрушки, купить радиоуправляемые игрушки в Москве» </i>.</p> <p><i><b>– Почему не надо дублировать title в h1? </b> </i></p> <p>Не надо, потому что h1 все-таки имеет небольшой приоритет, дублируя title, мы теряем возможность добавить НЧ-запросы и лучше ранжироваться по ним. У нас есть возможность добавить дополнительные ключевые слова и показать их приоритет в h1, так зачем дублировать одни и те же ключевые слова? Это во-первых.</p> <p>А во-вторых, конструкции, когда у нас title, URL и h1 сформированы из одного и того же ключевого слова, алгоритм «антиспам» может воспринимать как спам, и при наличии дополнительных спамных ключевых слов в документе это может быть причиной наложения санкций.</p> <p><i><b>– Если есть выбор, вписать ключ в h1 или в текст, куда его вписать? </b> </i></p> <p>Можно и в текст, и в h1.</p> <p><i><b>– Евгений, можно ли вставлять ВЧ-ключевик и в Title, и в Description? </b> </i></p> <p>Нужно. Чтобы правильно подтягивался description и подсвечивался этот самый ВЧ-запрос.</p> <p><i><b>– Если в Яндексе различные регионы продвижения, нужно в title указывать каждый город? </b> </i></p> <p>Через запятую перечислять большое количество городов не рекомендую, потому что, опять же, это может восприниматься как спамная конструкция. Но если таких городов несколько – Москва, Санкт-Петербург – это допустимо. Если городов много, мы ставим один основной, например, Москва, если мы ранжируемся по Москве, все остальные уводим в текст.</p> <p><i><b>– А не достаточно ли названия сайта в конце title, чтобы он считался отличным от h1? </b> </i></p> <p><i><b>– Что лучше: двоеточие или тире в Title? </b> </i></p> <p>Отличий между двоеточием и тире нет.</p> <p><i><b>– Гугл может подтягивать слова из конца title в 150-200 символов? </b> </i></p> <p>Да, таких примеров достаточно много. Просто есть вероятность, что он обрежет его и подтянет из других частей страницы.</p> <p><i><b>– И, или, … считаются словами-разделителями? Они влияют как-то? </b> </i></p> <p>Нет, не влияют.</p> <p><i><b>– Приведите пример разных татйл и Н1. </b> </i></p> <p>«Сантехнические работы», «Услуги по сантехническим работам».</p> <p><i><b>– Какая минимальная длина description? </b> </i></p> <p>Начинайте примерно от 100-120 символов.</p> <p><i>– Если уже сформирован корявый сниппет в поисковых системах, то как можно ускорить формирование нового сниппета? </i></p> <p>Все зависит от переиндексации самой страницы, т.е. надо ускорять индексацию страницы. В Google это делается достаточно просто – добавляем в Search Console страницу в «Посмотреть как Google bot». В Яндексе на сегодняший день все очень сложно и долго – такова специфика индексатора Яндекса.</p> <p><i>– Как избавиться от ситуации, когда Яндекс title формирует c точками «…что-то…»? Запрос при этом начинается так же, как и начинается title. </i></p> <p>Если Яндекс формирует title с троеточиями, это значит, что у вас слишком длинный title, и он обрубает его. Сделайте его короче, поставьте ключевое слово в начале.</p> <p><i>– Как быть, если шаблон формирует title из заголовка материала? Насколько это «хорошо» или «плохо»? (название статьи) </i></p> <p>Название статьи обычно заключено в h1, поэтому желательно, чтобы title отличался от h1, хотя для блогов это, в принципе, допустимо. Конечно, лучший вариант, если вы написали статью и у вас есть какие-то ключевые слова, – сформировать title, исходя из этих ключевых слов, а на красивое название оставить уже h1</p> <p><i><b>– Один ключ – одна страница? То есть лучше один ключик использовать на одой странице? </b> </i></p> <p>Всегда на странице есть один определяющий ключ, например, <i>«вывоз мусора контейнером» </i> – определяющий страницу ключевой ВЧ-запрос, но есть еще <i>«вывоз контейнером», «контейнеры для мусора» </i>, которые также можно продвигать на этой странице.</p> <p><i>– Правильно ли считается, что в тексте нужно вычислять тошнотворность текста? И нельзя использовать слова самый, лучший и пр.? </i></p> <p>В тексте можно использовать эти слова, просто они настолько приелись, что никакого смысла не имеют, а используются просто для количества слов, преимущественно это шаблоны. В title их использовать не стоит, как мы говорили, они размывают релевантность.</p> <p>По поводу тошнотворности – нет, на сегодняшний день упор надо делать на качество текста и не забывать про вхождение ключевых слов. Высчитывать тошнотворность, как раньше, не нужно.</p> <p><i>– Если в title использовать 2 ключа, один в начале, другой в конце, потеряется ли вес 2го ключика? Если да, то как этого избежать? </i></p> <p>Раньше это было явно – вес терялся, сейчас такого явно не наблюдается. Ставьте к концу более ли менее конкурентный запрос.</p> <p><i>– Если на странице много картинок и в альте присутствуют ключевые запросы, повлияет ли это на общий переспам страницы? </i></p> <p>Да, желательно разбавлять альты. Если там одно ключевое слово, такая оптимизация может потянуть на спам.</p> <p><i>– Если title Купить материалы для наращивания ресниц | Интернет магазин материалов Ukr-Salon, а Н1 — Купить материалы для наращивания ресниц — Ukr-Salon, это означает, что title и Н1 повторяются? </i></p> <p>Если у вас еще и в начале текста и, допустим, в URL будет фраза <i>«Купить материалы для наращивания ресниц» </i>, лучше избегать такого повторения. В данном случае Н1 лучше сформировать по-другому, попробуйте заменить его на <i>«Материалы для наращивания ресниц». </i></p> <p><i><b>– Наличие слова «купить» в большинстве Title на сайте не будет ли принято за спам? </b> </i></p> <p>Если сайт нормальный, не дорвей, то не будет. Для интернет-магазина это нормально, от этого никуда не денешься – у нас есть карточки товаров, на которых такие title актуальны.</p> <p><i>– Кулинарный сайт, для экономии времени картинки формируются с такими примерно alt: pechene-vkusnoe-1, pechene-vkusnoe-2… pechene-vkusnoe-10… Это переспам? </i></p> <p>Да, если есть и другие перечисления ключевых слов, то это станет дополнительным сигналом.</p> <p>Спасибо за внимание! Ждём вас на новых вебинарах, темы, которые вам интересны, можно предлагать в комментариях.</p> <span><i> </i> Подписаться на рассылку </span> <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 class="bsb-wrap bsb-bold bsb-after-post php-mode" data-post-id="4848" data-share-url="/eshhe-odin-nalog-chem-zamenit-nalog-na-modernizatsiyu/"> <div class="bsb-items"> <div class="bsb-item bsb-facebook bsb-no-count" data-id="facebook"> <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Ftetyamotya.ru%2Fwomens-fashion%2Ftaitl-predusmatrivaetsya-vybor-odnoi-iz-pravilnyi-zagolovok-stranicy-seo.html" class="bsb-link" target="_blank" data-wpel-link="internal"> <i class="bsb-icon icon icon-facebook"></i> <span class="bsb-label">Share</span> </a> </div> <div class="bsb-item bsb-telegram bsb-no-count" data-id="telegram"> <a href="tg://msg?text=https%3A%2F%2Ftetyamotya.ru%2Fwomens-fashion%2Ftaitl-predusmatrivaetsya-vybor-odnoi-iz-pravilnyi-zagolovok-stranicy-seo.html" class="bsb-link" target="_blank" data-wpel-link="internal"> <i class="bsb-icon icon icon-telegram"></i> <span class="bsb-label">Share</span> </a> </div> <div class="bsb-item bsb-twitter bsb-no-count" data-id="twitter"> <a href="https://twitter.com/share?url=https%3A%2F%2Ftetyamotya.ru%2Fwomens-fashion%2Ftaitl-predusmatrivaetsya-vybor-odnoi-iz-pravilnyi-zagolovok-stranicy-seo.html" class="bsb-link" target="_blank" data-wpel-link="internal"> <i class="bsb-icon icon icon-twitter"></i> <span class="bsb-label">Tweet</span> </a> </div> <div class="bsb-item bsb-vkontakte bsb-no-count" data-id="vkontakte"> <a href="https://vk.com/share.php?url=https%3A%2F%2Ftetyamotya.ru%2Fwomens-fashion%2Ftaitl-predusmatrivaetsya-vybor-odnoi-iz-pravilnyi-zagolovok-stranicy-seo.html" class="bsb-link" target="_blank" data-wpel-link="internal"> <i class="bsb-icon icon icon-vkontakte"></i> <span class="bsb-label">Like</span> </a> </div> <div class="bsb-item bsb-fb-messenger bsb-no-count" data-id="fb-messenger"> <a href="fb-messenger://share/?link=https%3A%2F%2Ftetyamotya.ru%2Fwomens-fashion%2Ftaitl-predusmatrivaetsya-vybor-odnoi-iz-pravilnyi-zagolovok-stranicy-seo.html" class="bsb-link" target="_blank" data-wpel-link="internal"> <i class="bsb-icon icon icon-fb-messenger"></i> <span class="bsb-label">Like</span> </a> </div> </div> </div> </div> </div> </article> <section class="section-carousel"> <div class="post-carousel"> <h3 class="title-block">Читайте также</h3> <div class="owl-container owl-loop" data-columns="3" data-padding="20"> <div class="owl-carousel"> <article class="post-349821 post type-post status-publish format-standard has-post-thumbnail hentry category-morning-news"> <div class="post-thumbnail"> <img width="720" height="378" src="/uploads/924738374adbd8c112315711f53f7a22.jpg" class="attachment-md size-md wp-post-image" alt="Чего можно ожидать, если привиделся покойник во сне?" / loading=lazy> <div class="post-more"><a href="/haircuts-and-hairstyles/prihodit-pokoinik-chego-mozhno-ozhidat-esli-prividelsya-pokoinik-vo-sne-k-chemu.html" class="btn-link" data-wpel-link="internal"><span>Читать</span></a></div> <ul class="post-meta"></ul> <a href="/haircuts-and-hairstyles/prihodit-pokoinik-chego-mozhno-ozhidat-esli-prividelsya-pokoinik-vo-sne-k-chemu.html" data-wpel-link="internal"></a> </div> <h2 class="entry-title"><a href="/haircuts-and-hairstyles/prihodit-pokoinik-chego-mozhno-ozhidat-esli-prividelsya-pokoinik-vo-sne-k-chemu.html" data-wpel-link="internal">Чего можно ожидать, если привиделся покойник во сне?</a></h2> <ul class="post-meta"> <li class="meta-date"> <time class="entry-date published updated" datetime=""> 2024-01-10 00:20:26 </time> </li> </ul> </article> <!-- /next_post --> <article class="post-349816 post type-post status-publish format-standard has-post-thumbnail hentry category-morning-news"> <div class="post-thumbnail"> <img width="720" height="378" src="/uploads/37474365c3920aa81e0a04da961a9574.jpg" class="attachment-md size-md wp-post-image" alt="История названия описание герба и его значение" / loading=lazy> <div class="post-more"><a href="/fashion-tips/istoriya-nazvaniya-opisanie-gerba-i-ego-znachenie-chto-oznachaet.html" class="btn-link" data-wpel-link="internal"><span>Читать</span></a></div> <ul class="post-meta"></ul> <a href="/fashion-tips/istoriya-nazvaniya-opisanie-gerba-i-ego-znachenie-chto-oznachaet.html" data-wpel-link="internal"></a> </div> <h2 class="entry-title"><a href="/fashion-tips/istoriya-nazvaniya-opisanie-gerba-i-ego-znachenie-chto-oznachaet.html" data-wpel-link="internal">История названия описание герба и его значение</a></h2> <ul class="post-meta"> <li class="meta-date"> <time class="entry-date published updated" datetime=""> 2023-12-14 00:19:35 </time> </li> </ul> </article> <!-- /next_post --> <article class="post-349812 post type-post status-publish format-standard has-post-thumbnail hentry category-morning-news"> <div class="post-thumbnail"> <img width="720" height="378" src="/uploads/2b41bb74ddce4da3623030c401282279.jpg" class="attachment-md size-md wp-post-image" alt="Дмитрий Волков: «Быть знаменитым – некрасиво Волков дмитрий борисович секретный миллионер смотреть онлайн" / loading=lazy> <div class="post-more"><a href="/fashion-accessories/dmitrii-volkov-rasskazal-interesnye-podrobnosti-o-semkah-v.html" class="btn-link" data-wpel-link="internal"><span>Читать</span></a></div> <ul class="post-meta"></ul> <a href="/fashion-accessories/dmitrii-volkov-rasskazal-interesnye-podrobnosti-o-semkah-v.html" data-wpel-link="internal"></a> </div> <h2 class="entry-title"><a href="/fashion-accessories/dmitrii-volkov-rasskazal-interesnye-podrobnosti-o-semkah-v.html" data-wpel-link="internal">Дмитрий Волков: «Быть знаменитым – некрасиво Волков дмитрий борисович секретный миллионер смотреть онлайн</a></h2> <ul class="post-meta"> <li class="meta-date"> <time class="entry-date published updated" datetime=""> 2023-12-04 23:11:23 </time> </li> </ul> </article> <!-- /next_post --> </div> <div class="owl-dots"></div> </div> </div> </section> </main> </div> </div> </div> </div> <footer class="site-footer"> <style> .footer-section { width: 830px; margin: 0 auto; padding: 0; font-family: 'Noto Sans', sans-serif; } .site-footer { background-color: #222; } @media (max-width: 1025px) { .footer-section { max-width: 690px; } } @media (max-width: 760px) { .footer-section { width: 90%; } } .site-footer a:hover { color: #FF3400; } .white-a { color: #969696!important; } .white-a:hover { color: #fff!important; } .white-a:hover g { opacity: 1; } </style> <div class="footer-section"> <div class="footer" > <div class="footer__menu"> <div class="footer__menu__logo" style="background:none;"><img src="/logo/logo.png" loading=lazy></div> <ul> <li><a href="/category/fashion-accessories/">Модные Аксессуары</a></li> <li><a href="/category/mens-fashion/">Мужская Мода</a></li> <li><a href="/category/fashion-tips/">Модные Советы</a></li> <li><a href="/category/womens-fashion/">Женская Мода</a></li> </ul> <ul> <li><a href="/category/fashion-accessories/">Модные Аксессуары</a></li> <li><a href="/category/mens-fashion/">Мужская Мода</a></li> <li><a href="/category/fashion-tips/">Модные Советы</a></li> <li><a href="/category/womens-fashion/">Женская Мода</a></li> </ul> </div> <div class="footer__social"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://tetyamotya.ru/womens-fashion/taitl-predusmatrivaetsya-vybor-odnoi-iz-pravilnyi-zagolovok-stranicy-seo.html" target="_blank" class="footer__social--facebook white-a" data-wpel-link="external"></a> <a href="https://www.twitter.com/share?url=https://tetyamotya.ru/womens-fashion/taitl-predusmatrivaetsya-vybor-odnoi-iz-pravilnyi-zagolovok-stranicy-seo.html" target="_blank" class="footer__social--tw white-a" data-wpel-link="external"></a> <a href="https://vk.com/share.php?url=https://tetyamotya.ru/womens-fashion/taitl-predusmatrivaetsya-vybor-odnoi-iz-pravilnyi-zagolovok-stranicy-seo.html" target="_blank" class="footer__social--vk white-a" data-wpel-link="external"></a> <a href="https://youtube.com/" target="_blank" class="footer__social--yt white-a" data-wpel-link="external"></a> </div> <div class="footer__info" > <p>© tetyamotya.ru, 2024. Мода и стиль <br> .</p> </div> </div> </div> </footer> </div> </div> <a href="#top" class="scroll-to-top hidden-sm-down" data-wpel-link="internal"></a> <div class="site-search" id="search"> <button type="button" class="close"></button> <div class="form-container"> <div class="container"> <div class="row"> <div class="col-lg-6 offset-lg-3"> <form role="search" method="get" class="search-form form" action="/"> <label class="sr-only">Search for:</label> <div class="input-group"> <input type="search" value="" name="s" class="search-field form-control" placeholder="Что вы ищете?" required> <span class="input-group-btn"> <button type="submit" class="search-submit btn btn-primary btn-effect"><span>Search</span><span><i class="icon icon-search"></i></span></button> </span> </div> </form> <p>Введите ключевые слова.</p> </div> </div> </div> </div> </div> <style type="text/css"> .wpmchimpa-overlay-bg.wpmchimpselector { display: none; top: 0; left: 0; height:100%; width: 100%; cursor: pointer; z-index: 999999; background: #000; background: rgba(0,0,0,0.40); background:rgba(0,0,0,0.7);cursor: default; position: fixed!important; } .wpmchimpa-overlay-bg #wpmchimpa-main *{ transition: all 0.5s ease; } .wpmchimpa-overlay-bg .wpmchimpa-mainc, .wpmchimpa-overlay-bg .wpmchimpa-maina{ -webkit-transform: translate(0,0); height:100%;} .wpmchimpa-overlay-bg #wpmchimpa-main { position: absolute; top: 50%; left: 50%; border-radius: 2px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 20px); max-width:650px; background: #27313B; text-align: center; background-color:#ffffff;} #wpmchimpa-main #wpmchimpa-newsletterform{ } #wpmchimpa-main #wpmchimpa{ width: calc(100% - 20px); max-width: 400px; margin: 0 auto; } #wpmchimpa div{ position:relative; } #wpmchimpa h3{ line-height: 24px; margin-top:20px; color: #F4233C; font-size: 24px; font-family:Tahoma, Geneva, sans-serif;font-size:35px;line-height:35px;font-weight:normal;font-style:normal;color:#f34b38;} #wpmchimpa .wpmchimpa_para{ margin-top: 15px; } #wpmchimpa .wpmchimpa_para,#wpmchimpa .wpmchimpa_para * { font-size: 15px; color: #959595; font-family:Tahoma, Geneva, sans-serif;font-size:15px;} #wpmchimpa form{ margin: 20px auto; } #wpmchimpa .formbox > div:first-of-type{ width: 65%; float: left; } #wpmchimpa .formbox > div:first-of-type + div{ width: 35%; float: left; text-align: center; } #wpmchimpa .formbox input[type="text"]{ border-radius: 3px 0 0 3px; } #wpmchimpa .wpmchimpa-field{ position: relative; width:100%; margin: 0 auto 10px auto; text-align: left; } #wpmchimpa .inputicon{ display: none; } #wpmchimpa .wpmc-ficon .inputicon { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; pointer-events: none; } #wpmchimpa .wpmc-ficon input[type="text"], #wpmchimpa .wpmc-ficon input[type="text"] ~ .inputlabel{ padding-left: 40px; } #wpmchimpa .wpmc-ficon [wpmcfield="email"] ~ .inputicon { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMzZDNkM2QiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTUxMiwzODRjMCwxMS4yMTktMy4xNTYsMjEuNjI1LTguMjE5LDMwLjc4MUwzNDIuMTI1LDIzMy45MDZMNTAyLjAzMSw5NGM2LjIxOSw5Ljg3NSw5Ljk2OSwyMS40NjksOS45NjksMzRWMzg0eiBNMjU2LDI2Ni43NUw0NzguNSw3Mi4wNjNjLTkuMTI1LTUtMTkuNDA2LTguMDYzLTMwLjUtOC4wNjNINjRjLTExLjEwOSwwLTIxLjM5MSwzLjA2My0zMC40ODQsOC4wNjNMMjU2LDI2Ni43NXogTTMxOC4wMzEsMjU0Ljk2OSBsLTUxLjUsNDUuMDk0QzI2My41MTYsMzAyLjY4OCwyNTkuNzY2LDMwNCwyNTYsMzA0cy03LjUxNi0xLjMxMy0xMC41MzEtMy45MzhsLTUxLjUxNi00NS4wOTRMMzAuMjUsNDM4LjE1NiBDNDAuMDYzLDQ0NC4zMTMsNTEuNTYzLDQ0OCw2NCw0NDhoMzg0YzEyLjQzOCwwLDIzLjkzOC0zLjY4OCwzMy43NS05Ljg0NEwzMTguMDMxLDI1NC45Njl6IE05Ljk2OSw5NEMzLjc1LDEwMy44NzUsMCwxMTUuNDY5LDAsMTI4IHYyNTZjMCwxMS4yMTksMy4xNDEsMjEuNjI1LDguMjE5LDMwLjc4MWwxNjEuNjQxLTE4MC45MDZMOS45NjksOTR6Ii8+PC9zdmc+') no-repeat center} #wpmchimpa .wpmc-ficon [wpmcfield="FNAME"] ~ .inputicon { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMzZDNkM2QiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNjEyIDYxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDYxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTMwNi4wMDEsMzI1Ljk4OGM5MC41NjMtMC4wMDUsMTIzLjE0Ny05MC42ODIsMTMxLjY3OS0xNjUuMTY3QzQ0OC4xODgsNjkuMDYsNDA0Ljc5OSwwLDMwNi4wMDEsMCBjLTk4Ljc4MiwwLTE0Mi4xOTUsNjkuMDU1LTEzMS42NzksMTYwLjgyQzE4Mi44NjIsMjM1LjMwNCwyMTUuNDM2LDMyNS45OTUsMzA2LjAwMSwzMjUuOTg4eiIvPjxwYXRoIGQ9Ik01NTAuOTgxLDU0MS45MDhjLTAuOTktMjguOTA0LTQuMzc3LTU3LjkzOS05LjQyMS04Ni4zOTNjLTYuMTExLTM0LjQ2OS0xMy44ODktODUuMDAyLTQzLjk4My0xMDcuNDY1IGMtMTcuNDA0LTEyLjk4OC0zOS45NDEtMTcuMjQ5LTU5Ljg2NS0yNS4wODFjLTkuNjk3LTMuODEtMTguMzg0LTcuNTk0LTI2LjUzNy0xMS45MDFjLTI3LjUxOCwzMC4xNzYtNjMuNCw0NS45NjItMTA1LjE4Niw0NS45NjQgYy00MS43NzQsMC03Ny42NTItMTUuNzg2LTEwNS4xNjctNDUuOTY0Yy04LjE1Myw0LjMwOC0xNi44NCw4LjA5My0yNi41MzcsMTEuOTAxYy0xOS45MjQsNy44MzItNDIuNDYxLDEyLjA5Mi01OS44NjMsMjUuMDgxIGMtMzAuMDk2LDIyLjQ2My0zNy44NzMsNzIuOTk2LTQzLjk4MywxMDcuNDY1Yy01LjA0NSwyOC40NTQtOC40MzMsNTcuNDg5LTkuNDIyLDg2LjM5MwljLTAuNzY2LDIyLjM4NywxMC4yODgsMjUuNTI1LDI5LjAxNywzMi4yODRjMjMuNDUzLDguNDU4LDQ3LjY2NiwxNC43MzcsNzIuMDQxLDE5Ljg4NGM0Ny4wNzcsOS45NDEsOTUuNjAzLDE3LjU4MiwxNDMuOTIxLDE3LjkyNCBjNDguMzE4LTAuMzQzLDk2Ljg0NC03Ljk4MywxNDMuOTIxLTE3LjkyNGMyNC4zNzUtNS4xNDUsNDguNTktMTEuNDI0LDcyLjA0MS0xOS44ODQJQzU0MC42OTQsNTY3LjQzNSw1NTEuNzQ3LDU2NC4yOTcsNTUwLjk4MSw1NDEuOTA4eiIvPjwvZz48L3N2Zz4=') no-repeat center} #wpmchimpa .wpmc-ficon [wpmcfield="LNAME"] ~ .inputicon { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMzZDNkM2QiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNjEyIDYxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDYxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTMwNi4wMDEsMzI1Ljk4OGM5MC41NjMtMC4wMDUsMTIzLjE0Ny05MC42ODIsMTMxLjY3OS0xNjUuMTY3QzQ0OC4xODgsNjkuMDYsNDA0Ljc5OSwwLDMwNi4wMDEsMCBjLTk4Ljc4MiwwLTE0Mi4xOTUsNjkuMDU1LTEzMS42NzksMTYwLjgyQzE4Mi44NjIsMjM1LjMwNCwyMTUuNDM2LDMyNS45OTUsMzA2LjAwMSwzMjUuOTg4eiIvPjxwYXRoIGQ9Ik01NTAuOTgxLDU0MS45MDhjLTAuOTktMjguOTA0LTQuMzc3LTU3LjkzOS05LjQyMS04Ni4zOTNjLTYuMTExLTM0LjQ2OS0xMy44ODktODUuMDAyLTQzLjk4My0xMDcuNDY1IGMtMTcuNDA0LTEyLjk4OC0zOS45NDEtMTcuMjQ5LTU5Ljg2NS0yNS4wODFjLTkuNjk3LTMuODEtMTguMzg0LTcuNTk0LTI2LjUzNy0xMS45MDFjLTI3LjUxOCwzMC4xNzYtNjMuNCw0NS45NjItMTA1LjE4Niw0NS45NjQgYy00MS43NzQsMC03Ny42NTItMTUuNzg2LTEwNS4xNjctNDUuOTY0Yy04LjE1Myw0LjMwOC0xNi44NCw4LjA5My0yNi41MzcsMTEuOTAxYy0xOS45MjQsNy44MzItNDIuNDYxLDEyLjA5Mi01OS44NjMsMjUuMDgxIGMtMzAuMDk2LDIyLjQ2My0zNy44NzMsNzIuOTk2LTQzLjk4MywxMDcuNDY1Yy01LjA0NSwyOC40NTQtOC40MzMsNTcuNDg5LTkuNDIyLDg2LjM5MwljLTAuNzY2LDIyLjM4NywxMC4yODgsMjUuNTI1LDI5LjAxNywzMi4yODRjMjMuNDUzLDguNDU4LDQ3LjY2NiwxNC43MzcsNzIuMDQxLDE5Ljg4NGM0Ny4wNzcsOS45NDEsOTUuNjAzLDE3LjU4MiwxNDMuOTIxLDE3LjkyNCBjNDguMzE4LTAuMzQzLDk2Ljg0NC03Ljk4MywxNDMuOTIxLTE3LjkyNGMyNC4zNzUtNS4xNDUsNDguNTktMTEuNDI0LDcyLjA0MS0xOS44ODQJQzU0MC42OTQsNTY3LjQzNSw1NTEuNzQ3LDU2NC4yOTcsNTUwLjk4MSw1NDEuOTA4eiIvPjwvZz48L3N2Zz4=') no-repeat center} #wpmchimpa .wpmchimpa-field textarea, #wpmchimpa .wpmchimpa-field select, #wpmchimpa input[type="text"]{ text-align: left; width: 100%; height: 40px; border-radius:3px; background: #fff; padding: 0 10px; color: #353535; font-size:17px; outline:0; display: block; border: 1px solid #efefef; font-family:Tahoma, Geneva, sans-serif;font-size:15px;color:#696565;} #wpmchimpa .wpmchimpa-field.wpmchimpa-multidrop select{ height: 100px; } #wpmchimpa .wpmchimpa-field.wpmchimpa-drop:before{ content: ''; width: 40px; height: 40px; position: absolute; right: 0; top: 0; pointer-events: none; background: no-repeat center; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgOTQuODU5IDk0Ljg1OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTQuODU5IDk0Ljg1OSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjMxMiw0MS43NTdoNjAuMjM2YzAuNzcsMCwxLjQ2OS0wLjQ0LDEuODAyLTEuMTMzYzAuMzM0LTAuNjkxLDAuMjQxLTEuNTE0LTAuMjM3LTIuMTE0TDQ4Ljk5NCwwLjc1MyBDNDguNjE0LDAuMjc3LDQ4LjAzOSwwLDQ3LjQzMSwwcy0xLjE4NCwwLjI3Ny0xLjU2MywwLjc1M0wxNS43NDgsMzguNTFjLTAuNDc5LDAuNjAxLTAuNTcyLDEuNDIzLTAuMjM4LDIuMTE0IEMxNS44NDMsNDEuMzE3LDE2LjU0Miw0MS43NTcsMTcuMzEyLDQxLjc1N3oiLz4gPHBhdGggZD0iTTc3LjU0Nyw1My4xMDJIMTcuMzEyYy0wLjc2OSwwLTEuNDY5LDAuNDM5LTEuODAyLDEuMTMzYy0wLjMzNCwwLjY5MS0wLjI0MSwxLjUxNCwwLjIzOCwyLjExM2wzMC4xMTksMzcuNzU4IGMwLjM4LDAuNDc2LDAuOTU1LDAuNzUzLDEuNTYzLDAuNzUzczEuMTg0LTAuMjc3LDEuNTYzLTAuNzUzTDc5LjExLDU2LjM0OGMwLjQ3OS0wLjYwMSwwLjU3MS0xLjQyMiwwLjIzNy0yLjExMyBDNzkuMDE2LDUzLjU0MSw3OC4zMTcsNTMuMTAyLDc3LjU0Nyw1My4xMDJ6Ii8+PC9zdmc+'); } #wpmchimpa input[type="text"] ~ .inputlabel{ position: absolute; top: 0; left: 0; right: 0; pointer-events: none; width: 100%; line-height: 40px; color: rgba(0,0,0,0.6); font-size: 17px; font-weight:500; padding: 0 10px; white-space: nowrap; font-family:Tahoma, Geneva, sans-serif;font-size:15px;color:#696565;} #wpmchimpa input[type="text"]:valid + .inputlabel{ display: none; } #wpmchimpa select.wpmcerror, #wpmchimpa input[type="text"].wpmcerror{ border-color: red; } #wpmchimpa .wpmchimpa-check, #wpmchimpa .wpmchimpa-radio{ clear: both; } #wpmchimpa .wpmchimpa-check *, #wpmchimpa .wpmchimpa-radio *{ color: #fff; font-family:Tahoma, Geneva, sans-serif;font-size:14px;font-weight:normal;font-style:normal;color:#3d3d3d;} #wpmchimpa .wpmchimpa-item{ width:100%; display: inline-block; vertical-align: top; } #wpmchimpa .wpmchimpa-item input { display: none; } #wpmchimpa .wpmchimpa-item span { cursor: pointer; display: inline-block; position: relative; padding-left: 35px; line-height: 20px; margin-right: 10px; } #wpmchimpa .wpmchimpa-item span:before, #wpmchimpa .wpmchimpa-item span:after { content: ''; display: inline-block; width: 12px; height: 12px; left: 0; top: 4px; position: absolute; } #wpmchimpa .wpmchimpa-item span:before { border:1px solid #ccc; border-radius: 1px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid#f34b38;background: #ffffff;} #wpmchimpa .wpmchimpa-item input[type='checkbox'] + span:hover:after, #wpmchimpa input[type='checkbox']:checked + span:after { content:''; width: 14px; height: 14px; background: no-repeat center; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAwMDAiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDIzMCAyMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIzMCAyMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik05Mi4zNTYsMjIzLjU0OWM3LjQxLDcuNSwyMy45MTQsNS4wMTQsMjUuNjkxLTYuNzc5YzExLjA1Ni03My4yMTcsNjYuMzc4LTEzNC45ODUsMTA4LjI0My0xOTMuMTg5IEMyMzcuODk4LDcuNDUyLDIxMS4yMDctNy44NywxOTkuNzUsOC4wNjdDMTYxLjQ5Myw2MS4yNDksMTEzLjI3NCwxMTcuMjEsOTQuNDEsMTgxLjc0NCBjLTIxLjU1Ny0yMi4wMzEtNDMuMjAxLTQzLjg1My02Ny4zNzktNjMuMjEyYy0xNS4zMTItMTIuMjY1LTM3LjIxNSw5LjM0My0yMS43MzgsMjEuNzM3IEMzNi43OTQsMTY1LjUwMSw2NC4wMTcsMTk0LjkyNCw5Mi4zNTYsMjIzLjU0OXoiLz48L3N2Zz4='); } #wpmchimpa .wpmchimpa-item input[type='checkbox']:not(:checked) + span:hover:after { opacity: 0.5; } #wpmchimpa .wpmchimpa-item input[type='radio'] + span:before { border-radius: 50%; width: 12px; height: 12px; top: 4px; } #wpmchimpa input[type='radio']:checked + span:after { background: #000000; width: 8px; height: 8px; top: 6px; left: 2px; border-radius: 50%; } #wpmchimpa .wpmcinfierr{ display: block; height: 10px; text-align: left; line-height: 10px; margin-bottom: -10px; font-size: 10px; color: red; pointer-events: none; font-family:Tahoma, Geneva, sans-serif;} #wpmchimpa .wpmchimpa-subs-button{ border-radius: 0 3px 3px 0; width: 100%; color: #fff; font-size: 17px; border: 1px solid #FA0B38; background-color: #FF1F43; height: 40px; line-height: 40px; text-align: center; cursor: pointer; position: relative; top: 0; font-family:Tahoma, Geneva, sans-serif;font-size:16px;font-weight:normal;font-style:normal;color:#ffffff;background-color:#f34b38;} #wpmchimpa .wpmchimpa-subs-button::before{ content: 'Подписаться'; } #wpmchimpa .wpmchimpa-subs-button:hover{ background-color: #FA0B38; color:#ffffff;background-color:#75c462;} #wpmchimpa .wpmchimpa-subs-button.subsicon:before{ padding-left: 40px; } #wpmchimpa .wpmchimpa-subs-button.subsicon::after{ content:''; position: absolute; height: 40px; width: 40px; top: 0; left: 0; pointer-events: none; } .wpmchimpa-overlay-bg.signalshow .wpmchimpa-subs-button::after, .wpmchimpa-overlay-bg.signalshow .wpmchimpa-subs-button::before{ display: none; } #wpmchimpa-main .wpmchimpa-signal { display: none; z-index: 1; top: 5px; left: calc(50% - 20px); position: absolute; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .wpmchimpa-overlay-bg.signalshow #wpmchimpa-main .wpmchimpa-signal { display: inline-block; } #wpmchimpa-main .wpmchimpa-feedback{ text-align: center; position: relative; color: #ccc; font-size: 10px; height: 12px; margin-top: -12px; font-family:Tahoma, Geneva, sans-serif;color:#3d3d3d;} #wpmchimpa-main .wpmchimpa-tag{ margin: 5px auto; } #wpmchimpa-main .wpmchimpa-tag, #wpmchimpa-main .wpmchimpa-tag *{ color:#fff; font-size: 10px; font-family:Tahoma, Geneva, sans-serif;font-size:10px;color:#3d3d3d;} #wpmchimpa-main .wpmchimpa-tag:before{ content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMzZDNkM2QiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTQxNy41NjYsMjA5LjgzaC05LjQ4NHYtNDQuMzg4YzAtODIuMDk5LTY1LjE1MS0xNTAuNjgxLTE0Ni41ODItMTUyLjE0NWMtMi4yMjQtMC4wNC02LjY3MS0wLjA0LTguODk1LDAgYy04MS40MzIsMS40NjQtMTQ2LjU4Miw3MC4wNDYtMTQ2LjU4MiwxNTIuMTQ1djQ0LjM4OGgtOS40ODVDODEuOTIyLDIwOS44Myw3MCwyMjQuOTEyLDcwLDI0My41Mzl2MjIyLjYzMiAgQzcwLDQ4NC43NzcsODEuOTIyLDUwMCw5Ni41MzksNTAwaDMyMS4wMjhjMTQuNjE3LDAsMjYuNTM5LTE1LjIyMywyNi41MzktMzMuODI5VjI0My41MzkgIEM0NDQuMTA1LDIyNC45MTIsNDMyLjE4NCwyMDkuODMsNDE3LjU2NiwyMDkuODN6IE0yODcuMTI5LDM1NC42Mjl2NjcuMjdjMCw3LjcwNC02LjQ0OSwxNC4yMjItMTQuMTU5LDE0LjIyMmgtMzEuODM0ICBjLTcuNzEsMC0xNC4xNTktNi41MTgtMTQuMTU5LTE0LjIyMnYtNjcuMjdjLTcuNDc3LTcuMzYxLTExLjgzLTE3LjUzNy0xMS44My0yOC43OTVjMC0yMS4zMzQsMTYuNDkxLTM5LjY2NiwzNy40NTktNDAuNTEyICBjMi4yMjItMC4wOSw2LjY3My0wLjA5LDguODk1LDBjMjAuOTY4LDAuODQ2LDM3LjQ1OSwxOS4xNzgsMzcuNDU5LDQwLjUxMkMyOTguOTU5LDMzNy4wOTIsMjk0LjYwNSwzNDcuMjY4LDI4Ny4xMjksMzU0LjYyOXogTTM0NS41NzIsMjA5LjgzSDI2MS41aC04Ljg5NWgtODQuMDcydi00NC4zODhjMC00OC45MDUsMzkuNzQ0LTg5LjM0Miw4OC41MTktODkuMzQyczg4LjUyLDQwLjQzNyw4OC41Miw4OS4zNDJWMjA5LjgzeiIvPjwvc3ZnPg=='); margin: 5px; top: 1px; position:relative; } #wpmchimpa-main .wpmchimpa-social{ display: inline-block; margin: 12px auto 0; height: 90px; width: 100%; background: rgba(75, 75, 75, 0.3); box-shadow: 0px 1px 1px 1px rgba(116, 116, 116, 0.94); } #wpmchimpa-main .wpmchimpa-social::before{ content: 'Subscribe with'; font-size: 13px; color: #ADACB2; width: 100%; display: block; margin: 15px auto 5px; } #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc{ display: inline-block; width:40px; height: 40px; border-radius: 2px; cursor: pointer; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-backface-visibility:hidden; border:1px solid #262E43; border-color: #ffffff;} #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc::before{ content: ''; display: block; width:40px; height: 40px; background: no-repeat center; } #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc.wpmchimpa-fb { display:none;} #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc.wpmchimpa-fb::before { background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI5Ni4yOTYsNTEySDIwMC4zNlYyNTZoLTY0di04OC4yMjVsNjQtMC4wMjlsLTAuMTA0LTUxLjk3NkMyMDAuMjU2LDQzLjc5NCwyMTkuNzczLDAsMzA0LjU1NiwwaDcwLjU4OHY4OC4yNDJoLTQ0LjExNSBjLTMzLjAxNiwwLTM0LjYwNCwxMi4zMjgtMzQuNjA0LDM1LjM0MmwtMC4xMzEsNDQuMTYyaDc5LjM0NmwtOS4zNTQsODguMjI1TDI5Ni4zNiwyNTZMMjk2LjI5Niw1MTJ6Ii8+PC9zdmc+')} #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc.wpmchimpa-fb:hover:before { background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMyZDYwOWIiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI5Ni4yOTYsNTEySDIwMC4zNlYyNTZoLTY0di04OC4yMjVsNjQtMC4wMjlsLTAuMTA0LTUxLjk3NkMyMDAuMjU2LDQzLjc5NCwyMTkuNzczLDAsMzA0LjU1NiwwaDcwLjU4OHY4OC4yNDJoLTQ0LjExNSBjLTMzLjAxNiwwLTM0LjYwNCwxMi4zMjgtMzQuNjA0LDM1LjM0MmwtMC4xMzEsNDQuMTYyaDc5LjM0NmwtOS4zNTQsODguMjI1TDI5Ni4zNiwyNTZMMjk2LjI5Niw1MTJ6Ii8+PC9zdmc+')} #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc.wpmchimpa-gp { display:none;} #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc.wpmchimpa-gp:before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI3My4zNzIsMzAyLjQ5OGMtNS4wNDEtNi43NjItMTAuNjA4LTEzLjA0NS0xNi43LTE4Ljg0MmMtNi4wOTEtNS44MDQtMTIuMTgzLTExLjA4OC0xOC4yNzEtMTUuODQ1IGMtNi4wOTItNC43NTctMTEuNjU5LTkuMzI5LTE2LjcwMi0xMy43MDljLTUuMDQyLTQuMzc0LTkuMTM1LTguOTQ1LTEyLjI3NS0xMy43MDJjLTMuMTQtNC43NTctNC43MTEtOS42MS00LjcxMS0xNC41NTggYzAtNi44NTUsMi4xOS0xMy4yNzgsNi41NjctMTkuMjc0YzQuMzc3LTUuOTk2LDkuNzA3LTExLjc5OSwxNS45ODYtMTcuNDE3YzYuMjgtNS42MTcsMTIuNTU5LTExLjc1MywxOC44NDQtMTguNDE1IGM2LjI3Ni02LjY2NSwxMS42MDQtMTUuNDY1LDE1Ljk4NS0yNi40MTJjNC4zNzMtMTAuOTQ0LDYuNTYzLTIzLjQ1OCw2LjU2My0zNy41NDJjMC0xNi43NS0zLjcxMy0zMi44MzUtMTEuMTM2LTQ4LjI1IGMtNy40MjMtMTUuNDE4LTE3Ljg5LTI3LjQxMi0zMS40MDUtMzUuOTc2aDM4LjU0TDMwMy4yLDBIMTc4LjQ0MWMtMTcuNjk5LDAtMzUuNDk4LDEuOTA2LTUzLjM4NCw1LjcyIGMtMjYuNDUzLDUuOS00OC43MjMsMTkuMzY4LTY2LjgwNiw0MC4zOTdDNDAuMTcxLDY3LjE1LDMxLjEyOSw5MC45OSwzMS4xMjksMTE3LjYzN2MwLDI4LjE3MSwxMC4xMzgsNTEuNTgzLDMwLjQwNiw3MC4yMzMgYzIwLjI2OSwxOC42NDksNDQuNTg1LDI3Ljk3OCw3Mi45NDUsMjcuOTc4YzUuNzEsMCwxMi4zNzEtMC40NzgsMTkuOTg1LTEuNDI3Yy0wLjM4MSwxLjUyMS0xLjA0MywzLjU2Ny0xLjk5Nyw2LjEzNiBzLTEuNzE1LDQuNjItMi4yODYsNi4xNGMtMC41NywxLjUyMS0xLjA0NywzLjM3NS0xLjQyNSw1LjU2NmMtMC4zODIsMi4xOS0wLjU3MSw0LjQyOC0wLjU3MSw2LjcxIGMwLDEyLjU2Myw2LjA4NiwyNi43NDQsMTguMjcxLDQyLjU0MWMtMTQuNDY1LDAuMzg3LTI4LjczNywxLjY3LTQyLjgyNSwzLjg2Yy0xNC4wODQsMi4xOS0yOC44MzMsNS42MTYtNDQuMjUyLDEwLjI4IGMtMTUuNDE3LDQuNjYxLTI5LjIxNywxMS40Mi00MS4zOTYsMjAuMjdjLTEyLjE4Miw4Ljg1NC0yMS4zMTcsMTkuMzY2LTI3LjQwOCwzMS41NDlDMy41MzMsMzYxLjU1OSwwLjAxLDM3NC40MDUsMC4wMSwzODYuMDE3IGMwLDEyLjc1MSwyLjg1NywyNC4zMTQsOC41NjUsMzQuNjljNS43MDgsMTAuMzY5LDEzLjAzNSwxOC44NDIsMjEuOTgyLDI1LjQwNmM4Ljk0NSw2LjU3LDE5LjI3MywxMi4wODMsMzAuOTc4LDE2LjU2MiBjMTEuNzA0LDQuNDcsMjMuMzE1LDcuNjU5LDM0LjgyOSw5LjU2MmMxMS41MTYsMS45MDMsMjIuODg4LDIuODU0LDM0LjExOSwyLjg1NGM1MS4wMDcsMCw5MC45ODEtMTIuNDY0LDExOS45MDktMzcuMzk3IGMyNi42NDgtMjMuMjIzLDM5Ljk3MS01MC4wNjIsMzkuOTcxLTgwLjUxN2MwLTEwLjg1NS0xLjU3LTIwLjk4NC00LjcxMi0zMC40MDlDMjgyLjUxLDMxNy4zMzcsMjc4LjQyLDMwOS4yNTQsMjczLjM3MiwzMDIuNDk4eiBNMTYzLjMxMSwxOTguNzIyYy05LjcwNywwLTE4LjkzNy0yLjQ3NS0yNy42OTQtNy40MjZjLTguNzU3LTQuOTUtMTYuMTgtMTEuMzc0LTIyLjI3LTE5LjI3MyBjLTYuMDg4LTcuODk4LTExLjQxOC0xNi43OTYtMTUuOTg3LTI2LjY5NWMtNC41NjctOS44OTYtNy45NDQtMTkuNzkyLTEwLjEzNS0yOS42OTJjLTIuMTktOS44OTUtMy4yODQtMTkuMzE4LTMuMjg0LTI4LjI2NSBjMC0xOC4yNzEsNC44NTQtMzMuOTc0LDE0LjU2Mi00Ny4xMDhjOS43MDUtMTMuMTM0LDIzLjQxMS0xOS43MDEsNDEuMTEyLTE5LjcwMWMxMi41NjMsMCwyMy45MzUsMy44OTksMzQuMTE4LDExLjcwNCBjMTAuMTgzLDcuODA0LDE4LjE3NywxNy43MDEsMjMuOTg0LDI5LjY5MmM1LjgwMiwxMS45OTEsMTAuMjc3LDI0LjQwNywxMy40MTcsMzcuMjU3YzMuMTQsMTIuODQ3LDQuNzExLDI0Ljk4Myw0LjcxMSwzNi40MDMgYzAsMTkuMDM2LTQuMTM5LDM0LjMxNy0xMi40MTksNDUuODMzQzE5NS4xNDQsMTkyLjk2NCwxODEuNzc1LDE5OC43MjIsMTYzLjMxMSwxOTguNzIyeiBNMjQyLjI1MSw0MTMuMTIzIGMtNS4yMyw4Ljk0OS0xMi4zMTksMTUuOTQtMjEuMjY3LDIwLjk4MWMtOC45NDYsNS4wNDgtMTguNTA5LDguNzU4LTI4LjY5MywxMS4xNGMtMTAuMTgzLDIuMzg1LTIwLjg4OSwzLjU3Mi0zMi4xMiwzLjU3MiBjLTEyLjE4MiwwLTI0LjI3LTEuNDMxLTM2LjI1OC00LjI4NGMtMTEuOTktMi44NTEtMjMuNDU5LTcuMTg3LTM0LjQwMy0xMi45OTFjLTEwLjk0NC01LjgtMTkuNzk1LTEzLjc5OC0yNi41NTEtMjMuOTgyIGMtNi43NTctMTAuMTg0LTEwLjEzNS0yMS43NDQtMTAuMTM1LTM0LjY5YzAtMTEuNDE5LDIuNTY4LTIxLjYwMSw3LjcwOC0zMC41NWM1LjE0Mi04Ljk0NSwxMS43MDktMTYuMDg0LDE5LjcwMi0yMS40MDggYzcuOTk0LTUuMzMyLDE3LjMxOS05LjcxMywyNy45NzktMTMuMTMxYzEwLjY2LTMuNDMzLDIwLjkzNy01LjgwOCwzMC44MzMtNy4xMzljOS44OTUtMS4zMzUsMTkuOTg1LTEuOTk1LDMwLjI2Mi0xLjk5NSBjNi4yODMsMCwxMS4wNDMsMC4xOTEsMTQuMjc3LDAuNTY3YzEuMTQzLDAuNzY3LDQuMDQzLDIuNzU5LDguNzA4LDUuOTk2czcuODA0LDUuNDI4LDkuNDIzLDYuNTcgYzEuNjE1LDEuMTM3LDQuNTY3LDMuMzI2LDguODUsNi41NjNjNC4yODEsMy4yMzcsNy4zMjcsNS42NjEsOS4xMzUsNy4yNzljMS44MDMsMS42MTgsNC40MjEsNC4wNDUsNy44NDksNy4yNzkgYzMuNDI0LDMuMjM3LDUuOTQ4LDYuMDQzLDcuNTY2LDguNDIyYzEuNjE1LDIuMzc4LDMuNjE2LDUuMjgsNS45OTYsOC43MDJjMi4zOCwzLjQzMyw0LjA0Myw2LjcxNSw0Ljk5OCw5Ljg1NSBjMC45NDgsMy4xNDIsMS44NTQsNi41NjcsMi43MDcsMTAuMjc3YzAuODU1LDMuNzIsMS4yODMsNy41NjksMS4yODMsMTEuNTdDMjUwLjEwNSwzOTMuNzEzLDI0Ny40ODcsNDA0LjE4MiwyNDIuMjUxLDQxMy4xMjN6Ii8+IDxwb2x5Z29uIHBvaW50cz0iNDAxLjk5OCw3My4wODkgNDAxLjk5OCwwIDM2NS40NDksMCAzNjUuNDQ5LDczLjA4OSAyOTIuMzU4LDczLjA4OSAyOTIuMzU4LDEwOS42MzYgMzY1LjQ0OSwxMDkuNjM2ICAzNjUuNDQ5LDE4Mi43MjUgNDAxLjk5OCwxODIuNzI1IDQwMS45OTgsMTA5LjYzNiA0NzUuMDgxLDEwOS42MzYgNDc1LjA4MSw3My4wODkiLz48L3N2Zz4=')} #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc.wpmchimpa-gp:hover:before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNlYjQwMjYiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI3My4zNzIsMzAyLjQ5OGMtNS4wNDEtNi43NjItMTAuNjA4LTEzLjA0NS0xNi43LTE4Ljg0MmMtNi4wOTEtNS44MDQtMTIuMTgzLTExLjA4OC0xOC4yNzEtMTUuODQ1IGMtNi4wOTItNC43NTctMTEuNjU5LTkuMzI5LTE2LjcwMi0xMy43MDljLTUuMDQyLTQuMzc0LTkuMTM1LTguOTQ1LTEyLjI3NS0xMy43MDJjLTMuMTQtNC43NTctNC43MTEtOS42MS00LjcxMS0xNC41NTggYzAtNi44NTUsMi4xOS0xMy4yNzgsNi41NjctMTkuMjc0YzQuMzc3LTUuOTk2LDkuNzA3LTExLjc5OSwxNS45ODYtMTcuNDE3YzYuMjgtNS42MTcsMTIuNTU5LTExLjc1MywxOC44NDQtMTguNDE1IGM2LjI3Ni02LjY2NSwxMS42MDQtMTUuNDY1LDE1Ljk4NS0yNi40MTJjNC4zNzMtMTAuOTQ0LDYuNTYzLTIzLjQ1OCw2LjU2My0zNy41NDJjMC0xNi43NS0zLjcxMy0zMi44MzUtMTEuMTM2LTQ4LjI1IGMtNy40MjMtMTUuNDE4LTE3Ljg5LTI3LjQxMi0zMS40MDUtMzUuOTc2aDM4LjU0TDMwMy4yLDBIMTc4LjQ0MWMtMTcuNjk5LDAtMzUuNDk4LDEuOTA2LTUzLjM4NCw1LjcyIGMtMjYuNDUzLDUuOS00OC43MjMsMTkuMzY4LTY2LjgwNiw0MC4zOTdDNDAuMTcxLDY3LjE1LDMxLjEyOSw5MC45OSwzMS4xMjksMTE3LjYzN2MwLDI4LjE3MSwxMC4xMzgsNTEuNTgzLDMwLjQwNiw3MC4yMzMgYzIwLjI2OSwxOC42NDksNDQuNTg1LDI3Ljk3OCw3Mi45NDUsMjcuOTc4YzUuNzEsMCwxMi4zNzEtMC40NzgsMTkuOTg1LTEuNDI3Yy0wLjM4MSwxLjUyMS0xLjA0MywzLjU2Ny0xLjk5Nyw2LjEzNiBzLTEuNzE1LDQuNjItMi4yODYsNi4xNGMtMC41NywxLjUyMS0xLjA0NywzLjM3NS0xLjQyNSw1LjU2NmMtMC4zODIsMi4xOS0wLjU3MSw0LjQyOC0wLjU3MSw2LjcxIGMwLDEyLjU2Myw2LjA4NiwyNi43NDQsMTguMjcxLDQyLjU0MWMtMTQuNDY1LDAuMzg3LTI4LjczNywxLjY3LTQyLjgyNSwzLjg2Yy0xNC4wODQsMi4xOS0yOC44MzMsNS42MTYtNDQuMjUyLDEwLjI4IGMtMTUuNDE3LDQuNjYxLTI5LjIxNywxMS40Mi00MS4zOTYsMjAuMjdjLTEyLjE4Miw4Ljg1NC0yMS4zMTcsMTkuMzY2LTI3LjQwOCwzMS41NDlDMy41MzMsMzYxLjU1OSwwLjAxLDM3NC40MDUsMC4wMSwzODYuMDE3IGMwLDEyLjc1MSwyLjg1NywyNC4zMTQsOC41NjUsMzQuNjljNS43MDgsMTAuMzY5LDEzLjAzNSwxOC44NDIsMjEuOTgyLDI1LjQwNmM4Ljk0NSw2LjU3LDE5LjI3MywxMi4wODMsMzAuOTc4LDE2LjU2MiBjMTEuNzA0LDQuNDcsMjMuMzE1LDcuNjU5LDM0LjgyOSw5LjU2MmMxMS41MTYsMS45MDMsMjIuODg4LDIuODU0LDM0LjExOSwyLjg1NGM1MS4wMDcsMCw5MC45ODEtMTIuNDY0LDExOS45MDktMzcuMzk3IGMyNi42NDgtMjMuMjIzLDM5Ljk3MS01MC4wNjIsMzkuOTcxLTgwLjUxN2MwLTEwLjg1NS0xLjU3LTIwLjk4NC00LjcxMi0zMC40MDlDMjgyLjUxLDMxNy4zMzcsMjc4LjQyLDMwOS4yNTQsMjczLjM3MiwzMDIuNDk4eiBNMTYzLjMxMSwxOTguNzIyYy05LjcwNywwLTE4LjkzNy0yLjQ3NS0yNy42OTQtNy40MjZjLTguNzU3LTQuOTUtMTYuMTgtMTEuMzc0LTIyLjI3LTE5LjI3MyBjLTYuMDg4LTcuODk4LTExLjQxOC0xNi43OTYtMTUuOTg3LTI2LjY5NWMtNC41NjctOS44OTYtNy45NDQtMTkuNzkyLTEwLjEzNS0yOS42OTJjLTIuMTktOS44OTUtMy4yODQtMTkuMzE4LTMuMjg0LTI4LjI2NSBjMC0xOC4yNzEsNC44NTQtMzMuOTc0LDE0LjU2Mi00Ny4xMDhjOS43MDUtMTMuMTM0LDIzLjQxMS0xOS43MDEsNDEuMTEyLTE5LjcwMWMxMi41NjMsMCwyMy45MzUsMy44OTksMzQuMTE4LDExLjcwNCBjMTAuMTgzLDcuODA0LDE4LjE3NywxNy43MDEsMjMuOTg0LDI5LjY5MmM1LjgwMiwxMS45OTEsMTAuMjc3LDI0LjQwNywxMy40MTcsMzcuMjU3YzMuMTQsMTIuODQ3LDQuNzExLDI0Ljk4Myw0LjcxMSwzNi40MDMgYzAsMTkuMDM2LTQuMTM5LDM0LjMxNy0xMi40MTksNDUuODMzQzE5NS4xNDQsMTkyLjk2NCwxODEuNzc1LDE5OC43MjIsMTYzLjMxMSwxOTguNzIyeiBNMjQyLjI1MSw0MTMuMTIzIGMtNS4yMyw4Ljk0OS0xMi4zMTksMTUuOTQtMjEuMjY3LDIwLjk4MWMtOC45NDYsNS4wNDgtMTguNTA5LDguNzU4LTI4LjY5MywxMS4xNGMtMTAuMTgzLDIuMzg1LTIwLjg4OSwzLjU3Mi0zMi4xMiwzLjU3MiBjLTEyLjE4MiwwLTI0LjI3LTEuNDMxLTM2LjI1OC00LjI4NGMtMTEuOTktMi44NTEtMjMuNDU5LTcuMTg3LTM0LjQwMy0xMi45OTFjLTEwLjk0NC01LjgtMTkuNzk1LTEzLjc5OC0yNi41NTEtMjMuOTgyIGMtNi43NTctMTAuMTg0LTEwLjEzNS0yMS43NDQtMTAuMTM1LTM0LjY5YzAtMTEuNDE5LDIuNTY4LTIxLjYwMSw3LjcwOC0zMC41NWM1LjE0Mi04Ljk0NSwxMS43MDktMTYuMDg0LDE5LjcwMi0yMS40MDggYzcuOTk0LTUuMzMyLDE3LjMxOS05LjcxMywyNy45NzktMTMuMTMxYzEwLjY2LTMuNDMzLDIwLjkzNy01LjgwOCwzMC44MzMtNy4xMzljOS44OTUtMS4zMzUsMTkuOTg1LTEuOTk1LDMwLjI2Mi0xLjk5NSBjNi4yODMsMCwxMS4wNDMsMC4xOTEsMTQuMjc3LDAuNTY3YzEuMTQzLDAuNzY3LDQuMDQzLDIuNzU5LDguNzA4LDUuOTk2czcuODA0LDUuNDI4LDkuNDIzLDYuNTcgYzEuNjE1LDEuMTM3LDQuNTY3LDMuMzI2LDguODUsNi41NjNjNC4yODEsMy4yMzcsNy4zMjcsNS42NjEsOS4xMzUsNy4yNzljMS44MDMsMS42MTgsNC40MjEsNC4wNDUsNy44NDksNy4yNzkgYzMuNDI0LDMuMjM3LDUuOTQ4LDYuMDQzLDcuNTY2LDguNDIyYzEuNjE1LDIuMzc4LDMuNjE2LDUuMjgsNS45OTYsOC43MDJjMi4zOCwzLjQzMyw0LjA0Myw2LjcxNSw0Ljk5OCw5Ljg1NSBjMC45NDgsMy4xNDIsMS44NTQsNi41NjcsMi43MDcsMTAuMjc3YzAuODU1LDMuNzIsMS4yODMsNy41NjksMS4yODMsMTEuNTdDMjUwLjEwNSwzOTMuNzEzLDI0Ny40ODcsNDA0LjE4MiwyNDIuMjUxLDQxMy4xMjN6Ii8+IDxwb2x5Z29uIHBvaW50cz0iNDAxLjk5OCw3My4wODkgNDAxLjk5OCwwIDM2NS40NDksMCAzNjUuNDQ5LDczLjA4OSAyOTIuMzU4LDczLjA4OSAyOTIuMzU4LDEwOS42MzYgMzY1LjQ0OSwxMDkuNjM2ICAzNjUuNDQ5LDE4Mi43MjUgNDAxLjk5OCwxODIuNzI1IDQwMS45OTgsMTA5LjYzNiA0NzUuMDgxLDEwOS42MzYgNDc1LjA4MSw3My4wODkiLz48L3N2Zz4=')} #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc.wpmchimpa-ms { display:none;} #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc.wpmchimpa-ms::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTcgMTciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNOC4wMjEsMS4zODV2Ni40MzdoOC43OTFWMC4xMjdMOC4wMjEsMS4zODV6IE0wLDcuODIyaDYuNjQ4VjEuNDk0TDAsMi40NDNWNy44MjJ6IE0wLDE0LjE3NSBsNi42NDgsMS4wMzFWOC42M0gwVjE0LjE3NXogTTguMDIxLDE1LjMyMWw4Ljc5MSwxLjM2NFY4LjYzSDguMDIxVjE1LjMyMXoiLz48L3N2Zz4=')} #wpmchimpa-main .wpmchimpa-social .wpmchimpa-soc.wpmchimpa-ms:hover:before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMEJDRjIiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTcgMTciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNOC4wMjEsMS4zODV2Ni40MzdoOC43OTFWMC4xMjdMOC4wMjEsMS4zODV6IE0wLDcuODIyaDYuNjQ4VjEuNDk0TDAsMi40NDNWNy44MjJ6IE0wLDE0LjE3NSBsNi42NDgsMS4wMzFWOC42M0gwVjE0LjE3NXogTTguMDIxLDE1LjMyMWw4Ljc5MSwxLjM2NFY4LjYzSDguMDIxVjE1LjMyMXoiLz48L3N2Zz4=')} #wpmchimpa-main .wpmchimpa-close-button{ position: absolute; display: block; top: 0; right: 0; width: 25px; text-align: center; cursor: pointer; } #wpmchimpa-main .wpmchimpa-close-button::before{ content: "\00D7"; font-size: 25px; line-height: 25px; font-weight: 100; color: #999; opacity: 0.4; color:;} #wpmchimpa-main .wpmchimpa-close-button:hover:before{ opacity: 1; } #wpmchimpa-main .wpmchimpa-feedback.wpmchimpa-done{ font-size: 15px; margin: 10px; height: auto;} #wpmchimpa-main .wpmchimpa-feedback.wpmchimpa-done:before{ content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSIxNDIuOCwzMjMuODUgMzUuNywyMTYuNzUgMCwyNTIuNDUgMTQyLjgsMzk1LjI1IDQ0OC44LDg5LjI1IDQxMy4xLDUzLjU1Ii8+PC9zdmc+'); width: 40px; height: 40px; border-radius: 20px; line-height: 46px; display: block; background-color: #01E169; margin: 40px auto; } .wpmc_2col #wpmchimpa .wpmc_colsplit{ width: calc(50% - 5px); display: inline-block; float: left; } .wpmc_2col #wpmchimpa .wpmc_coleven{ margin-left: 10px; } @media only screen and (max-width: 600px){ .wpmc_2col #wpmchimpa .wpmc_colsplit{ width: 100%; margin-left: 0; } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .animatedout { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } </style> <div class="wpmchimpa-reset wpmchimpa-overlay-bg wpmchimpselector chimpmatecss"> <div class="wpmchimpa-maina bounceInDown animated" wpmcexitanim> <div class="wpmchimpa-mainc"> <div id="wpmchimpa-main"> <div id="wpmchimpa-newsletterform" class="wpmchimpa-wrapper"> <div class="wpmchimpa" id="wpmchimpa"> <h3>THE BELL</h3> <div class="wpmchimpa_para"><div style="text-align: center;">Есть те, кто прочитали эту новость раньше вас.</div><div style="text-align: center;">Подпишитесь, чтобы получать статьи свежими.<img src="http://" loading=lazy></div></div> <form wpmc_suc wpmc_msg="Спасибо! ПРОВЕРЬТЕ ПОЧТУ" action="" method="post"> <input type="hidden" name="action" value="wpmchimpa_add_email_ajax"/> <input type="hidden" name="wpmcform" value="1"/> <div class="formbox wpmchimpa-field"><div class="wpmchimpa-text wpmc-ficon"><input type="text" name="email" wpmctype="email" wpmcfield="email" wpmcreq="true" required/><span class="inputlabel">Email</span><span class="inputicon"></span><div class="wpmcinfierr" wpmcerr="email"></div></div><div class="wpmchimpa-subsc"><div class="wpmchimpa-subs-button"></div><div class="wpmchimpa-signal"><style type="text/css">#wpmchimpa-main .sp8 { margin: 0 auto;width: 50px;height: 30px;} #wpmchimpa-main .sp8 > div { background-color: #3d3d3d;margin-left: 3px;height: 100%;width: 6px;display: inline-block;-webkit-animation: wpmchimpa-mainsp8 1.2s infinite ease-in-out;animation: wpmchimpa-mainsp8 1.2s infinite ease-in-out;} #wpmchimpa-main .sp8 .sp82 { -webkit-animation-delay: -1.1s;animation-delay: -1.1s;} #wpmchimpa-main .sp8 .sp83 { -webkit-animation-delay: -1.0s;animation-delay: -1.0s;} #wpmchimpa-main .sp8 .sp84 { -webkit-animation-delay: -0.9s;animation-delay: -0.9s;} #wpmchimpa-main .sp8 .sp85 { -webkit-animation-delay: -0.8s;animation-delay: -0.8s;} @-webkit-keyframes wpmchimpa-mainsp8 { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } }@keyframes wpmchimpa-mainsp8 { 0%, 40%, 100% { transform: scaleY(0.4);-webkit-transform: scaleY(0.4);} 20% { transform: scaleY(1.0);-webkit-transform: scaleY(1.0);} }</style><div class="sp8"><div class="sp81"></div><div class="sp82"></div><div class="sp83"></div><div class="sp84"></div><div class="sp85"></div></div></div></div><div style="clear:both"></div></div><div class="wpmchimpa-field wpmchimpa-text wpmc_colsplit wpmc-ficon"><input type="text" name="merge_fields[FNAME]" wpmctype="text" wpmcfield="FNAME" wpmcreq="true" required/><span class="inputlabel">Имя</span><span class="inputicon"></span><div class="wpmcinfierr" wpmcerr="FNAME"></div></div><div class="wpmchimpa-field wpmchimpa-text wpmc_colsplit wpmc-ficon"><input type="text" name="merge_fields[LNAME]" wpmctype="text" wpmcfield="LNAME" wpmcreq="true" required/><span class="inputlabel">Фамилия</span><span class="inputicon"></span><div class="wpmcinfierr" wpmcerr="LNAME"></div></div><div class="wpmchimpa-field wpmchimpa-radio"><div class="wpmchimpa-itemh">Как вы хотите читать The Bell</div><div class="wpmchimpa-itemb"><label class="wpmchimpa-item"><input type="radio" name="group[f899931c09]" value="a22e2103b4" wpmctype="radio" wpmcfield="f899931c09" wpmcreq="true"><span>Дважды в день</span></label><label class="wpmchimpa-item"><input type="radio" name="group[f899931c09]" value="4ab55de31a" wpmctype="radio" wpmcfield="f899931c09" wpmcreq="true"><span>Утренняя рассылка</span></label><label class="wpmchimpa-item"><input type="radio" name="group[f899931c09]" value="e386c1935e" wpmctype="radio" wpmcfield="f899931c09" wpmcreq="true"><span>Вечерняя рассылка</span></label></div><div class="wpmcinfierr" wpmcerr="f899931c09"></div></div> <div style="clear:both"></div> <div class="wpmchimpa-tag">Без спама</div> </form> <div class="wpmchimpa-feedback" wpmcerr="gen"></div> </div> </div> <div class="wpmchimpa-close-button"></div> </div> </div> </div> </div><script data-cfasync="false" src="/cdn-cgi/scripts/af2821b0/cloudflare-static/email-decode.min.js"></script><script type='text/javascript' src='https://tetyamotya.ru/wp-content/themes/authentic/js/vendors.min.js?ver=201710093'></script> <script type='text/javascript'> /* <![CDATA[ */ var translation = { "next":"Next","previous":"Previous"} ; /* ]]> */ </script> <script type='text/javascript' src='https://tetyamotya.ru/wp-content/themes/authentic/js/scripts.js?ver=201710093'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=9.9.9'></script> <script type='text/javascript' src='https://tetyamotya.ru/wp-content/plugins/chimpmatepro/public/assets/js/public.js?ver=1.3.2'></script> </body> </html>