Obecnie zdecydowana większość stron zawiera tylko niektóre elementy HTML5, takie jak nagłówek i stopka, ale co z innymi elementami HTML5?
Jest to bardzo ważna część SEO na stronie , poprawnie strukturyzująca stronę internetową, aby Google mógł ją lepiej przeczytać. Zawsze ułatwia to Google .
Dzięki HTML5, struktura zawartości strony jest łatwa , ponieważ jej podstawowa struktura pomaga nam klasyfikować każdą część strony. To znaczy, zanim wszystko zostało ustawione za pomocą tagów <div> i identyfikatora atrybutu. Obecnie możemy nazwać różne części strony za pomocą ich konkretnych etykiet.
Najważniejsze tagi HTML5
- <sekcja>: Generuje sekcję treści , którą możemy zlokalizować w dowolnym innym elemencie. Ta etykieta wymaga nagłówka .
- <main>: Dla języka programowania HTML5 jest etykieta, która definiuje zawartość strony . Zawartość znajdująca się w tym tagu będzie najbardziej ważna dla Google . Ale tag <main> jest akceptowany tylko w przeglądarkach Firefox i Google Chrome i dlatego zaleca się dodanie atrybutu role = "main" do tagu <main>. Byłoby to: <main role = "main">.
- <article>: Etykieta z treścią, która sama w sobie ma znaczenie semantyczne, bez konieczności odnoszenia się do treści strony. Jeśli na przykład w blogu wybieramy kategorię, generowana jest strona podobna do następującej:
Jak widzimy na obrazku, byłaby to struktura, do której odwołuje się HTML5. Jeśli na stronie nie ma tagu <main>, to tag, który określa, jaka istotna treść znajduje się na stronie, a poprzedni przykład modyfikuje <main > for <article> i <article> dla <section>. - <nav>: menu nawigacji . Gdzie wstawiamy linki do przeglądania stron internetowych. Treść, którą wprowadzamy Google, nie ignoruje jej, ale nie nadaje jej dużej wagi.
- <aside>: Z tym tagiem tworzona jest treść częściowo związana z główną treścią. Przykłady użycia: pasek boczny, reklama, słownik słów, legenda ...
- <nagłówek>: nagłówek strony . Zazwyczaj zawiera logo, tag <nav>, formularz wyszukiwania i informacje kontaktowe. Zwykle jest taki sam dla wszystkich stron witryny i choć jest to pierwsza rzecz, którą czyta Google, po metatagach nie ma dużego znaczenia pozycjonowania.
- <footer>: Reprezentuje stopkę , tutaj są dodane powiązane linki, prawa autorskie, dane kontaktowe (jeśli nie w nagłówku) lub informacje nieistotne dla pozycjonowania, ponieważ jest to najmniejszy ciężar.
Przykładowa strona z elementami HTML5
Byłby to podstawowy przykład strony zaprogramowanej w HTML5:
Musisz uważać na używane nagłówki. Wiedząc, że może być tylko jedna <h1> na stronę, w tym przypadku ustawiłbym nagłówki <article> jako <h2> i <section> jako <h3>.
HTML5 to przyszłość , a przynajmniej tak się wydaje do tej pory, czy uważasz, że Google da lub nada znaczenie, jeśli jest zaprogramowane w HTML5, czy nie?
