Проверь валидность всего своего сайта!

Если кратко, валидный HTML — это правильный HTML, который соответствует стандартам. И валидация HTML кода — это, соответственно, проверка его правильности.

Подробней

До мая 2019 года стандарты по HTML определяли две конкурирующие организации: W3C (Консорциум Всемирной паутины — международное сообщество, которое развивает открытые стандарты для долгосрочного роста Интернета) и WHATWG (Рабочая группа по вебу, гипертексту, приложениям и технологиям — сообщество, которое поддерживает и разрабатывает веб стандарты, включая DOM, Fetch и HTML. Основана сотрудниками Apple, Mozilla и Opera в 2004).

К счастью для нас, 28 мая 2019 года они согласовали меморандум о взаимопонимании и теперь стандарт будет хранится в одном месте spec.whatwg.org/.

Соответственно, валидация HTML кода это проверка кода HTML страниц на соответствие его стандартам разметки, согласованным двумя организациями W3C и WHATWG. При этом вариант стандарта (HTML5, HTML4, XHTML1.1), которому должен соответствовать страница, указывается в ее первой строке, в DOCTYPE документа.

Только валидный HTML может максимально гарантировать правильное отображение вашего сайта во всех браузерах и на всех устройствах.

Благодаря правильному HTML коду:

  1. Поисковики смогут легко просканировать и правильно распознать содержимое страниц вашего сайта — не возникнет проблем с индексацией сайта;
  2. У пользователей не будет проблем с отображением вашего веб-сайта, с какого бы устройства они не зашли — улучшатся пользовательские факторы поискового продвижения;
  3. И вашему фронтэнд-разработчику будте легче настраивать сложные css-правила, имея твердую основу в виде валидного html кода — разработка и поддержка сайта может стать проще и дешевле.

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

Что говорит Гугл
Из Центр Google Поиска Совместимость с браузерами

Создавайте корректный и эффективный код HTML

Если сайт содержит недопустимый код HTML и правильно отображается в некоторых браузерах, это не гарантирует, что он будет распознаваться во всех браузерах или в их последующих версиях. Чтобы страницы сайта выглядели одинаково во всех браузерах, рекомендуется использовать стандартный код HTML и CSS, а затем протестировать этот сайт в максимальном количестве браузеров. Правильный и эффективный код – залог корректной работы сайта. Отделить элементы форматирования от контента можно с помощью кода CSS. Это позволит страницам обрабатываться и загружаться намного быстрее. Вам также помогут бесплатные интерактивные инструменты проверки кода HTML и CSS, разработанные Консорциумом Всемирной паутины. Быстро выполнить очистку кода можно с помощью инструментов, таких как HTML Tidy. Нарушение рекомендаций в отношении HTML редко влияет на результаты сканирования и индексирования сайтов роботами Google.

Из Google Merchant Center Help Как поддерживать актуальность данных о товарах

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

Что говорят другие
Из Нужна ли HTML-валидация?! Об авторе — Nicholas C. Zakas, сотрудник Yahoo, специалист в области UI и JS, автор книг Professional JavaScript for Web Developers и High Performance JavaScript.

Я считаю, что некоторые составляющие HTML-валидации крайне важны и полезны, но я не хочу быть ее заложником, потому что я использую свои атрибуты. Я горжусь тем, что я использую ARIA в моей работе и мне безразлично то, что это считается невалидным кодом. Опять же, из четырех проверок валидатора у меня есть проблемы только с одной. И HTML5 валидатор избавит меня от большинства этих проблем.

Из Валидность HTML-кода (блог WebTechnology на Яндекс.Дзен)

Так в чём же преимущества валидного кода:

  • Немного выше скорость загрузки.
  • Лёгкий парсинг сайта.
  • Лучшая индексация поисковыми системами, что следует из предыдущего пункта.
  • Более высокая кроссбраузерность.

А вот минус у валидации один - это потраченное время.

Из Не проверив HTML5-кода, не суйся в воду — с Майком™ Смитом Об авторе — Майк™ Смит (известный как @sideshowbarker), автор штатного валидатора W3C .

Что касается самой проверки, она ищет случайные ошибки, которые вы могли допустить: неправильно написанные названия элементов или значения атрибутов, в которые случайно влез какой-то «левый» символ. В общем, такого рода вещи. И она сообщает вам о таких штуках, чтобы вы могли исправить их.

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

... инструмент задуман исключительно как средство проверки, а не как механизм для выдачи сертификатов соответствия.

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

Вообще-то, платить не обязательно. Если у вашего сайта всего несколько страниц, то вы сможете проверить их бесплатно постранично на W3C validator или у нас (до 10 страниц один раз в течение 1 ч.). Но если у вас сотни или тысячи страниц и вы хотите проверить их валидность, то у вас практически нет выбора. Особенно, если содержимое ваших страниц формируется из базы данных, в которую могут вводить данные люди, далекие от верстки html-кода.

Все очень просто.

  1. Заполните форму ниже. Большинство полей самоочевидны, но обратите внимание на следующие детали:
  2. Нажмите кнопку "Подтвердить заказ"
  3. Вы будете перенаправлены на страницу подтверждения заказа, на которой вы сможете подтвердить и оплатить заказ (при необходимости).
  4. После оплаты наш бот начнет проверку вашего сайта со стартового адреса. Время проверки зависит от числа страниц, скорости вашего сервера и числа найденных ошибок. Так, например, 1000 страниц сайта, размещенного на медленном сервере и с огромным числом ошибок, проверяются за 20-30 минут. И столько же времени занимает проверка 30 000 адресов сайта, ппрактически не имеющего ошибок и расположенного на быстром сервере.
  5. По завершении проверки на указанный e-mail будет отправлен отчет, содержащий два файла: список проверенных страниц и список найденных ошибок в так называемом "gnu" формате (на английском языке):
    "https://your-site.com/catalog":line_where_error_begins.column_where_error_begins-line_where_error_ends.column_where_error_ends: error: Error's description..
    e.g.:
    "https://your-site.com/catalog":4032.26-4032.99: error: An "img" element must have an "alt" attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

Я, Трусов Михаил Юрьевич, индивидуальный предприниматель, г. Краснодар

Трусов Михаил Юрьевич, автор проекта ValidateYourSite

Мои реквизиты:

Зарегистрирован
в январе 2003 года
ИНН
231000175991
ОГРИП
304231007000072
Расчетный счет
40802810947320000470
Корреспондентский счет
30101810400000000700
БИК
040349700
Банк
Филиал «Южный» ПАО «БАНК УРАЛСИБ»
e-mail
delbumaga@yandex.ru
телефон
+7 (928) 400-28-29

Если вам нужно оформить проверку сайта по безналичному расчету с оформлением всех обычных документов (счет и акт выполненных работ, оказанных услуг), то это можно устроить (минимальная сумма заказа 1500 р.).

Программированием занимаюсь с 1996 года, в основном для нужд собственных предприятий.

Как был создан данный сервис

Сервис проверки валидности всех старниц сайта первоначально был написан для собственных сайтов: www.delbumaga.ru и www.kanztovary-optom.ru, которые содержали тысячи страниц. Эти страницы динамически заполняются данными и текстами из базы данных, в которую могли вносить сведения сотрудники весьма далекие от верстки HTML-страниц. Возникали ошибки. Страницы показывались криво или не отображались вовсе. Спасибо клиентами, они подсказывали нам об ошибках.

Было решено проверять все страницы на правильность верстки. Но как? "Штатный" валидатор W3C может проверить только одну страницу за раз. Если бы речь шла только о нескольких страницах или шаблонах, то можно было бы им и ограничиться. Но число страниц быстро стало гораздо больше 15 000.

Поиск в интернете не выдал подходящего решения, пришлось создавать свое. Для внутренних нужд используется с 2017 года. Так что сервис, можно сказать, проверен временем. И теперь, предлагаю его для всеобщего использования.

Заказать проверку HTML-кода сайта




Исключать страницы, если они начинаются с ...