Заголовки - важная часть сайта. Но почему-то многие игнорируют теги заголовков Title и H1. Зачем они нужны и почему с них необходимо начинать оптимизировать ресурс? Вы узнаете в данной статье.
Два основных заголовка
Заголовки задаются всем страницам и кратко говорят о их сути. Часто люди решают, посетить ли площадку или остаться ли на странице, основываясь лишь на заголовке. А поисковые системы используют их, чтобы определить соответствие страниц запросу и ранжировать сайт в поиске. В связи с этим необходимо задавать такие заголовки, которые будут работать максимально эффективно.
Чтобы их оформить используют особые HTML-теги - Title и H1. Title - тег названия страницы, находящийся в head-директиве вверху HTML-документа, относящийся к метаданным. Именно с него поисковик начинает знакомиться с содержимым и по нему различает одну страницы между собой. Поэтому Title должен быть уникальным. Увидеть Title можно в сниппете, в закладках и во вкладке браузера.
H1 отображает заголовок содержимого страницы: карточки товара, раздел каталога, статья. Пользователи нередко заходят на площадку, не побывав в выдаче поиска, из заголовка H1 они быстро узнают, что содержит страница.
Веб-мастера зачастую используют H1 как стилистический прием, выделяя разные смысловые части текста. Так делать нельзя. H1 передает поисковику основной смысл страницы. Два и более тегов H1 будут портить релевантность. Для формирования структуры текста нужно пользоваться тегами H2, H3...H6.
Использование ключевых слов в Title и H1
Так как поисковые системы анализируют теги на релевантность запросу поиска, в заголовках должны быть ключевые слова. В Title обычно используют их точное вхождение в начале заголовка. Единого правила тут нет. Для выбора оптимального варианта определенного запроса, можно проанализировать ТОП10 выдачи.
Также к ключевой фразе в Title прописывают прочие слова, которые могут запрашиваться с ней в связке, однако, при этом соответствующие содержимому страницы. Найти их можно с помощью поисковых подсказок или «подсветки» слов в поисковых результатах.
Длина показываемой части Title в выдаче - около 60-70 знаков. Фраза длиннее сокращается по умолчанию. Часто это негативно сказывается на привлекательности и информативности фразы.
Для тега H1 также требуется вхождение ключевой фразы, однако, ее можно видоизменять для того, чтобы она выглядела адекватно. К примеру, вместо «Монтаж сплит-системы инструкция» - «Как поставить сплит-системы самостоятельно».
Заголовки Title и H1 для разных типов страниц
Для главной страницы применимы 3 шаблона Title: «указание продуктов + название фирмы», «характеристика + название фирмы», «специфика бизнеса + название фирмы».
Вариант 1:
Title «Скачать книги бесплатно в форматах pdf, epub, fb2 без смс - kniga.ru»
H1 «Бесплатная библиотека kniga.ru»
Вариант 2:
Title «Ремонт квартир Краснодар: дизайн-проект, отделка под ключ, прокладка водопровода - РемонтМастер»
H1 «Ремонт квартир в Краснодаре»
На страницах разделов каталога в тег Title прописывается категория продукта со словами-триггерами («заказать», «дешево», «стоимость», «доставка». Для увеличения конверсии используйте реальные цифры, обозначая стоимость, количество, объем и прочее. В теге H1 называйте только группу продуктов (по аналогии с табличкой-указателем в каком-нибудь магазине).
Title «Велосипеды с облегченной рамой купить от 7000 рублей с доставкой по Краснодару – Велодом»
H1 «Велосипеды с облегченной рамой»
В Title товарной карточки пишется полное наименование продукта, смысл предложения, категория и краткие сведения для потребителя. В H1 - наименование продукта и идентификатор раздела.
Title «Заказать видеокамеру Sony SD9 red: описание, отзывы, обзор продукта – Техномир»
H1 «Видеокамера Sony SD9 red»
Для заголовка инфостатьи в теге H1 лучше прописывать слова, близкие тому, как их задают люди, интересуясь подобным материалом. В Title можно дополнить семантику заголовка статьи и добавить интересные факты.
Title «Выбор кресла - фотообзор популярных моделей»
H1 «Как выбрать кресло»
В ней изучено повышение посещаемости сайта, которое произошло после резкой смены title на большинстве страниц. Случай интересен «чистотой», слабым влиянием других факторов. Это позволяет делать обоснованные выводы (огромная редкость для SEO-кейсов). Поэтому я просто не мог не продолжить его изучение.
Предыдущий материал, как многие заметили, был посвящен доказательству аксиомы (которую, однако, многие берутся оспаривать — см. цитаты в начале). Сегодня копнем чуть поглубже, рассмотрим не столь очевидный вопрос (кому и он покажется слишком простым — до состояния дзен).
Гипотеза: разные теги title и h1 ухудшают ранжирование
В развернутом виде ее можно сформулировать так:
- одинаковые title и h1 дают большее число вхождений запроса в главные зоны документа, увеличивая таким образом текстовую релевантность;
- и наоборот, использование разных ключей в title и в h1 увеличивает охват запросов, но ухудшает релевантность и ранжирование по ним.
(Можно привести теоретические аргументы и «за» и «против» этого предположения. Я пропущу их и перейду сразу к реальным наблюдениям.)
Если гипотеза верна, то прежде чем принимать решение об использовании разных title и h1, нужно обязательно определить значимость ключевиков, предназначенных для использования в разных заголовках.
Если достаточно много ключей более-менее равны по частотности и коммерческой ценности, то использование разных тегов для лучшего охвата оправдано. Если же есть 2-3 наиболее важных, то может быть более разумным решением подбор универсального заголовка.
Поясню идею на примере.
В предыдущей статье было показано, что рост посещаемости на изучаемом сайте был связан именно с поисковыми фразами, которые семантически близки к title. Можно ли из этого сделать вывод, что «рерайт» заголовка всегда дает подобный результат (+28% поискового трафика)?
Конечно нет!
Мы не знаем, как и почему в точности начался рост. Ведь возможен и такой вариант:
- Новые ключевики в title дали прибавку сразу в 50% визитов.
- Одновременно выпала часть запросов, близких к старым title (они дублировали h1), они унесли с собой 22% визитов.
А вдруг в случае запросов с другой частотностью (если в h1 будут более важные) это приведет к падению общего трафика?!
В общем, требуется разобраться.
Алгоритм проверки
Чтобы развеять сомнения, нужно определить, как изменилось количество трафика по ключам, связанным с h1.
Вот результаты семантического анализа поисковых запросов, аналогичные приведенным в первой части исследования.
Как видим, трафик по группе запросов, которые связаны с h1, также вырос, хотя и на пару процентов меньше, чем в среднем. Но ведь наша гипотеза предсказывает его снижение, так? Получается, она неверна! Значит, можно считать доказанным, что «умные» поисковики настолько хорошо понимают суть страницы, что использование не дублирующихся, а синонимичных заголовков дает бонус за «человечность» и «неспамность» контента. Сенсация! Верно?
Нет, не верно!
Если приведенная выше логика кажется вам правильной, то вы недостаточно глубоко разобрались в ситуации. Давайте разложим все по полочкам.
По каким вообще запросам могут приходить на сайт?
В рамках этого обсуждения нас интересует следующее разделение:
Для того, чтобы понять, влияет ли title на ранжирование, нам было достаточно отследить изменения трафика в группе первого столбца (запросы, содержащие леммы из title, неважно, есть они в h1 или нет). Ведь для группы после изменения title релевантность в целом осталась на том же уровне (или даже снизилась), так что динамика изменений всей группы более-менее соответствует динамике . С учетом весьма явного роста (почти 36%!) проводить дополнительные исследования здесь необязательно.
Какие запросы помогут проверить гипотезу?
Совсем иная ситуация для ключевиков, содержащих леммы из h1. Для целей этого исследования их нельзя рассматривать скопом.
Поясню наглядно. Представим, что у нас есть страница с следующим h1 и title: «Как использовать заголовки для SEO продвижения сайта». Потом мы напряглись и сделали уникальный тайтл: «Заголовки для SEO: принципы написания, советы, лайфхаки от экспертов». Что будет с релевантностью для запроса «заголовки seo советы»?
А вот что:
Она вырастет, разумеется. А ведь этот запрос содержит леммы из h1. Поэтому, если механически перенести логику первого исследования на второе (что я в провокационной манере сделал выше) — мы получим неверный результат!
То есть: для проверки гипотезы нам нужно отследить динамику изменения трафика по запросам, которые содержат леммы из h1, но не содержат лемм из title . Для описанного выше примера таким запросом будет, скажем, «что использовать в продвижении сайта».
Результаты и выводы
Для интересующей нас группы запросов наблюдается следующая картина:
Ага! По группе ключей, которые утратили сходство с title, оставаясь близкими к h1, трафик действительно снизился!
Что это означает?
Во-первых, это серьезный аргумент в пользу приведенной в начале статьи гипотезы. Как мы видим, для успешного ранжирования недостаточно вхождения запроса в h1 и его синонимов/тематичных слов в title. Вхождение и в title и в h1 обеспечивает куда лучший эффект (см. первую табличку). Использование разных title и h1 нельзя признать универсальным рецептом на все случаи жизни.
Наличие лемм из запроса в title — важный фактор ранжирования (лишний раз подтверждаем вывод из прошлой статьи).
Во-вторых, бездумное использование различающихся title и h1 может повредить трафику . Любое решение по SEO должно приниматься осознанно и обоснованно!
В-третьих, сильно бояться все же не стоит. Легко видеть, что нет ничего особо сложного в том, чтобы создавать разные, но пересекающиеся по важным ключевикам заголовки. Это минимизирует потери трафика по запросам, далеким от title. Что и было сделано на исследуемом сайте. Итог — отличный прирост посещаемости. Помните об этом, когда в следующий раз будете прорабатывать заголовки.
Должны ли совпадать TITLE и H1 и какой вариант лучше для SEO? Есть ли различия двух заголовков и как их правильно составить? Больше не ищите ответ, прочитайте эту короткую заметку и примите решение самостоятельно.
Заголовки TITLE и H1: одинаковые или разные?
В очередной раз, на форуме су-pr.ru увидел запись про TITLE и H1. Начавший тему (TC) на своем сайте сделал одинаковые заголовки. По его словам позиции в Яндексе - в плюсе, а в Google ситуация неоднозначная. Смотрим скриншот с форума.
Если попытаться найти ответ в поиске - увидим, что вопрос подымался еще в далеком 2007 году. Почитал ответы и понял, что четкого решения не найти. Одни грешат на спам и переоптимизацию, вторые вставляют синонимы ключевых слов, другие видят преимущество в одинаковых заголовках - ведь где-то читали, что поисковики относятся к этому хорошо.
Я считаю, что разницы никакой нет и заморачиваться над этим вопросом не надо. Сегодня, на ранжирование страницы влияют множество факторов. Значимость ключевых слов уже давно ушла на второй план. «Правильные и оптимизированные SEO-заголовки» которые понравятся и людям и поисковым системам - это миф.
Не хочу тратить время на анализ выдачи и вникать в работу алгоритмов, пытаясь найти правильный ответ. Вам то же советую остановиться, и дочитать эту запись до конца . Давайте посмотрим, в чем разница TITLE и H1, какую выгоду можно получить по факту?
</b> - заголовок страницы, который вы видите на вкладке окна браузера, на странице сайта пользователь его не видит. <b>Чаще всего используется для формирования сниппета в поисковой выдаче. </b> </blockquote> <p>Да, самая главная задача TITLE это получить <b>кликабельный сниппет </b>. Для этого рекомендую придерживаться нескольким правилам:</p> <ul><li>используйте ключевые слова;</li> <li>аккуратный заголовок - 70 символов;</li> <li>пользуйтесь предпросмотром сниппета - http://www.chuvyr.ru/p/snippet.html </li> </ul><blockquote><b><H1> </b> - заголовок первого уровня, который помогает <b>визуально разбить текст страницы (документа) на секции </b> и сделать его удобней для чтения. Считается наиболее весомым, поэтому стоит в начале страницы и может пересекаться с TITLE. </blockquote> <p>Если взять все заголовки H1-H6, то их задача<b> структурировать текст </b>. <span><i>«Простыня или портянка» </i> </span> текста становиться читабельной. В теории, для <a href="/kak-osushchestvlyaetsya-poisk-v-poiskovyh-sistemah-poiskovaya/">поисковых систем</a>, заголовки могут давать сигнал важности секции текста. Дам пару рекомендаций:</p> <ul><li>можно добавить ключевые слова;</li> <li>должен стоять выше других заголовков и использоваться один раз;</li> <li>из всех уровней, для H1 в CSS используйте <a href="/kak-naiti-slovar-v-androide-colordict-na-android-universalnoe-prilozhenie-dlya/">максимальный размер</a> шрифта;</li> <li>запрещается использовать заголовок H1 как ссылку и добавлять другие HTML теги.</li> </ul><p>В заключении. Не ищите успех в мелких деталях. Одинаковые или <a href="/h1-b-title-dolzhny-otlichatsya-zagolovki-h1-i-title-delat-li-ih-odinakovymi-ili/">разные заголовки</a>, это не так важно, как общее содержимое ваших страниц. <a href="/paneli-i-ee-nastroika-posle-panel-zadach-i-glavnoe-menyu-prosmotr-rabochego/">Главная задача</a> - <span><b>подача контента и решение проблемы пользователя </b> </span>.</p> <p>Должны ли H1 и TITLE совпадать или нужно их делать разными? Давний вопрос, который обязательно возникает на каждой встрече, где есть сеошники. Откуда он появился сказать сложно. Возможно, из несоответствия рекомендаций поисковых систем и примеров в ТОП10.</p> <p>Доводы за разные теги тайтла и H1: мол, поисковик “подумает”, что мы хотим усилить двойным употреблением значение ключевого слова, за что обязательно накажет 🙂<br> Доводы за <a href="/h1-i-title-dolzhny-povtoryatsya-zagolovki-title-i-h1-odinakovye-ili/">одинаковые теги</a>: цитата в помощи Яндекса для вебмастеров.</p> <blockquote> <p>Чтобы робот, анализирующий ваш сайт, смог правильно выделить наиболее <a href="/kak-pravilno-skryt-i-zashifrovat-vazhnuyu-konfidencialnuyu/">важные разделы</a> и ключевые страницы, нужно чтобы… текст в <a href="/kakoi-element-yavlyaetsya-roditelskim-dlya-tega-title-znachenie/">теге TITLE</a> для <a href="/posadochnaya-stranica-kompanii-osobennosti-sozdaniya-i-ispolzovaniya-landing-page/">ключевых страниц</a> совпадал с ее названием (с заголовком страницы, выделенным, например, тегом H1) и с текстами ссылок, указывающих на эту страницу.</p> </blockquote> <p>Как же на самом деле, делать их одинаковыми или разными? По <a href="/kak-lechit-android-ot-virusov-kak-udalit-virus-s-androida-kak/">большому счету</a> - без разницы. Но стоит учесть несколько моментов.</p> <h2>— H1 и TITLE должны пересекаться</h2> <p>Если тайтл об одном, а H1 о другом, то поиску сложней определить, каким именно ключевым словам релевантна страница, да и пользователи будут в затруднении. Также эти участки кода помогают поисковикам формировать <a href="/kak-v-puske-pomenyat-fon-dobavlenie-specialnyh-elementov-kak-izmenit/">специальные элементы</a> в сниппете, типа <a href="/hlebnye-kroshki-wordpress-nastroika-plagina-breadcrumb-navxt-hlebnye-kroshki/">хлебных крошек</a> или <a href="/luchshaya-proga-dlya-zapisi-sd-rukovodstvo-po-bystromu-vyboru-ssylki-dlya/">быстрых ссылок</a>. Другими словами, не нужно делать TITLE и H1 совсем разными. Посмотрим несколько примеров (просто в качестве демонстрации, без предварительного анализа семантики).</p> <p>Сайт представляет из себя салон <a href="/landing-page-po-prodazhe-italyanskoi-mebeli/">итальянской мебели</a> в Москве. Основные <a href="/kak-opredelitsya-s-klyuchevymi-slovami-podbor-klyuchevyh-slov-v-yandeks-vordstate/">ключевые запросы</a>: салон итальянской мебели, итальянская мебель…<br><b>TITLE : </b> Салон итальянской мебели в Москве. Купить мебель из Италии | Название-Салона</p> <p><b>H1: </b> Добро пожаловать<br> Неоптимальный вариант, так как в H1 вообще нет продвигаемых ключевых слов. Приветствие можно написать в тексте.</p> <p><b>H1: </b> Эксклюзивная мебель из Италии<br> Уже получше, так как теги пересекаются по ключу “мебель из италии”. Но его может не быть в приоритетных запросах.</p> <p><b>H1: </b> Салон итальянской мебели Название-Салона<br> Нормальный заголовок для основного запроса, ничего лишнего.</p> <p>Как видим, здесь нет смысла делать полностью одинаковыми H1 и TITLE , но они должны все же пересекаться.</p> <p><img src='https://i2.wp.com/devaka.ru/wp-content/uploads/2016/02/2224t.png' width="100%" loading=lazy></p> <h2>— H1 и TITLE виден пользователями на разных этапах взаимодействия с сайтом</h2> <p>TITLE пользователь чаще видит еще до перехода на сайт. H1 видит уже тогда, когда находится на странице. В связи с этим, H1 лучше делать коротким и максимально описывающим суть <a href="/b2b-landing-pages-kakie-zadachi-biznesa-reshaet-posadochnaya-stranica/">посадочной страницы</a>, многое зависит от её предназначения. Что касается TITLE , помимо содержания ключевых слов, он должен мотивировать пользователя на клик (переход). В <a href="/registrator-blackvue-cloud-ne-rabotaet-zvuk-yuzhnokoreiskaya-zaruba-premialnyh/">противном случае</a> можно оптимизировать текстовую релевантность, но не оптимизировать конверсию в клики и, соответственно, получать не весь трафик.</p> <p>Например, раздел радиоуправляемых вертолетов на сайте.<br><b>H1: </b> Радиоуправляемые вертолеты (логично)<br><b>TITLE : </b> Купить <a href="/vertolet-bespilotnik-s-kameroi-radioupravlyaemye-vertolety-s-videokameroi/">радиоуправляемые вертолеты</a> с доставкой по Москве</p> <p>Здесь слово “купить” призывает к действию, а “доставка по Москве” снимает ряд вопросов перед кликом.</p> <p>Информационная тема: как плести браслеты из резинок<br><b>H1: </b> Как плести браслеты из резиночек на станке<br><b>TITLE : </b> Браслеты из резиночек: <a href="/nastroika-trikolor-tv-samostoyatelno-poshagovaya-instrukciya/">пошаговые инструкции</a> и схемы плетения с фото и видео</p> <p>“Пошаговые инструкции и схемы” не только расширяют семантику, но и повышают вероятность клика на заголовок. Человек, который ищет “как плести” как раз подразумевает пошаговые инструкции с фото, но может не включать это в свой запрос.</p> <h2>— TITLE подтягивается в соцсети</h2> <p>Если код дополнительно не настраивать, то при расшаривании пользователями страницы в соцсети, заголовок берется из тайтла. Если он спамный, то это препятствует как переходу из соцсетей, так и расшариванием в принципе. Если же будет просто коротким как и H1, то это тоже плохой вариант.</p> <p>Этот пункт наиболее актуален для информационных и новостных проектов. Но некоторые из них только и работают на соцсети, поэтому брать пример с заголовков типа “Эта женщина больше не могла смотреть на себя в зеркало. И вот что она сделала…” не всегда корректно для SEO . Просто при составлении тайтлов помните, что они могут попадать заголовками в соцсети.</p> <h2>— TITLE может содержать дополнительные ключевые фразы</h2> <p>Чтобы продвигать страницу не только по выбранным среднечастотным фразам, но и по смежным, а также большому пулу низкочастотных фраз, в тайтл можно добавлять некоторые слова из сем.ядра. Соответственно, это будет отличать его от тега H1.</p> <p>Например, у нас пул запросов: монтаж битумной черепицы, монтаж гибкой черепицы, инструкция по монтажу черепицы, технология монтажа черепицы, технология укладки битумной черепицы, укладка битумной черепицы, монтаж гибкой черепицы видео и др. и пр.</p> <p><b>H1: </b> Инструкция по монтажу гибкой битумной черепицы<br><b>TITLE : </b> Монтаж гибкой черепицы, технология укладки. Цена, видео</p> <p>Здесь тайтл и H1 вовсе различаются, пересекаются лишь некоторыми словами (монтаж, битумная, черепица). Вставлять все слова из ядра в тайтл или в H1 нет смысла, это будет выглядеть спамным, а разделение слов по участкам кода (в том числе по другим заголовкам) - хорошая стратегия.</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> </div> </div> <div class="right -is-sticky"> <div class="articles-conseilles"> <div id="focoda2" style="height:500px;width:266px;" align="center"></div> </div> </div> </div> <div class="a-decouvrir"> <h3>Рекомендуем почитать</h3> <div class="featured"> <div class="view view-articles view-id-articles view-display-id-block_4 view-dom-id-169dc93f512a102548b755435ccd1346"> <div class="view-content"> <div class="row"> <article class="preview-article"> <header class="preview-article__header"> <a href="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/"> <figure class=""> <img src="https://i2.wp.com/webhelper.info/images/danger.jpg" alt="Лучшие утилиты для удаления вирусов и вредоносных программ" loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/">Лучшие утилиты для удаления вирусов и вредоносных программ</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Вредоносное ПО (malware) - это назойливые или опасные программы,... </p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> <article class="preview-article"> <header class="preview-article__header"> <a href="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/"> <figure class=""> <img src="https://i0.wp.com/softnonstop.ru/newi/7-Data-Recovery-Suite-min.png" alt="Как тестировались программы" loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/">Как тестировались программы</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Лучшие программы для восстановления данных с любых носителей информации.... </p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> <article class="preview-article"> <header class="preview-article__header"> <a href="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/"> <figure class=""> <img src="https://i2.wp.com/pcpro100.info/wp-content/uploads/2015/03/kak-pochistit-kompyuter-ot-pyili.jpg" alt="Как уменьшить нагрузку на ЦП: простые, но эффективные методы решения проблемы" loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/">Как уменьшить нагрузку на ЦП: простые, но эффективные методы решения проблемы</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Здравствуйте.Одна из самых распространенных причин, по которым тормозит... </p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> <a href="#skip-link" class="visually-hidden visually-hidden--focusable" id="main-menu" tabindex="-1">Наверх</a> </div> </section> <div class="region region-bottom"> <div class="block block-block first last odd" id="block-block-7"> <ul> <li><a href="/category/news/">Новости</a></li> <li><a href="/category/for-android/">Для Андроид</a></li> <li><a href="/category/for-windows/">Для Windows</a></li> <li><a href="/category/for-windows-phone/">Для Windows Phone</a></li> <li><a href="/category/download-viber/">Скачать Viber</a></li> <li><a href="/category/viber-on-the-computer/">Вайбер на компьютер</a></li> </ul> <p><a href="/" id="choosit"><img alt="" height="13" src="/sites/all/themes/lanutrition/img/logo-choosit.svg" width="50" / loading=lazy></a></p> </div> </div> <div class="search-modal" id="search-modal"><button class="close-button" id="close-search" aria-label="Close reveal" type="button"><span aria-hidden="true">×</span></button> <div class="search-modal__content"> <div class="block block-search first odd" role="search" id="block-search-form"> <form class="search-form" role="search" action="/" method="get" id="search-block-form" accept-charset="UTF-8"> <div> <div class="container-inline"> <h2 class="element-invisible">Поиск по сайту</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <input title="" class="custom-search-box form-text" placeholder="введите слово" type="text" id="edit-search-block-form--2" name="s" value="" size="15" maxlength="128" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Rechercher" class="form-submit" /></div> </div> </div> </form> </div> </div> </div> </body> </html>