Ці варта выкарыстоўваць тэг H1 для лагатыпа майго сайта?

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. Клас «logo-logo» дазваляе чытацца, але некаторыя сцвярджаюць, што тэг h1 забяспечвае большае значэнне.

Правілы

Дык што ж школы w3 кажуць пра спецыфікацыю h1?

• Выкарыстоўвайце HTML загалоўкі толькі для загалоўкаў. Не выкарыстоўвайце загалоўкі, каб зрабіць тэкст BIG або жирным шрыфтам.
• Пошукавыя сістэмы выкарыстоўваюць вашыя загалоўкі для індэксацыі структуры і змесціва вэб-старонак.
• загалоўкі h1 павінны быць асноўнымі загалоўкамі, затым загалоўкі h2, потым менш важныя h3 і гэтак далей.

Першы пункт "Не выкарыстоўвайце загалоўкі, каб зрабіць тэкст BIG ці жирным шрыфтам", датычыцца НЕ выкарыстання тэга 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>

Соны

<h1> <a href="/en-gb"> Sonos <span> Разумная акустычная сістэма </span> </a> </h1>

Такім чынам, хто мае рацыю?

Кароткі адказ: ніхто.

З пункту гледжання індэксацыі Google не дае вызначанага адказу на гэтае пытанне. W3C таксама не ўдакладняе гэтае правіла "загалоўкі падзелаў, з якімі яны звязаны", што з'яўляецца даволі шырокай заявай.

Mozilla кажа: «Загалоўныя элементы рэалізуюць шэсць узроўняў загалоўкаў дакументаў, <h1> з'яўляецца найбольш важным, а <h6> - найменш.». Гэта тычыцца зместу вэб-старонкі, якое мае некалькі падзагалоўкаў з розным прыярытэтам.

Калі гаворка заходзіць пра невялікія сайты (4 - 6 старонак), тэг h1 / logo становіцца больш мэтазгодным. Недахоп зместу, хутчэй за ўсё, паменшыць колькасць ключавых слоў, звязаных з брэндам сайта. У той час як больш буйныя вэб-сайты (10+ старонак) могуць забяспечваць больш шырокую колькасць ключавых слоў, пры якіх выкарыстанне тэга h1 становіцца менш прыдатным для лагатыпа.

Тут, у ынтым, мы стварылі сайты як з лагатыпам h1, так і без іх як лагатып. Мы разглядаем кожны вэб-сайт на індывідуальнай аснове і вывучаем, ці павінен лагатып быў маркай h1 ці не. Мы глядзім на кожны вэб-сайт, які мы будуем з пункту гледжання маркетынгу зместу з улікам SEO на старонцы, каб вызначыць структурную разметку сайта. Калі вы хацелі б даведацца больш пра структураванне назваў сайта або пагаварыць з намі пра новы сайт, калі ласка, не саромейцеся звязацца ,