Вы вкладываете время, силы и деньги, чтобы создать сайт для ваших покупателей. Некоторые элементы разработки и внедрения даются не просто и чтобы быть уверенным, что вы сделали максимум, мы составили этот список.
В этом чеклисте 22 пункта, которые помогут вам проверить свой сайт перед запуском сайта.
1. Корректировка текстов
Перепроверьте все тексты сайта. Вы могли допустить нелепые и смешные ошибки.
Корректировка заключается в проверке:
-
текстов (грамматика, пунктуация)
-
работоспособность ссылок
-
alt-тексты у изображений
-
вложенность заголовков
-
отсутствие скрытого текста
2. Логотип, слоган, адрес и телефон
Для быстрой связи с вами, особенно для тех, кто уже знаком с вашим бизнесом, достаточно увидеть контактную информацию, которую желательно располагать в в видимой верхней части сайта. Логотип по классике располагается в привычном верхнем левом углу, телефон, адрес и время работы в правом верхнем углу. Такая классическая расстановка является одной из большинства коммерческих факторов ранжирования.
Контактная информация может сопровождаться ссылками на социальные сети. Если бизнес-страницы в социальных сетях вы ещё не создали, рекомендуем заняться этим.
Аналогичную информацию также необходимо разместить в нижней части сайта.
3. Ссылка на политику конфиденциальности
Вы должны убедить своих посетителей, что вся персональная информация переданная через формы обратной связи и другие способы связи, не будут переданы третьим лицам. Для этого обязательно размещайте ссылку на полный текст политики около каждой формы обратной связи вместе с чекбоксом о согласии.
4. Используйте только лицензионный контент
-
Лицензированные изображения из фотобанков
-
Информация, что вы используете cookie
-
При использовании чужого контента необходимо указывать ссылку на источник
-
Любые другие требования, которые зависят от региона ведения вашего бизнеса
5. Проверьте безопасность сайта
Если ваш сайт предполагает получение онлайн-оплаты, предоставьте покупателям всю необходимую информацию связанную с вашей деятельностью, такие, например, как ИНН, ОРГН(ИП), юридический и физический адрес, телефон, почту и другую достоверную информацию.
Обязательно используйте SSL-сертификацию сайта при получении онлайн-оплаты. Также, есть мнение, что сайты, которые используют SSL (HTTPS) сертификат, ранжируются выше в поиске.
6. Проверьте брендирование сайта
Основные элементы бренда, которые должны быть на видном месте сайта:
-
Логотип — должен располагаться в левом верхнем углу. При нажатии на лого пользователь переходит на главную страницу.
-
Фавикон — иконка, которая видна в поисковой выдаче и во вкладке браузера. Так вы будете заметны вне вашего сайта.
7. Основные сео-элементы на сайте
-
Понятное целевое действие
-
Каждая страница должна сопровождаться уникальным тайтлом
-
Тайтл должен начинаться с основного ключевого слова страницы и заканчиваться названием организации
-
Длина тайтла в 60 символов для десктопной версии и не более 80 символов для мобильной
-
Включить основной ключ страницы в мета описание
-
Каждая страница должна быть уникальной, но с релевантным описанием
-
Мета описание должно быть не больше 120 символов для десктопной версии и не больше 200 символов для мобильной
8. Установлены счётчики аналитики (Яндекс Метрика, Google Analytics, пиксели)
Убедитесь, что на всех ваших страницах размещён код для сбора данных о посетителях сайта. Это поможет изучить трафик и оценить поведение пользователей.
Основные метрики:
-
показатель отказов
-
источник трафика
-
популярные страницы
-
демографические данные
-
используемые устройства для доступа на сайт
-
данные о рекламных кампаниях
-
визуализация пользовательского взаимодействия с сайтом (вебвизор)
Убедитесь, что ваши данные и данные команды, которая работает с сайтом на постоянной основе, не попадали в аналитику. Сделать это можно исключив IP-адрес. Это поможет получить более достоверные данные.
Что ещё надо настроить:
-
Настроить цели для отображения по ним отчёта
-
Настроить синхронизацию Аналитики и Вебмастера
9. Резервное копирование сайта
Бекап сайта поможет восстановить утерянные данные. Необходимо ежедневно копировать файлы сайта и базу данных в автоматическом режиме. Популярные хостинг-компании предоставляют резервное копирование сайта бесплатно.
10. Проверьте структуру сайта
Внутренние ссылки:
Используйте в ссылках не очень длинную латиницу. Конечное название страниц, как и вся ссылка в целом, должно содержать релевантную ключу страницы фразу. Вряд ли вы запоминаете такую ссылку, но она точно выглядит более адекватной и поисковики её больше понимают.
.png "Чеклист 22 пункта перед запуском сайта Веб-студия Шанти 3")
Битые ссылки:
Во время разработки сайта ссылки могут постоянно изменяться. В связи с этим необходимо проверить и заменить битые ссылки рабочими.
Исходящие ссылки:
Для перехода поискового робота по страницам необходимо наличие ссылок в текстах на другие страницы вашего сайта. Будьте уверены, что ссылка рабочая и переход через неё осуществится на релевантную страницу.
11. Убедитесь, что сайт доступен
Все страницы сайта должны отдавать ответ сервера с кодом 200. Если есть страницы, которые вы не хотите, чтобы были доступны поисковым роботам и не отобразились в поиской выдаче, вам нужно прописать эти страницы в файле robots.txt, который находится в корневой директории
12. Включите индексирование
Во время разработки хорошая практика выключать случайное индексирование сайта. Убедитесь, что индексирование разрещено и робот, пришедший на сайт, найдёт все страницы.
Чтобы роботу было проще найти все страницы сайта, разместите в корневой директории файл sitemap.xml, содержащий ссылки на все разрешённые к индексированию страницы сайта. Обязательно пропишите ссылку на этот файл в robots.txt
Обязательно добавьте ссылку на карту сайте в Яндекс Вебмастере.
13. Проверьте кросс-браузерность
Очень важно проверить совместимость вашего сайта с другими браузерами. Не все браузеры сделаны на базе Chromium. Разрабатывая сайт используя только один браузер обязательно включите сайт на других браузерах и посмотрите, как он отображается. Также можно воспользоваться сервисами проверки совместимости.
14. Проверьте совместимость с другими устройствами
С каждым годом трафик с мобильных устройств растёт, но до сих пор не многие задумываются, как выглядит их сайт на другим операционках — Windows, Android, iOs, планшеты. У каждого мобильного устройства собственные размеры экрана. Из-за чего сайт может криво отображаться.
Совместимость легко проверить в любом браузере, в котором есть Developer Tools. Например, чтобы посмотреть, как выглядит ваш сайт на мобилке, запустите в Chrome встроенную панель инструментов веб-разработчиков.
Где найти и как использовать Developer Tools:
(инструкция подходит для любого браузера. Исключением может быть сочетание горячих клавиш, с помощью которых dev tools запускается)
-
Для запуска нажмите правой кнопкой на сайте (горячие клавиши Ctrl+Shift+I)
-
Выберите “Inspect”
-
Перед вкладкой «Elements» нажмите на маленькую иконку, напоминающую маленький телефон и большой планшет рядом с ним (горячие клавиши Ctrl+Shift+M)
-
Наверху экрана вы увидите панель, где можно выбрать мобильное устройство или ввести вручную желаемые размеры.
Основным размером является ширине, именно шириной отличаются все мобильные устройства. Если выбрать «Responsive», вы можете вручную увеличивать и уменьшать размер и смотреть, на что обратить внимание и какую задачу ставить верстальщику.
15. Турбо-страницы
Обязательно используйте турбо-страницы, если ваш сайт не обладает достаточной скоростью для загрузки на мобильных устройствах.
Подробно про технологию яндекс турбо: https://yandex.ru/dev/turbo/
16. Скорость загрузки сайта
Изображения могут достаточто сильно ухудшить скорость загрузки сайта. Убедитесь, что изображения не странице загружаются такого размера, который отображается у пользователя в браузере.
Убедитесь, что ваши изображения оптимизированы. Можно использовать эффективный формат сжатия изображений webp.
17. Удалите неиспользуемые файлы, плагины, изображения, страницы, записи
После разработки сайта остаётся большое количество технических элементов, которые в дальнейшем не используются. В нужно выкатить чистый сайт, в котором задействована только необходимая для работы функциональность.
18. Протестируйте важные функции
Например, если пользователю нужно заполнить форму обратной связи, убедитесь, что кнопки работают, есть обязательные поля и форма доходит до ответственного лица, который обрабатывает входящие заявки через электронную почту.
Рекомендуем устанавливать Google reCaptcha v3, которая работает в режиме невидимости и не требует от пользователя дополнительных действий.
Есть и другие функции сайта, которые требуют проверки:
-
301-редиректы
-
правильная обработка 404-ошибки
-
авторизация и регистрация
-
всплывающие формы
-
проверка корректности введённых данных
-
интеграция с CRM-системами
-
шаги, которые пользователь проходит с того момента, как товар окажется в корзине и до момента получения на почту подтвеждения о совершении покупки
19. Удовлетворяющая потребности 404-страница
Уверен, никому не нравится, когда на вашем новом сайте отображается 404-страница. Так или нет, но в большинстве случаев сложно предусмотреть всё и запустить сайт без единой ошибки. Именно поэтому необходимо предусмотреть, чтобы на странице, которая отображается после перехода на несуществующую страницу сайта, находилась некая важная информация, способствующая дальнейшему просмотру вашего сайта.
Обязательно рекомендуем разместить на 404-страница блок с поиском и популярные записи.
20. Проверьте адаптивность вёрстки
Убедитесь, что сайт отлично отображается на всех устройствах. На мобильном, к примеру, размер кнопок может быть настолько маленьким, что сложно будет попасть по ней пальцем. Возможно, придётся исключить загрузку некоторых изображений, потому что они могут не полностью отображаться на маленьких экранах.
21. Создайте coming soon page
Заранее подготовьте пользователя к запуску вашего сайта. На данную страницу вы можете добавить обратный отсчёт, который будет показывать время, которое осталось до дня запуска сайта. Форма подписки поможет заранее и своевременно отправить уведомление о скором запуске полной версии сайта.
22. Проверка производительности
Будьте уверены, что сайт очень хорошо загружается не только на компьютерах через кабельный интернет, но и на телефонах с мобильным интернетом. Для этого необходимо проверить сайт в online-сервисах, которые не только покажут оценку производительности на разных устройствах, но и дадут рекомендации по улучшению.
Рекомендуем: Website Speed Tests, Pingdom Tools, GTMetrix, PageSpeed Insight. Обязательно посмотрите рекомендации и исправьте их перед тем, как включить сайт для каждого пользователя.
В заключение
Данный чеклист поможет вам вспомнить и увидеть большое количество нюансов, которые могли упустить в погоне за дедлайном. Лучше потратить лишнее время на улучшение конечного результата, чем выпустить сайт в очень плохом состоянии и на рабочей версии исправлять ошибки и недочёты.