Сайт о телевидении

Сайт о телевидении

» » Грамотное использование зоголовков title и h1

Грамотное использование зоголовков title и h1

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

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

Гипотеза: разные теги title и h1 ухудшают ранжирование

В развернутом виде ее можно сформулировать так:

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

(Можно привести теоретические аргументы и «за» и «против» этого предположения. Я пропущу их и перейду сразу к реальным наблюдениям.)

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

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

Поясню идею на примере.

В предыдущей статье было показано, что рост посещаемости на изучаемом сайте был связан именно с поисковыми фразами, которые семантически близки к title. Можно ли из этого сделать вывод, что «рерайт» заголовка всегда дает подобный результат (+28% поискового трафика)?

Конечно нет!

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

  1. Новые ключевики в title дали прибавку сразу в 50% визитов.
  2. Одновременно выпала часть запросов, близких к старым 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. Что и было сделано на исследуемом сайте. Итог — отличный прирост посещаемости. Помните об этом, когда в следующий раз будете прорабатывать заголовки.

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

Тайтл и Н1

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

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


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

Теперь рассмотрим, что по этому поводу есть в справке Google.

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

Подводя итог под этими справками можно легко понять, что тег Title отражает суть содержания документа, а H1 выделяет основные моменты. Из этого может вылиться следующий вопрос, нужно выделять с помощью h1, все подзаголовки? На него мы ответим в другой статье.

Внутренняя оптимизация страницы

Итог

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

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

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

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

Структура — это на самом деле очень важно, если вы заморачиваетесь насчет качества. А чтобы составить нормальную структуру, нужно понимание того, как работают теги h.

h1 — это главный подзаголовок в статье, который обычно размещен над текстом.

Первый заголовок должен визуально быть больше остальных заголовков на странице.

h2-h6 — это маленькие подзаголовки, которые проставляются по принципу вложенности.

Для чего вообще нужны заголовки?

Для тех, кто не сильно в теме — вот в принципе неплохое видео про азы составления подзаголовков h1-h6. Если не считаете себя спецом, посмотрите:

И для закрепления материала чуть послабее видео:

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

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

, где буква h происходит от слова «header», что в переводе значит «заголовок». Каждый уровень обозначается соответствующей цифрой.

H-теги глазами людей

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

Теги h1, h2, h3, h4, h5, h6 позволяют создать для читателя некую карту, по которой он сможет быстро сориентироваться в тексте. И если этими выделениями удалось зацепить внимание, то человек задержится на странице и наверняка прочтет всю статью. Проверить результат можно по поведенческим факторам. Если люди задерживаются на странице, совершают какие-либо действия – значит работа по SEO была проделана не зря.

H-теги глазами поисковиков

Поисковые роботы собирают с них информацию для семантического анализа. Особое значение для ботов имеют заголовки уровней h1, h2, h3. Их непоследовательное или неправильное применение может негативно сказаться на ранжировании станицы. Если в HTML-коде вообще отсутствуют h-теги, то сайту придется туго в продвижении. Уровни h4, h5, h6 менее значимы.

Иерархия H-тегов

Главным правилом в расстановке заголовков является их иерархия. Необязательно, чтобы теги шли друг за другом по размеру, но недопустимо в тексте использовать, например, h3, если у вас нигде не присутствует мета h2 или применять h6 без h5.

Вот так выглядит иерархия с правильной вложенностью:

Что за тег h1

Тег h1 – это оглавление текста (все равно что название книги или заголовок статьи в газете).

На каждой странице должен быть один и только один тег h1.

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

Title – это тоже заголовок, но прописывается он не только для людей, но и для роботов. Он отображается не на самой станице, а только во вкладке браузера и в сниппете в качестве активной ссылки на сайт. Фактически title является альтернативным, но главным заголовком для html-документа. Если он отсутствует, то поисковая система берет за основу h1 и использует его в серпе.

Почему h1 должен различаться с Title

Довольно важно понимать, что h1 и Title — это разные заголовки. И их соответственно надо умело комбинировать. Вот азы на эту тему:

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

Требования по длине H1

H1 рекомендуется делать более лаконичным, чем Title, не превышая количество символов более, чем 50. Но не случится катастрофы, если заголовок получится длиннее, когда не удается втиснуть всю суть в обозначенное количество.

Специальные плагины для WordPress позволяют проанализировать правильное заполнение всех мет прямо в редакторе.

Правила для грамотного написания h1

  • Должен быть уникальным для всего сайта и абсолютно читабельным;
  • Не повторяет тег title, но и не противоречит ему;
  • Не стоит делать его слишком длинным (более объемным можно делать title);
  • Используется только 1 раз на каждую страницу;
  • Релевантен тексту и отображает смысловую суть материала;
  • Интересен, привлекателен для пользователя;
  • Нельзя ставить в конце точку и рекомендуется по минимуму использовать знаки препинания.

Применение ключей

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

Некоторые берут все ключи на страницу и из них составляют структуру статей. Сразу учтите — без классных ПФ такая россыпь ключей по подзаголовкам будет караться фильтром за переспам.

Психологические приемы для составления привлекательного заголовка

Заголовок должен быть «цепляющим». Вот видео от Максима Ильяхова, спеца в области СМИ, ректора Школы редакторов и создателя сервиса «Главред»:

Вот еще пара «приемов», которые применяются при составлении заголовков.

Решение проблемы

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

Пример удачного заголовка: «Выпадают волосы? Остановите выпадение за неделю».
Пример неудачного заголовка: «Можно ли остановить выпадение волос?»

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

Заинтриговать

Пример удачного заголовка: «Раскрываем секрет самого эффективного рецепта от выпадения волос».
Пример неудачного заголовка: «Лучший рецепт от выпадения волос».

Прием «экзамен»

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

Пример удачного заголовка: «Вы уверены, что правильно боритесь с выпадением волос?»
Пример неудачного заголовка: «Все ли вам известно о выпадении волос».

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

Зачем нужны подзаголовки h2-h6

Теги от h2 до h6 располагаются уже в теле самой статьи, структурно разделяя ее на тематические абзацы, и в коде HTML-документа, выделяя его значимые элементы. Они также идентифицируются поисковыми роботами для семантического анализа страницы.

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

h2 – акцентирует внимание пользователей и поисковых систем на основном содержании статьи. Показывает самое значимое в тексте.

h3 – является подпунктом для информации, идущей под H2, раскрывая ее еще глубже.

h4, h5, h6 – определяются, как вложенные подзаголовки (раскрывают детально суть H2 или H3) и используются в тексте, в качестве выделяющих мелкие пункты и значимые слова, а также в меню, сайдбаре и других составляющих веб-документа.

Длина всех h-тегов должна быть в пределах 50 символов.

Как правильно прописывать подзаголовки h2-h6

  • Нельзя, чтобы наименьший подзаголовок присутствовал без большего. То есть, если в тексте стоит метатег h4, то ему обязательно должны предшествовать h2 и h3.
  • Чем выше заголовок по уровню, тем крупнее должен быть и шрифт. В WordPress обычно по умолчанию настройки выставлены таким образом, что теги автоматически форматируются в правильном виде.
  • Все h-теги обязаны соответствовать содержанию контента, отображать суть информации.
  • Недопустимо использовать h1-h6 в качестве анкоров или активных ссылок.
  • Нельзя писать другие теги внутри тега h.
  • В h-тегах допускается только текст и знаки препинания.
  • В подзаголовках не должно быть переспама ключевых слов. Ключевики лучше всего задействовать в title, h1, h2, а в более мелких, таких как h3, h5, h6 делать упор на детальное раскрытие темы.

Если в разметке страницы прописан title и основной заголовок H1, но сам текст статьи не слишком большой и не содержит в себе подзаголовков, это не является ошибкой. В ТОПе находится немало страниц, где контент идет практически сплошной полосой, разве что разделенной на абзацы. Попасть в лидирующие позиции можно и без «колдовства» над разметкой текста, делая больший упор на . Сайты на WordPress прекрасно индексируются поисковиками. Но все же применение этих тегов не только облегчает задачу, но и делает контент более легким и приятным для визуального восприятия.

Как заполнять h-теги в WordPress

h1 заполняется обычно в поле над текстом в записи:

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

Есть еще более простой способ – можно набрать текст в Ворде, используя нужные разметки и просто копипастом перенести статью в редактор вордпресса. Выделенные в Word заголовки автоматически отобразятся в нужных размерах. При необходимости можно подправить их, используя инструменты редактора CMS WordPress.

1. Как тег title влияет на продвижение сайта

2. Немного о теге H1

3. Влияние Description на продвижение сайта

Как тег title влияет на продвижение сайта

Здравствуйте, я хочу поговорить с вами про тег title, который, на мой взгляд, играет ключевую роль в продвижении своего сайта в Интернете. Этот тег прописывают в начале документа, предварительно обернув его тегом head. Этот тег по сути единственная выводимая на мониторе пользователя информация.

Что из себя представляет тег title?

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

Каким образом тег title влияет на приток посетителей

1. Для начала давайте подумаем, как мы с вами ищем нужную нам информацию? Правильно, мы заходим в свою любимую поисковую машину, вбиваем туда интересующий нас запрос и пробегаем глазами заголовки. И лишь когда нас заинтересовал тот или иной заголовок, мы щелкаем по ссылке и переходим на тот или иной сайт. Таким образом, я не буду приукрашивать, если скажу, что тег title является очень важным элементом привлечения читателей на сайт. Чтобы люди хотели зайти на ваш ресурс, заголовок должен нести в себе нужную им информацию и цеплять посетителей.

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

4. Ну и, как я уже говорил выше, название у страницы, которое отображается в браузерной вкладке, так же зависит от тега title.

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

Тег title в глазах поисковых машин

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

1. Заголовок страницы обязательно должен быть связан с ее содержимым. Также не повредит и наличие ключевых слов в заголовке.

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

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

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

Пример правильного тега title

И так, давайте рассмотрим наглядный пример. Взял я ключевое слово, близкое к нам и форуму. "SEO-форум".

Посмотрим на ТОП 1.

Посмотрим на ТОП 2.

И так, мы видим, что в ТОП 1 есть прямое вхождение ключевого слово "SEO форум", а на втором сайте как мы видим, нету полного вхождение ключевого слово, это и является причиной того, что "серч" находится не в ТОП 1, а ниже, чем seo-forum.ru.

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

Немного о теге H1

А теперь, пока не начал писать о description, хотел бы сказать пару слов о теге H1. При добавлении страницы тег H1 тоже влияет на релевантность страницы не меньше чем title или description. H1 - это заголовок страницы. Нельзя забывать прописывать этот тег, это как заголовок (название) газеты, без название мы не поймем о чем сайт именно. И этот тег должен стоять выше, на странице сайта. Посетитель, который попадет на ваш сайт, сразу должен увидеть заголовок страницы/сайта.

Применение тега H1

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

Каким образом мета-тег Description влияет на продвижение вашего сайта в поисковых системах?

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

Насколько важен Description в СЕО?

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

Какого размера должен быть тег Description?

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

Полный Description (по моему мнению):

Крупнейший русскоязычный SEO форум , посвященный поисковой оптимизации и продвижению сайта

Не полный Description (мало информации о сайте):

Ссылку на сайт не поставил. Но, примеры наглядные. Во-втором скрине вы видите, что описание состоит от 1 предложений и прочитав в поиске такое описание сайта, многие бы не поняли, предназначение сайта. И кликов было бы больше у сайта с первого скрина, чем со второго...