Проверка сайта на ошибки в HTML

 

Существует свод правил, используя которые, поисковые системы распознают верстку на сайте. Например, тег H1 выделяет главный заголовок в тексте страницы. Некоторые специалисты используют теги не по их истинному назначению, например, выделяя с помощью тега H1 элементы меню.

 

- проверка валидности по матрице с помощью сервиса http: //validator.w3.org/

- проверка соответствия кодировки содержимого документа его заголовку

- проверка на отсутствие закрывающих тегов

- проверка наличия нескольких H1

- изучение корректности использования и содержания H1-H6

- изучение наличия корректных ALT для картинок

- проверка наличие спамных< strong>, < b>, < em>, < i>

 

Проверка на кроссбраузерность по матрице

 

Страницы сайта должны корректно отображаться на всех популярных платформах, иначе часть пользователь не сможет пользоваться сайтом, что негативно скажется на конверсии и поведенческих факторах.

 

- firefox, opera, chrome, ie

- 1024, 1280, 1960

- ipod, iphone

- полный экран, стандартный экран, свернутый экран

 

Проверка наличия микроформатов

 

С помощью микроформатов можно передавать поисковой системе расширенные данные о содержании сайта, контактную информацию, отзывы, информацию о товарах.

 

- hCard — формат разметки контактной информации

- hRecipe — формат для описания кулинарных рецептов;

- hReview — формат разметки отзывов;

- hProduct — формат разметки товаров.

 

Анализ корректности использования микроформатов

 

При использовании микроформатов могут быть допущены ошибки.

 

- правила использования микроформатов http: //microformats.org/wiki/Main_Page-ru

- проверка валидации микроформатов с помощью http: //webmaster.yandex.ru/microtest.xml

 

Анализ попадания содержимого микроформатов в индекс поисковых систем

 

Не всегда корректные данные микроформатов учитываются поисковыми системами. Например, Google может посчитать отзывы в микроразметке не настоящими, и не учитывать их при формировании сниппета.

 

- учлось ли содержание микроформатов при формировании сниппетов;

 

Анализ кода на наличие скриптов и c ss инструкций внутри страницы

 

Вынесение кода в отдельные файлы позволяет оптимизировать работу сервера, расход трафика и скорость загрузки страниц.

 

- разбираем html по матрице, проверяем, что код cssинструкций и скриптов хранится в отдельных файлах, а не коде страницы

 

Часть #14–Юзабилити

 

 

Вкратце оюзабилити   - изучить, что нужно пользователю - убрать все лишнее - добавить необходимое - оформить наглядно

 

 

Составление матрицы юзабилити

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

 

- уточнение, какие проблемы пользователи могут решить на каждом шаблоне по матрице

- уточнение, какие дополнительные проблемы возникают у пользователей

- описание списка элементов, которые присутствуют на странице

- изучение опыта успешных проектов в тематике, описание списка элементов, которые присутствуют на страницах у других проектов

- описание списка элементов, которые необходимы для решения ключевой и дополнительных проблем

 

 

Анализ соответствия содержания входных страниц проблемам пользователей

 

Анализируя полученные данные, необходимо понять, что убрать, а что добавить на входных страницах.

 

- описание списка элементов, которые не нужны для решения проблемы, но присутствуют на странице

- описание списка элементов, которых нет, но они необходимы для решения проблемы

 

Анализ юзабилити ссылок

 

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

 

- ссылки подчеркнуты

- ссылки не выглядят так же, как текст

- ссылки, действие которых происходит в том же окне, имеют прерывистое подчеркивание

- очевидно, что за ссылкой кроется выпадающее меню

- границы ссылок и кнопок должны быть очевидны

- ссылка «купить» должна быть кнопкой

 

⇐ Предыдущая567891011121314Следующая ⇒

Поделиться: