В даний час переважна більшість сторінок містять лише деякі елементи HTML5, такі як верхній і нижній колонтитули, але що з іншими елементами HTML5?
Це дуже важлива частина SEO на сторінці , правильна структура веб-сторінки, так що Google може читати її краще. Це завжди допомагає Google полегшити роботу .
Завдяки HTML5, структурування вмісту сторінки просте , оскільки його основна структура допомагає нам класифікувати кожну частину сторінки. Тобто, перш ніж все було встановлено тегами <div> і атрибутом id. Наразі ми можемо називати різні частини сторінки специфічними мітками.
Найпопулярніші теги HTML5
- <section>: генерує розділ вмісту, який можна знайти в будь-якому іншому елементі. Ця мітка потребує заголовка .
- <main>: Для мови програмування HTML5 - мітка, яка визначає вміст сторінки . Вміст, що знаходиться в цьому тезі, буде найважливішим для Google . Але тег <main> приймається лише у браузерах Firefox і Google Chrome, і для цього бажано додати атрибут role = "main" до тега <main>. Це буде: <main role = "main">.
- <article>: Мітка з вмістом, який сам по собі має смислове значення, не пов'язане зі змістом сторінки. Наприклад, якщо в блозі вибрано категорію, генерується сторінка, подібна до такої:
Як ми бачимо на зображенні, це буде структура, яка згадується в HTML5. Якщо на сторінці немає тега <main>, тег визначає, який вміст на сторінці, а попередній приклад міняє <main > для <article> і <article> для <section>.
- <nav>: меню навігації . Де ми вставляємо посилання для перегляду веб-сторінок. Вміст, який ми вводимо Google, не ігнорує його, але не надає йому великої ваги.
- <aside>: За допомогою цього тегу вміст створюється частково пов'язаним з основним вмістом. Приклади використання: бічна панель, реклама, словник слів, легенда ...
- <header>: Заголовок сторінки . Зазвичай він містить логотип, тег <nav>, форму пошуку та контактну інформацію. Зазвичай це однаково для всіх сторінок веб-сайту, і хоча це перше, що читає Google, після метатегів, він не має великої ваги позиціонування.
- <footer>: представляє нижній колонтитул , тут додаються відповідні посилання, авторські права, контактні дані (якщо вони не в заголовку) або інформація, яка не стосується позиціонування, оскільки це найменша вага.
Приклад сторінки з елементами HTML5
Це буде основним прикладом сторінки, запрограмованої в HTML5:
Ви повинні бути обережні з заголовками, які використовуються. Знаючи, що може бути тільки один <h1> на сторінці, у цьому випадку я б задав заголовки <article> як <h2> та <section> як <h3>.
HTML5 - це майбутнє , або, як здається, до цих пір, чи вважаєте ви, що Google надасть або надасть важливість, якщо вона запрограмована в HTML5 чи ні?