1. Должен ли я использовать тег H1 для логотипа моего сайта?
2. Правила
3. Какие сайты не используют тег H1 в качестве логотипа?
4. Какие сайты используют тег H1 в качестве логотипа?
5. Так кто же прав?

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

Многие веб-сайты начали использовать тег h1 внутри логотипа заголовка. В этом посте я собираюсь исследовать причины и против этой структуры.

Должен ли я использовать тег H1 для логотипа моего сайта?

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

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

<h1 class = ”site-logo”> <img class = ”site-logo__graphic” alt = ”Мой логотип сайта” src = ”images / logo.png” /> </ h1>

Но нужен ли тег h1? Поисковые системы увидят логотип в качестве первого заголовка. Но, возможно, это является помехой для фактического содержания на веб-странице, например, заголовка сообщения в блоге.

Альтернативные структуры логотипа могут выглядеть так:

<div class = ”site-logo”> <img class = ”site-logo__graphic” alt = ”Логотип моего сайта” src = ”images / logo.png” /> </ div>

Эта структура логотипа показывает изображение HTML, обернутое в простой тег div. Класс «site-logo» обеспечивает удобочитаемость, но некоторые утверждают, что тег h1 обеспечивает большую важность.

Правила

Так что же говорят школы w3 о спецификации h1?

• Используйте HTML-заголовки только для заголовков. Не используйте заголовки, чтобы сделать текст БОЛЬШИМ или жирным.
• Поисковые системы используют ваши заголовки для индексации структуры и содержания ваших веб-страниц.
• Заголовки h1 должны быть главными, затем заголовки h2, затем менее важные h3 и т. д.

Первый пункт «Не используйте заголовки, чтобы сделать текст БОЛЬШИМ или полужирным» относится к НЕ использовать тег h1 как часть вашего логотипа. Это связано с тегом H1, содержащим CSS или стиль браузера по умолчанию, который может повлиять на ваш логотип. Тем не менее, второй пункт «используйте заголовки для индексации структуры и содержания» может быть применен, если логотип веб-сайта требует высокого приоритета.

Какие сайты не используют тег H1 в качестве логотипа?

BBC

<div class = "orb-nav-section orb-nav-blocks"> <a href="/"> <img src = "http://static.bbci.co.uk/frameworks/barlesque/3.7.3/ orb / 4 / img / bbc-blocks-dark.png "width =" 84 "height =" 24 "alt =" BBC "> </a> </ div>

Сайт BBC не использует теги h1 в своем логотипе

Амазонка

<div id = "nav-logo">
<! - тег привязки ->
</ DIV>

Википедия

<div id = "p-logo" role = "banner">
<a class="mw-wiki-logo" href="/wiki/Main_Page" title="Посетить главную страницу"> </a>
</ DIV>

Какие сайты используют тег H1 в качестве логотипа?

W3

<h1 class = "logo"> <a tabindex="2" accesskey="1" href="/"> <img src = "/ 2008 / site / images / logo-w3c-mobile-lg" width = "90 "height =" 53 "alt =" W3C "> </a> <span class =" alt-logo "> W3C </ span> </ h1>

facebook

<h1> <a href="https://www.facebook.com/" title="Перейти на Facebook Home"> <i class = "fb_logo img sp_7XMX65Pq0E7 sx_ccd1d2"> <u> логотип Facebook </ u> </ я> </a> </ h1>

Sonos

<h1> <a href="/en-gb"> Sonos <span> Интеллектуальная акустическая система </ span> </a> </ h1>

Так кто же прав?

Краткий ответ: никто.

Что касается индексации, Google не дает однозначного ответа на этот вопрос. W3C также не определяет это правило «заголовки для разделов, с которыми они связаны», что является довольно широким утверждением.

Mozilla говорит: «Элементы заголовков реализуют шесть уровней заголовков документов, <h1> является наиболее важным, а <h6> - наименьшим». Это относится к содержимому веб-страницы, имеющему несколько подзаголовков с другим списком приоритетов.

Когда дело касается небольших веб-сайтов (4–6 страниц), тег h1 / logo становится более подходящим. Отсутствие контента, скорее всего, уменьшит количество ключевых слов, связанных с брендом сайта. В то время как более крупные веб-сайты (более 10 страниц) могут предоставлять больший объем ключевых слов, в которых использование тега h1 становится менее применимым к логотипу.

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

Похожие

Комментарии