А ваш блог соответствует стандарту W3C?

Добрый день, Дорогие друзья!

Сегодняшний пост родился не случайно. Я уже давно собирался проверить код своего блога на наличие ошибок и различных недочетов. И вот сегодня, занялся данным делом с раннего утра. Первым делом я решил найти сервис или программное обеспечение, которое поможет мне определить «чистоту» кода моего любимого блога.

Немного порыскав в сети, я наткнулся на довольно интересный сервис — validator.w3.org, который проверяет XHTML код вашего блога (сайта) на предмет соответствия стандарту w3c.

У многих из вас в голове крутится единственный вопрос – что за стандарт W3C, под который всем нужно подстраиваться. Отвечу цитатой из нашей любимой Википедии:

«Консорциум Всемирной паутины (англ. World Wide Web Consortium, W3C) — организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины. Консорциум возглавляет сэр Тимоти Джон Бернерс-Ли, автор множества разработок в области информационных технологий»

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

Я решил воспользоваться данным сервисом и проверить свой блог на соответствие стандарту W3C. Для проверки я ввел адрес блога в форму «Adress» и кликнул кнопку «Check»:

И через несколько секунд получил предупреждение о том, что в коде моего блога содержится 182 ошибки и 3 предупреждения, а ниже описание каждой из 182 ошибок (единственный минус, по крайней мере, для меня, что все это на английском языке):

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

Первая ошибка, которую мне быстро удалось устранить, следующая: «required attribute «ALT» not specified». Она возникает, если у картинки не прописан атрибут alt, текст которого отображается, если картинки в браузере пользователя отключены. Если атрибут Alt не прописан, то на месте картинки будет возникать ошибка.

Прописывается alt очень просто:

Таким образом, я буквально за 5 минут решил 25 ошибок (изначально их было 207!). Естественно, многие ошибки повторяются.

Следующая на очереди ошибка: «end tag for «br» omitted, but OMITTAG NO was specified». Насколько я понял, какие-то проблемы с прописыванием тега «br». Ищем…. Ага, нашел. В файле шаблона index.php в самом конце стоял тег <br> без закрывающего тега </br>. Решение проблемы: либо добавить закрывающий тег </br>, либо прописать тег <br />. Я решил проблему вторым способом:

А тем временем, осталось еще 181 ошибка.

Ошибка номер три: «an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified». И важно то, что эта ошибка встречается не один десяток раз. То есть, найди я ее решение, я смогу убрать несколько десятков ошибок сразу. Начнем поиски и узнаем, что же означает данное сообщение?

Немного поразмыслив, я понял, что у меня не везде URL прописаны в кавычках. И, несмотря на то, что они прекрасно работают, такое написание не является стандартом W3C. Исправляем:

Через 15 минут исправлений (в основном, в кодах, прописанных в виджетах в сайдбаре) из оставшихся 181 ошибок действующих (то есть, не решенных) осталось всего 56! То есть, я исправил одним махом 125 ошибок. Неплохо, не правда ли? А мы продолжаем.

Ошибка №4: «end tag for «img» omitted, but OMITTAG NO was specified». Что это за зверь и как мне прогнать его прочь из города блогеров? Сейчас подумаем.

Все, придумал и решил еще 53 ошибки (осталось всего 2!). Вам интересно, как я это сделал? Очень просто. Нужно было лишь добавить закрывающий тег </img> или сделать так <img…… />. Опять-таки, я выбрал второй вариант. И опять проблема была в сайдбаре. Смотрим:

Осталось 2 ошибки, а именно:

«general entity «url» not defined and no default entity»

и «reference to entity «url» for which no system identifier could be generated»,

А также, 3 предупреждения:

«cannot generate system identifier for general entity «url»»

«reference not terminated by REFC delimiter»

«reference to external entity in attribute value»

И все они указывают на ошибку в коде кнопки подписки на обновления блога через Яндекс.Ленту. Сам код выглядит так:

Прошу обратить ваше внимание на кусок кода, выделенный фиолетовым цветом. Вот в нем-то и кроется разгадка последних 2 ошибок и трех предупреждений. Нужно всего лишь убрать из этого участка символ «&» и все, ошибки, как рукой сняло. А я любуюсь на объявление в зеленой рамочке, говорящее о том, что код моего блога соответствует всем стандартам W3C! Ура!

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

Спасибо за внимание!

С нетерпением жду ваши комментарии.

К записи "А ваш блог соответствует стандарту W3C?" оставлено 20 коммент.
  1. А разве для br нужен закрывающий тег?

    По поводу амперсанда & в ссылке — удалив его, получили совсем другой url, причем НЕ РАБОТАЮЩИЙ. Попробуйте сами подписаться по этой ссылке.

    По правилам W3C вместо амперсанда ( & ) следует писать & (может удалиться, поэтому напишу так: & amp; (пробел удалить)). В таком случае ссылка будет работать правильно, и код будет полностью удовлетворять W3C.

  2. У меня такая запись…..

    Жаль, я неспособен утвердить этот документ, потому что на линии 621 он содержал один или более байтов, которые я не могу интерпретировать как utf-8 (другими словами, найденные байты не являются действительными ценностями в указанном Кодировании Характера). Пожалуйста проверьте и содержание файла и признак кодирования характера.

    Ошибка была: utf8 «\xD0» не наносит на карту к Unicode

    В этом случает, какие действия лучше принять?

  3. Ольга Внизу страницы Вашего сайта есть кнопки-ссылки на blogs.yandex.ru. У картинок этих кнопок в неправильной кодировке написан параметр alt. Исправьте его, напишите в utf8.

  4. MrMozg. Если я правильно поняла, то необходимо в корневой папке менять, через фтипи соединение. Я попробовала футер документ пересохранить в кодировке utf8 и utf8 без ВОМ и все по-прежнему.

  5. Ольга, сохранять нужно в utf8 без BOM, но дело в том, что у Вас там часть текста написана в другой кодировке. Просто сотрите содержимое параметра alt у двух картинок и напишите сами вручную, например на английском: yandex blogs counter или что-нибудь подобное.

  6. Спасибо за очередную разминку для ума 😉 Проверила, обнаружила 10 ошибок… Три удалось исправить почти сразу, над остальными стоит подумать. Проблема в том, что я совсем не сильна в кодах :( Но интересно же 😉

  7. А у меня совсем другие ошибки и я понятия не имею как их исправить :dizzy: . Почему-то в основном красным выделен значок >. Сама что либо делать боюсь, вдруг всё полетит.

  8. Имя:

    все ты глаголишь прекрасно…
    а ты вот расскажи как разводишь «кроликов» и сколько за этот развод получаешь…
    ничего личного…просто новая тема для…

  9. Олег Маркарьян:

    MrMozg, огромное спасибо за пояснение. Думаю, многим пригодится 😉

    Ирина, я тоже когда сел исправлять, думал, что у меня голова лопнет. Таким все темным лесом казалось. А потом — потихоньку все пошло-поехало и все удалось устранить.

    Арина, а Вы попробуйте перевести разъяснения ошибок, которые даются под ошибками. И не бойтесь экспериментов, ведь все можно вернуть 😉

    Имя, можно подробнее, о чем Вы говорите?

  10. Олег, вы спец, снимаю шляпку… у меня 13 ошибок, но разобраться с ними не могу…пойду учить матчасть))))

    Зы: спасибо за validator.

  11. Странно, сервис нашёл у меня кучу ошибок, которых на блоге нет. Что бы это могло означать? 😉

  12. Олег Маркарьян:

    Светлана, немного терпения и упорства, и все у Вас получится.

    Cougle, уверены, что их действительно нет?

  13. А что делать, если ошибки в рекламном коде, как ее исправить?

  14. Ребята, а ЗАЧЕМ исправлять «ошибки». В основном, это просто несоответствие стандарту. Я провел эксперимент на 3-х блогах — результата 0. То есть Ничего не изменилось, поисковики никак не отреагировали на мои потуги, а пользователи их никогда и не видели :ninja:

    Вот только один блог вообще на месяц исчез из индекса Яндекса после изменения Доктайп.

    так что не «партесь» с валидацией, тем более если не понимает зачем она и «не сильны в кодах» :pinch:

  15. Lina:

    Я тоже на днях проверила сайт на наличие ошибок: обнаружилось больше 100. С какими-то ошибками я справилась, а вот остальные отловить никак не получается — ведь просматривать проходится все-все коды. Сейчас осталось «всего» 50 ошибок — пока буду жить с ними :)

  16. Фигня все это. Проверьте Google или Microsoft, там сотни ошибок.

    И я думаю в крупнейших компаниях мира работают более умные люди, чем стандартизаторы в стандартизирующих компаниях.

  17. Спасибо! Буду в своем копаться, вы надеюсь помогли с решением примерно 20 ошибок:)!

  18. Анна:

    Я немного профан в этих кодах и прочем. Подскажите, пожалуйста, а где именно нужно искать эти колонки и линии? Это все в одном в одном каком-оо файле на хостинге должно быть, или это по всем файлам нужно лазить?

  19. I must say it was hard to find your website in google. You write awesome posts but you
    should rank your website higher in search engines.

    If you don’t know 2017 seo techniues search on youtube: how to
    rank a website Marcel’s way

Оставить свой комментарий

Поиск по сайту
Email-рассылка блога

Введите свой email адрес:

Статистика

© 2017    Focus Point    //    Войти   //    Вверх