чек лист 100 запуска сайта 2016

ASTRONIM*SUPPORT:\> 1/25

ФОРМУЛА САЙТА ASTRONIM*SUPPORT

[“ЧЕК-ЛИСТ ЗАПУСКА ВЕБ-ПРОЕКТА”]ЧТО НУЖНО ОБЯЗАТЕЛЬНО СДЕЛАТЬ, КОГДА САЙТ «ГОТОВ»

14-04-2016 EVENTSPACE

РУСЛАН БОРДАКБизнес-аналитик A*S


ЧЕК-ЛИСТ ЗАПУСКА ВЕБ-ПРОЕКТА

[“ПРОЦЕСС ОТЛАДКИ И ЗАПУСКА ВЕБ-САЙТА ИМЕЕТ ДЛИННЫЙ ПЕРЕЧЕНЬ СПЕЦИФИЧЕСКИХ ТРЕБОВАНИЙ.”]

ASTRONIM*SUPPORT рады предоставить свой 10 летний опыт разработки в виде единого документа, который позволит менеджерам иметь под рукой четкий список из 100 пунктов, которые необходимы для мониторинга финальных этапов разработки и успешного запуска сайта в Интернет.

Для удобства список сгруппирован на разделы от A до S.



A S




А:\СТАНДАРТЫ, ВАЛИДАЦИЯ, ЮЗАБИЛИТИ1. Проверить работу сайта в разных браузерах

(Internet Explorer v9+, Mozilla Firefox v44+, Opera v34+, Safari v6+, Google Chrome v48+) и OС (Windows, OSX, Linux, Android).................[ ]

2. Проверить критические ошибки валидации кода HTML, JavaScript и CSS....................................[ ]

3. Проверить работоспособность JavaScript и Flash, а также работоспособность сайта с выключенным компонентами........................................[ ]

4. Проверить наведение и выпадение меню (если таковое имеется) на корректную работу и скорость реакции....[ ]

5. Кнопки и ссылки при наведении должны менять вид.....[ ]

6. Доступность сайта для людей с ограниченными возможностями: не препятствуют ли нарушения восприятия цвета, звука и др. навигации по сайтуи чтению информации?................................[ ]

ОК

ОК

ОК

ОКОК

ОК


B:\МАСШТАБИРУЕМОСТЬ И АДАПТИВНОСТЬ7. Проверить вид сайта на разных разрешениях экрана

(1280×1024, 1024×768, 1920×1200, 800×600)...........[ ]Указать, в каких случаяx появляется ненужный скролл (горизонтальный особенно) или блоки залазят друг на друга?......................................[ ]

8. Изменить размер шрифта меню и проверить его функционирование и полное отображение...............[ ]

9. Проверить, не наезжает ли футер на другие элементы или контент. Проверить то же самое при изменении размера шрифта и количества текста в блоках.........[ ]

10.Проверить Mobile friendly вид сервисом www.google.com/webmasters/tools/mobile-friendly/ и учесть имеющиеся рекомендации в случае наличия....[ ]

ОК

ОК

ОК

ОК

ОК

http://www.google.com/webmasters/tools/mobile-friendly/


C:\ГЛАВНАЯ СТРАНИЦА11.Скорость загрузки главной страницы не превышает

5 секунд?...........................................[ ]

12.Есть ли прелоадер для страниц, временя загрузки которых превышает 5 секунд?.........................[ ]

13.Логотип на главной странице не должен нажиматься и куда-то ссылаться. Как и должен отсутствовать активный значок или иконка «на главную», чтобы не вводить в заблуждение пользователя...............[ ]

14.Телефоны и корзина заказа находится в правом верхнем углу и/или легко заметны для пользователя...........[ ]

ОК

ОК

ОК

ОК


D:\ВНУТРЕННИЕ СТРАНИЦЫ15.Проверить наличие ссылки «на главную» и ссылки

с логотипа на главную страницу во всех основных шаблонах внутренних страниц.........................[ ]

16.Проверить весь заказанный/особый/сложный функционал

на работоспособность, логику и корректностьотображения (формы заказа, калькуляторы, фильтры, сортировки и прочее)................................[ ]

17.Пункт раздела, на котором находится пользователь, должен быть выделен относительно других пунктов навигации, а также наличие субнавигации (подменю) для свободного перемещения по разделам сайта дальше: вперед, назад, на соседние разделы..................[ ]

18.При наличии на сайте версии для печати убедиться в правильности отображения данной страницы для всех

важных страниц (в том числе в разных браузерах).....[ ]

19.Проверить открытие увеличенных картинок (если такие присутствуют в контенте и в галерее)................[ ]

ОК

ОК

ОК

ОК

ОК


E:\НОВОСТИ20.Заголовок или весь блок новости оформлены

кликабельной ссылкой и настроен стиль при наведении.[ ]

21.Соблюдается ли рекомендация не использовать дублирующую ссылку «Подробнее»......................[ ]

22.Проверить настройку RSS-канала и его корректное отображение в RSS-ридерах (например, в браузере)....[ ]

23.Проверить настройку архива новостей: фильтр новостей по годам и месяцам или постраничный вывод ленты новостей с нумерацией страниц.......................[ ]

ОК

ОК

ОК

ОК

http://www.astronim.com/


F:\КОНТЕНТ И СТИЛЬ24.Вычитать тексты и проверить

правописание............[ ] 25.Проверить связанность

текстов.......................[ ]26.Проверить работоспособность внешних ссылок

(на соц.сети, партнеров) на корректный URL и их открытие в новом окне..........................[ ]

27.Проверить, нет ли на сайте «вшитых» абсолютных ссылок, ведущих на тестовый сервер, т.е. после запуска ссылки должны вести на сайт, а не на тестовые адреса.............................[ ]

28.Проверить правильность написания контактных данных (внизу страницы или в шапке) на их соответствие. Проверить, куда ведет ссылка или иконка «обратная связь» и правильно ли прописан e-mail.....[ ]

29.Проверить правильность написания копирайтов: © 2009-2016 «Название компании» или © Название компании, 2016.......................[ ]

ОКОК

ОК

ОК

ОК

ОК


G:\ТИПОГРАФИКА30.Проверить регистр в важных текстах и заголовках.

Отдельно стоящие слова (Ссылки) должны начинаться с большой буквы.....................................[ ]

31.Проставить корректные символы: тире, кавычки и апострофы в зависимости от языка сайта( — , «рус», “eng”).................................[ ]

32.Проставить в важных местах неразрывные пробелы между инициалами, тире, перед последними словами и после предлогов для корректных переносов слов.....[ ]

33.Обеспечить единый стиль оформления текстов и единство повторяющихся фраз, таких как:«Узнать больше», «Читать далее», «N комментариев» и др.)..............................................[ ]

34.Соблюсти пунктуацию в списках: например, если пункт списка заканчивается точкой, следующий пункт должен

начинаться с заглавной буквы и наоборотдля точки‐запятой)..................................[ ]

35.Для иноязычной версии, если требуется, проставить лигатуры (соединенные графемы) и другие спецсимволы

используемые носителями языка.......................[ ]

ОК

ОК

ОК

ОК

ОК

ОК

http://www.astronim.com/


H:\ФОРМЫ36.Протестировать всевозможные формы (контактов,

комментариев, заказа, отзывы):• аккуратно ли они оформлены визуально?.............[ ]

• появляются ли сообщения об ошибках заполнения?....[ ]

• выводится ли подтверждение об успешной отправке...[ ]

• Поставить на форму капчу или другую защиту от спама (если необходимо)...................................[ ]

• Проверить все e‐mail шаблоны уведомлений, которые приходят на почту:

• правильно ли прописан в них домен и содержатся ли ВСЕ необходимые данные?........................[ ]

• убедиться в их работоспособности после переноса сайта на основной домен...........................[ ]

• Если есть авторизация, создать новых пользователей согласно регламенту доступов и походить под ними по сайту............................................[ ]

ОКОКОК

ОК

ОК

ОК

ОК


I:\ПОИСК40.Проверить, понятно ли обозначена поисковая форма

и элементы управления ею............................[ ]

41.Проверить работу поиска (включая релевантность и его работу по отдельным модулям: новости, галерее, отзывы, каталогу и др. модулям).............................[ ]

42.Страница с результатами поиска оформлена в едином дизайне с другими страницами и дает возможность перехода к основным разделам сайта..................[ ]

43.Также проверить индексацию поиска после переноса сайта на основной домен.............................[ ]

ОК

ОК

ОК

ОК


J:\ДОСТУПНОСТЬ САЙТА В ПОИСКОВИКАХ (SEO И ЧПУ)44.Проверить наличие или создать fav-

icon..............[ ]45.Привести ссылки на сайте к единому виду:

выбрать, что‐то одно из вариаций http://site.by, http://www.site.by или http://www.site.ru/index.html и гарантировать вывод при вводе любых других вариаций 301-редиректом......................................[ ]

46.Привести формат ссылок к читабельному виду: напр. http://site.by/blog/how‐to‐make‐coffee, http://site.ru/user/vasya и т.д. Соблюсти генерацию

ЧПУ в адресах, которые генерируют модули (новости, каталог и т.п.) в случае необходимости..............[ ]

47.Использовать в ЧПУ дефис вместо подчеркивания для замены пробела между словами....................[ ]

48.Не использовать в ЧПУ одно и то же слово несколько раз. Например http://site.by/benzinovye-generatory/benzinovyj-generator-UGB-950/ - неправильный вариант, http://site.by/benzinovye-generatory/UGB-950/ - правильный........................................[ ]

ОК

ОК

ОК

ОК

ОК

http://site.by/

http://site.by/

http://site.by/

http://www.site.ru/

http://www.site.ru/

http://www.site.ru/

http://www.site.ru/index.html

http://site.by/blog/how%E2%80%90to%E2%80%90make%E2%80%90coffee




http://site.ru/user/vasya

http://site.by/benzinovye-generatory/benzinovyj-generator-UGB-950/



http://site.by/benzinovye-generatory/UGB-950/




K:\ДОСТУПНОСТЬ САЙТА В ПОИСКОВИКАХ (SEO И КЛЮЧЕВЫЕ СЛОВА)49.Нужно убедиться, что заголовки страниц осмысленны

и содержат важные ключевые слова....................[ ]

50.Проверить, корректно ли прописан html title у главной страницы..................................[ ]

51.Убедиться в семантически‐грамотном использовании HTML тегов (<h1>, <h2>, ... и т.д.). На странице не должно использоваться несколько заголовков h1....[ ]

52.Заполнить мета‐тег description для важных страниц...[ ]

53.Проверить наличие важных ключевых слов в контенте. Проверить, не осталось ли на сайте тестового контента и пустых страниц. Выключить страницы, если для них нет актуального контента................................[ ]

54.Не рекомендуется злоупотреблять тегами логического форматирования — b, strong, em......................[ ]

55.Проверить «вшитые» в коде и в JavaScript тексты, наличие alt/title атрибутов HTML-тегов (например описания изображений)...............................[ ]

ОК

ОК

ОКОК

ОК

ОК

ОК


L:\СТАТИСТИКА И ДОПОЛНИТЕЛЬНАЯ SEO ОПТИМИЗАЦИЯ56.Добавить на сайт код счетчиков Google Analytics,

Яндрекс Метрики и/или др.систем аналитики...........[ ]

“ Новый инструмент Google Tag Manager позволяет управлять размещением нужных кодов внутри своего интерфейса без необходимости обращения к разработчику “.

• Проверить ссылку на .html карту сайта, которая не должна содержать более чем 200 ссылок....[ ]

• Проверить наличие файла sitemap.xml с указанием в нем всех страниц сайта или настроить автогенерацию по шаблону согласно дополнительного ТЗ на SEO.......[ ]

• Для важных адресов старого сайта прописать 301-редиректы на новые страницы.....................[ ]“ Запросить ТЗ от SEO-специалистов с четким перечнем редиректов “

• Настроить rel=“canonical” для устранения дубликатов страниц.............................................[ ] “ Примеры самых распространенных дублей: страницы для печати, страницы результатов поиска по сайту и др. “

• Настроить тэги микроразметки и снипеты под поисковые или социальные сети согласно дополненного ТЗ на SEO.[ ]

• Настроить «хлебные крошки» (путь по сайту) и их разметку в случае необходимости................[ ]

ОК

ОК

ОК

ОК

ОК

ОК

ОК


M:\БЕЗОПАСНОСТЬ И РИСКИ63.Проверить, нет ли у посетителей и роботов доступа

к служебным/секретным/закрытым страницам. Настроить корректно права и группы пользователей....[ ]

64.Проверить наличие файла robots.txt в корневом каталоге сайта. В файле должен быть прописан host с указанием главного зеркала, а в директиве sitemap — прописан путь к карте сайта .xml, закрыты от индексации служебные/секретные/закрытые разделы сайта и файлы, страницы входа в CMS-систему, при наличии описаны при помощи Clean-param идентификаторы сессий........[ ]

65.Настроить создание бекапов по расписанию и проверить восстановление из них...................[ ]

66.Проверить количество доступного дискового пространства и вычислить, на сколько его хватит?....[ ]

67.Отключить вывод ошибок и другой служебной информации на экран.................................[ ]

68.Настроить запуск регулярных процедур сайта по cron, а также настроить email/SMS уведомления о неработоспособности сайта/сервера.................[ ]

69.Настроить сертификат SSL, который позволяет шифровать данные между пользователем и сервером, в случае его покупки Заказчиком у хостера (также хорошо для SEO).[ ]

ОК

ОК

ОК

ОК

ОК

ОК

ОК


N:\ПРОИЗВОДИТЕЛЬНОСТЬ И НАГРУЗКИ70.Протестировать загрузку сайта и учесть рекомендации

от Google PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights/?hl=ru (как для мобильных, так и для компьютеров)....[ ]

71.Провести оптимизацию изображений/графики............[ ]

72.Проверить и реализовать кэширование, где это необходимо, активация сжатия gzip...........[ ]

73.Минимизировать HTML, CSS и JavaScript...............[ ]

74.Оптимизировать CSS: короткие пути к изображениям, использовать «каскадную» природу стилей и т.д.......[ ]

75.Проверить наличие индексов в таблицах БД, оптимизировать запросы и проверить другие настройки производительности на всех уровнях (Сервера, БД, CMS и т.д.)...........[ ]

76.Провести нагрузочное тестирование. Если возможно, составить рекомендации по оптимизации хостинга Заказчика...........................................[ ]

77.Включить логирование ошибок на сервере..............[ ]

ОКОК

ОКОК

ОК

ОК

ОКОК

https://developers.google.com/speed/pagespeed/insights/?hl=ru





O:\ТЕХНИЧЕСКИЕ СТРАНИЦЫ78.Настроить шаблоны страниц ошибок

404 (Страница не найдена) и 403 (Доступ запрещен)...[ ] “ Проверить html_title у 404. Страница 404 должна быть информативна с возможностью перехода в ключевые разделы сайта и отдавать верный ответ (404) без редиректов. “

79.Создать страницу «Сайт на обслуживании» на случай, когда сайт будет недоступен.........................[ ]

80.Еще раз проверить индексацию поиска, отправку форм и работу планировщика задач по расписанию (cron) на рабочем сервере клиента :).......................[ ]

81.Настроить выгрузку данных из каталога в YML-файл для торговых каталогов (Яндекс Маркет, tut.by, shop.by, onliner.by) в случае необходимости.........[ ]

ОК

ОК

ОК

ОК


P:\ДЛЯ 1С-БИТРИКС ПРОЕКТОВ82.Зарегистрировать сотрудников Заказчика на сайте

http://www.1c-bitrix.ru/............................[ ]“ С целью получения доступа к материалам технической поддержки и рекомендовать пройти курсы «Контент-менеджер» и «Администратор. Базовый» с целью изучения всех возможностей платформы. “

83.Активировать лицензию 1С-Битрикс и/или купоны на дополнительные сайты в случае необходимости......[ ]

84.Пройти тесты «Монитора качества» и опубликовать проект на портале 1С-Битрикс (для разработчика).....[ ]

85.Расширение лицензии и настройка композитного сайта (в случае необходимости)............................[ ]

ОК

ОК

ОК

ОК

http://www.1c-bitrix.ru/

http://www.1c-bitrix.ru/


Q:\ДЛЯ НОВОГО САЙТА86.Добавить сайт в поисковые системы: Google и

Яндекс..[ ]• Google Webmaster Tools. https

://google.com/webmasters/tools/home?hl=ru • Яндекс.Вебмастер https://webmaster.yandex.ru/site/?

wizard=add.site 86.Добавить сайт в интернет-каталоги

в случае необходимости..............................[ ]

87. https://google.ru/business/88. http://top.mail.ru/add 89. http://tam.by/add/90. http://akavita.by/ru/user/register 91. http://all.by/cgi-bin/addurl.cgi 92. и др.

93.Для сайта на иностранном языке кроме его отдельного добавления в Google, также подать заявку и на регистрацию в https://search.yahoo.com/info/submit.html...[ ]

94.Добавить сайт в корпоративный профиль социальных сетей: Twitter, ВКонтакте, LinkedIn, Facebook, и т.д.......[ ]

ОК

ОК

ОК

ОК

https://google.com/webmasters/tools/home?hl=ru

https://google.com/webmasters/tools/home?hl=ru

https://webmaster.yandex.ru/site/?wizard=add.site

https://webmaster.yandex.ru/site/?wizard=add.site

http://tam.by/add/

http://tam.by/add/

http://top.mail.ru/add

http://tam.by/add/

http://tam.by/add/

http://tam.by/add/

http://akavita.by/ru/user/register




R:\ИНТЕРНЕТ-МАРКЕТИНГ (ПРОДВИЖЕНИЕ, SMM И АНАЛИТИКА)90.Вывести на сайте соответствующие плагины и блоки

социальных сетей....................................[ ]

91.Настроить инструменты онлайн-связи: консультант-чат, форму обратной связи или заказать звонок............[ ]

92.Проверить форматирование сайта в результатах выдачи поисковиков. В случае необходимости настроить дополнительные тэги микроразметки...................[ ]

93.Настроить фильтры в службе веб-аналитики для отсеивания трафика с IP-адресов клиента и рабочей группы, чтобы не искажать поведенческие данные пользователей......[ ]

94.Отлавливать в статистике возможные проблемы с некоторыми разделами/страницами сайта и контентом.[ ]

95.Мониторить отклик и отказы пользователей (на сайте,

социальных медиа, в поисковой выдаче и др.).........[ ]

96.Регулярно обновлять контент и новости сайта.........[ ]

97.Рекомендуем настроить контекстную рекламу в Google AdWords, Яндекс Директ и другие PPC (Pay Per Click) кампании........................[ ]

ОК

ОК

ОК

ОК

ОК

ОКОК

ОК


A*S:\ПОЗДРАВЛЯЕМ! ВОТ ТЕПЕРЬ САЙТ ЗАПУЩЕН:)

A S


A*S:\ПОЗДРАВЛЯЕМ! ВОТ ТЕПЕРЬ САЙТ ЗАПУЩЕН:)[“А НЕТ, ОСТАЛОСЬ ЕЩЕ 3 ПУНКТА:”]

98.НЕ ЗАБУДЬТЕ закрыть от индексации поисковых роботов сервер тестового сайта..............................[ ]99.Поблагодарите всю команду, участвующую в проекте, за проделанную работу....................[ ]100.Начинайте согласование бюджета на дальнейшее развитие и усовершенствование проекта...............[ ]

СПАСИБО ЗА ВНИМАНИЕ!

ОК

ОК

ОК

Руслан Бордак / A*SАнализ, проектирование, интеграция web-систем

телефон/факс: +375 (17) 222 46 [email protected]


A*S:\ПОЗДРАВЛЯЕМ! ВОТ ТЕПЕРЬ САЙТ ЗАПУЩЕН:)А*ТОП наших последних работ: http://astronim.com/top/

Альянс Astronim*Support http://astronim.support.by — комплексная web-интеграция и специализированные отраслевые решения.

В ТОП-10 лидеров рейтинга веб-студий по СНГ в таких отраслях как: - Электронная коммерция www.ratingruneta.ru/web/e-commerce/- Банки и финансовый сектор www.ratingruneta.ru/web/finance/- Одежда www.ratingruneta.ru/web/clothing/- Питание www.ratingruneta.ru/web/food/

Подробный бриф по e-Commerce в Astronim* http://astronim.com/ecommercebrief/

ЗАЖИГАЕМ ЗВЕЗДЫ В ИНТЕРНЕТ!