Чек-лист перед публикацией сайта

Проект успешно прошел все этапы (читай 9 кругов ада по Данте) и готов к публикации в сети и принятию трафика. Разберемся как перенести сайт без косяков, что проверить, перед выгрузкой и какие доступы надо иметь. С отделом разработки составили удобный чек-лист по которому нужно проверить сайт перед запуском.

Контент 

• Рыба-текст. Отсутствует, весь текст настоящий, полезный и имеет оценку по системе Главреда минимум 8.9. Он не перегружен, не больше 6 строк в абзаце, в одной строке — 60 знаков, это 7-12 слов. 
• Логика. У каждого экрана есть заголовок, который раскрывает его смысл. Он минимум в 2 раза больше основного текста. 

• Опечатки и ошибки. Это серьезные помехи для показателей конверсии и доверия со стороны пользователя к ресурсу. Сайт нужно прогнать через сервисы проверок, например languagetool и поставить задачу на ручную проверку копирайтерам. 
• Форматирование. Не публикуйте текст-простыню, разбивайте его на логические блоки.  Маркированные и нумерованные списки, абзацы, подзаголовки для тем, визуальный ряд в виде иконок облегчат восприятие. 
• Выравнивание текста. Текст ровняем по левому краю. Мы читаем слева направо и стартовать с одной и той же линии — проще. Не заставляем пользователя искать начало строки заново. Текст по центру — допустимо, про правому краю или ширине — нет. 
• Перенос. Предлоги и союзы переносим на новую строку, тире — оставляем в конце прошлой строки. 

• Настоящие данные и кликабельные элементы. Телефон, почта, адрес, ссылки на социальные сети и мессенджеры. Все эти элементы должны быть актуальными и кликабельными, их открытие должно происходить в новой вкладке. 
• Ссылки. Принятого синего/голубого цвета с подчеркиванием. Открытие всех страниц и ссылок происходит в новой вкладке.  
• Технические документы. Текст на политике конфиденциальности, офертах, документах должен заполнен, и заполнен актуальными данными, живым доменом, названием организации и т.д. В footer должны стоять данные о юридическом лице и дате копирайта. 
• Страница спасибо. Она существует — раз, выполнена в стилистике сайта — два. При отправке заявки из любой формы открывается единая страница «спасибо». Особенно за этим нужно проследить на Tilda, частое явление, это появление поп-апа, а не заготовленной страницы. 
• Формы заявок. Стоит настоящий текст, лучше с указанием времени обратной связи от менеджеров. Также проверьте все поля вводы, которые должен заполнить пользователь. Оставляйте только действительно нужные и поставьте маски ввода. 

Дизайн 

• Заглушки в фото и видео. Все фото стоят настоящие, не заезженные, имеют хорошее разрешение. Если реальных фото у заказчика нет воспользуйтесь сервисами. Unsplash — библиотека с работами фотографов со всего мира, можно найти любую тематику. Icons8 — фотосток с минималистичными, стильными и бесплатными изображениями. Pixabay — библиотека с огромным количеством фото. Freepik — векторные изображения, фото, иконки, иллюстрации и мокапы. Видео функционирует, если стоит ссылка на youtube отключите рекомендованные видео через rel=0. Этот параметр определяет, будут ли воспроизводиться похожие видео после завершения показа исходного видео, правила. 
• Сетка. У проекта выстроена сетка, все элементы систематизированы и организованы. 
• Шрифт. Не больше 2-3 видов для структуры и единства. Хорошо выглядят простые шрифты, без засечек. И использование разного контраста. Одно семейство шрифтов, но жирные начертания для заголовка, регулярные — для основного текста. 
• Цвета. Не более 4-5 цветов. Тени не черные, а использование основных цветов с меньшей контрастностью. 
• Общий стиль. Все смежные по функционалу элементы нужно выполнить одинаково, придерживаясь общего стиля. Иконки, отступы, кнопки и тд. 

• Логотип. В формате svg или png, он кликабельный и ведет на главную страницу, если говорим о сайтах. 
• Фавикон. Уставлен в нужном размере, все нужные элементы для идентификации бренда видны. 

Оптимизация  

• Адаптив. Основной критерий, чтобы сайт одинаково хорошо выглядел на устройствах с разным размером диагонали. 
• Скорость загрузки. Недавно опровергли миф о том, что сервис Google Page Speed главный помощник в этом. Достаточно проверить страницу на разных устройствах от 300 до 1920 px и в разных браузерах, а если это сделают еще и коллеги из разных городов, это идеальный вариант. Если у вас нет проблем с загрузкой, значит все ok и верстальщик все сделал корректно. 
• HTTPS. Сертификат безопасности подключен к домену. 
• Аналитика. Домен зарегистрирован и подтвержден в Я.Вебмастере и Я.Метрике, Google Search Console и Google Analytics. 
• Сквозная аналитика. Подключить сторонние скрипты для болтанок на сайте, например живосайт, вербокс и сквозная аналитика, например Calltouch. 
• Формы м цели. Настроить все цели на формах в системах аналитики. Почта клиента, интеграции с crm или чаты подключены и работают. Протестировать  все формы на предмет отправки и получения заявок.
• SEO. Прописать robots.txt, с закрытием технической информации и sitemap.xml с перечнем всех страницы для обхода роботами. Прописать уникальные теги title и description для каждой страницы. 
• URL. Соблюдение иерархии, корректного формата и соответствия содержимому страницы. 
• Работоспособность. Сделать бэкап финальной версии, поставить скрипт или оплатить сервис для постоянного мониторинга доступности ресурса. 

Доступы и консолидация этапа запуска

Мы пользуемся таким чек-листом и берем на тестирование от одного до двух рабочих дней, это важный этап перед выгрузкой сайта клиенту. Также в ходе теста рекомендуем создавать google sheets со всеми комментариями, скринами и статусами.

Рекомендуем сильно заранее запросить все доступы, ссылки и материалы. Чтобы по факту готовности не тратить время на ожидание, регистрацию и возвращение своего 2007, когда клиент связывается со своим старым программером и ищет кто же регистрировал хост. Мы составляем таблицу, где прописываем все необходимое для запуска.