ФИНАНСОВАЯ ЗАЩИТА ГРАЖДАН
СВЯЗАТЬСЯ
Навигация3
Навигация2
Навигация1
COMM-ON.PRO, agency

Чек-лист подготовки к запуску проекта на Tilda Publishing

Настройка сайта
Настройка сайта
Проверка верстки всех страниц на сайте
Проверка текста на наличие орфографических и пунктуационных ошибок
Прописан заголовок, описание и правильная ссылка страницы
Скрыть сайт от индексации
Во время разработки новых страниц или редизайна старых следует первым делом закрыть их от индексирования, как минимум, на период проведения бОльшей части работ. Если вы скроете страницу от индекса поисковых систем или закроете весь ресурс полностью, то они не будут доступны для поисковых ботов. Простыми словами: никто не сможет увидеть ваш незавершенный сайт, т.к. в базах Яндекса, Google и других сервисов не будет информации о содержимом ваших страниц.
Установить фавикон
Фавиконом называют значок (небольшую картинку) сайта, который отображается сразу в нескольких местах: во вкладке перед названием страницы, в качестве картинки рядом с закладкой, в адресной строке в некоторых браузерах, а также рядом с описанием страницы или сайта в поисковых системах. В случае с сайтом, созданным на Tilda, необходимо установить все три допустимые вариации фавикона.
Настроить бейджики (1200 х 630рх) и сниппеты страниц в отдельности
Это касается как текстовой части (Title и Description), так и визуальной (обложки). Сниппетом называют фрагмент-анонс страницы сайта, содержащий ключевые слова, который высвечивается в поисковой выдаче, когда пользователь ищет какую-либо информацию касательно вашей услуги или продукта. С помощью сниппета пользователь может понять, о чем можно узнать на вашем сайте: это в некотором роде визитка ресурса в результатах выдачи. Если пользователь сразу видит призыв к действию и информативное краткое описание, это заинтересует его и заставит пройти по ссылке. Мы рекомендуем делать сниппеты индивидуальными для каждой из страниц. Как итог: сниппет бесплатно привлекает органический трафик на ваш сайт.
При наличии якорных ссылок добавить блок плавного скролла T178 в футере
Для того, чтобы не путать пользователя и не пугать его резкими «скачками» по вашей странице, необходимо добавить модификатор скролла (прокрутки) — блок «Т178» из категории «Другое». После его добавления все переходы по якорным ссылкам будут с плавной анимацией. Также вы можете в настройках этого блока установить отступ для перехода по якорным ссылкам и поставить галочку «Не сохранять историю перемещений по якорным ссылкам». Тогда URL страницы не будет меняться после перемещения по якорям.
Подключить и настроить домен
Понятия «домен» и «сайт» часто путают, но это не одно и то же. Сайт — это одна или несколько связанных между собой страниц. А домен — это уникальный адрес сайта. Например, 6-sense.pro — это наш домен, а наш сайт — это все страницы и в том числе контент, который вы сейчас просматриваете. Домен (доменное имя, доменный адрес это, простыми словами, «название» сайта. Для перехода на нужный сайт пользователь указывает его домен в поисковой строке браузера, сервер понимает, что именно нужно показать, и переводит на нужный адрес.
Настроить страницу ошибки 404
Если пользователь на вашем сайте по каким-то причинам перешел по несуществующей ссылке (например, когда вы уже удалили ссылку, но она еще осталась в поисковой выдаче, или когда вы проводите технические работы по какой-то из страниц), появится стандартный код ответа «Not Found» или «Ошибка 404». Неизвестность пугает, поэтому большинство пользователей захотят сразу закрыть страницу и покинуть сайт. Рекомендуем проявить креатив в этом блоке, а также обязательно проверить, что на странице есть кнопка, ведущая пользователя на предыдущую страницу.
SEO
SEO
На всех страницах проверить разметку заголовков H1, H2, H3
Корректное с точки зрения иерархии оформления заголовков на сайте — один из важных аспектов для SEO-оптимизации, то есть для продвижения вашего ресурса и выведению его в топ поисковой выдачи. Всего существует 6 заголовков:
  • тег H1 — заголовок первого уровня, второй по важности для SEO сайта элемент на странице после тега Title (заголовка страницы) и самый важный тег из всех тегов H
  • тег Н2 — заголовок второго уровня
  • тег H3 — заголовок третьего уровня … и т. д.
Тег H6 является наименее значимым тегом из всех тегов H. Текст на самом сайте может быть разбит на логические блоки, и озаглавливание каждого из них должно происходить с соблюдением уровней вложенности и иерархии заголовков.
Проставить все alt-теги для изображений
Alt-теги у изображений необходимы, так как именно они помогают понять поисковым роботам, что именно изображено на картинке и тем самым повышают органический трафик пользователей. Помимо этого, alt-теги являются альтернативным текстом для изображений в случае, если у пользователя слабый сигнал интернета или в настройках браузера отключено отображение картинок.
Подключить протокол HTTPS и настроить редирект с HTTP на HTTPS и с WWW на без WWW
Редирект (от англ. redirect) — это автоматическое перенаправление пользователя с одного URL на другой. Простыми словами, редирект работает в том случае, когда пользователь заходит на ваш сайт с помощью неправильного или «устаревшего» адреса, а сервер перенаправляет его на нужную страницу, т. е. ту страницу, куда вы настроили переадресацию. Можно сделать переход с www-домена на домен без www, с раздела веб-сайта на поддомен, со страницы на страницу. Существует также редирект с HTTP на HTTPS, оба этих протокола служат для передачи данных в сети, но первый передает информацию по незащищенному соединению. Этот шаг крайне важен, но при этом требует относительно глубокого погружения в процесс, поэтому вы всегда можете обратиться в нашу компанию за помощью.
Проверить в настройках сайта на SEO-ошибки
Техническая настройка
Техническая настройка
☑ При нажатии на логотип в шапке или подвале сайта — возвращение на главную.
☑ Задать всем текстам опцию "типограф"
Отключение Lazy Load
В некоторых случая, чтобы все корректно работало, необходимо отключить Lazy Load изображений. Настройки сайта > Еще > Выключить Lazy Load.
☑ Повторяющиеся блоки сделаны через alias-блок
☑ Все изображения сжаты или оптимизированы
Эффект загрузки сайта
Для того, чтобы посетитель сайта не видел поэтапную прогрузку сайта, мы добавляем блок:T228 в разделе "Другое"
«Наезжающая» шапка
Чтобы при навигации по меню, само меню не перекрывало часть контента, мы в блоке, в настройках, указываем необходимое расстояние.
Настройки блока T178 > Дополнительное смещение px. Дополнительное смещение ставим равную высоте шапки.
Плавный и правильный скролл
Чтобы не путать пользователя и не пугать резкими скачками по сайту, мы добавляем блок плавного скролла T178 в разделе "Другое"
☑ Подключена кнопка «вверх» для длинных страниц
☑ Проверить адаптивность на разных экранах
Подсвечивание пунктов меню
В настройках блока меню, делаем цвет активного блока меню отличающимся от основного. Настройки > Пункты меню > Активный пункт меню: цвет, подчеркивание. Благодаря этому действию, пользователь всегда будет в курсе, на каком именно разделе он находится
Настройка кнопок
На все кнопки, на которые можно нажать, обязательно нужно проставить смену цвета по ховеру. Данная функция показывает пользователю, что эта кнопка точно работает и при нажатии на нее произойдет какое-то действие.
☑ Отключить лэйбл Tilda, если заказчик оплатил тариф Tilda Personal / Tilda Business на 1 год
☑ Добавить идентификатор разработчика: jc10n94f3o


Формы
Формы
Подключить все необходимые формы для приёма данных
Формы приема данных, или простыми словами формы обратной связи — это блоки с полями, в которых посетители вашего сайта вводят информацию (например, контактные данные, вопрос о ваших услугах, отклик на вакансию и прочее), а вы получаете ее в сервисы приема данных: на почту, в СRM-систему или в сторонние сервисы, необходимые для работы вашей компании. Важно не только подтвердить их подключение, но и в обязательном порядке проверить их на работоспособность, чтобы впоследствии не терять потенциальных лидов.
Дать названия всем формам и настроить сервисы приема данных
После того, как вы подключили формы приема данных, нужно дать всем формам названия, а также оформить необходимые тексты благодарности или сообщения об успешной отправке формы.
В настройках форм задать formname
Прописать сообщения об ошибках
У всех форм есть сообщения об успешной отправке
Ссылки
Ссылки
Проверить работу всех ссылок
Ссылки на сторонние сайты открываются в новом окне браузера
Когда пользователь сайта, который зачастую является потенциальным покупателем товаров или услуг, изучает информацию на вашем сайте — важно сделать его путь максимально беспрепятственным и логичным. Поэтому, важно проверить, что все ссылки на внешние сайты открываются в новом окне и не уводят пользователя с вашей страницы.
Сделать все телефонные номера, почты, мессенджеры и прочие контактные данные ссылками
Здесь речь идет также об удобстве и об упрощении пути пользователя. Чем потенциальному покупателю легче и быстрее совершить целевое действие на вашем сайте, тем больше лидов получит ваш бизнес.
Правовые моменты
Правовые моменты
Настроить предупреждение о cookie-файлах (T657, T886 и T887) и страницу «Политика конфиденциальности»
«Куки» облегчают жизнь разработчикам сайтов, бизнесу, маркетологам и самим пользователям, а «Политика конфиденциальности» регламентирует отношения вас, как бизнеса, и посетителя, как физическое лицо. Оба понятия имеют непосредственное отношение к хранению и обработке данных пользователей вашего сайта в соответствии с законом 152-ФЗ «О персональных данных». Если вы собираете контакты, то в форме обязательно добавьте фразу «Нажимая на кнопку, вы даете согласие на обработку своих персональных данных» и ссылку на страницу с политикой конфиденциальности, что поможет вам соблюсти закон и не получить штрафов.
Наличие «Политики конфиденциальности» на странице и под каждой формой для сбора контактов
Отсутствие иконок и ссылок на Instagram и Facebook
Полезные сервисы
Tilda разрешает загружать изображения шириной не более 1680 px, а при включении дополнительной функции не более 1920 px
Перейти на сайт
Tilda разрешает загружать изображения шириной не более 1680 px, а при включении дополнительной функции не более 1920 px
Перейти на сайт
Перейти на сайт
Перейти на сайт
Перейти на сайт
Flaticon
Перейти на сайт
Figma Icons
Перейти на сайт
Noun Project
Перейти на сайт
Unsplash
Перейти на сайт
Pixabay
Перейти на сайт
Freepik
Перейти на сайт
Pixabay
Перейти на сайт
Pexels
Перейти на сайт
Uplabs
Перейти на сайт
Freepik
Перейти на сайт
Figma Elements
Перейти на сайт

Figma UI Kits

Перейти на сайт

Mo-ti.ru

Перейти на сайт

Mo-ti.ru

Перейти на сайт

Youtube

Перейти на сайт

varfolomeev.su

Перейти на сайт