1. ! DOCTYPE
2. Новые семантические теги HTML5
3. Делать вещи без JavaScript
4. Новые типы ввода
5. Локальное хранилище
6. Заключение

Наш деловой партнер https://bikinika.com.ua

Скорее всего, вы уже много раз слышали о HTML5, верно? Но что в этом хорошего для сообщества SEO и может ли это повлиять на рейтинг вашего сайта или это просто уловка? Если это то, что тебя интересует, я тебя прикрыл. После прочтения поста у вас будет четкое понимание, если вам вообще нужен HTML5.

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

Похожие сообщения:
Важен ли HTML5 для SEO?
5 признаков вашего сайта нуждается в редизайне

! DOCTYPE

Это сразу поймает ваш взгляд. Если сайт создан с использованием HTML5, он начинается с <! DOCTYPE html> вместо того массивного куска… кода, который вы должны были использовать раньше. Даже судя по первому нововведению, вы можете догадаться, что такое HTML5. Ты понял! Речь идет о том, чтобы сделать Интернет чище и лучше. И так как меньше кода хорошо для SEO, вы уже можете сказать, что SEO должны воспользоваться этим.

Новые семантические теги HTML5

Для начала посмотрим, что такое семантические теги. Семантический тег - это просто тег HTML, который имеет смысл для людей. Например, <div> не является семантическим тегом, потому что довольно сложно догадаться, что он означает. В то время как <header> <navigation> <aside> (вы можете использовать его для боковых панелей), <footer> являются прекрасными иллюстрациями семантических тегов, которые может предложить HTML5. Я уверен, что это упростит и Google, потому что будет довольно легко сказать, находится ссылка в нижнем колонтитуле или нет. Google в любом случае может сделать это сейчас, но он тратит энергию для своего алгоритма, чтобы понять это. С этого момента, если ссылка находится внутри тегов <footer> </ footer>, это определенно ссылка в нижнем колонтитуле. Имеет ли это смысл?

Делать вещи без JavaScript

Когда-то, если вы хотели создать индикатор прогресса, счетчик или включить проверку электронной почты на своем сайте, вам пришлось нанять чувак JS или даже самостоятельно изучить основы JavaScript, чтобы эта чертова штука работала. Теперь HTML5 позволяет реализовать все эти функции одним нажатием кнопки или двух. Не поймите меня неправильно, я не говорю, что вам больше не нужен JS. Если вы хотите создать, скажем, прокручивающий эффект параллакса вам просто нужно использовать (хотя бы вставить) немного JavaScript. Суть, которую я пытаюсь здесь подчеркнуть, заключается в том, что вам понадобится JavaScript реже.

Новые типы ввода

Что меня действительно радует, так это новый тип ввода электронной почты. Для начала, если вы используете этот новый тип ввода электронной почты, мобильные браузеры будут отображать настроенную клавиатуру для ввода именно адреса электронной почты. Вы также можете использовать встроенную в браузер проверку электронной почты, которую HTML5 вносит в таблицу. Короче говоря, если вы определите определенное поле ввода как электронное письмо, оно выдаст ошибки, если пользователь введет что-то, что не похоже на адрес электронной почты. Хотя у этой функции есть свои недостатки, поскольку у нее есть лазейки и она недостаточно надежна, вы можете использовать ее, если вам нужна действительно простая проверка электронной почты и вы не хотите возиться с какими-либо сценариями. Вот как это выглядит:

<форма>

<input type = ”email”>

<input type = ”submit”>

</ форма>

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

<форма>

<input type = ”url”>

<input type = ”tel”>

</ форма>

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

Локальное хранилище

Как SEO, вы можете делать комментарии в блогах для своего сайта или просто для своих клиентов. Вам знакома ситуация, когда вы тратите полчаса на написание комментария к сообщению в блоге, а когда вы нажимаете «Отправить», сеанс заканчивается? Был там? А новая функция локального хранилища может быть использована для безопасного хранения вашего комментария, прежде чем вы нажмете кнопку «Отправить». Что означает больше сохраненных нервов для вас.

Заключение

Преимущество использования HTML5 состоит в том, что он делает ваш сайт быстрее, потому что вы используете меньше кода, а функции, которые раньше требовали JS, могут быть реализованы только с HTML. Итак, HTML5 имеет положительное влияние, но он может быть не таким большим, как мы ожидали в SEO-сообществе. В любом случае, это шаг в праве напрямую, и мы полностью должны использовать то, что он предлагает, потому что это сделает нашу SEO жизнь немного проще и продуктивнее.

Post By Кеннет фон Раух (2 сообщения)

Кеннет фон Раух занимается веб-дизайном и веб-разработкой копирайтинга. Он с WebDesy.com, где он занимается SEO и высококачественным созданием контента. Кен уверен, что качественный контент в сочетании с лучшими практиками входящего маркетинга творит чудеса. Надеюсь, он не ошибается. 🙂

Похожие

Комментарии