Как создать и запустить сайт: Как создать свой сайт бесплатно. Пошаговая инструкция от А до Я

Содержание

Как создать сайт с нуля | REG.RU

В этой статье мы расскажем, как быстро и легко начать создание сайта, если у вас ещё не заказаны домен и хостинг.

В REG.RU в рамках одного заказа вы можете приобрести всё, что нужно, чтобы создать новый сайт: домен, хостинг и WordPress. При этом вам не придётся настраивать услуги, привязывать домен к хостингу и устанавливать WordPress. Всё настроится автоматически. После заказа вам нужно будет войти в админку WordPress и создать сайт самостоятельно с помощью шаблонов и плагинов.

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

С чего начать создание сайта


  1. 1.

    Авторизуйтесь на сайте REG.RU. Если у вас нет личного кабинета, зарегистрируйтесь.



  2. 3.

    Выберите срок заказа услуги:

    На этой же странице кликните + Домен. Введите в поисковую строку желаемое доменное имя. Система покажет, занят этот домен или нет. Если домен занят, укажите другой вариант. Чтобы добавить домен в корзину, нажмите кнопку Выбрать.

    Выберите автоматическую привязку домена к хостингу (переключатель в положении ОN) и кликните Готово. Чтобы продолжить, внизу страницы нажмите Оплатить.




  3. 4.

    На открывшейся странице заполните контактные данные администратора домена или выберите уже заполненный профиль. Нажмите Готово.



  4. org/HowToStep»>
    5.

    Оплатите счёт любым удобным способом. После оплаты кликните К услугам.



  5. 6.

    В личном кабинете в блоке «Завершите настройку оплаченной услуги» нажмите Настроить все. На открывшейся странице поставьте галочку напротив пункта WordPress. Из выпадающего списка выберите нужный домен и нажмите Продолжить. Поля «Логин», «Пароль» и «E-mail администратора» заполнятся автоматически. Они понадобятся для входа в панель управления WordPress.



Готово, в течение 15 минут домен и хостинг будут активны в Личном кабинете. WordPress установится автоматически. Чтобы перейти к созданию сайта, войдите в админку WordPress.

Как войти в админку WordPress без регистрации и создать сайт


  1. 1.

    Перейдите по ссылке из письма, которое пришло на контактный e-mail после заказа услуги.



  2. 2.

    На открывшейся странице введите логин и пароль и нажмите кнопку Войти. Данные для входа в админку WordPress указаны в письме, а также в личном кабинете в карточке услуги хостинга на вкладке «Доступы»:



Готово, вы вошли в административную панель WordPress и можете приступать к созданию сайта.

Чтобы создать личный сайт в интернете бесплатно на WordPress, потребуются навыки работы с плагинами. Если у вас появятся вопросы по работе в CMS, вы можете обратиться на официальный сайт WordPress Россия или к веб-разработчику. Также можно написать на тематические форумы, где вам подскажут, как бесплатно создать сайт.

Помогла ли вам статья?

Да

16
раз уже помогла

Пошаговая инструкция для запуска нового сайта 📝

Пошаговая инструкция для запуска нового сайта 📝

25 июня 2019

Создание сайтов

3 612

Время чтения ≈ 8 минут

Даже для самого опытного специалиста запуск нового сайта — работа, сопровождаемая стрессом. Существует огромное количество мелочей, которые важно не упустить из вида.

Что если вы неправильно настроите перенаправление сайта, и ваши посетители увидят, что страница не найдена? Или забудете о тестировании формы данных и потеряете потенциальных клиентов? Каждая из этих деталей может похоронить интернет-проект ещё на начальной стадии.

В этой статье мы расскажем о вещах, которые необходимо проверить, чтобы запуск сайта на 100% был успешным.

Функциональность

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

  • Веб-форма исправно функционирует, ведь через нее вы будете получать персональные данные клиента.
  • После отправки формы посетитель увидит страницу с благодарностью.
  • Формы обязательно отправляются получателю на e-mail или сохраняются в базе данных сайта.
  • Правильная работа внутренних ссылок. Они влияют на ранжирование, делают проще навигацию по сайту и заставляют посетителей задержаться на вашем ресурсе.
  • Внешние ссылки функционируют корректно и открываются в отдельной вкладке. Это важно, потому что в ином случае посетитель перейдет на сторонний ресурс и, соответственно, покинет ваш.
  • Логотип сайта размещается в верхнем левом углу и позволяет пользователю переходить с любой страницы на главную.
  • Оптимизация времени загрузки портала. Еще один важный пункт, от которого зависит, останется ли пользователь на вашей площадке или нет.
  • Правильный ответ сервера после переадресации со страницы 404 — html-код должен быть именно 404, а не 200.
  • Корректная интеграция с CRM и другими сторонними инструментами электронной коммерции.

Гарантировать сайту безупречную функциональность с самого старта поможет размещение на VPS от Eternalhost. Виртуальный сервер — мощный и надёжный фундамент для развития вашего интернет-ресурса.

Вёрстка и дизайн

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

 

  • Веб-сайт совместим с самыми известными браузерами — Windows Internet Explorer, Google Chrome, Firefox, Safari и др.
  • Совместимость со всеми типами устройств — планшеты, смартфоны, ПК.
  • Проверка валидации CSS/HTML. Корректный код влияет на релевантность сайта.
  • Оптимизация скриптов на всех страницах, что обеспечивает ускоренную загрузку содержимого.
  • Изображения оптимизированы, то есть грамотно вписаны в текст, имеют атрибуты, корректный размер, вес и высокое качество.
  • Оптимизация CSS  — языка, описывающего оформление внешнего вида веб-страниц. Этот пункт влияет на скорость загрузки страниц на сайте.
  • Правильное расположение и отображение Favicon, то есть иконки сайта.

Безопасность

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

  • Проверяем работу скрипта или другого специализированного сервиса, с помощью которого можно проверить доступность сайта 24/7.
  • Создание бекапа финальной версии сайта. Он станет «исходной точкой», к которой можно будет всегда вернуться, после неудачных правок и дополнений.
  • Регулярность создания резервного архива (бекапа) с копиями страниц и их хранение по мере наполнения сайта.
  • Создавать пароли, отличающиеся сложностью в целях защиты от хакеров.
  • Хранение всех паролей и учетных записей в защищенной базе данных.

Контент

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

  • Наличие орфографических, грамматических и прочих ошибок. Тексты должны быть хорошо вычитаны, так как это влияет на эффективность контента.
  • Правильное форматирование — наличие абзацев, заголовков и списков — сделает текст удобочитаемым.
  • Наличие точной контактной информации.
  • Отсутствие контентных «заглушек», которые часто называются «рыба» или «lorem ipsum». Даже, если контент на страницу ещё не готов, не стоит заполнять пустое пространство текстовой бессмыслицей, которая не несет никакой пользы и лишь напрасно отвлекает внимание посетителя.
  • Качественные изображения, которые отображаются на всех устройствах.
  • То же самое касается и видео-контента. Ролики должны быть хорошего качества и открываться как на компьютере, так и на портативном устройстве.
  • Правильный подбор формата и приемлемое качество используемых аудио-файлов.
  • Верное указание копирайта. Изображения, шрифты и другой контент лицензированы или процитированы.

SEO

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

  • Мета-заголовок страницы (Title) уникальный и имеет вхождения ключевых запросов. Заголовок должен быть менее 70 символов и нести информационную, рекламную и поисковую смысловые нагрузки.
  • Уникальное мета-описание (Description) также влияет на ценность сайта в глазах поисковика. Мета-описание содержит не более 156 символов, включая «ключи».
  • Ключевые слова (Key words) соответствуют смыслу текста, что также влияет на ранжирование.
  • Для каждой страницы прописаны метаданные — заголовки, изображения, гиперссылки или описания. Для RSS-каналов и социальных сетей они имеют корректный вид.
  • Все метаданные написаны без грамматических и орфографических ошибок.
  • Изображения имеют атрибуты Alt — краткое описание иллюстрации, созданное в помощь поисковым ботам.
  • Создание XML-файла карты сайта (Sitemap) и его отправка ботам. Перечень ссылок на разделы и страницы помогает ускорить индексацию.
  • URL отражают информационную архитектуру портала в строгой последовательности. Наилучший вариант в плане поисковой оптимизации – применение ЧПУ или человекопонятного URL.
  • Корректное применение элементов HTML-разметки, касающихся индексации — тега <noindex> и атрибута rel=»nofollow».

Аналитика

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

  • Подключены статистические сервисы Google Analytics и Яндекс.Метрика.
  • Правильно настроены цели в Яндекс.Метрике и воронки продаж в Google Analytics .
  • Проведена синхронизация аккаунтов сервисов аналитики. Это нужно для того, чтобы получать полную информацию из двух источников в одном отчете.

Соответствие нормам

В статье о запуске сайта нельзя обойти тему норм законодательства об интернете. Ваша платформа должна соответствовать правовым нормам, принятым в сфере обращения информации на международном и национальном уровне.

  • Соблюдены требования по обработке персональных данных, согласно 152-ФЗ. Это поможет избежать штрафа или блокировки сайта.
  • Посетители получают уведомлений о том, что сайт использует файлы cookie.
  • Соблюдены права на использование контента с внешних площадок: видео, изображений, шрифтов.
  • Политика конфиденциальности сайта доступно доносится его посетителям.

Заключение

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

Полностью готовы к запуску? Самое время обеспечить новый ресурс выгодной стартовой площадкой! Виртуальный сервер Eternalhost обеспечит уверенное конкурентное преимущество и гарантированный ресурс для развития сайта!

Оцените материал:

[Всего голосов: 5    Средний: 4. 8/5]

Читайте также:

Надежный хостинг для сайта. 14 дней — бесплатно!


Попробовать

Услуги

Клиентам

Информация по восстановлению пароля отправлена на email. Дождитесь письма и следуйте описанным в нем инструкциям. Если Вы не получили письмо, попробуйте повторить процедуру восстановления.

Если Вы не можете самостоятельно восстановить доступ к вашей учетной записи, то свяжитесь с нашим отделом технической поддержки по email [email protected] Сообщите свои имя, фамилию и номер телефона, которые Вы указали при регистрации.

Новый пароль сохранен!

Вход

Восстановить пароль

Регистрация

Я даю согласие на обработку персональных данных и соглашаюсь с договором-офертой

Восстановить пароль

Восстановить пароль

  • Вход
  • Регистрация

Логин или email

Пароль

Название организации (если есть)

Телефон

ПарольСгенерировать

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

Как запустить новый веб-сайт: полное руководство

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

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

Будь то новый сайт, редизайн старого сайта или объединение двух сайтов в один, эти шаги помогут вашему новому сайту работать с максимальной эффективностью.

Планирование сайта

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

Исследование конкурентов

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

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

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

Содержит ли сайт внутренние неработающие ссылки? Это может указывать на плохое SEO.

Имеются ли повторяющиеся теги title и meta description? Это может указывать на небрежное SEO.

Насколько хорошо или плохо сайт оценивается по Core Web Vitals? Высокий балл может указывать на то, что вы имеете дело с сильным конкурентом.

Исследование конкурентов, как правило, не связано с анализом ключевых слов.

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

Определите свою аудиторию и ее потребности

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

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

Определение того, что нужно людям, важно для разработки контента, дизайна сайта и дизайна функций.

Определение целей сайта

Цели сайта влияют на разработку контента и дизайн сайта.

Стратегия контента

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

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

Определение того, на что люди ссылаются, добавляет контекст к контентной стратегии.

Рекламный план

Будет ли контент привлекать ссылки?

Как социальные сети будут работать вместе с контентом?

Существуют ли возможности для получения ссылок, особенно возможности, которые могли быть упущены конкурентами?

Успешные сайты продвигаются как онлайн, так и офлайн.

Выберите доменное имя

Важно выбрать правильный домен. Вы определенно хотите избежать негативных ассоциаций в словах, выбранных для доменного имени.

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

Но как только тренд копируется снова и снова, он начинает казаться скорее усталым, чем быстрым.

Например, в середине 2000-х SEO-компании использовали в качестве суффикса слово Media. Таким образом, SEO-компания под названием Beagle SEO стала BeagleMedia.com.

Сегодня название вашей SEO-компании с суффиксом «Медиа» звучит немного глупо, потому что предполагается, что медиа-компания производит видео- и аудиоконтент.

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

Существует (предположительно) два типа доменов:

  • Фирменные домены.
  • Домены ключевых слов.

Фирменный домен

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

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

Домены ключевых слов

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

Иметь только одно ключевое слово и делать его комбинацией фирменного домена и домена ключевого слова — хороший компромисс, как FalafelKing или MattressOasis.

Сделайте доменное имя легко запоминающимся

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

Вы почти никогда не проиграете, сосредоточившись на простоте и обращаясь к самому широкому кругу людей.

Выберите доменное имя на долгую перспективу

Выбирая доменное имя, будьте честны с собой относительно того, отражает ли оно весь спектр того, что предлагает домен. Брендирование домена словом «обувь» сделает его неудобным, когда компания решит также продавать куртки.

Брендирование домена словом «форум» становится ограничивающим, когда издатель решает расширяться как новостной сайт.

Иногда бывает полезно быть менее конкретным или более общим, поскольку это позволяет увеличить гибкость сайта.

Для получения дополнительной информации о доменах (включая «подводные камни», которые могут погубить ваш бизнес), прочитайте «Как выбрать доменное имя».

Разработка структуры сайта

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

Первым этапом планирования сайта является составление схемы его структуры.

Документировать то, о чем сайт собирается публиковать; это контент, услуги и продукты, которые вы представляете посетителям сайта. Иногда это называют таксономией.

Таксономия используется в науке как способ классификации видов животных.

На верхнем уровне у вас есть млекопитающие, а затем идут типы млекопитающих (приматы, сумчатые, грызуны и т. д.). С этого уровня он становится все более и более конкретным.

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

Этот вид разработки таксономии похож на научную таксономию в биологии. Такая структура использовалась в старых желтых страницах и в интернет-каталогах.

В SEO-сообществе это известно как пирамидальная структура сайта. Существуют и другие названия, которые даются такой структуре сайта, но пирамидальная структура сайта была первой.

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

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

Следующие уровни вниз — это категории верхнего уровня, а нижние — подкатегории, затем весь путь вниз до основания широкой пирамиды, которая может состоять из тысяч страниц, посвященных конкретным продуктам или статьям на определенные темы.

Подробнее: Джон Мюллер рекомендует структуру сайта пирамиды.

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

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

Дизайн сайта

Существует три уровня дизайна, которые следует учитывать:

  1. Общий уровень сайта.
  2. Уровень категории.
  3. Уровень веб-страницы.

Общий уровень сайта

Выбор CMS

Какая CMS и тема будут использоваться? Это важный шаг, потому что он заблокирует вас в любой системе, которую вы выберете.

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

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

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

Не думайте только о том, как выглядит сайт, какие функции или специальные эффекты он предоставляет.

Подумайте, насколько легким является код с точки зрения килобайтов или мегабайтов. Посмотрите, как работают сайты, созданные с помощью этого программного обеспечения, протестировав их с помощью Google Lighthouse или Chrome Dev Tools . Эти инструменты рекомендуются для отладки веб-страниц в режиме реального времени.

Функции навигации

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

Определите функции пользовательского интерфейса для области заголовка (вверху страницы), области нижнего колонтитула (внизу страницы) и по всему сайту.

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

Функции и утилиты сайта

Важно выбирать утилиты и функции, которые не пересекаются и не конфликтуют с другим программным обеспечением.

Примеры обязательных дополнений:

  • Схема структурированных данных.
  • Контактные формы.
  • Защита от взлома.
  • Кэширование.
  • Формы подписки на рассылку новостей.
  • Управление подпиской на рассылку новостей.
  • Надстройки для SEO.
  • Утилиты резервного копирования.
  • Аналитика.

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

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

Руководство по стилю

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

Значки никогда не оптимизируются и могут быть уменьшены.

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

Что касается шаблонов, выбор между:

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

Заинтересованные стороны должны согласовать руководство по стилю, в котором описывается, как все будет выглядеть.

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

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

SEO сообщает, что может потребоваться для скорости на странице и метрик Google UX, таких как Core Web Vitals. Они также могут говорить об оптимизации активов и определять, что может быть проблематичным, прежде чем сайт будет в разработке.

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

PPC может описать, как должна выглядеть страница, а также содержание.

Все эти соображения следует планировать заранее, чтобы обеспечить единообразие внешнего вида и облегчить оптимизацию.

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

Это также поможет избежать использования слишком больших и случайных изображений, что упростит оптимизацию изображений.

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

И, конечно же, в случае редизайна или переноса сайта, когда два сайта объединяются, SEO и контент должны работать вместе, чтобы решить, что останется, а что будет перенаправлено.

Уровень страницы категории

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

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

Как правило, рекомендуется упростить навигацию к наиболее популярным статьям или продуктам в категории.

Если 25% посетителей страницы категории интересуются определенной темой статьи или разделом продукта, упрощение навигации по этим разделам или конкретным страницам удовлетворит 25% посетителей страницы этой категории. Это огромная победа.

Цель страниц категорий — предоставить посетителям то, что они хотят, с минимальными трудностями.

Каждое решение, принятое при разработке страницы категории, должно приниматься в контексте того, как она служит посетителю сайта.

Планирование таким образом приведет к тому, что будет лучше для Google и Bing и, следовательно, для рейтинга сайта.

Уровень веб-страницы

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

Будут ли ссылки на дополнительный контент в конце контента, внутри контента или сбоку от контента?

Какой контент будет на странице продукта?

Будут ли обзоры на страницах продукта или контента?

Какие структурированные данные наиболее подходят для контента или страниц продукта?

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

Подготовка сайта

Минимально жизнеспособный продукт

Сейчас самое время представить минимально жизнеспособный продукт (MVP).

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

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

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

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

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

Подготовка сайта

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

Существуют также подключаемые модули, упрощающие подготовку сайта, и службы, предоставляющие размещенное пространство для размещения сайта.

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

Это время, когда A/B-тестирование может быть полезно для выявления непреднамеренных недостатков в дизайне сайта.

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

A/B-тестирование может заключаться в том, чтобы попросить людей найти что-то или прочитать статью и посмотреть, как они отреагируют, а также попросить оставить отзыв.

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

Две задачи перед запуском нового сайта

1. Просканировать сайт

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

Если вы присоединяетесь к двум сайтам, вам нужен список URL-адресов со старого сайта (тот, который исчезает на втором сайте).

После запуска нового сайта вы можете взять список URL-адресов со старого сайта и передать их в программу диагностики сайта, такую ​​как Screaming Frog.

В идеальном случае Screaming Frog сообщит, что все старые URL-адреса перенаправляют на новые страницы; они будут отображаться как 301 редиректы.

Если что-то пошло не так и страницы, которые должны были быть перенаправлены, не были перенаправлены, Screaming Frog сообщит об этих URL-адресах в отчете 404 Страница не найдена.

Вы также можете запустить все обычные проверки сайта, чтобы убедиться, что новый сайт исправен.

Процесс тот же, если вы просто обновляете дизайн сайта или меняете URL-адреса.

Запустите программное обеспечение для аудита сайта (например, Screaming Frog) перед обновлением, чтобы сохранить моментальный снимок старого сайта, который можно сравнить с новым сайтом.

2. Резервное копирование старого сайта

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

Эта резервная копия станет вашей страховкой на случай, если что-то пойдет не так.

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

Сайт работает… Диагностика после запуска

Как только все выглядит хорошо и работает должным образом, а цели MVP достигнуты, пришло время запустить сайт. Далее идет послепусковая диагностика.

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

Многие используют Screaming Frog, и это хорошая программа для проверки сайта после его запуска. Он сообщит вам о неработающих ссылках, если перенаправления на месте, предупредит вас об отсутствующих активах и так далее.

Но самое главное, вы можете передать список URL-адресов со старого сайта в Screaming Frog, и он сообщит об отсутствующих веб-страницах и других ошибках.

Ожидаются ошибки

Почти неизбежно, что некоторые проблемы (обычно незначительные) возникнут после запуска сайта.

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

Скорее всего, вы обнаружите менее катастрофические, но все же важные проблемы, такие как, например, неправильное отображение страниц или недостаточно контрастные цвета для дальтоников.

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

Не расстраивайся из-за этого! Важно, чтобы сайт работал и находился в 99% (более или менее) пригодном для использования состоянии.

Дополнительные ресурсы:

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

Избранное изображение создано автором, апрель 2021 г.

80 вещей, которые нужно проверить до, во время и после запуска веб-сайта

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

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

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

Вместо того, чтобы беспокоиться о том, что если, не будет ли намного проще иметь полный контрольный список веб-сайтов перед каждым запуском сайта? Тот, который вы могли бы использовать для корпоративных веб-сайтов, микросайтов, целевых страниц и всего, что между ними?

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

Что нужно сделать перед тем, как приступить к дизайну сайта

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

1. Проанализируйте свой предыдущий веб-сайт (если применимо).

Чтобы принимать правильные решения, вы должны сначала понять, где вы были. Это начинается с вашего существующего веб-сайта, если он у вас есть. Спросите себя: 

  • Какова цель нового дизайна или капитального ремонта?
  • Чего еще не удалось сделать с этим существующим сайтом?
  • Как новый дизайн послужит новой организации?

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

2. Просканируйте свой старый сайт (если применимо) и задокументируйте его структуру.

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

3. Получите контрольные данные с вашего предыдущего веб-сайта (если применимо) и подтвердите процедуры тестирования.

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

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

Используйте формы (например, Google Forms) вместо того, чтобы просить людей присылать свои мысли по электронной почте, чтобы упростить процесс сбора отзывов. Затем назначьте одного человека ответственным за выбор приоритетных ошибок и фильтрацию всех творческих отзывов, которые вы получаете через форму.

4. Определите цели нового дизайна, способы их достижения и способы измерения успеха.

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

  • Текущий сайт громоздкий, и нам нужно простое использование.
  • Текущий сайт больше не выглядит модным, поэтому нам нужно визуальное обновление.
  • Текущий сайт не работает, поэтому нам нужна более оптимизированная для SEO структура с лучшим UX.

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

5. Перечислите действия, роли и обязанности.

Составьте контрольный список управления проектом для веб-сайта. Какой контент нужно написать? Какие призывы к действию необходимо создать?

Составьте основной список вещей, которые вам нужны для вашего веб-сайта, и сроки, когда они должны быть выполнены.

Затем назначьте каждый элемент действия отдельному лицу или группе. Обычно для запуска веб-сайта требуется много людей: у вас есть маркетологи, которые пишут контент; дизайнеры, выбирающие изображения и определяющие общий внешний вид; техническая команда, занимающаяся всей внутренней разработкой. Чтобы убедиться, что все находятся на одной волне и не возникнет путаницы в ролях, вы должны составить подробный план того, за что отвечает каждая команда или человек.

Отличный способ сделать это — использовать модель DARCI, которая означает «лица, принимающие решения», «подотчетные», «ответственные», «консультируемые», «информированные». Это мощный инструмент, который поможет каждому понять, кто несет ответственность за выполнение каких действий, с каким лицом (лицами) или группой (группами) необходимо проконсультироваться перед принятием каких-либо окончательных решений и с кем необходимо проконсультироваться после окончательного решения. принято решение или совершено действие.

6. Будьте готовы к наихудшему сценарию.

Опросите всех, кто участвует в запуске вашего веб-сайта, о том, что может пойти не так, а затем разработайте несколько запасных планов, что делать, когда — а не если — что-то из этого пойдет не так.

7. Выберите Solid CMS.

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

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

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

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

Кроме того, вы также можете протестировать платформы CMS, такие как WordPress, Wix или даже Drupal.

8. Разработайте последовательный бренд.

Определите последовательное послание и тон бренда, которые вы намерены последовательно представлять. Это заставит вас выглядеть более законным, заслуживающим доверия и запоминающимся.

  1. Поймите свое ценностное предложение.
  2. Выберите заявление о миссии, заявление о видении и слоган, которые представляют эту ценность, а также индивидуальность вашего бренда.
  3. Выберите цвета и шрифты, которые хорошо передают эту индивидуальность.
  4. Определите тип изображений, которые вы будете использовать для дальнейшей передачи вашего сообщения.

9. Создайте свою техническую SEO-стратегию.

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

  1. Проведите исследование ключевых слов и решите, по чему вы хотите ранжироваться.
  2. Создайте контент-стратегию, удовлетворяющую этим ключевым словам.
  3. Поймите, как ваши существующие страницы (если применимо) могут быть скорректированы и какие страницы необходимо будет создать новые.
  4. Определите, какие страницы больше не нужны.
  5. Определите, куда можно перенаправить ненужные страницы (используя переадресацию 301).

10. Разработайте стратегию путей конверсии.

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

  • Какие премиум-предложения в верхней части воронки необходимы
  • Какое действие в нижней части воронки будет представлено на главных страницах
  • Какие формы нужно создать
  • Какие целевые страницы и страницы благодарности необходимо создать
  • Как будут отслеживаться переходы
  • Какие действия произойдут после того, как посетитель веб-сайта конвертируется (ответчик по электронной почте и т. д.)

11. Установите аналитическое программное обеспечение.

  1. Выберите, какие аналитические платформы вы будете использовать на новом сайте.
  2. Решите, будут ли использоваться какие-либо предыдущие сценарии отслеживания Analytics или потребуются новые учетные записи/скрипты.
  3. Настройте новые учетные записи (если применимо).

12. Установите дату запуска.

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

Что проверить после того, как вы создали свой сайт

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

Нет времени проверить все 80? Вот список наиболее важных моментов из каждого раздела:

Контрольный список запуска веб-сайта

  1. Убедитесь, что текст точен и не содержит ошибок.
  2. Заменить все изображения-заполнители окончательными изображениями и рисунками.
  3. Убедитесь, что копия соответствует новому бренду.
  4. Убедитесь, что реализованы все настройки стилей.
  5. Убедитесь, что ваш дизайн эстетичен.
  6. Убедитесь, что права на изображения, шрифты и другое содержимое правильно лицензированы или процитированы.
  7. Протестируйте сайт на взаимодействие с пользователем (UX).
  8. Убедитесь, что пути преобразования реализованы правильно.
  9. Создайте стратегию резервного копирования вашего сайта.
  10. Храните пароли и учетные данные в безопасном месте.
  11. Проверить техническую реализацию SEO на наличие ошибок.
  12. Еще раз проверьте сайт на удобство для пользователей.
  13. Проверьте функциональность пути конверсии.
  14. Убедитесь, что интеграция со сторонними инструментами работает гладко.
  15. Сделайте копию окончательного веб-сайта для целей резервного копирования.
  16. Убедитесь, что резервное копирование выполняется правильно.
  17. Убедитесь, что ваш сайт в безопасности.
  18. Соблюдайте все применимые законы.
  19. Просканируйте сайт, чтобы убедиться в отсутствии ошибок при запуске.
  20. Проверить технические компоненты SEO на наличие ошибок.
  21. Оптимизируйте свои метаданные.
  22. Настроить аналитику.
  23. Создайте ожидание с помощью тизеров до того, как сайт заработает.
  24. Создайте стратегию объявления в социальных сетях.
  25. Определите интересные способы повышения вовлеченности для нового сайта.
  26. Отправьте электронное письмо в существующую базу данных.
  27. Продолжайте продвигать запуск в течение месяца.

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

Контрольный список перед запуском веб-сайта

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

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

Позже вы синхронизируете контент и шаблоны между промежуточной средой и вашим работающим веб-сайтом через систему управления контентом (CMS). Если вы являетесь клиентом HubSpot с платформой веб-сайта, вы обнаружите, что тестовая среда встроена прямо в программное обеспечение. Это позволяет вам генерировать URL-адрес предварительного просмотра всего сайта, поэтому вы можете щелкать и тестировать вещи в контексте.

1. Убедитесь, что текст точен и не содержит ошибок.

  • Содержание сайта проверено на предмет орфографии и грамматики.
  • Контактные данные компании точны на всем веб-сайте.
  • Общий контент, такой как lorem ipsum , был надлежащим образом удален и заменен.
  • Весь премиальный контент, такой как тематические исследования, электронные книги и технические документы, был проверен. Орфография и грамматика верны.
  • Дата авторского права (возможно, в нижнем колонтитуле) включает текущий год.

2.

Замените все изображения-заполнители окончательными изображениями и рисунками.

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

3. Убедитесь, что текст соответствует новому бренду.

  • Текст был отредактирован для обеспечения единообразия голоса и стиля бренда.
  • Все девизы и миссии компании актуальны.

4. Убедитесь, что реализованы все настройки стилей.

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

5. Убедитесь, что ваш дизайн эстетичен.

  • Сценарии оптимизированы для веб-страниц.
  • Изображения оптимизируются на веб-страницах.
  • CSS оптимизирован для веб-страниц.

6. Убедитесь, что права на изображения, шрифты и другое содержимое правильно лицензированы или процитированы.

Даже если вы передали дизайн веб-дизайнеру/разработчику, на вас ложится ответственность за отсутствие проблем с лицензированием авторских прав. В противном случае вы можете получить крупную компенсацию за нарушение.

7. Протестируйте сайт на удобство использования (UX).

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

8. Убедитесь, что пути преобразования реализованы правильно.

  • Присутствуют все необходимые бланки.
  • Реализованы целевые страницы и страницы благодарности.
  • Правильные кнопки и призывы к действию (CTA) находятся в правильных местах.
  • Все правильно соединено.

9. Создайте стратегию резервного копирования сайта.

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

  • Расписание резервного копирования создано.
  • Местоположение резервной копии определено.
  • План внедрения должен быть приведен в действие после запуска.

10. Храните пароли и учетные данные в надежном месте.

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

11. Аудит технической реализации SEO на наличие ошибок.

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

12. Проведите стресс-тест.

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

Хотя стресс-тесты имитируют виртуальных пользователей, тест не будет полностью воспроизводить реальный сценарий, поэтому вам нужно найти тест, который максимально приблизит вас к реальности. Спросите у разработчика, какие нагрузочные тесты он рекомендует. Здесь, в HubSpot, многие из наших разработчиков используют JMeter от Apache, но это довольно технический инструмент, который не идеален для тех, кто плохо знаком с этой концепцией.

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

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

Контрольный список веб-сайта после запуска

Допустим, вы это сделали. Кнопка нажата, домен указывает на новый сайт, и вы готовы рассказать миру. ..

Но подождите одну секунду, потому что вам еще нужно кое-что проверить, поскольку ваш сайт официально запущен.

13. Еще раз протестируйте сайт на удобство для пользователей.

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

  • Убедитесь, что ваш дизайн отображается в браузерах так, как вы ожидали.
  • Убедитесь, что ваш дизайн отображается так, как вы ожидали, на всех устройствах.
  • Убедитесь, что CSS/HTML правильно проверены.
  • Стиль CSS отображается правильно.
  • Фавикон на месте и правильно отображается.
  • Внутренние ссылки между веб-страницами работают правильно.
  • Внешние ссылки на веб-страницы работают правильно и открываются в новой вкладке.
  • Значки обмена в социальных сетях работают правильно.
  • Ленты работают правильно (RSS, новости, социальные сети).
  • Логотип компании связан с главной страницей.
  • 404 Наличие страниц перенаправления (page-not-found.aspx).

14. Проверьте функциональность пути конверсии.

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

  • Формы передают данные правильно.
  • Сообщение с благодарностью или страница отображается после отправки формы.
  • Данные формы отправляются получателю по электронной почте и/или сохраняются в базе данных компании.
  • Автоответчики работают правильно (если применимо).

15. Убедитесь, что интеграция со сторонними инструментами работает гладко.

Интеграции, такие как ваша CRM, программное обеспечение для электронной коммерции и/или маркетинговая платформа, связаны с вашим сайтом и помогают вам вести свой бизнес. Если есть потенциальная проблема, которая может привести к потере данных, вы не хотите узнавать об этом постфактум.

16. Сделайте копию окончательного веб-сайта для целей резервного копирования.

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

17. Убедитесь, что резервное копирование выполняется правильно.

Теперь самое время проверить реализацию вашей стратегии резервного копирования. Убедитесь, что текущие копии веб-сайта создаются и хранятся на регулярной основе.

18. Убедитесь, что ваш сайт в безопасности.

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

19. Соблюдайте все применимые законы.

Убедитесь, что ваш веб-сайт соответствует всем применимым законам и правилам. Законодательство об Интернете может быть жестким, и в каждой отрасли есть свой набор правил, которым нужно следовать. Так что лучше проконсультироваться со своим юрисконсультом, чтобы убедиться, что вы ничего не упустили — этот пост не является юридическим руководством. Вот некоторые из них, о которых вам, возможно, следует знать:

  • Доступность веб-страниц для пользователей с ограниченными возможностями (WAI-ARIA).
  • Веб-страницы сообщают, использует ли веб-сайт файлы cookie (требуется в некоторых странах).
  • Веб-сайт соответствует правам на использование приобретенного или заимствованного кода, изображений и шрифтов.
  • Условия и политика конфиденциальности видны посетителям веб-сайта.
  • Веб-сайт соответствует требованиям PCI (если вы храните и обрабатываете кредитные карты).

20. Просканируйте сайт, чтобы убедиться в отсутствии ошибок при запуске.

Сравните сканирование с предыдущим сканированием и посмотрите, не обнаружены ли непреднамеренные несоответствия. Вы также должны убедиться, что все страницы имеют правильные настройки индексации поисковой системы.

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

21. Проверьте технические компоненты SEO на наличие ошибок.

  • Заголовки страниц, метаописания и URL-адреса присутствуют и соответствуют исходной технической стратегии SEO.
  • Оптимизировано время загрузки страниц сайта.
  • Создана динамическая карта сайта в формате XML.
  • Карта сайта в формате XML отправлена ​​в поисковые системы.
  • URL-адреса страниц последовательно отражают информационную архитектуру сайта.
  • 301 переадресация для всех старых URL-адресов (перенаправление старых на новые страницы).
  • На соответствующих ссылках и страницах установлены теги rel=»nofollow»

  • .
  • Изображения на веб-сайте правильно сжаты (что сокращает время загрузки).

22. Оптимизируйте свои метаданные.

  • Метаданные правильно размещены для любого контента в RSS-канале.
  • Метаданные должным образом соответствуют любому содержимому, используемому в социальных сетях.
  • Орфография и грамматика во всех метаданных верны.
  • К каждому изображению добавлены теги Alt.

23. Настроить аналитику.

Убедитесь, что ваш веб-сайт настроен для сбора веб-данных и аналитики. Эта ценная информация позволит вам постоянно улучшать свой веб-сайт в будущем, так что вы не должны забывать об этом.

  • Коды аналитики вашего сайта и скрипты отслеживания добавлены на сайт.
  • Соответствующие IP-адреса исключены из отслеживания аналитики.
  • Последовательности и цели были правильно созданы в вашем аналитическом программном обеспечении (если применимо).
  • Учетные записи Google Webmaster и Google Analytics правильно синхронизированы.
  •  аккаунтов Google Реклама правильно синхронизированы (если применимо).

24. Запустите список улучшений после запуска.

Веб-сайт, который вы запускаете, должен быть функциональным, хорошо спроектированным и хорошо позиционироваться. Но это, вероятно, не будет всем, на что вы надеялись и мечтали с первого раза — и вы, конечно же, не хотите тратить месяцы усилий на разработку сайта, на который люди могут негативно реагировать. Что делать, если вашему клиенту это не нравится? Что, если показатели конверсии резко упадут? Это может привести к потере денег и усилий.

Вместо этого лучше всего опубликовать надежный веб-сайт, а затем протестировать его и построить на его основе — подход к созданию веб-сайта, известный как дизайн, ориентированный на рост. Создайте документ, в котором перечислите все, что вы не можете сделать для самого запуска, но хотите добавить в будущем, и добавляйте в него функции и элементы по мере того, как вы узнаете больше о том, как пользователи взаимодействуют с сайтом. Это можно сделать с помощью одного из этих инструментов пользовательского тестирования.

Как объявить о запуске нового веб-сайта?

Это (будем надеяться) не было тщеславным проектом; вы проделали всю эту работу на благо посетителей вашего веб-сайта, потенциальных и существующих клиентов. Ваш следующий шаг — рассказать миру о новом дизайне вашего сайта. Вот как:

25. Создайте предвкушение с помощью тизеров до запуска сайта.

Запуск нового продукта, запуск нового фильма и — да — запуск нового сайта — все это требует маркетинга до фактического выпуска. Вспомните последний фильм, который вы смотрели в кинотеатре. Вы видели трейлер до того, как решили купить билеты в кино и попкорн?

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

26. Создайте стратегию объявления в социальных сетях.

Решите, на каких каналах вы хотите продвигать новости, как вы будете делать объявления и как долго продлится продвижение.

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

27. Определите интересные способы повышения вовлеченности для нового сайта.

Пользователям, которые не так вовлечены в ваш бренд, запуск нового сайта может показаться не таким уж большим событием. Ваша цель, таким образом, состоит в том, чтобы сделать его одним. Предоставлять эксклюзивное предложение для первых пользователей, посетивших сайт. Или создайте конкурс, продвигающий знакомство с новыми функциями сайта. Что бы вы ни выбрали, убедитесь, что вы делаете это весело и интересно.

28. Отправьте электронное письмо в существующую базу данных.

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

Вы также можете предупредить всех заинтересованных лиц о редизайне и попросить их рассказать о новом веб-сайте.

29. Продолжайте продвигать запуск в течение месяца.

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

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

Ресурсы для запуска вашего первого веб-сайта

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

Если вы только начинаете работу над своим первым веб-сайтом, вот несколько инструментов, которые помогут вам упростить процесс. и отслеживайте свою аналитику после ее запуска. Если вы хотите протестировать несколько вариантов CMS, начните с нашей 14-дневной бесплатной пробной версии CMS.

  • Руководства по ведению блога: Если вы заинтересованы в использовании своего веб-сайта для публикации блога, который может помочь вам повысить узнаваемость бренда, может быть полезно начать мозговой штурм тем. Вот отличное руководство о том, как стать лучшим блоггером, с советами от нашей команды.
  • Шаблоны целевых страниц: Целевая страница — отличный способ выделить продукт или ресурс, предлагаемый вашим брендом. Важно знать, какие элементы ведут на целевую страницу, которая будет конвертироваться. Вот инструкция с примерами. Кроме того, при использовании CMS, такой как HubSpot, вы можете создавать целевые страницы из заранее разработанных шаблонов.
  • Примечание редактора: эта запись в блоге была первоначально опубликована в августе 2014 г., но была обновлена ​​для полноты и актуальности в июне 2021 г.