Валидный код HTML - это код, который соответствует всем стандартам W3C (Консорциум Всемирный паутины). Везде существуют свои стандарты: в интернете - валидность, в языках - грамматика, на предприятиях госты.
Блоги/сайты, которые сделают проверку на валидность кода и с наилучшими успехами доведут ошибки до минимума, будут соответствовать стандартам всемирной паутины, такие сайты будут правильно отображаться во всех браузерах, возрастет загрузка, что в будущем хорошо скажется на поведенческие факторы и на ранжирование в поисковой системе. Код HTML сайта, который имеет много ошибок HTML и CSS считается невалидным.
В моем блоге было 340 ошибок и 240 предупреждений. Целую неделю не могла писать статьи, настроения было ноль, открывала сайт за сайтом, читала, но докопаться до сути не могла. Примерно на сотом сайте, теперь и ссылку на сайт не дам, жаль конечно, автор так хорошо изложил суть проблемы, что даже новичок бы разобрался.
Вначале были мысли: "Сама напортачила". Но когда потихоньку удаляла ошибку за ошибкой поняла, что много получила в подарок от верстальщиков или от автора шаблона.
Как сделать валидный код html онлайн
Проверить валидность HTML кода сайта можно официальным валидатором стандарта W3C. Идем по ссылке >>> на сервис онлайн. Проверьте разметку (HTML, XHTML, ...) веб-документов. В строку адрес вводим url своего сайта, нажимаем "Проверить".
Как исправить ошибки валидности html кода
В статье опишу свой метод как я делаю валидный код. Заходим на главную страницу своего блога и сочетанием клавиш Ctrl+U открываем исходный код сайта. Смотрим на какой строке ошибки и предупреждения в валидаторе
Находим нужную строку в исходном коде, копируем ее, открываем любой визуальный онлайн редактор HTML кода, вставляем в редактор код и смотрим результат.
Ошибка 'quickedit'
Найти строку и вставить в HTML редактор онлайн. Ошибка - кнопка быстрого редактирования гаджетов. Шаблон у меня сторонний, но специально для платформы Blogger (Blogspot), подарок от автора шаблона.
Кнопок в реале видно не было, а в шаблоне коды остались. У меня лично было 15 кнопочек.
Решение. Открываем блог, заходим в шаблон, делаем резервное копирование, удаляем все кнопки. Находим код
<b:include name='quickedit'/> и удаляем.
Таких кодов может быть много, что бы удалить все, выделяем код в окне поиска и нажимаем Enter.
Желательно запомнить! При каждом добавлении виджета или гаджета в блог, в шаблоне будет появляться код кнопки и выдавать ошибку в валидаторе.
Результат: 15 удалений кода и минус 50 ошибок
Хочу отметить, что бы вы поняли быстрее, стоит удалить одну строку и могут удалиться другие строки валидности. В валидаторе ошибки повторяются.
По возможности не запускайте свой шаблон, все что работает не правильно очень плохо. По сути к примеру, эти кнопочки мне не мешали, я их не видела, меня они не раздражали, но они увеличивали размер кода шаблона.
Вторая ошибка и минус 42 ошибки в валидаторе.
Я иду все тем же путем через генератор кода HTML редактор в режиме реального времени. Вставляю код с исходной страницы в редактор и проблема прояснилась. Это всего лишь код формы поиска по блогу на странице публикации.
Решение и исправление ошибки: поиск по блогу у меня от Яндекс, значит код не с гаджета "Поиск по блогу". Как найти нужную публикацию?! Задаю в своем поиске запрос «Поиск по блогу » и нахожу статью. В редакторе сообщений удаляю код и снова добавляю.
В валидаторе следующая ошибка
Открываю исходный код блога сочетанием клавиш Ctrl+U и ищу строку 666, которая указывает на ошибку в валидаторе.
Я снова иду своим путем исправления ошибок. Копирую код и вставляю в онлайн редактор HTML.
И что я вижу? Грустно, обидно, досадно, но ладно, из-за принципа эту ошибочку исправлять не буду до лучших времен.
Так что и вы, дорогие мои посетители, не очень то и волнуйтесь из-за ошибок в коде. Они естественно влияют на загрузку сайта, но Гугл своих детишек не особо ругает за ошибки. Порядок надо навести, но насколько мне известно что и на официальных сайтах поисковых систем есть незначительные ошибки.
Грубые нарушения исправлять желательно, а вот поиск от Яндекс я удалять не буду, да и код я не с пальца взяла, а на официальном сайте и поиск по блогу работает хорошо. Не верите-можете проверить!:-)
Если вы не можете исправить ошибки, а сделать это обязательно нужно советую обратиться к фрилансерам, услуга будет стоить от 100 до 300 руб. На исправление html кода самостоятельно уходит очень много времени.
Полезная статьи и вообще полезный блог у вас. Но все эти базовые ошибки удалит-то легко, а там потом еще останутся очень серьезные, вот что с ними делать непонятно, учитывая что они встроены в саму платформу blogger.
Приятно что вам понравилось)))