10 бесплатных сервисов для проверки сайта

1
Март
2010

10 бесплатных инструментов для проверки Вашего сайта

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

.01 Markup Validation Service

10 free tools for test your site - Markup Validation Service

Самый популярный сервис для проверки вашего кода. Я считаю, что каждый верстальщик должен знать о нем. Это очень удобный инструмент, который предоставляет гибкий сервис для проверки кода.  Поддерживает разные типы языков: HTML (уже есть возможность проверять HTML5), XHTML, MathML, SVG, SMIL. Свой код Вы можете проверить 3-мя способами:

  1. Раздел "Validate by URI". Если Ваш сайт уже выложен в Паутине, Вы можете просто вписать адрес своей странички в соответствующее поле на сервисе и оно тут же просканирует Ваш код и выдаст отчет.
  2. Раздел "Validate by File Upload". Если Ваш сайт только на локальном хостинге, то есть, находится только у Вас на компьютере, Вы можете загрузить файл Вашей странички на сайт проверки и он также само сделает свое дело.
  3. Этот способ скорее всего разрабатывался для тех ленивых верстальщиков, которым первый и второй способ не интересны)) Просто выделите свой код (Ctrl + A) и скопируйте (Ctrl + C), далее зайдите на сайте "валидатора" в раздел "Validate by Direct Input", вставьте Ваш код (Ctrl + V) и нажмите "Check".

З.Ы. Кстати, "Check" надо жать во всех трех разделах :-D

.02 CSS Validation Service

10 free tools for test your site - CSS Validation Service

Еще одно детище w3.org. Вслед за проверкой HTML-разметки нужно проверить правильный ли код в Вашей таблице каскадных стилей CSS. Этот инструмент идентичен "Markup Validation Service", все разделы такие же, только он проверяет Ваш CSS.

.03 Feed Validation Service

10 free tools for test your site - Feed Validation Service

Да да, Вы правильно поняли, проверяем синтаксис Atom или RSS каналов. Интерфейс такой же, как и в первых двух сервисах, правда тут только два раздела: "Validate by URI" и "Validate by Direct Input".

.04 Link Checker

10 free tools for test your site - Link Checker

Может проверим еще наши ссылки и анкоры? В этом нам поможет "Link Checker". Тут все просто, вводим URL адрес документа, выставляем галочки в  настройках и жмем "Check" :)

.05 W3C mobileOK Checker

10 free tools for test your site - W3C mobileOK Checker

А Ваш сайт нормально отображается на мобильных девайсах? Не знаете?) Сейчас проверим! Заходим на "W3C mobileOK Checker", видим знакомые нам 3 раздела проверки, выбираем более подходящий и проверяем веб-страничку на правильное отображение на мобильных устройствах.

.06 Web Page Analyzer

10 бесплатных инструментов для проверки Вашего сайта - Web Page Analyzer

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

.07 Access Color

10 бесплатных инструментов для проверки Вашего сайта - Access Color

Инструмент для проверки контрастности и яркости текста и фона. С помощью него мы можем узнать и увидеть, как будет восприниматься веб-страничка людьми с нарушенным зрением.

.08 Browsershots

10 бесплатных инструментов для проверки Вашего сайта - Browsershots

Этот сервис дает Вам возможность увидеть, как выглядит сайт в разных браузерах. Имеет гибкие настройки: можно выбирать разные версии браузеров под Windows OS, Mac OS, Linux, BSD; разрешения экрана; глубину цвета; поддержку Javascript, Java и Flash.

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

.09 NetRenderer

10 бесплатных инструментов для проверки Вашего сайта - NetRenderer

Инструмент позволит Вам увидеть, как выглядит Ваш сайт в IE 5.5, 6, 7 и 8. Полезная штуковина ;)

.10 Adobe PDF conversion

10 бесплатных инструментов для проверки Вашего сайта - Adobe PDF conversion

Сервис от Adobe, который конвертирует PDF-документы в HTML или простой текст. Правда конвертирует только в HTML 3.2.

Ну вот и все!) Надеюсь хоть какой-то сервис Вам будет полезен :) Если Вы знаете еще какие-нить полезные инструменты для верстальщиков, поделитесь! ;)

З.Ы. Сегодня стартовал свежий конкурс от Шелвина – «Сам себе победитель»! Призовой фонд составляет 500$! Спешите участвовать! ;)

З.Ы.Ы. А Большой Блог расскажет о проблемах блогосферы.

Подписаться на RSSВы можете подписаться на RSS или на E-mail рассылку:

Оставить комментарий с помощью формы ВКонтакте

Комментариев (22) к “10 бесплатных сервисов для проверки сайта”

  1. Евгений пишет:

    Это стары добрые сервисы, пользуюсь не часто, но периодически проверки делаю..
    Как сказал GWER, подборка всех браузеров это самое лучшее тестирование ресурса. А их сейчас 5 лидеров: Мозила, Опера, Хром, Сафари, ИЕ

  2. Кто подскажет какая именно валидность влияет на сео.

  3. Роман пишет:

    Я ужаснулся сколько у меня ошибок на сайте

  4. Андрей пишет:

    Спасибо за полезную статью!