О валидности кода блога.

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

W3Cвалидатор

Проверили…и пришли в восторг в неописуемый ужас от количества ошибок на наших блогах. Что будем, или не будем, делать дальше? Откуда берутся наши ошибки? Давайте разберём поподробней. Знание этого момента поможет остановить нарастание количества ошибок на данном этапе. А возможно и устранить те, что уже сделаны в процессе пройденного пути.

  •  Шаблон нашей темы. Вот первый “рассадник” ошибок. Особенно, если бесплатный. Кто установил уже премиум-шаблоны, не говорю уж о платных, в большом выигрыше оказались. Просто переводчикам бесплатных шаблонов далеко “по-барабану” вся эта валидность кода и её проверка. А может шаблон сделан уже давно и код относится ещё к html 1. А технологии не стоят на месте. Браузеры постоянно обновляются.
  • Очень часто не проходят проверку на валидность, регенерируемого кода, плагины, которые мы устанавливаем на блоги. Их тоже люди пишут. Для примера плагин rss2email.ru; Lightbox 2; TweetMeme Retweet Button на моём блоге выдавали ошибки. Последний оставлен только потому, что циферки уже жалко.
  • Некоторую долю,  во весь этот шабаш, вносим мы сами. Когда устанавливаем различные кнопочки статистики, счётчиков, баннеров, картинки всякие. Что-то берём готовое, что-то прописываем сами руками. Что прописываем, не всегда внимательны…забываем закрыть теги, поставить галочку, двоеточия, двойные кавычки… умудряемся и ещё хуже.

Чем же я могу помочь каждому конкретно? Ведь у каждого свои ошибки. И очень не легко, в рамках поста, разобраться с ними. Я объясню, что помогло мне.

Во-первых установите переводчик в свой браузер, которым вы пользуетесь чаще всего. У меня это Mozilla и CS3 Google Переводчик , виджет, который помогает перевести, как отдельный фрагмент, так и всю страницу целиком. Адрес, где взять это расширение  ТУТ.

Переводчик

Естественно, страницу на валидаторе, я перевожу на русский. Поэтому смогла рассмотреть, что там есть дополнительные настройки, которые окажут помощь на первом этапе.

Дополнительные настройки W3C

  • Show Source – отображает источник ошибки;
  • Show Outline – отобразит структуру документа;
  • Validate error pages – проверяет страницы, которые выдают ошибку, например 404 – страница не существует и т.п.;
  • Verbose Output – подробный исходный код покажет.
  • List Messages Sequentially – выводит ошибки и предупреждения обычным списком;
  • Group Error Messages by Type – группирует ошибки и предупреждения по одинаковым признакам;
  • Clean up Markup with HTML Tidy – отображение правильного кода, исправленного программой HTML Tidy. Если решите его использовать в своем коде, то будьте осторожны, т.к. HTML Tidy не является разработкой W3C и он не предоставляет гарантий по его работе.

Ну хоть что-то по-русски становится понятней. Обращайте внимание на знакомые слова из вашего текста, название гаджетов, ссылки на картинки (это вы же её называли, ссылку назначали). Так можно найти часть ошибок. Ведь проверку вы делаете одной страничке. Если вы проверяете адрес типа “название блога.ru” (stopmig.ru), вы проверяете главную страницу. Вот для примера:

  • Line 697, column 201: The language attribute on the script element is obsolete. You can safely omit it.
  • …xt/javascript" src="http://in1.bestpersons.ru/service/info/slavka131"></script>

Явно видно, что ошибку даёт скрипт, который я поставила с сайта  bestpersones.ru. А вставлен он в сайдбаре виджетом ТЕКСТ. Уря! Нашли.

  • Line 743, column 516: Duplicate attribute rel.
  • …" target="_blank" rel="nofollow" rel='external nofollow' class='url'>Ulya</a…

Что тут видим…Duplicate (ну без переводчика ясно…дублируется что-то) и дважды  nofollov видим. И вроде ещё не поняли, где искать…Но в конце этих строчек вижу имена людей из виджета Последние комментарии. И понимаю, что…или искать в коде виджета, он сам закрывает исходящие ссылки. Или удалить плагин WP No External Links, который приписывает автоматом nofollov ещё раз.

Да, работёнка эта нудная. Требует определённых начальных знаний HTML , определённо надо знать структуру блога, файлов в этой структуре, в котором прописаны те, или иные свойства. Поэтому сейчас я скажу САМОЕ ГЛАВНОЕ в этой связи:

  1. Не лезьте править код, если не уверены, что поняли всё правильно.
  2. Если правите, то копируйте исходный, чтобы всегда откатиться к первоначальному виду.
  3. Лучше доверьте эту работу специалисту, человеку, что понимает основы вёрстки.(Мало, кто обратил внимание, что основные ошибки мне исправляла хорошая девушка Таня, а в предыдущей статье я это написала!)
  4. Если душа не лежит ни к одному, из перечисленных, способов привести свой код блога к валидному состоянию – возмите ПОБОЛЬШЕ гвоздик и ЗАБЕЙТЕ на всё это дело.

Ваш блог отображается правильно? Вы пишите уникальные статьи? Вы уже довели до ума, все остальные параметры Seo-оптимизации ? Невалидность кода вашего блога, только при всех РАВНЫХ остальных параметрах, повлияет на выдачу в топ поисковыми системами. Даже крутые и раскрученные сайты имеют не одну ошибку валидации и предупреждения от всемогущего Консорциума W3C. И ничего…живут.

Почему же я этим занимаюсь и вам ещё об этом рассказываю? А исключительно от неуёмного любопытства, по вредности характера…и назревшей необходимости. Вот когда вам это тоже станет важно, вы выучите хотя бы азы HTML (кстати, можете скачать курс от Евгения Попова в сайдбаре – он прост и понятен, и БЕСПЛАТЕН абсолютно!). Научитесь искать распространённые ошибки на таких сайтах, где про html знают всё – напримерhttp://htmlbook.ru/  (смотрите раздел Валидация документов/исправление ошибок). На этом же сайте можно про теги узнать многое, понять, какие параметры нельзя прописывать без определённых условий. Учиться никогда не поздно.

К слову, многие западные системы поиска, намного серьезнее подходят к проблемам валидности веб-ресурсов — у нас пока что, это не столь принципиально.

Похожие записи:

Получать новости на e-mail:

  1. Да, прочитала поняла: это высшая математика, тут так просто не разберешься.. А не понимаешь — не лезь.. Золотые слова.

  2. Да, уж! Вижу что в премиум шаблонах ошибок в разы меньше. буду и на последнем значить в срочном порядке ставить премиум шаблон. Там у меня оказывается вообще XHTML 1.0 Transitional. Вчера на «одном из» сделала главную страницу с шорт кодами. Ошибок стало в 4 раза больше. Причем выдает что элемент является устаревшим. Так ругается на выравнивание center, цвет — color и т.д. Так что Галина, учимся все.

    Спасибо за информацию :)

  3. девушки, убейте меня, но я пас.. Надо кого-то просить, нанимать и так далее… Ведь программист не становится классиком в поэзии А,если совсем профан, то чего и лезть. Завидую Гале. Молодец!

  4. Проверила свой сайт (теперь уже на другом шаблоне), выдало: 52 Ошибки, 12 предупреждений (ы)
    Уже легче, гораздо. На старом шаблоне вообще какую-то пургу валидатор писал.
    Однозначно с примиум-шаблоном ошибок меньше. Теперь бы всё остальное исправить.

  5. Ксения Адаменко:

    Ой как все сложно… дело в том, что я плохо знаю язык html, только поверхностно… нужен мне в этом деле помощник, так как ошибок у меня (если не ошибаюсь) более чем 300 штук…

    Галиночка, а как можно скачать курс от Евгения Попова, где? Нужно срочно всему этому учиться, желание есть, значит все получится.

    • Просто нажми на картинку в разделе Бесплатно! Но качественно в сайдбаре HTML 33 видеорука.Тебя перенаправит на страницу подписки на курс.Там вводишь свой майл и получишь.Удачи!

  6. Галина! Спасибо за Ваш профессионализм и трепетное отношение к делу — это видно сразу!
    Спасибо за статью и подробные разъяснения по настройкам, но… читала, что-то поняла, а что-то — ну просто не хочет вписываться в мое понимание…
    Я также как и Наталья — Мадам Интернет — знаю, что надо… может когда-нибудь более ответственно отнесусь к этому делу…
    А сейчас — выполняю Ваши рекомендации: возьму ПОБОЛЬШЕ гвоздик и пойду ЗАБИВАТЬ на всё это дело.
    Удачи Вам!

  7. Галина! Благодарю за Ваш профессионализм!
    Благодарю за статью, мне многое пока не понятно…
    А я пишу о квадроциклах, снегоходах…
    Удачи Вам!

  8. Ulya:

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

  9. Нутром чувствовала, что шаблон моего блога меня подведет . Так оно и есть. Устаревший, как никогда, с ОГРОМНЫМ (аж 138) количеством ошибок (+ мои личные, конечно). Но он мне настолько стал родным, что внешне не хочется менять ничего. А умом понимаешь, что для дела — нужно.
    Будем бороться с противоречиями и ошибками.

    Спасибо, Галя. Опыт твой бесценен.

  10. Прочитала статью и сделала для себя вывод: каждый должен заниматься тем, что он умеет и что ему интересно. Поэтому думаю, что лезть в эти дебри мне самой, с моими познаниями в области html, дело бесполезное — как бы не попортить то, что есть сейчас. А то получиться, что «хотели как лучше, а получилось, как всегда». Поэтому, пожалуй, воспользуюсь Вашими рекомендациями, Галина, из прошлой статьи и обращусь с этим вопросом к Татьяне. Спасибо Вам за полезную и нужную информацию.

  11. Поддержал, добавил ссылку на своём сайте на Ваш, прошу вас добавить ссылку на мой сайт либо на странице первого уровня, либо в рубрике ссылок. Важно для продвижения.

    С уважением Алекандр.

    • Нет, Александр.Сссылкопомойка не нужна ни мне,ни вам.Такими методами не получится продвигать блог.У нас с вами тематики разные.Больше разных ссылок,не значит — лучше.

  12. Татьяна:

    Ну вот, до сего момента была уверена, что у меня с сайтом все замечательно, а теперь…. 31 ошибка и учитывая, что я полнейший профан в языке HTML, полностью согласна с Еленой. Как хорошо, что я к Вам заглянула, «предупрежден — значит вооружен» кажется так говорят. Спасибо большое.

  13. Светлана Пантелеева:

    Мне тоже очень сложно даже читать. Не говоря о том, что нужно еще и что-то делать))) Буду разбираться потихоньку. Спасибо, Галина, что поделились информацией и знаниями. Ведь одно дело найти ошибки, а совсем другое — их исправить.

  14. Марина:

    Прекрасная статья! Помимо важной информации — еще и здравые выводы;)
    А я потыкалась когда-то в валидность, помыкалась — и действительно забила, так спокойнее))))

  15. Я меняла шаблон из-за того, что не смогла удалить все ссылки. На новом это сделать удалось, хотя он мне и не очень нравится, но количество ошибок при проверке валидности кода осталось то же самое. Разобраться пока не могу. Если не трудно, загляните ко мне в блог и скажите, возможно ли изменить цвет по умолчанию — мой шаблон предусматривает смену цветовой палитры. Буду очень признательна.

    • То, что изменить цвета по умолчанию можно-это я знаю точно.Они прописаны в таблице стилей шаблона.А чтобы сказать что-то более определённое…надо видеть код.

  16. полезная статья…я и не знала что и такое есть… с каждым днем узнаешь все больше и больше…. кошмар …сколько всего нужно знать!!

  17. Интересная статья. Воспользуюсь Вашими рекомендациями, Галина, и проверю свой сайт на валидность.

  18. Юлия:

    Много полезного Вы рассказываете, к сожалению мне пока не потянуть такую науку. Буду учиться, учиться и еще раз учиться!!!

  19. Еще не стречал блога, у которого бы не было ошибок. Конечно, если в остальном на блоге полный порядок, то можно и валидностью заняться. Но обычно есть дела и по важней. Живут же популярные блоги с этими ошибками. Хотя сам уже тоже пробовал что-то подправить и потом плюнул на это дело.

  20. Премиум-шаблоны поставить сложно, а работать на них еще сложней. Да и кроме них работы море. Когда еще очередь дойдет…

  21. Для меня что-то все стало очень сложным и непонятным.Погрязла я в дебрях Интернета.
    И как вылезти пока не знаю…

  22. Благодарю, Галина, за нужную статью. У меня тоже много ошибок. Но исправлять не лезу: после моего исправления, скорее всего, будет еще больше.Пробовала сначала найти, но строки на сайте не пронумерованы и где искать те ошибкии… Вообщем взяла, как вы говорите, большой гвоздь…

  23. Людмила:

    У меня ошибок, ну просто — море! Пробовала исправлять. Убрала некоторые картинки, плагины, например карту с мигающими точками (ее надо было обновлять). Ошибок стало меньше на 30, но львинная доля «сидит»! Сейчас понимаю, что основные ошибки у меня от шаблона. Это я пишу о сайте на блогспоте.Стала изучать HTML, нашла интересный курс. Чем дальше в лес, тем больше дров! Галина, а ты, наверное, специальный курс в школе преподаешь?

    • Нет,Людмила, ни в какой школе я не преподаю.Все вопросы сайтостроения разбираю исключительно в личных целях.Делаю сайты,если подворачивается заказ.Верстаю и оформляю фотокниги.А основное время трачу на своих шестерых внучат.И много фотографирую в последнее время.Даже съездила на фотосафари в Ергаки, Западные Саяны, чтобы поучиться фотомастерству и посмотреть этот замечательный край.

  24. Галя, а сайтостроение по учебнику какому-то изучаешь или материал берешь из интернета? А как много времени тебе понадобилось, чтобы изучить HTML? И еще один вопрос: фотокнигу печатаешь на двусторонней фотобумаге или есть специальная для этого?

    • Сайтостроение надо изучать на практике.Сделал, не получилось..ищешь ответ почему и как правильно.В основном по курсу Попова «Технические моменты онлайн» училась. В сайдбаре ссылка на его бесплатный курс по html.Тоже много полезного взяла.И продолжаю учиться, всё сразу не охватишь.А фотокниги я сама не печатаю.Только верстаю и сдаю в печать в типографию.Получаю готовую через день-два, и никакой морокиhttp://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif

  25. Спасибо, Галина, за нужную информацию. Для начала скачала переводчик, чего очень не хватало на браузере. Об остальном, пока молчу, профан полный! БУМ учиЦа, учиЦа и учиЦа… =)

  26. Здравствуйте Галина!
    Понравился стиль изложения, статью прочел до конца с удовольствием.
    Вопрос жизни и смерти. Как вы устранили ошибку кода плагина похожих постов — «Related Posts Thumbnails»? Пол дня сегодня бился и ничего не добился. Буду безмерно счастлив если поможете. Спасибо.

  27. Роман? А какую ошибку вы видите в этом коде? У меня с этим плагином вроде не было проблем…

Прокомментировать

http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif