Czy powinienem używać tagu H1 do logo mojej witryny?

1. Czy powinienem używać tagu H1 do logo mojej witryny?
2. Zasady
3. Które strony internetowe nie używają tagu H1 jako swojego logo?
4. Które strony internetowe używają znacznika H1 jako swojego logo?
5. Więc kto ma rację?

Tag h1 jest częścią nagłówków HTML na stronie internetowej. Obejmują one od h1 do h6, przy czym h1 jest uważany za najważniejszy, a h6 najmniej. Tagi nagłówków służą do krótkiego opisu tematu, który czyta użytkownik, podobnie jak gazeta. Ponadto wyszukiwarki wykorzystują te informacje do indeksowania różnych sekcji strony internetowej.

Wiele stron internetowych zaczęło używać tagu h1 w logo nagłówka. W tym poście zamierzam zbadać powody i przeciw tej strukturze.

Czy powinienem używać tagu H1 do logo mojej witryny?

To pytanie zostało zadane za każdym razem, gdy tworzę nową stronę internetową. Czy powinienem używać tagu h1 do logo mojej witryny? Wiele debat można znaleźć na wielu forach internetowych.

Widziałem wiele stron internetowych, które zawierają następującą strukturę HTML swojego logo:

<h1 class = ”site-logo”> <img class = ”site-logo__graphic” alt = „Moja strona Logo” src = ”images / logo.png” /> </h1>

Ale czy tag h1 jest konieczny? Wyszukiwarki zobaczą logo jako pierwszy nagłówek. Ale być może jest to przeszkoda w rzeczywistej treści na stronie internetowej, np. Tytuł wpisu na blogu.

Alternatywne struktury logo mogą wyglądać tak:

<div class = ”site-logo”> <img class = ”site-logo__graphic” alt = „Moja witryna Logo” src = ”images / logo.png” /> </div>

Ta struktura logo pokazuje obraz HTML zawinięty w prosty znacznik div. Klasa „site-logo” umożliwia czytelność, ale niektórzy twierdzą, że znacznik h1 ma większe znaczenie.

Zasady

Co mówią szkoły w3 na temat specyfikacji h1?

• Używaj nagłówków HTML tylko dla nagłówków. Nie używaj nagłówków, aby tekst był DUŻY lub pogrubiony.
• Wyszukiwarki używają Twoich nagłówków do indeksowania struktury i zawartości twoich stron internetowych.
• Nagłówki h1 powinny być głównymi nagłówkami, a następnie nagłówkami h2, a następnie mniej ważnymi h3 i tak dalej.

Pierwszy punkt „Nie używaj nagłówków do tworzenia DUŻYCH lub pogrubionych” dotyczy NIE używania znacznika h1 jako części logo. Wynika to ze znacznika H1 zawierającego CSS lub domyślną stylizację przeglądarki, która może mieć wpływ na Twoje logo. Jednak drugi punkt „używaj nagłówków do indeksowania struktury i treści” można zastosować, jeśli logo witryny wymaga wysokiego priorytetu.

Które strony internetowe nie używają tagu H1 jako swojego logo?

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>

Strona BBC nie używa tagów h1 w swoim logo

Amazonka

<div id = "nav-logo">
<! - tag kotwicy ->
</div>

Wikipedia

<div id = "p-logo" role = "banner">
<a class="mw-wiki-logo" href="/wiki/Main_Page" title="Znajdź stronę główną"> </a>
</div>

Które strony internetowe używają znacznika H1 jako swojego logo?

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="Go do Facebook Home"> <i class = "fb_logo img sp_7XMX65Pq0E7 sx_ccd1d2"> <u> Logo Facebooka </u> </ i> </a> </h1>

Sonos

<h1> <a href="/en-gb"> Sonos <span> Inteligentny system głośników </span> </a> </h1>

Więc kto ma rację?

Krótka odpowiedź: nikt.

Jeśli chodzi o indeksowanie, Google nie daje jednoznacznej odpowiedzi na to pytanie. W3C również nie określa tej reguły „nagłówki sekcji, z którymi są powiązane”, co jest dość szerokim stwierdzeniem.

Mozilla mówi: „Elementy nagłówka implementują sześć poziomów nagłówków dokumentów, <h1> jest najważniejszy, a <h6> jest najmniejszy”. Dotyczy to zawartości strony internetowej, która ma kilka podtytułów z inną listą priorytetów.

Jeśli chodzi o mniejsze witryny (4–6 stron), znacznik h1 / logo staje się bardziej odpowiedni. Brak treści prawdopodobnie zmniejszy liczbę słów kluczowych związanych z marką witryny. Większe strony internetowe (10+ stron) mogą zapewnić większy zakres słów kluczowych, w których użycie znacznika h1 staje się mniej odpowiednie do logo.

W Zeal stworzyliśmy strony internetowe zarówno z tagiem h1, jak i bez niego, jako logo. Przeglądamy każdą stronę indywidualnie i sprawdzamy, czy logo powinno być tagiem h1, czy nie. Patrzymy na każdą stronę internetową, którą tworzymy z perspektywy content marketingu, z myślą o SEO na stronie, aby zadecydować o strukturalnej marce witryny. Jeśli chcesz dowiedzieć się więcej na temat struktury tagów tytułów witryn lub porozmawiać z nami na temat nowej witryny, nie wahaj się skontaktować się .