HTML 5 и SEO: что нового?

  1. Элементы сегментации
  2. Интерактивные элементы
  3. Встроенные медиа элементы

Здравствуйте, читатели Мастер Агентства , сегодня я расскажу о том, как новый стандарт HTML 5 повлияет на отрасль   оптимизация сайта   ,   С 1999 года стандартом языка интернет-маркировки является HTML 4

Здравствуйте, читатели Мастер Агентства , сегодня я расскажу о том, как новый стандарт HTML 5 повлияет на отрасль оптимизация сайта ,

С 1999 года стандартом языка интернет-маркировки является HTML 4.01, который мы используем для создания наших страниц. Этот шаблон хорошо нам послужил, но с течением времени мы увидели необходимость улучшить некоторые моменты и добавить новые функции и / или улучшить некоторые существующие.

Для этого разрабатывается стандарт HTML 5, который обеспечит улучшение динамичности и сегментации страниц. Некоторые из новостей, которые появятся в будущем, будут очень важны для профессионала SEO. Давайте посмотрим на некоторые из них:

Элементы сегментации

Это элементы, которые помогут вам лучше организовать структуру страницы и сделать ее более удобной для разработчиков, а также для поисковых систем. Это самые интересные изменения для нас, профессионалов SEO.

  • <header> - Это специализированный тег для заголовков, в который можно добавлять элементы заголовка (H1, H2, H3 и т. д.), текстовые абзацы, ссылки или любой другой элемент, который вы считаете релевантным вашему заголовку.
  • <hgroup> - группа элементов заголовка.
  • <article> - Этот тег, вероятно, является лучшим дополнением с точки зрения SEO, поскольку его следует использовать для обозначения содержимого блогов, журналов и газет в Интернете или любого другого содержимого соответствующим образом. Это делается для того, чтобы поисковые системы могли легче определить, где на самом деле находится содержимое страницы. По мнению нескольких экспертов, контент, который находится внутри этого тега, вероятно, будет иметь больший вес для поисковых систем.
  • <раздел> - используется для определения тематических групп содержимого на странице. Как правило, раздел, помеченный этим тегом, имеет верхний колонтитул (<header>) и нижний колонтитул (<footer>) - пример ниже.
  • <aside> - группа материалов, не связанных с сайтом, например, реклама или спонсорские ссылки.
  • <nav> - Определяет группу ссылок - предназначен для обозначения навигационной секции сайта.
  • <нижний колонтитул> - используется для разработки нижних колонтитулов, будь то раздел или страница.

Ниже мы можем увидеть, как будет выглядеть логический макет страницы, используя эти теги:

Источник изображения: smashingmagazine
Источник изображения: smashingmagazine.com

Интерактивные элементы

Некоторые новые теги предназначены для облегчения разработки анимированных элементов, таких как меню, или для содействия некоторому взаимодействию пользователя со страницей, которую он просматривает. Теги:

  • <details> - этот элемент скрывает дополнительный текст, пока он не будет запрошен. Его можно использовать как технику Grey Hat, но мы все знаем, что скрывать контент не очень рекомендуется.
  • <menu> - позволяет легко и быстро создавать меню, что очень полезно для оптимизации удобство и простота использования страницы.

Тег детализации уже реализован на некоторых сайтах через jQuery, сам Google использует эту функцию, чтобы «скрыть» детали о какой-либо информации или инструменте за «ложной» ссылкой.

Случается, что, щелкая эту ссылку, пользователь не попадает на другую страницу, только jQuery используется для отображения ранее скрытого текста именно потому, что это обычно ненужные детали для отображения.

Дело в том, что как эта техника, так и детали тега на самом деле Black Hat SEO , для фактического сокрытия контента, и не рекомендуется его использовать. Любое упущение может быть истолковано как Черная Шляпа, и наказание несомненно.

Встроенные медиа элементы

Встроенные мультимедийные элементы - это элементы, которые импортируют внешние по отношению к странице функции, такие как: видео, аудио, виджеты и т. Д. С помощью тегов HTML 5 <audio> и <video> мы можем добавлять аудио и видео файлы так же легко, как в настоящее время добавляем изображение, и оптимизация этих элементов также будет очень простой, поскольку они будут иметь атрибут description альтернатива (более известная как alt-теги или alt text).

Стоит помнить, что HTML 5 все еще должен занимать время, чтобы набирать обороты и преобладать в сети, и только когда он широко используется, вы сможете проанализировать разницу, которую они могут внести в сканирование, индексацию и ранжирование поисковых систем.

Но необходимая особенность для каждого хорошего SEO-специалиста - умение видеть свое время, поэтому мы должны следить за изменениями прямо сейчас! Кстати, вы были взволнованы этими новостями? Поделитесь своим мнением в нашей области комментариев! Обнимаю, и увидимся в следующий раз!