Чек-листы
Проверка сайта перед публикацией на Tilda
Представленные ниже рекомендации относятся непосредственно к лэндингами и многостраничникам, созданным на площадке Tilda (Tilda Publishing).
Что такое тестирование лендинга (многостраничника) и почему этот этап так важен?
Тестирование сайта – это ручная и/или автоматизированная проверка качества, скорости загрузки, корректности отображения и работоспособности страниц на разных девайсах перед публикацией, в том числе и проверка бизнес-логики сайта. Основная задача тестирования – убедиться, что сайт отвечает заявленным требованиям клиента, и выявить ошибки, которые могут негативно повлиять на CJM (путь пользователя и потенциального клиента).
Кто может заниматься тестированием лендинга (многостраничника)?
Как правило, в крупных компаниях за тестирование отвечает специально выделенный специалист, при этом его должность может называться по-разному – тестировщик ПО, QA-инженер, QA analyst и т.д. В небольших организациях или стартапах тестированием могут заниматься различные специалисты, но так или иначе, в их обязанности входит поиск ошибок и проверка работы всех задуманных на этапе составления технического задания на разработку сайта функциональных блоков. В любом случае мы рекомендуем не ограничиваться одним сотрудником, а тестировать сайт как минимум паре людей. И вот полезные шаги, которые стоит выполнить перед публикацией сайта на Tilda:
Что такое тестирование лендинга (многостраничника) и почему этот этап так важен?
Тестирование сайта – это ручная и/или автоматизированная проверка качества, скорости загрузки, корректности отображения и работоспособности страниц на разных девайсах перед публикацией, в том числе и проверка бизнес-логики сайта. Основная задача тестирования – убедиться, что сайт отвечает заявленным требованиям клиента, и выявить ошибки, которые могут негативно повлиять на CJM (путь пользователя и потенциального клиента).
Кто может заниматься тестированием лендинга (многостраничника)?
Как правило, в крупных компаниях за тестирование отвечает специально выделенный специалист, при этом его должность может называться по-разному – тестировщик ПО, QA-инженер, QA analyst и т.д. В небольших организациях или стартапах тестированием могут заниматься различные специалисты, но так или иначе, в их обязанности входит поиск ошибок и проверка работы всех задуманных на этапе составления технического задания на разработку сайта функциональных блоков. В любом случае мы рекомендуем не ограничиваться одним сотрудником, а тестировать сайт как минимум паре людей. И вот полезные шаги, которые стоит выполнить перед публикацией сайта на Tilda:
1
Скрыть сайт от индексации
Во время разработки новых страниц или редизайна старых следует первым делом закрыть их от индексирования, как минимум, на период проведения бОльшей части работ. Если вы скроете страницу от индекса поисковых систем или закроете весь ресурс полностью, то они не будут доступны для поисковых ботов. Простыми словами: никто не сможет увидеть ваш незавершенный сайт, т.к. в базах Яндекса, Google и других сервисов не будет информации о содержимом ваших страниц.
2
Установить фавикон
Фавиконом называют значок (небольшую картинку) сайта, который отображается сразу в нескольких местах: во вкладке перед названием страницы, в качестве картинки рядом с закладкой, в адресной строке в некоторых браузерах, а также рядом с описанием страницы или сайта в поисковых системах. В случае с сайтом, созданным на Tilda, необходимо установить все три допустимые вариации фавикона.
3
Настроить бейджики и сниппеты страниц в отдельности
Это касается как текстовой части (Title и Description), так и визуальной (обложки). Сниппетом называют фрагмент-анонс страницы сайта, содержащий ключевые слова, который высвечивается в поисковой выдаче, когда пользователь ищет какую-либо информацию касательно вашей услуги или продукта. С помощью сниппета пользователь может понять, о чем можно узнать на вашем сайте: это в некотором роде визитка ресурса в результатах выдачи. Если пользователь сразу видит призыв к действию и информативное краткое описание, это заинтересует его и заставит пройти по ссылке. Мы рекомендуем делать сниппеты индивидуальными для каждой из страниц. Как итог: сниппет бесплатно привлекает органический трафик на ваш сайт.
4
На всех страницах проверить разметку заголовков H1, H2, H3
Корректное с точки зрения иерархии оформления заголовков на сайте — один из важных аспектов для SEO-оптимизации, то есть для продвижения вашего ресурса и выведению его в топ поисковой выдачи. Всего существует 6 заголовков:
- тег H1 — заголовок первого уровня, второй по важности для SEO сайта элемент на странице после тега Title (заголовка страницы) и самый важный тег из всех тегов H
- тег Н2 — заголовок второго уровня
- тег H3 — заголовок третьего уровня
- … и т. д.
5
Проставить все alt-теги для изображений
Alt-теги у изображений необходимы, так как именно они помогают понять поисковым роботам, что именно изображено на картинке и тем самым повышают органический трафик пользователей. Помимо этого, alt-теги являются альтернативным текстом для изображений в случае, если у пользователя слабый сигнал интернета или в настройках браузера отключено отображение картинок.
6
При наличии якорных ссылок добавить блок плавного скролла T178 в футере
Для того, чтобы не путать пользователя и не пугать его резкими «скачками» по вашей странице, необходимо добавить модификатор скролла (прокрутки) — блок «Т178» из категории «Другое». После его добавления все переходы по якорным ссылкам будут с плавной анимацией. Также вы можете в настройках этого блока установить отступ для перехода по якорным ссылкам и поставить галочку «Не сохранять историю перемещений по якорным ссылкам». Тогда URL страницы не будет меняться после перемещения по якорям.
7
Подключить все необходимые формы для приёма данных
Формы приема данных, или простыми словами формы обратной связи — это блоки с полями, в которых посетители вашего сайта вводят информацию (например, контактные данные, вопрос о ваших услугах, отклик на вакансию и прочее), а вы получаете ее в сервисы приема данных: на почту, в СRM-систему или в сторонние сервисы, необходимые для работы вашей компании. Важно не только подтвердить их подключение, но и в обязательном порядке проверить их на работоспособность, чтобы впоследствии не терять потенциальных лидов.
8
Дать названия всем формам и настроить сервисы приема данных
После того, как вы подключили формы приема данных, нужно дать всем формам названия, а также оформить необходимые тексты благодарности или сообщения об успешной отправке формы.
9
Подключить и настроить домен
Понятия «домен» и «сайт» часто путают, но это не одно и то же. Сайт — это одна или несколько связанных между собой страниц. А домен — это уникальный адрес сайта. Например, 6-sense.pro — это наш домен, а наш сайт — это все страницы и в том числе контент, который вы сейчас просматриваете. Домен (доменное имя, доменный адрес это, простыми словами, «название» сайта. Для перехода на нужный сайт пользователь указывает его домен в поисковой строке браузера, сервер понимает, что именно нужно показать, и переводит на нужный адрес.
10
Подключить протокол HTTPS и настроить редирект с HTTP на HTTPS и с WWW на без WWW
Редирект (от англ. redirect) — это автоматическое перенаправление пользователя с одного URL на другой. Простыми словами, редирект работает в том случае, когда пользователь заходит на ваш сайт с помощью неправильного или «устаревшего» адреса, а сервер перенаправляет его на нужную страницу, т. е. ту страницу, куда вы настроили переадресацию. Можно сделать переход с www-домена на домен без www, с раздела веб-сайта на поддомен, со страницы на страницу. Существует также редирект с HTTP на HTTPS, оба этих протокола служат для передачи данных в сети, но первый передает информацию по незащищенному соединению. Этот шаг крайне важен, но при этом требует относительно глубокого погружения в процесс, поэтому вы всегда можете обратиться в нашу компанию за помощью.
11
Проверить, что все ссылки на внешние сайты открываются в новом окне браузера
Когда пользователь сайта, который зачастую является потенциальным покупателем товаров или услуг, изучает информацию на вашем сайте — важно сделать его путь максимально беспрепятственным и логичным. Поэтому, важно проверить, что все ссылки на внешние сайты открываются в новом окне и не уводят пользователя с вашей страницы.
12
Сделать все телефонные номера, почты, мессенджеры и прочие контактные данные ссылками
Здесь речь идет также об удобстве и об упрощении пути пользователя. Чем потенциальному покупателю легче и быстрее совершить целевое действие на вашем сайте, тем больше лидов получит ваш бизнес.
13
Подключить системы аналитики и пиксели
Веб-аналитика — система сбора и анализа данных, которая помогает вам увидеть поведение ваших пользователей на сайте и проследить их путь взаимодействия с вашим продуктом. По итогам анализа данных становится понятно, как улучшить продукт или какой-то этап взаимодействия с клиентом. Также при помощи аналитики можно оценить из какого поисковика приходит больше трафика, по каким ключевым словам чаще всего находят ваш сайт и насколько эффективен ваш контент с точки зрения SEO. Эти данные можно использовать как для поисковой оптимизации и контент-стратегии, так и для создания рекламных кампаний.
14
Настроить страницу ошибки 404
Если пользователь на вашем сайте по каким-то причинам перешел по несуществующей ссылке (например, когда вы уже удалили ссылку, но она еще осталась в поисковой выдаче, или когда вы проводите технические работы по какой-то из страниц), появится стандартный код ответа «Not Found» или «Ошибка 404». Неизвестность пугает, поэтому большинство пользователей захотят сразу закрыть страницу и покинуть сайт. Рекомендуем проявить креатив в этом блоке, а также обязательно проверить, что на странице есть кнопка, ведущая пользователя на предыдущую страницу.
15
Настроить предупреждение о cookie-файлах и страницу «Политика конфиденциальности»
«Куки» облегчают жизнь разработчикам сайтов, бизнесу, маркетологам и самим пользователям, а «Политика конфиденциальности» регламентирует отношения вас, как бизнеса, и посетителя, как физическое лицо. Оба понятия имеют непосредственное отношение к хранению и обработке данных пользователей вашего сайта в соответствии с законом 152-ФЗ «О персональных данных». Если вы собираете контакты, то в форме обязательно добавьте фразу «Нажимая на кнопку, вы даете согласие на обработку своих персональных данных» и ссылку на страницу с политикой конфиденциальности, что поможет вам соблюсти закон и не получить штрафов.
16
И самое интересное — сделать тесты всего и вся на физических устройствах
Скорее всего, вы слышали, что существуют различные эмуляторы и симуляторы для тестирования сайтов и мобильных приложений. В них есть свои плюсы, но при этом, как правило, они не передают «баги» отдельных операционных систем или устройств. Мы все же рекомендуем физическое ручное тестирование (можно и нужно использовать все: телефоны, планшеты, ноутбуки, настольные ПК и пр.), и главное — не забыть протестировать работу вашего сайта как минимум в самых популярных браузерах: Google Chrome, Яндекс, Safari (в особенности стоит обратить внимание), Firefox и другие.
Поздравляем, теперь вы во всеоружии и можете самостоятельно тестировать лендинги и сайты на Tilda и избежать ошибок, прежде чем загрузить их в сеть. Но если у вас остались какие-либо вопросы после прочтения нашей статьи — просто заполните форму обратной связи ниже и мы обязательно свяжемся с вами.
Поздравляем, теперь вы во всеоружии и можете самостоятельно тестировать лендинги и сайты на Tilda и избежать ошибок, прежде чем загрузить их в сеть. Но если у вас остались какие-либо вопросы после прочтения нашей статьи — просто заполните форму обратной связи ниже и мы обязательно свяжемся с вами.
17
И если тест прошёл успешно — включаем индексацию и вытираем скупую мужскую (женскую для феминисток) слезу
Какую задачу вам нужно решить?