Чек-лист запуска интернет-магазина: от технической проверки до SEO и безопасности

Наконец-то вы собрали сайт, подготовили карточки продуктов и сервисов, сделали фото товаров, подготовили тексты для блога и поискового продвижения, разместили всю информацию, чтобы подключить платежи и продавать. Ура!

Но перед выпуском сайта надо проверить техническую готовность, чтобы не упустить ничего важного. Мы собрали подробный чек-лист для владельцев небольших интернет-магазинов, который поможет техническому отделу (или вебмастеру) подготовиться к успешному запуску.

1. Техническая проверка сайта

Проверка кодов ответа сервера

Когда пользователь или поисковый робот посещает на страницу сайта, сервер «отвечает» ему. Ответы он дает не словами, а специальными кодами — от 100 до 599. Каждый такой код — это сигнал.

Для правильной индексации важно следующее:

• чтобы отсутствующие страницы обрабатывались как 404 ответ;
• страницы с запретом доступа возвращают код 403;
• редиректы возвращали код 301 или 302;
• при этом все открытые для посетителей страницы отдавали 200 ответ.

Используйте инструменты вроде Яндекс.Вебмастер, BeamUsUp, SiteAnalyzer или для сканирования всего сайта.

Проверка скорости работы сайта

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

Скорость загрузки сайта влияет как на пользовательский опыт, так и на ранжирование в поисковиках. Используйте для проверки такие сервисы, как PageSpeed Insights, Pingdom Tools.

Что проверяем:

• Время загрузки страниц.
• Оптимизацию изображений.
• Минификацию CSS, JS и HTML.
• Кэширование данных.
• Поддержку современных протоколов (HTTP/2).

Цель — достичь показателя выше 85 баллов в PageSpeed Insights и времени загрузки ниже 3 секунд.

Проверка XML-карты сайта

Карта сайта (XML-sitemap) показывает поисковым системам, что представляет собой сайт. Она нужна для быстрой индексации страниц. Для правильной работы удостоверьтесь, что:

• Карта существует и доступна по адресу site.com/sitemap.xml, а путь к карте прописан в robots.txt.
• Она содержит все важные страницы сайта, а sitemap.xml не содержит ошибок.
• После создания отправьте карту в Яндекс Вебмастере.

# Указываем карту сайта в robots.txt

Sitemap: https://example.com/sitemap.xml

Проверка инструкций по индексации сайта

Далеко не все страницы сайт следует отдавать на индексацию поисковым системам. Проверьте использование директив индексации в файле robots.txt (он находится в корневом каталоге сайта).

Пример использования директив для robots.txt:

# Определяем поискового робота, к которому применяется правило (* — все роботы)

User-agent: *

# Запрещаем индексацию всех страниц с параметрами сессии

Disallow: /*?

# Запрещаем доступ к закрытым директориям

Disallow: /admin/

Disallow: /private/

Disallow: /temp/

# Запрещаем индексацию конкретных страниц

Disallow: /noindex-page.html

# Разрешаем индексацию изображений (некоторые роботы могут игнорировать это)

Allow: /images/

Если необходимо закрыть от индексации определенную страницу, сделать это можно, добавив специальную инструкцию в head:

…

Настройка страницы для ошибки 404

Правильно оформленная страница 404 — это вероятность вернуть пользователя обратно на сайт, даже если он попал на неактуальную ссылку или товар.

Убедитесь, чтобы:

• страница 404 была оформлена в стиле сайта;
• на ней присутствовала навигация (меню, шапка и подвал, поисковая строка, кнопка «Вернуться назад»);
• сервер возвращал статус 404, а не 200.

Как проверить код статуса страницы:

1. Откройте инструменты разработчика в браузере (F12 или Ctrl+Shift+I).
2. Перейдите на вкладку Сеть (Network).
3. Обновите страницу.
4. Найдите в списке запрос нужную страницу.
5. Посмотрите Status Code.

Проверка на наличие смешанного контента (HTTP/HTTPS)

Избегайте совмещения использования протоколов https и http.

Если сайт использует HTTPS, но некоторые элементы (картинки, скрипты) подгружаются по HTTP, браузеры могут блокировать их. Это называется «смешанный контент». Чтобы его избежать:

• Используйте относительные пути или полные HTTPS-ссылки.
• Администратор сайта должен протестировать сайт через инструменты, например, JitBit SSL Checker, консоль разработчика в браузере (интересуют ошибки «Mixed Content»). SSL Check Scan a website for non-secure content
• Проверьте их можно в настройках CMS или конфигурационных файлах, что сайт использует https, а не на http.

Проверка на наличие дублей (дублированный контент)

Дублированный контент может серьезно повлиять на SEO. Почему это плохо? Поисковая система не будет понимать, какая страница является приоритетной. Из-за этого в поисковой выдаче может показываться нерелевантная страница сайта. Самый простой способ — исключить появление дублей, а в случае их появления переименуйте страницу или исключите ненужные страницы из индексации.

Обнаружить дублированный контент можно через:

• панель Яндекс Вебмастер. Страницы с дублированным контентом отобразятся в разделе «Проблемы сайта» > «Возможные проблемы».

Явную страницу для индексации можно определить при помощи директивы Clean-param в robots.txt.

Проверка файла robots.txt

Файл robots.txt — это своеобразный свод рекомендаций для поисковых ботов, расположенный в корневом каталоге сайта. Поисковики не всегда прямо следуют таким инструкциям, но очень часто к ним «прислушиваются».

Проверить robots.txt можно в Яндекс Вебмастере.

Проверка наличия favicon

Фавикон — это маленькая иконка, которая отображается рядом с адресом сайта в браузере и поисковой выдаче. Убедитесь, что:

• Файл favicon загружен в корневую директорию.
• Он отображается в адресной строке.
• Используется формат .ico или .svg.

Оптимизация URL по принципу ЧПУ

ЧПУ — это человекопонятный URL. URL должен быть понятным как для пользователя, так и для поисковиков. Проверьте:

• Наличие ключевых слов в URL.
• Отсутствие лишних параметров.
• Наличие дефисов вместо подчеркиваний и пробелов (%20).

Пример:

• example.com/catalog/shoes/winter-boots

Вместо:

• example.com/index.php?id=123.
• example.com/catalog/shoes/winter%20boots

Проверка кроссбраузерности и кроссплатформенности

Протестируйте сайт во всех популярных браузерах (Chrome, Firefox, Safari, Edge) и на разных устройствах (планшеты, телефоны, десктопы). Сайт должен отображаться корректно везде и без странных артефактов и наползания одних элементов сайта на другие.

Проверка наличия SSL-сертификата

При неправильной работе SSL-сертификата случится неприятное — посетитель увидит предупреждение. Большинство потенциальных клиентов даже не будут разбираться в причинах такого уведомления и покинут сайт.

Для избежания потенциальных неприятностей проверьте:

• Что сертификат установлен корректно.
• Нет ошибок сертификата.
• Автопродление сертификата настроено корректно.
• Все страницы открываются по HTTPS.
• Проверить сертификат можно на ssllabs.

Проверка редиректа с HTTP на HTTPS

Если вы перешли на защищенный протокол HTTPS (что является обязательным требованием для современных сайтов), необходимо обеспечить:

• Автоматическое перенаправление всех запросов. Каждый HTTP-запрос должен перенаправляться на HTTPS-версию сайта.

 Способы настройки редиректов:

• для сервера Apache: настройка через файл .htaccess;
• для сервера Nginx: настройка в конфигурационном файле .conf.

Проверка работы редиректа. Для тестирования:

• Введите в адресной строке браузера: http://ваш-сайт.ru/
• Сайт должен автоматически открыться по адресу https://ваш-сайт.ru/
• В адресной строке должен появиться значок замка, подтверждающий безопасное соединение

Проверка прав доступа и безопасности

Дежурный пункт, которому не все уделяют должного внимания. Защитите сайт от взломов и несанкционированного доступа:

• Обновите все CMS, плагины и темы.
• Удалите тестовые аккаунты и файлы (phpinfo и прочие).
• Проверьте права доступа: для файлов — 644 (чтение и запись для владельца, чтение для остальных), для папок — 755 (полный доступ для владельца, чтение и исполнение для остальных).
• По возможности сделайте ограничение по ip для административной панели сайта.
• Используйте надежные пароли и двухфакторную аутентификацию.

2. SEO и оптимизация под поисковые системы

Оптимизация Meta-тегов

Многие CMS ограничивают использование устаревших meta-тегов (например, keywords, который больше не учитывается поисковыми системами), но некоторые, как title и description, остаются важными для SEO.

• Каждая страница должна иметь уникальные и релевантные мета-теги.
• Title не длиннее 60 символов.
• Description не длиннее 160 символов.

Поисковые системы используют Title и Description при отображении страниц в поисковых результатах.

Проверка внедрения микроразметки (Schema.org)

Микроразметка (Schema.org) помогает поисковикам лучше понимать содержание страниц. Часто поисковые системы при помощи микроразметки формируют специальные сниппеты и подсказки.

Для вас мы собрали примеры использования микроразметки для:

• магазина автозапчастей;
• книжного магазина;
• магазина одежды;
• цветочного магазина;
• мебельного магазина;
• зоомагазина.

Проверка внедрения формата JSON-LD

JSON-LD — является методом передачи линк-данных. Данный формат поддерживается поисковыми системами, а его внедрение сулит немалые бонусы, среди которых: улучшение индексирования сайта, вывод данных в поисковых системах при помощи специальных сниппетов. Кстати, Google советует организовать внедрение микроразметки Schema.org через JSON-LD.

Проверка связки с социальными сетями (Open Graph)

Open Graph — это такая штука, которая помогает корректно подтягивать описание и изображения при упоминании в соцсетях и некоторых мессенджерах (том же Telegram). В случае отсутствия рабочего Open Graph на сайте, ссылка останется обычной ссылкой, а может и взять не то изображение, которое стоило бы.

Если сайт интегрирован с соцсетями (например, через Open Graph), убедитесь:

• Что настроено корректное отображение превью при публикации ссылок.
• На сайте присутствуют атрибуты мета-тега property (og:image, og:title, og:description).

Подробно о настройке property сказано в справке Яндекса, а проверить микроразметку можно в валидаторе.

Проверка SEO-оптимизации текстового контента

Проверка SEO-оптимизации сайта помогает убедиться, что он соответствует требованиям поисковых систем и удобен для пользователей.

Чтобы избежать ошибок, убедитесь, что:

• Контент уникален, структурирован и реально полезен для пользователя.
• Ключевые слова органично вписаны в текст, заголовки и метатеги (title, description).
• На странице есть заголовок H1 (только один), а также подзаголовки H2, H3 для логичной структуры.
• Не злоупотребляйте ключевыми словами — лучше использовать синонимы и тематические фразы.

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

Проверка правописания и грамматики

Грамматические ошибки портят впечатление о сайте. Проверьте:

• Все тексты на сайте.
• Названия кнопок и мета-теги.

3. Проверка основных функций и разделов сайта

Этот шаг может показаться скучным, но он необходим. Распечатайте чек-лист и отмечайте выполненные пункты.

Наличие кодов отслеживания аналитических инструментов

Перед запуском сайта проверьте, что коды аналитики установлены корректно на всех публичных страницах сайта.

Проверка базовой функциональности

Перед запуском проверьте, что все ключевые функции сайта работают без сбоев.

Регистрация и авторизация проходят успешно.

Восстановление пароля работает.

Есть возможность покупки товара в «один клик».

Проведение тестовых платежей

Если сайт продает товары или услуги, проведите несколько тестовых покупок:

• Проверьте добавление товаров в корзину.
• Выбор различных способов оплаты через платежную систему.
• Получение подтверждения заказа на почту.
• Осуществление тестовой покупки.

Проверка интеграции с CRM

Если магазин интегрирован в CRM-систему, проверьте, что системы успешно обмениваются данными.

Форма обратной связи в шапке или подвале

Форма обратной связи должна быть доступна на каждой странице. Проверьте:

• Работу формы.
• Приходят ли уведомления на e-mail.
• Валидация полей (имя, телефон, сообщение).
• Защита от спама (CAPTCHA, reCAPTCHA).

Наличие раздела «Отзывы»

Отзывы играют важную роль в формировании доверия. Убедитесь:

• Что отзывы можно оставить и они публикуются.
• Настроена модерация комментариев.
• Можно фильтровать отзывы по категориям или рейтингу.

Наличие страницы «О компании»

Эта страница рассказывает о вашем бизнесе. Убедитесь:

• Что она содержит историю компании, миссию, достижения.
• Есть фотографии команды или офиса.
• Указана контактная информация и реквизиты.
• Продублируйте контактную информацию.
• Если у магазина есть оффлайн-представительство, опубликуйте интерактивную схему проезда.

Проверка карточки товара

Если сайт является интернет-магазином, каждая карточка товара должна быть максимально информативной. Проверьте:

• Наличие артикула товара.
• Полный перечень характеристик (вес, цвет, материал и т.д.).
• Наличие качественных фото и видео.
• Блок рейтинга и отзывов.
• Информация по уходу за товаром.
• Иная информация (в зависимости от специализации интернет-магазина).

Проверка информации для покупателей (доставка, оплата, возврат)

Для повышения доверия, удобства покупателей и соответствию законодательству должны существовать следующие страницы:

• Условия доставки.
• Методы оплаты.
• Политика возврата.
• Пользовательское соглашение.
• Политика конфиденциальности.
• Согласие на обработку персональных данных.
• Уведомление с чекбоксом о согласии на использование Cookie-файлов.

Проверка возможности создания резервной копии сайта

Никто не задумывается о резервной копии сайта до тех пор, пока не становится слишком поздно.

Убедитесь:

• Что система позволяет создать бэкап базы данных и файлов.
• Что есть возможность восстановления сайта.

Если система предусматривает возможность создания резервной копии не при помощи CMS, следует сделать самостоятельный бэкап базы данных (через phpMyAdmin, MySQL Workbench или иные системы), а также бэкап файлов сайта (через SFTP или Rsync).

4. Мобильная адаптация

Эра десктоп-трафика ушла. И даже если вы пользуетесь ноутбуком или компьютером, каждый второй посетитель зайдет на ваш сайт через планшет или смартфон.

Убедитесь, что сайт адаптирован под разные экраны:

• Все элементы сайта должны отображаться нормально, а одни блоки не должны перекрывать или наползать на другие.
• Тестирование можно провести с помощью сервиса Яндекс Вебмастер или Chrome DevTools (Toggle device toolbar).

5. Контент и изображения

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

Проверка оптимизации изображений

Оптимизация картинок влияет на скорость загрузки, поэтому проверьте, что:

• изображения имеют оптимальный размер (не более 100–200 Кб);
• используются форматы WebP или JPEG/XPNG;
• у изображений есть заполненные атрибуты alt и title.

Проверка юридической составляющей

Удостоверьтесь, что сайт соответствует законодательству вашей страны:

• Наличие реквизитов организации.
• Лицензии, если требуются.
• Договор публичной оферты.

Проверка прав на контент (тексты, изображения, видео)

Убедитесь, что весь контент (тексты, изображения, видео) используется с разрешения:

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

Актуальность контактных данных

На сайте всегда должны быть актуальные контактные данные:

• Телефон, e-mail, адрес.
• Возможность клика по телефону на мобильных устройствах.
• Верное время работы магазина.
• Ссылки на социальные сети.

6. Локализация и мультиязычность

Финальный шаг. Если сайт поддерживает несколько языков, проверьте:

• что переводы корректны;
• есть hreflang-теги для поисковиков;
• разные версии сайта доступны по разным URL или доменам.

Вместо эпилога

«Сначала они тебя не замечают, потом смеются над тобой, потом борются с тобой, а потом ты влетаешь в топ выдачи», — мог бы сказать Махатма Ганди, если бы он занимался сайтами.