ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

Как сделать сайт валидным — чистка кода

Угловые шкафы и шкафы купе ООО ВЕКО-Массив. .

Привет дорогие читатели!

Давненько я не писал статьи и причиной тому стала комплексная проверка на валидность ! Я больше чем уверен, что многие из вас даже и не слышали такого слова, как валидатор HTML. Об этом я и решил рассказать в данном посте.

valid1

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

Ну что же, для начала объясню, что это такое.

Сущность валидации

И так, опишу вкратце своими словами, надеюсь поймете. Валидность — это своего рода соответствие международным стандартам. И как мы знаем, стандарты в наше время существуют практически везде, в сфере машиностроения, продуктов питания и т.д. Так вот, такого рода требования существуют и для сайтов. Конечно это только формально. А придерживаться их или нет, пока еще решает каждый!

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

Но пока, лично я,  утверждать не могу. Посмотрим на практике. В сущности, проверка сайта на валидность это процесс «верстки» — очистка кода сайта от ошибок. Ведь все мы, при работе со своим блогом, допускаем ошибки, которые в зачастую и не замечаем. А они есть абсолютно у всех! Так, например, при проверке своего сайта, я был просто поражен — около 500 ошибок!!! Представляете? Конечно, не вооруженным глазом они не заметны, а вот с помощью соответствующих сервисов еще как!

К тому же, такого рода ошибки приводят к тому, что сайт просто напросто некорректно отображается в некоторых браузерах. Не верите? Проверьте свой блог в 5-6 браузерах, а особенно в Internet Explorer. И сами все увидите, где картинка размана или смещена, где еще какой-нибудь недостаток.

А вот если ваш сайт будет валидным, можете спать спокойно . Для того и созданы международные стандарты, которых все-таки нужно придерживаться. Тут вам и залог успешного SEO продвижения!

А теперь, давайте перейдем к рассмотрению вопроса, как проверить свой сайт на валидность.

Валидатор HTML кода

На мой взгляд, из всех сервисов и программ, которые существуют в сети по проверке HTML и CSS кодов, лидирующее место занимает MarKup Validation Service. Это многофункциональный онлайн сервис, позволяющий определить и подсказать путь к исправлению всех ошибок сайта. Работает просто бесподобно!

Свой блог я верстал с помощью данного приложения и остался доволен. В течении 5 дней я устранил абсолютно все ошибки в HTML документах, файлах темы, а также привел в должный вид style.css. Работа эта конечно трудоемкая и требует терпения, но зато когда ваш сайт будет на все 100%, радости хоть отбавляй.

Перед началом проверки блога, рекомендую вам установить браузер Google Chrome, либо скачать себе переводчик Socrates Personal, так как сервис, в котором предстоит работать, на английском языке. Ну и конечно же, без FTP-клиента и текстового редактора, вам просто не обойтись.

Теперь можно переходить на официальную страницу MarKup Validation Service ,пройдя по следующей ссылке  http://validator.w3.org/ , где увидите вот такое окно:

valid11

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

В MarKup Validation Service существует ряд параметров, позволяющих указать веб-мастеру те строки, в которых обнаружены ошибки, а также подчеркнуть каждую из них. Кроме того, рядом с ошибками выводится пояснительный текст с инструкцией по устранению. Для того чтобы включить данные функции, достаточно в «Options» поставить галочку напротив «Show Source». Также можете установить и другие параметры:

validn

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

validn1

В нашем случае, мы видим, что ошибка выдается из-за невалидного тега <noindex>. Чтобы устранить ее, достаточно изменить сам тег на новый, валидный: <!--noindex--> — открывающий и <!--noindex--> — закрывающий. При верстке своего сайта, мною были выделены ряд основных недостатков. Как правило, это ошибки, вызванные неправильным закрытием тегов /> и >, атрибуты alt и nofollow, а также неправильный код различных скриптов и приложений, которыми мы так любим «напичкивать» свои блоги.

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

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

И так, для того чтобы приступить к очистке сайта, в первую очередь вам понадобится выбрать стандарт (Doctype) HTML. Это те правила, которых должен будет придерживаться ваш блог. Их существует несколько, просмотреть которые вы также можете в MarKup Validation Service, вкладка «Doctype». Я выбрал XHTML 1.0 Transitional, который на мой взгляд показался менее требовательным.

Теперь нужно прописать выбранный стандарт в начале файла header.php следующим образом:

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

Обязательно проверьте, чтобы все основный теги присутствовали в файлах темы. Например, начинающим файлов является header.php. В нем должны находиться следующие теги:

Как мы видим тег <html> и <body> открывающие и действуют для всех последующих файлов: single.php, sidebar.php, comments.php и footer.php. Поэтому обратите внимание, чтобы закрывающие теги </body> и </html> в обязательном порядке были только в файле footer.php, в самом конце:

</body>

</html>

Вот пожалуй и все друзья, вы узнали о том, ка проверить сайт на ошибки. И в связи с тем, что пост получился достаточно объемным, я не стал «забивать» вам голову лишней информацией. Поэтому, в следующей своей статье я расскажу, как исправить недостатки в файлах CSS.Подписывайтесь на обновления моего блогаи не пропустите этого момента!
Ну что же, думаю понятно. Что еще могу посоветовать? Рекомендую начать проверку с главной страницы сайта. Таким образом вы сможете устранить основные недостатки в файлах шаблона. Здесь особое внимание уделяйте подсказкам и описанию валидатора. Далее проверяйте все страницы по порядку. Свидетельством того, что документ полностью исправлен, будет поздравительная ошибка табличка зеленого цвета. Для примера, наберите адрес любой страницы моего блога в поле валидатора и сами увидите результат.

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

Буду рад помочь!

БЕРЕГИТЕ СЕБЯ!

 




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *