Скоро запуск вашего новенького сайта? Проверьте по чек-листу, ничего не упустили?

Разработка
Вадим Кендюхов
Вадим Кендюхов
,
02 апреля 2019

Если вы не хотите читать всю статью, для вас мы выделили тезисы

Если вы на пороге запуска своего сайта и уже потираете руки, предвосхищая поток пользователей, данная статья для вас. Мы собрали советы на основе части своего «Чек-листа запуска сайта», которые помогут проверить сайт на отсутствие ошибок и корректность настроек, даже если вы не технический специалист.

Готовы к запуску сайта? Yeah boy!
Когда уже чешутся руки запустить сайт

Часть 1. Контент

Контент

Проверяем контент на уникальность, полноту и отсутствие ошибок

Убедитесь, что весь контент на сайте оригинален, актуален и не нарушает авторских прав:

  • Все тексты на сайте должны быть уникальными, не иметь грамматических или пунктуационных ошибок. Для проверки текстов вы можете воспользоваться сервисом text.ru.
  • На сайте должны отсутствовать временные материалы, так называемая «рыба», а все незаполненные разделы и страницы отключены.
  • Каждая страница сайта должна иметь основной заголовок первого уровня. Он должен быть обернут в тег <h1>, быть единственным на странице и содержать четкое и понятное название, уникальное для сайта.
  • Все изображения на сайте должны принадлежать владельцу сайта (фотографии или иллюстрации должны быть созданы им) или распространяться по свободным лицензиям, как например Creative Commons или Public domain.
  • Все изображения должны быть высокого качества и иметь размер не более 300 КБ для полноэкранных форматов и не более 150 КБ для остальных.
  • На сайте должна быть специальная страница «Политика конфиденциальности», регламентирующая политику сайта в отношении персональной информации.

Часть 2. Контактная информация

Контакты

Проверяем актуальность и полноту контактной информации

Проверьте, размещена ли на сайте контактная информация. Наличие или отсутствие контактов всегда учитываются поисковыми системами – проверяется уникальность и актуальность:

  • Номера телефонов
  • Фактический, юридический и почтовый адрес
  • E-mail
  • Мессенджеры
  • Социальные сети

Часть 3. Формы обратной связи

Веб-формы

Проверяем корректность работы форм обратной связи

Проверьте все формы обратной связи на сайте:

  • формы должны иметь понятные соответствующие заголовки;
  • на формах должны быть только необходимые поля;
  • администратор должен получать письмо с заполненной пользователем информацией, датой заполнения и ссылкой на страницу, с которой пользователь заполнял форму;
  • на всех формах обратной связи есть галочка согласия на обработку персональных данных;
  • после заполнения формы пользователь должен попадать на страницу подтверждения.

Часть 4. Навигация

Навигация

Проверяем удобство и понятность навигации на сайте

  1. Сайт должен иметь простую и понятную навигацию – главное меню сайта должно находиться в предсказуемом месте, его пункты должны иметь актуальные названия и работающие ссылки, кнопки и ссылки сайта должны быть узнаваемы и оформлены в едином стиле.
  2. Логотип сайта должен быть размещен в шапке сайта и содержать ссылку на главную страницу.
  3. На мобильных устройствах главное меню должно отображаться в виде иконки меню в предсказуемом месте, а при взаимодействии пользователя с ним – и корректно появляться и сворачиваться.
 

Часть 5. Адаптивная версия

    Адаптивность

    Проверяем сайт на мобильных устройствах

    Убедитесь, что на мобильных устройствах сайт отображается корректно:

    • Контент адаптируется под ширину экрана и не выходит за его рамки.
    • Важная часть контента не скрывается на мобильных устройствах.
    • Текст достаточно большого размера, чтобы его комфортно было читать. Рекомендовано не менее 12px.
    • Все ссылки и кнопки достаточно крупные, чтобы пользователь мог легко на них нажать.
    • Скорость загрузки сайта на мобильных устройств высокая.

    Часть 6. Метатеги

    Метатеги

    Указываем базовые метатеги на сайте

    Один из самых сложных пунктов для проверки – метатеги. Правильная их настройка позволяет вывести сайт в ТОП-10 выдачи поисковых систем Яндекса и Google по определенным запросам. Но работа эта достаточно сложная и многогранная, в ней много тонкостей и подводных камней. Как правило, задачи с метатегами выполняются SEO-специалистами и могут занимать довольно продолжительное время. Однако это не значит, что нельзя произвести правильные базовые настройки метатегов. Каждая страница сайта должна, как минимум, содержать следующие теги:

    • Title – должен содержать заголовок страницы, который будет отображаться в сниппетах поисковых систем и в закладках браузеров. В коде страницы конструкция должна выглядеть так: «<meta name="title" content="Заголовок страницы" />». 
    • Description – описание страницы, который также будет отображаться в сниппетах поисковых систем и в закладках браузеров. В коде страницы конструкция должна выглядеть так: «<meta name="description" content="Описание страницы" />».
    • Keywords – список поисковых запросов, который может учитываться поисковыми запросами при сопоставлении страниц. Конструкция должна выглядеть так: «<meta name="keywords" content="фраза1, фраза2, фраза3" />».

    Часть 7. Специальные настройки

    Технические настройки

    robots.txt, sitemap.xml, SSL-сертификат

    • На сайте в корневой директории должен быть размещен файл Robots.txt и доступен по адресу site.ru/robots.txt. Файл должен содержать настройки, позволяющие поисковым системам индексировать сайт, а также указывать путь к файлу Sitemap.xml. Проверить правильность настроенного Robots.txt вы можете в этом сервисе.
    • В корневой директории сайта должен быть размещен корректно сформированный файл Sitemap.xml, который должен содержать актуальный список всех страниц сайта. Файл должен быть доступен по ссылке site.ru/sitemap.xml. Проверить файл Sitemap.xml вы можете в этом сервисе.
    • Необходимо настроить переадресацию пользователя на специальные страницы ошибок. Если пользователь пытается перейти на страницу, к которой у него нет доступа, его должно перенаправлять на страницу с информацией об ошибке 403. Если он пытается перейти на несуществующую страницу, его должно перенаправлять на страницу с информацией об ошибке 404.
    • Сайт должен быть доступен по протоколу https, для этого должен быть подключен SSL-сертификат. Также должен быть настроен редирект http -> https. Если все настроено правильно, в адресе сайта должна присутствовать конструкция «https://« и браузер не должен выдавать предупреждение о незащищенных данных. Проверить корректность настроек можно в этом сервисе.
    • Необходимо добавить на сайт фавиконку favicon.ico, для того, чтобы она отображалась в закладках браузеров и в сниппетах поисковой выдачи.
    • Должны быть добавлены теги Open Graph, отображающие превью сайта с изображением, названием страницы и ссылкой в социальных сетях и мессенджерах.
    • Должно быть включено сжатие и кэширование CSS и JS файлов.

    Часть 8. Аналитика

    Аналитика

    Подключаем вспомогательные сервисы Яндекса

    Обязательно должен быть заведен аккаунт в Яндексе и подключены его сервисы (или их альтернативы в Google):

    • Яндекс Метрика – дает наиболее полную статистическую информацию о пользователях на сайте. Код метрики должен быть размещен на сайте.
    • Яндекс Вебвизор – позволяет визуально отслеживать поведение пользователей на сайте.
    • Яндекс Вебмастер – отслеживание ошибок на сайте, информация об индексировании страниц сайта и поисковых запросах.
    • Яндекс Справочник – добавление сайта в сервис позволяет рассчитывать на показ организации в поиске Яндекса, Яндекс Картах и Яндекс Навигаторе.

    Часть 9. Дополнительные рекомендации

    Не будет лишним

    PageSpeed Insight, корпоративная почта, антиспам, онлайн-консультант, бэкап.

    1. Проверьте свой сайт в сервисе PageSpeed. Рекомендуемые значения для мобильных устройств – от 60, для компьютеров – от 90.
    2. Настройте корпоративную почту и разместите ее в качестве основной на сайте, визитках, раздаточных материалах. Пример корпоративной почты – info@site.ru. Один из наиболее безопасных способов создать корпоративную почту – сервис Яндекс Коннект, который позволит привязать настройки почты к вашему основному Яндекс-аккаунту.
    3. Подключите модуль антиспама (например, Google ReCaptcha) к своим формам, чтобы на почту администратора не приходил спам.
    4. Подключите дополнительные сервисы коммуникации - онлайн-консультанты и сервисы обратного звонка. Часто пользователям удобно получить какую-то информацию здесь и сейчас от менеджера, а не искать ее на сайте.
    5. Сделайте бэкап сайта и постоянно его обновляйте. Рекомендуется хранить бэкапы за последний день, неделю, месяц.

    Часть 10. Доступы

    Доступы!

    Убеждаемся, что владеем всеми доступами, имеющими отношение к сайту

    Что бы ни случилось, у вас всегда должен быть актуальный список доступов:

    • Домен. Ссылка на панель регистратора, логин и пароль для входа. Дата следующего продления домена.
    • Хостинг. Ссылка на личный кабинет хостинга, логин и пароль для входа. Дата следующего продления хостинга.
    • Яндекс-аккаунт. Логин и пароль к вашему основному аккаунту. Помните, к нему привязаны все вспомогательные сервисы сайта – Яндекс Метрика, Яндекс Вебмастер, Яндекс Справочник.
    • Сторонние сервисы. Ссылки на вход в личный кабинет, логины и пароли. Даты продления услуг сервисов.
    • Актуальный бэкап. Старайтесь хранить бэкапы хотя бы в двух местах – на хостинге и в облачном хранилище.

    Заключение

    Возможно, список получился большим, но не сомневайтесь – усилия и время, уделенные этому чек-листу, позволят вам избежать множества ошибок и упущений, а также рассчитывать на хорошие перспективы развития проекта. Большую часть настроек можно проверить в сервисах Яндекс Вебмастер и Google PageSpeed Insight самостоятельно.

    Теперь вы можете проверить все сами!

    Большинство команд тестируют и запускают сайты, имея собственные подобные чек-листы, и, скорее всего, к вашему сайту это тоже относится. Но никогда не будет лишним проверить еще раз.
     

    Вадим Кендюхов
    Вадим Кендюхов
    Арт-директор, руководитель проектов

    Последние статьи

    04 апреля 2019
    Статья о том, почему дизайнеру стоит обходить стороной перфекционизм и сконцентрироваться на системном совершенствовании своих навыков.
    Дизайн
     
    02 апреля 2019
    Мы собрали советы на основе части своего «Чек-листа запуска сайта», которые помогут проверить сайт на отсутствие ошибок и корректность настроек, даже если вы не технический специалист.
    Разработка
    01 апреля 2019
    Мы провели ребрендинг, и теперь Клипсайт стал интернет-агентством AGA! Digital!
     
    10 марта 2019
    В среду, 20 марта в 11.00, в конференц-зале БЦ «Капитал» (ул. Советской Армии, д. 97, 2 этаж) мы проведём семинар «Что будет происходить в интернете в 2019 году?»
     

    Обсудить проект

    Оставьте заявку любым удобным для вас способом — по телефону, в социальных сетях, в мессенджерах или заполните форму. Мы свяжемся с вами в считанные минуты!

    Оставить заявку
    • г. Краснодар, ул. Чкалова 125
    • г. Армавир, ул. Свердлова 86
    • пн-пт: 9:00-18:00, сб-вс: выходной
    ×
    Оставить заявку
    ×
    Оставить заявку