Контрольный список запуска веб-сайта: 10 обязательных элементов

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

Это может показаться пугающим (и дорогим), но именно поэтому лучше всего использовать подход к дизайну, ориентированный на рост (GDD) — итеративный процесс редизайна веб-сайта. Здесь, в Weidert, мы недавно заметили некоторые признаки того, что наш существующий веб-сайт нуждается в обновлении. Мы немного изменили наш брендинг, хотели обновить общую скорость нашего сайта и нуждались в очистке серверной части для повышения эффективности, но мы все еще могли опираться на прочный фундамент, который мы заложили несколько лет назад, а не начинать с нуля — основной помещение ГДД.

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

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

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

1. Подтвердите и проверьте стандарты дизайна, форматирование и данные страницы.

2. Проверьте каждую ссылку и кнопку на вашем сайте

3. Проведите кроссбраузерное тестирование и проверьте реакцию устройства.

4. Подтвердите политику конфиденциальности и соответствие файлам cookie требованиям GDPR и CCPA.

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

5. Обновите шаблоны CMS для динамического контента

6. Удалите устаревшие страницы

7. Настройте URL-редиректы 301

8. Просканируйте сайт на наличие ошибок и проблем

9. Отправьте XML-карту сайта в Google для сканирования

10. Следите за консолью поиска Google на наличие ошибок

1. Проверка и проверка стандартов дизайна страницы, форматирования и данных страницы

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

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

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

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

2. Проверьте каждую ссылку и кнопку на вашем сайте

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

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

3. Проведите кросс-браузерное тестирование и чувствительность устройства

Вы можете использовать такой сервис, как BrowserStack, инструменты HubSpot или инструмент Chrome Inspector, чтобы увидеть, как ваш сайт будет выглядеть в разных типах браузеров. Тот факт, что он выглядит правильно для вас в Chrome, не означает, что он будет хорошо переводиться в Firefox, Edge, Safari или других.

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

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

4. Подтвердите политику конфиденциальности и соответствие файлам cookie требованиям GDPR и CCPA.

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

5. Обновите шаблоны CMS для динамического контента

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

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

6. Удалите устаревшие страницы

Удаление устаревших страниц — один из наиболее часто пропускаемых шагов при запуске нового веб-сайта. Допустим, на вашем текущем веб-сайте есть URL-адрес страницы «Свяжитесь с нами» с расширением /contact. Однако вы обновили свой новый веб-сайт, добавив в него расширение /contact-us. Старая страница не просто исчезнет, ​​она все еще существует в старом виде и стиле, и ваши потенциальные клиенты могут найти ее в Google. Поэтому важно удалить их и перенаправить URL-адрес на новые.

Что приводит нас к...

7. Настройте переадресацию URL-адресов 301

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

8. Просканируйте сайт на наличие ошибок и проблем

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

9. Отправьте XML-карту сайта в Google для сканирования

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

10. Отслеживайте Google Search Console на наличие ошибок

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

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

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