Данный список создания сайта подразумевает, что все основные вопросы по дизайну и usability решает профессиональный дизайнер, а содержание контролирует профессиональный SEOшник. Этот чеклист только для команды разработки.
-
мозг включён и причины, почему не стоит отказываться от разработки этого сайта, найдены
-
определили, должен ли сайт быть адаптивным или у него должна быть мобильная версия или сайт просто должен без горизонтального скролла отображаться на мобильных устройствах
-
проведён анализ и оценка каждого блока сайта
-
платформы разработки и инструментарий выбраны
-
домен будущего сайта определён
-
готов результат подготовки: Техническая Спецификация сайта или Техническое Задание, а так же стоимость работ
- дизайнеру выставлены требования к дизайну сайта
-
HTML страниц соответствует данному style guide'у
-
для тега
<html>указан атрибутlang -
в теге
<head>первым вложенным тегом идёт указатель кодировки файла<meta charset="utf-8"> -
соблюдён порядок заголовков (h1 -> h2 -> h3, а не h1 -> h3)
-
можно пользоваться навигацией по сайту с помощью только клавиатуры
-
дублированные ссылки закрыты через nofollow (например, повторение навигации из шапки в футере)
-
все формы сайта вложены в тег
<form> ... </form> -
отметить checkbox можно с помощью клика по его label
-
в копирайте футера есть динамический год, например, 2013, потом 2013—2014, 2013—2015 и т.д.
-
в
<head>есть линки и на базовый favicon.ico и на изображения для Apple Touch Icons, и для IE 10 Metro tile icon, и, возможно на IE 11 live tiles, а так же для прочих сервисов, типа GoogleTV, Opera и т.п. - вот памятка -
все страницы максимально возможно проходят валидацию
-
на сайте нет сломанных ссылок
-
в
<head>указана ссылка на humans.txt:<link rel="author" type="text/plain" href="humans.txt">
-
title есть на каждой странице
-
для страницы можно задать title вручную, иначе используется заголовок страницы или значение по умолчанию (название сайта)
-
title имеет структуру, которая разделяется с помощью одного символа, отбитого пробелами, например 'Австралия | Страны | Турагентство Солнышко' или 'Австралия - Страны - Турагентство Солнышко', но не 'Австралия :: Страны :: Турагентство Солнышко' (хотя так лучше смотрится)
-
в структурированном title всегда первым идёт часть текущей страницы, а название сайта - в конце
-
есть возможность для любой страницы показывать title без структуры - только title текущей страницы
-
тег title расположен в теге head и максимально близко к его началу (выше только meta charset)
-
meta тег description можно задать для каждой страницы
-
meta тег keywords можно задать для каждой страницы
-
ни description, ни keywords не наследуются - если они не заданы для страницы, то этих тегов просто не должно быть
-
meta тег copyright задан и в нём указан владелец сайта и текущий год
-
если на сайте есть система авторства статей, то обязательно указан meta тег author и, если есть возможность,
<meta http-equiv="Reply-to"с указанием email автора
-
CSS соответствуют данному style guide'у
-
подключение стилей происходит в
<head> -
подключение скриптов происходит в
<body>после всего контента (за исключением разве что счётчиков), а в<head>остаются только те скрипты, которые нужны для рендера страницы, например "html5shim" -
у ссылок есть и
:hoverи:focusповедение, а так же не проигнорированoutline -
предусмотрены стили для печати страницы
-
при отключенных стилях можно прочитать содержание сайта и воспользоваться навигацией по сайту
-
при отключенном javascript можно прочитать содержание сайта и воспользоваться навигацией по сайту
-
все кликабельные картинки реагируют на наведение мышкой (по умолчанию - opacity 0.8)
-
стили проходят валидацию (на самом деле нет, но чем меньше ошибок, тем лучше)
-
сайт корректно и без горизонтального скролла отображается в браузере с окном 980px в ширину или больше
-
сайт проходит тест mobileOK на корректное отображение на мобильных устройствах (на самом деле нет, но чем меньше ошибок, тем лучше)
-
текст соответствует правилам web-типографики (пропущен через Типограф)
-
все данные, которые подходят для описания в schema.org (контакты, афиша, персоны и т.п.), описаны с помощью schema.org
-
в
<head>используем теги The Open Graph protocol -
в
<head>используем теги Twitter Cards -
в
<head>используем теги MSApplication -
для каждой страницы можно задать изображение, которое используют Open Graph и Twitter Cards в своих тегах, а если это изображение не задано, то в этих тегах указана ссылка на самый большой favicon
-
RSS/Atom фиды (если есть) проходят валидацию
-
включён 301 редирект с www.sitename.com на sitename.com (или наоборот)
-
если есть ридерект с родительской на дочернюю страницу, то он с кодом 302 (и вообще все коды редиректов используем правильно)
-
каждая страница отвечает с HTTP заголовками Last-Modified и If-Modified‐Since и вообще с заголовками всё в порядке
-
есть страницы 404, 500 и 422 ошибок и они статичны и не зависят от движка сайта
-
все страницы имеют человекочитаемый url, исключая те, где иное сделано с умыслом
-
url состоит из строчных латинских символов, слова разделены символом '-', нет пробелов и используются только допустимые символы
-
в корне сайта размещён корректный sitemap.xml
-
sitemap.xml представляет собой статичный, сжатый gz файл, который генерируется не по запросу клиента, а при изменении данных сайта
-
в корне сайта размещён корректный robots.txt с отдельными секциями под Yandex, Google и для прочих, в котором, в том числе, указана ссылка на файл sitemap.xml (до релиза всё должно быть закомментировано, кроме строк запрета индексирования всего)
-
в корне сайта лежит favicon.ico, который состоит из 3 изображений разных размеров: 16x16 32x32 48x48 и глубиной цвета 8 бит
-
в корне сайта размещён корректный humans.txt
Пример правильно скомпонованного статичного проекта с грамотным html файлом и служебными файлами - html-css-template от Dymio.
-
старая версия сайта (или её статичный слепок) размещён на поддомене old или 2013, например
-
все стили и скрипты максимально возможно минимизированы и скомпонованы
-
ссылок на staging или dev версии сайта в контенте нет
-
в настройках и конфигах временных данных нет (email разработчика вместо менеджерского в уведомлениях, например)
-
пароли аккаунтов админки заменены на защищённые
-
robots.txt открыт
-
favicon сайта хорошо смотрится при размещении ссылки на сайт на экране Home мобильного устройства
-
сайт зарегистрирован в Яндекс или Google вебмастере
-
Яндекс.Метрика или Google Analytics подключён
-
менеджеры отправлены регистрировать сайт в Яндекс.Каталоге, Гугл.Адресах и DMOZ
-
менеджеры отправлены регистрировать сайт в соц. сетях
-
работа социальных блоков и ссылок проверена
-
мониторим работоспособность сайта (1, 2), если эта услуга предоставляется
-
автобэкап настроен, если эта услуга предоставляется
-
производительность страницы проверена (1, 2) и результаты устраивают
-
пострелизный бэкап произведён
-
проект добавлен в список выполненных проектов на web.proektmarketing.ru
Web Developer Checklist - менее подробный аналог, но есть много полезных ссылок, которые не вошли сюда