SEO i HTML5

  1. Najważniejsze tagi HTML5
  2. Przykładowa strona z elementami HTML5

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: Obecnie zdecydowana większość stron zawiera tylko niektóre elementy HTML5, takie jak nagłówek i stopka, ale co z innymi elementami HTML5 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?