Всем привет! Сегодня мы поговорим о физическом запуске вашего интернет-магазина. За длительное время работы чего я только не встречал — часто невнимательность на этапе запуска сайта приводила к очень серьезным денежным и репутационным потерям. Постараемся этого избежать.
Итак, нам необходим чек-лист проверки готовности сайта к работе и получению рекламного трафика. Разобьем его на несколько основных категорий:
- Стандарты и валидация
- Дизайн и frontend
- Функционал
- Контент
- SEO
- Аналитика
- Производительность и безопасность
Стандарты и валидация
Первым местом проверки является соответствие кода сайта типовым стандартам. Для того, чтобы сайт нормально работал и правильно отдавал информацию людям и поисковым системам, необходимо проверить код:
- HTML валидация.
- JavaScript валидация.
- CSS валидация.
- Accessibility (доступность для людей с ограниченными возможностями).
- Скрипты оптимизированы на всех веб-страницам.
- Изображения оптимизированы на всех страницах.
- CSS оптимизированы на всех страницах.
Дизайн и frontend
На втором этапе необходимо проверить правильность верстки и единообразность дизайна на всех возможных платформах и устройствах:
- Сайт корректноотображаетсяво всех современных браузерах (IE, Opera, Firefox, Chrome, Safari).
- Сайт корректноотображается намобильных устройствах (телефоны, планшеты).
- Верстка везде отображается одинаково.
- Есть favicon и отображаетсяправильно.
Функционал
Часто при запуске сайта на нем остается большое кол-во тестовых артефактов, битых ссылок, тестовых страниц, и.т.д., этого необходимо избегать:
- Внутренние ссылки работают на всех страницах.
- Внешние ссылки работают на всех страницах и открываются в новых вкладках.
- Иконки социальных сетей работают правильно.
- RSS, новости, социальные сети работают без помех.
- Интеграция со сторонними инструментами, такими как: CRM, программное обеспечение электронной коммерции, и/или маркетинговые платформы настроены и протестированы.
- Формы для предоставления данных верны и работают.
- После заполнения формы отправки сообщения пользователь видит страницус благодарностью и/или получает специальное письмо.
Контент
Огромное количество потенциальных клиентов теряется из-за некачественной информации на сайте. Этот этап занимает много времени, но его в этом случае лучше не беречь:
- Все текстыоткорректированы, грамматика и орфография проверены.
- Все параграфы, заголовки и статьи не содержат ошибок.
- Контактные данные организации точны.
- Картинки и анимация на нужных местах, отформатированы и работают исправно.
- Аудио и видеофайлы на своих местах, отформатированы и воспроизводятся на всех устройствах.
- Права на иллюстрации, шрифт и другой контент лицензированы и/ или отмечены ссылками.
- Корректные символы.
- Проставлены корректные символы тире, кавычек и апострофов, в зависимости от языка сайта.
- Переносы слов.
- Проставлены в важных местах неразрывные пробелы между инициалами, тире, перед последними словами.
- Для английского: Лигатуры. Проставлены лигатуры в заголовках, если требуется.
- Связность текстов:
- Проверен регистр в текстах и заголовках.
- Обеспечен единый стиль текстов.
- Единство повторяющихся фраз (т.е. «Узнать больше», «Читать далее», «N комментариев» и др.).
- Пунктуация в списках (напр. если пункт списка заканчивается точкой, следующий пункт должен начинаться с заглавной буквы, и наоборот для точки-запятой).
- Проверено, нет ли на сайте вшитых ссылок на dev-сервер (т.е. после запуска ссылки должны вести на сайт «в миру»).
- Проверено, не осталось ли на сайте тестового контента.
- Проверены печатные версии важных страниц.
- При редизайне или изменении информационной структуры проверено, стоят ли редиректы со старых адресов разделов на новые.
- Проверен скрытый текст (e.g. alt/title атрибуты HTML тегов, тексты в JavaScript функциях).
SEO
У каждого SEO-специалиста есть свои требования к продвигаемому сайту, но наиболее важные у всех примерно одинаковые:
- Каждая страница имеет уникальноеназвание.
- У каждой страницы уникальноеmeta-описание.
- На странице есть ключевые слова.
- RSS-лента настроена правильно.
- Ссылки на социальные сети настроены правильно.
- Alt теги добавлены к каждому изображению.
- На сайте создана XML карта сайта.
- Настроен 301 редирект там, где это необходимо.
- Сайт добавлен и настроен в панелях «яндекс веб-мастер» и «гугл веб-мастер».
- Создан robots.txt
- Оптимизированы title страниц сайта.
- Оптимизированы meta-теги страниц сайта.
- Уникальный контент на сайте
- Правильная перелинковка страниц сайта.
- Внедрена микроразметка shema.org
- Проверено приведение ссылки на главную страницу к единому виду (т.е. выбрать что-то одно из вариаций site.ru, www.site.ru илиwww.site.ru/index.html )
- Формат ссылок в читабельном виде (напр. site.ru/shop/, site.ru/shop/instrument и т.д.)
Аналитика
Для последующей работы сайта всегда нужна информация о посетителях, об этом необходимо позаботиться заранее:
- Установлены и настроены счётчики Яндекс и Google.
- Правильно настроено отслеживание целей в системах статистики.
- Аккаунты Google Webmaster, Google Analytics и Google AdWords синхронизированы.
Производительность и безопасность
Ну и конечно, финальное техническое тестирование сайта:
- Проведено нагрузочное тестирование.
- Проведена оптимизация изображений/графики.
- Проверено и реализовано кэширование, где это необходимо.
- Проверен общий размер/скорость загрузки страниц сайта.
- Минимизирована/сжата статика (JavaScript/HTML/CSS).
- Оптимизирован CSS: короткие пути к изображениям; «каскадная» природа стилей, и т.д.
- Проверено наличие индексов в таблицах БД.
- Проверены другие настройки производительности на всех уровнях (Сервера, БД, CMS и т.д.).
- Включены логи ошибок/производительности на сервере.
- Проверено, что у посетителей нет доступа к служебным страницам.
- Закрыт доступ поисковикам к служебным разделам сайта.
- Отключен вывод ошибок на экран.
- Настроено email/SMS уведомления о неработоспособности сайта/сервера.
Если все проверено, то можно сказать, что ваш сайт готов к работе, стартуйте.