Должны ли совпадать TITLE и H1 и какой вариант лучше для SEO? Есть ли различия двух заголовков и как их правильно составить? Больше не ищите ответ, прочитайте эту короткую заметку и примите решение самостоятельно.
Заголовки TITLE и H1: одинаковые или разные?
В очередной раз, на форуме су-pr.ru увидел запись про TITLE и H1. Начавший тему (TC) на своем сайте сделал одинаковые заголовки. По его словам позиции в Яндексе - в плюсе, а в Google ситуация неоднозначная. Смотрим скриншот с форума.
Если попытаться найти ответ в поиске - увидим, что вопрос подымался еще в далеком 2007 году. Почитал ответы и понял, что четкого решения не найти. Одни грешат на спам и переоптимизацию, вторые вставляют синонимы ключевых слов, другие видят преимущество в одинаковых заголовках - ведь где-то читали, что поисковики относятся к этому хорошо.
Я считаю, что разницы никакой нет и заморачиваться над этим вопросом не надо. Сегодня, на ранжирование страницы влияют множество факторов. Значимость ключевых слов уже давно ушла на второй план. «Правильные и оптимизированные SEO-заголовки» которые понравятся и людям и поисковым системам - это миф.
Не хочу тратить время на анализ выдачи и вникать в работу алгоритмов, пытаясь найти правильный ответ. Вам то же советую остановиться, и дочитать эту запись до конца . Давайте посмотрим, в чем разница TITLE и H1, какую выгоду можно получить по факту?
</b> - заголовок страницы, который вы видите на вкладке окна браузера, на странице сайта пользователь его не видит. <b>Чаще всего используется для формирования сниппета в <a href="/poiska-skrinshoty-poseshchennyh-stranic-hronologiya-v-google-kartah/">поисковой выдаче</a>. </b> </blockquote> <p>Да, самая главная задача TITLE это получить <b>кликабельный сниппет </b>. Для этого рекомендую придерживаться нескольким правилам:</p> <ul><li>используйте <a href="/podbor-klyuchevyh-slov-ot-a-do-ya-kakiie-klyuchevye-slova-ot-otdelnyh/">ключевые слова</a>;</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> текста становиться читабельной. В теории, для поисковых систем, заголовки могут давать сигнал важности секции текста. Дам пару рекомендаций:</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="/paneli-i-ee-nastroika-posle-panel-zadach-i-glavnoe-menyu-prosmotr-rabochego/">Главная задача</a> - <span><b>подача контента и решение проблемы пользователя </b> </span>.</p> <p>На блоге, над которым я работаю вот уже больше 2-х месяцев, мне приходится исправлять множество ошибок которые были допущены мною ранее, в процессе написания статей и их раскрутки. Об одной из таких ошибок, я писал в , а сегодня хочу продолжить свой рассказ о <span>title-страниц и тегах h1 </span>. Вернее, разговор пойдет даже не о самих тегах (наверняка вы уже знаете, что это такое и для чего оно нужно), а об их использовании на своем сайте. Давайте, я попробую объяснить вам более подробно.<br> Когда, мы пишем статью на блог, с последующей ее выкладкой, нам необходимо заполнить определенные поля в админке блога, для <a href="/nakrutka-povedencheskih-faktorov-ranzhirovaniya-s-userator-luchshie-servisy/">лучшего ранжирования</a> по ключевому запросу в ПС. Проще говоря, нужно прописать title самой страницы и второй по важности элемент – заголовок h1.<br></p> <p>Для того чтобы указать тег h1, необходимо заполнить следующее поле при добавлении <a href="/kak-poluchat-uvedomleniya-o-novyh-zapisyah-vkontakte-groupsfeed-servis-dlya/">новой записи</a>.</p> <p>Для прописки title-страницы заполняем поле в конце самой записи, которое генерируется плагином <span>All In <a href="/pravilnaya-nastroika-in-one-seo-pack-yoast-wordpress-seo-protiv-all-in-one-seo-pack/">One Seo</a> Pack </span>.</p> <p><img src='https://i2.wp.com/seofive.ru/wp-content/uploads/2014/11/sz2.jpg' width="100%" loading=lazy></p> <p>Все, это понятно скажите вы, а в чем же суть поста, Александр? А суть поста заключается в том, чтобы рассказать вам, что нельзя использовать точное повторение title-страницы и тега h1 при написании любой статьи на блоге и ее дальнейшей публикации. Это является ошибкой и, по сути, идет простое дублирование контента на странице. А так, как этот контент состоит из ключевых слов, то вывод очевиден.</p> <p>Когда, я только начинал вести свой блог, то использовал <a href="/obraz-sistemy-hp-pavilion-g6-kak-sdelat-vosstanovlenie-sistemy-na/">разные методы</a> внутренней оптимизации статей, в том числе и повторение вышеописанных тегов. Кроме этого, я еще и дублировал <a href="/kak-opredelitsya-s-klyuchevymi-slovami-podbor-klyuchevyh-slov-v-yandeks-vordstate/">ключевой запрос</a> и в теге h2, что конечно же, вызвало пристальное внимание со стороны Google и как следствие, повлекло за собой наложение фильтра за совокупность разных факторов.</p> <p>Результат – всего 8-10% от <a href="/raschet-trafika-iz-poiskovyh-sistem-po-brendovym-i-nebrendovym-zaprosam/">поискового трафика</a>, я получаю с ПС Google.</p> <p><img src='https://i2.wp.com/seofive.ru/wp-content/uploads/2014/11/sz4.jpg' width="100%" loading=lazy></p> <p>Конечно, на <a href="/guild-wars-2-ne-zapuskaetsya-gw2-izvestnye-problemy-na-dannyi-moment/">данный момент</a> времени, все допущенные мною ранее ошибки устраняются и рано или поздно, я буду получать заветный трафик с мировой поисковой системы.</p> <p>Ну, а вам друзья, рекомендую исправлять ситуацию, если она подобна, описанной в статье (можно просто разбавить заголовок h1 1-2 словами, или же просклонять ключевой запрос). Кстати, можете воспользоваться одним хитрым приемом и для того, чтобы не исправлять вручную каждый title или заголовок h1, нужно просто добавить вот такую вставку:</p> <p>в поле <span>Формат для страниц </span> в настройках <a href="/nastroit-plagin-all-one-seo-pack-yoast-wordpress-seo-protiv-all-in-one-seo-pack-chto/">плагина All</a> In One Seo Pack.</p> <p><img src='https://i0.wp.com/seofive.ru/wp-content/uploads/2014/11/sz5.jpg' width="100%" loading=lazy></p> <p>После таких действий, для каждого title-страниц будет подставляться название вашего блога, что уже сделает его различным от заголовка h1.</p> <p>Все, на этом буду заканчивать эту статью. Если остались вопросы, задавайте в</p> <p><b>1. Как тег title влияет на продвижение сайта </b></p> <p><b>2. Немного о теге H1 </b></p> <p><b>3. Влияние Description на продвижение сайта </b></p> <p><b><span>Как тег title влияет на продвижение сайта </span> </b></p> <p>Здравствуйте, я хочу поговорить с вами про тег title, который, на мой взгляд, играет ключевую роль в продвижении своего сайта в Интернете. Этот тег прописывают в начале документа, предварительно обернув его <a href="/teg-head-v-html-dokumente-oboznachaet-html-razdel-head-izbavlyaemsya-ot-lishnego-koda-v/">тегом head</a>. Этот тег по сути единственная выводимая на мониторе пользователя информация.</p> <p><b>Что из себя представляет тег title? </b> </p> <p>Главное назначение этого тега заключается в том, чтобы дать заголовок документу, который будет виден как поисковикам, так и людям, которые пожаловали на сайт. В браузерной вкладке длинные теги для удобства пользователя сворачиваются, но если навести на вкладку мышиный курсор, то можно полностью увидеть информацию, содержащуюся в данном теге. Также, в большинстве случаев, содержимое этого тега <a href="/kak-osushchestvlyaetsya-poisk-v-poiskovyh-sistemah-poiskovaya/">поисковые системы</a> отображают в качестве названия сайта. Поисковики также могут формировать различные сниппеты, но заголовок, основанный на title всегда остается таким же.</p> <p><b>Каким образом тег title влияет на приток посетителей </b> </p> <p>1. Для начала давайте подумаем, как мы с вами ищем нужную нам информацию? Правильно, мы заходим в свою любимую <a href="/referat-poiskovye-mashiny-poiskovye-mashiny/">поисковую машину</a>, вбиваем туда интересующий нас запрос и пробегаем глазами заголовки. И лишь когда нас заинтересовал тот или иной заголовок, мы щелкаем по ссылке и переходим на тот или иной сайт. Таким образом, я не буду приукрашивать, если скажу, что тег title является очень <a href="/heshtegi-v-instagramm---samyi-vazhnyi-element-v-raskrutke/">важным элементом</a> привлечения читателей на сайт. Чтобы люди хотели зайти на ваш ресурс, заголовок должен нести в себе нужную им информацию и цеплять посетителей.</p> <p>2. Также не стоит забывать о том, что если посетителю понравился сайт, то, скорее всего, он решит сохранить его где-нибудь у себя в закладках. И тут опять-таки появляется наш тег title – у сохраненной в закладках ссылки будет такое же название, как и у заголовка страницы.</p> <p>4. Ну и, как я уже говорил выше, название у страницы, которое отображается в браузерной вкладке, так же зависит от тега title.</p> <p>Только что я вам рассказал о том, какую незаменимую роль играет тег title, если <a href="/pereprodazha-tovarov-s-ebay-kak-biznes-ogranicheniya-pri-prodazhe-tovarov-na-ebay-hotel/">речь идет</a> о завоевании внимания пользователя. Сейчас же я хочу объяснить, как на этот тег смотрят сами поисковики и, что мы с вами можем сделать, чтобы понравиться им. Ведь одно дело понравиться пользователю и совершенно другое это угодить поисковым системам.</p> <p><b>Тег title в глазах поисковых машин </b> </p> <p>От тега title напрямую зависит то, на какой позиции может оказаться ваш сайт во время поисковой выдачи. В руководствах, сделанных для вебмастеров, Яндексом и Гуглом, на данный счет имеются весьма четкие и ясные рекомендации.</p> <p>1. Заголовок страницы обязательно должен быть связан с ее содержимым. Также не повредит и наличие ключевых слов в заголовке.</p> <p>2. Также каждая страница должна иметь свой собственный уникальный заголовок, чтобы поисковая система знала чем все же отличается та или иная страница на сайте от десятков других ей подобных.</p> <p>3. Название страницы обязательно должно быть коротким и в то же самое время предельно ясным. Если название будет длинным, то поисковики могут его обрезать при поисковой выдаче.</p> <p>На этом, пожалуй, все, что я хотел вам поведать касательно работы тега title и того, насколько он важен при продвижении своего сайта в <a href="/osnovnye-komponenty-poiskovoi-mashiny-seti-internet/">поисковых машинах</a>. Надеюсь, что мои труды не пошли понапрасну и я смог вам показать насколько существенную роль играет <a href="/sozdat-programmu-elementa-formy-dlya-html-vvod-dannyh-polya/">данный тег</a> в оптимизации своей страницы. Напоследок лишь скажу: не халтурьте, потратьте лишние пять минут, но должным образом пропишите заголовки, чтобы ваш сайт потом смог оказаться на первых страницах выдачи и не затерялся среди множества остальных результатов поисковой машины.</p> <p><b>Пример правильного тега title </b> </p> <p>И так, давайте рассмотрим <a href="/kak-ponyat-chto-telefon-proslushivaetsya-fsb-video-proslushivayut/">наглядный пример</a>. Взял я ключевое слово, близкое к нам и форуму. "SEO-форум".</p> <p>Посмотрим на ТОП 1.</p> <p>Посмотрим на ТОП 2.</p> <p>И так, мы видим, что в ТОП 1 есть прямое вхождение ключевого слово "SEO форум", а на втором сайте как мы видим, нету полного вхождение ключевого слово, это и является причиной того, что "серч" находится не в ТОП 1, а ниже, чем seo-forum.ru. </p> <p>Так же и в дескрипшн (описание сайта) есть прямое вхождение ключевого слово на сайте, который находится в ТОП 1. Но, не все зависит только от title, есть и другие факторы ранжирования сайта и их не мало </p> <p><b>Немного о теге H1 </b> </p> <p>А теперь, пока не начал писать о description, хотел бы сказать пару слов о теге H1. При добавлении страницы тег H1 тоже влияет на релевантность страницы не меньше чем title или description. H1 - это заголовок страницы. Нельзя забывать прописывать этот тег, это как заголовок (название) газеты, без название мы не поймем о чем сайт именно. И этот тег должен стоять выше, на странице сайта. Посетитель, который попадет на ваш сайт, сразу должен увидеть заголовок страницы/сайта.</p> <p><b>Применение тега H1 </b></p> <p>Многие <b>новички </b> при прописывании этого тега <b>совершают большую ошибку </b>... а именно, <b>делают title и h1 одинаковыми </b>. Этого допускать никак нельзя, <b>H1 должен дополнять название страницы/сайта </b>...</p> <p><b><span>Каким образом <a href="/zapolnenie-title-description-keywords-primery-pravilnogo-zapolneniya-meta-tegov-description/">мета-<a href="/pravila-zapolneniya-meta-tegov-meta-tegi-title-description-i-keywords-meshayut/">тег Description</a></a> влияет на продвижение вашего сайта в поисковых системах? </span> </b></p> <p>Что из себя представляет Description? Суть этого мета-тега сводится к тому, чтобы дать небольшое описание вашей страницы. Например, человек что-то искал в поисковике, случайно наткнулся на ваш сайт и благодаря тегу смог узнать о чем будет идти речь на вашей странице, прежде чем перейти по ссылке.</p> <p><b>Насколько важен Description в СЕО? </b></p> <p>Грамотно оформленный и красивый тег позволит привлечь на свою страницу больше посетителей, тем самым повысив так называемые <a href="/chto-takoe-povedencheskii-faktor-povedencheskie-faktory-vidy/">поведенческие факторы</a> вашего сайта. Также, если толково использовать тег Description, указывая в нем ключевые слова, то есть возможность повысить релевантность вашей страницы, что уже в свою очередь поднимет ее повыше в поисковой выдаче. Важно помнить, что описание должно быть лаконичным и в то же самое время достаточно познавательным, по максимуму точно указывающим на содержание вашей страницы. Поскольку дескрипшн составляют отдельно для каждой страницы, то стоит учитывать, что повторение описания на нескольких страницах одного сайта могут отрицательным образом сказаться на его продвижении в поисковых системах.</p> <p><b>Какого размера должен быть тег Description? </b></p> <p>У каждого поисковика имеется свой собственный предел знаков, который можно использовать для описания страниц. Насколько показывает практика, чтобы угодить большинству поисковиков, размер описания должен быть не больше 150 символов. Так, одна из самых популярных платформ для блогов Wordpress во время создания новой записи советует составлять дескрипшн из 156 символов. Но это отнюдь не значит, что описание должно быть коротким и состоять из нескольких слов, и по-моему мнению, и как обычно я делаю.</p> <p><b><span>Полный Description (по моему мнению): </span> </b></p> <p>Крупнейший русскоязычный SEO форум </span><span>, посвященный <a href="/gugl-mezhdunarodnaya-poiskovaya-sistema-nedostatki-gogle-hrom-poiskovoi/">поисковой оптимизации</a> и продвижению сайта </p> <p><b>Не полный </b><b>Description </b><b> (мало информации о сайте): </b></p> <p>Ссылку на сайт не поставил. Но, примеры наглядные. Во-втором скрине вы видите, что описание состоит от 1 предложений и прочитав в поиске такое описание сайта, многие бы не поняли, предназначение сайта. И кликов было бы больше у сайта с первого скрина, чем со второго...</p> <p>Должны отличаться? Этот вопрос мучает большинство оптимизаторов. Вся суть проблемы кроется в том, что мнения в этом вопросе разделились на два лагеря. На тех, кто уверяет, что они должны дублировать друг друга, т.е. включать ключевое слово в той же форме, и другие кто думает, что нужно, чтобы они всегда различались.</p> <h2>Тайтл и Н1</h2> <p>Теперь по порядку. Начнет с того что в HTML эти два тега обозначают некоторую область страницы. , как мы уже выяснили в прошлых статьях, он должен содержать краткую и полезную информацию о содержании документа. H1 в свою очередь относится к тегам, которые используют при верстке текста, и означает заголовок <a href="/draiver-verhnego-klyucha-na-diskretnyh-komponentah-ispolzovanie-draivera-klyuchei-nizhnego-i-verhnego-u/">верхнего уровня</a>. Из этого становится понятно, что они достаточно значимы и поисковые системы уделяют много внимания при ранжировании документа.</p> <p>Как видно, это части страницы уделено много внимания и достаточно подробно описано это понятие.</p> <p><img src='https://i0.wp.com/seo-title.ru/upload/medialibrary/46c/46c91183611a7829f4623ddd80340492.png' width="100%" loading=lazy><br></p> <p>Здесь информации куда меньше, но раз она все же есть в справке, нужно относиться к этому серьезно и тоже позаботиться о содержании данных тегов. (Полный докумен т) При этом нужно сделать примечание что, если вы используете микро разметку, то тег H1 должен использоваться именно тех местах, где это подразумевается стандартами. Так же в справке есть информация, что содержание тега H1 может попасть в быстрые ссылки.</p> <p>Теперь рассмотрим, что по этому поводу есть в справке Google.</p> <p>Про H1 официальной справки не нашлось, но есть несколько сообщений на форуме самого поисковика, где люди задают вопросы по <a href="/ne-rabotaet-myshka-posle-obnovleniya-vindovs-10-proverte-draivery-myshi/">разным проблемам</a> связанными с оптимизацией и содержанием H1. Там же указали ссылку на некий документ , где изложены рекомендации зарубежного поисковика. Не стоит забывать что оба поисковика могут использовать H1 в виде тайтла в сниппете выдачи, если <a href="/title-stranicy-chto-eto-takoe-i-kakim-on-dolzhen-byt-realnye/">title страницы</a> плохо оптимизирован или не удовлетворяет качеству поисковиков.</p> <p>Подводя итог под этими справками можно легко понять, что тег Title отражает суть содержания документа, а H1 выделяет основные моменты. Из этого может вылиться следующий вопрос, нужно выделять с помощью h1, все подзаголовки? На него мы ответим в другой статье.</p> <p><span class="ra5O2MvmYvk"></span> <i><span><a href="/vnutrennyaya-seo-optimizaciya-stranicy-sostavlenie-semanticheskogo-yadra-stroka/">Внутренняя оптимизация</a> страницы </span> </i></p> <h3>Итог</h3> <p>Теперь пришло время ответить на вопрос, заданный в самом начале. Так должны они отличаться или нет? Или при продвижении использовать одинаковые ключевые слова в обоих случаях?</p> <p>Ответ: Почти всегда они должны отличаться. Во-первых, вы и дублирование, во-вторых, в заголовках верхнего уровня можно использовать синонимы или другие слова задающие тематику. В-третьих, чем больше <a href="/interesnye-fakty-o-vich-infekcii-vich-i-spid-interesnye-fakty-so/">полезной информации</a> (отвечающей на вопросы пользователя) будет представлено на странице, тем выше шанс ранжирования документа на верхних позициях.</p> <p>Случаи исключения. Как и везде есть оговорки. В нашем случае данные теги могут совпадать, в нескольких случаях. Например, страница посвящена какой-то узкой теме, где нет иных толкования и разъяснений, как правило, это какие словари или сборники законодательных документов.</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>