ПОДГОТОВКА САЙТА НА ТИЛЬДЕ К ПУБЛИКАЦИИ

ГАЙД
Сайт готов. Но что делать дальше? Что нужно учесть, чтобы всё работало? Публикуем инструкцию, которую используем в работе сами, расширенную комментариями наших специалистов.

16 самых важных пунктов — по шагам и без воды, советы и лайфхаки.
Авторы гайда:
Саша Иващенко
Стратег Svoemedia
Ирина Сорогина
SMM-специалист Svoemedia
Проверить тексты
ШАГ 1
Проверить контактные данные
Удалить мусорные слова и «оттипографить» тексты

Правильно оформленный текст — это текст без мусорных слов (не несущих смысловой нагрузки), с нужными кавычками («елочки» или „лапки"), без лишних пробелов, с верно расставленными дефисами, тире и длинными тире.
Поставьте ссылки для отправки email и звонка по телефону для мобильной версии сайта (чтобы при клике на них вызывалось действие). Для этого на email нужно поставить ссылку вида maito: <ваш email> (например, mailto: hi@svoemedia.ru) и для телефона tel: <ваш телефон> (например, tel: 89009988757).
ВАЖНО
ШАГ 1: Проверить тексты
ШАГ 2: Проверить ссылки и главную страницу
ШАГ 3: Проверить интервалы
ШАГ 4: Кнопка «Наверх», хэдер и футер
ШАГ 5: Оптимизация для разных устройств
ШАГ 6: Бейджик для социальных сетей
ШАГ 8: Добавить страницу ошибки
ШАГ 7: Добавить фавикон
ШАГ 9: Настроить https
ШАГ 10: Оптимизация для поисковиков
Кроме очевидной вычитки текста на ошибки, предпринять стоит следующее:
Посмотрите, верно ли вы указали телефон, контактный email, адрес, в правильном ли месте стоит отметка на карте.
ШАГ 12: Пиксели Facebook и Вконтакте
ШАГ 11: Яндекс Метрика и Google Analytics
ШАГ 13: Проверить работу приемщиков данных
ШАГ 14: Документы о персональных данных
ШАГ 15: Оферта и пользовательское соглашение
ШАГ 16: Подключение доменного имени
ПОЛЕЗНО
Ниже приведены сервисы, которые служат для очищения текста от мусорных слов и штампов (например, таких как «динамично развивающаяся компания»). Однако, это не панацея. Не нужно переписывать тексты, добиваясь 10 баллов по Главреду. Стоит вдумчиво почитать подсказки, скорее всего, можно будет сократить тексты.
Типографская раскладка для Windows и Mac
Установите Типографскую раскладку Ильи Бирмана, чтобы не искать кавычки-ёлочки и длинное тире в гугле: символы вводятся с нажатым правым Альтом. Например, Альт + < и Альт + > дадут «кавычки».
Реформатор Лебедева
Введите свой текст, и сервис автоматически удалит лишние пробелы, поставит нужные кавычки, дефисы, неразрывные пробелы и т.п.
Конвертер регистров Лебедева
Еще один полезный инструмент, который позволяет сделать все буквы вашего текста большими или маленькими. Мы пользуемся им ежедневно.
В Тильде есть встроенный инструмент — типограф для текстов (доступен в режиме редактирования текста). Обратите внимание, что знак (неразрывный пробел) не отображается при публикации. Вам не нужно переделывать все zero-блоки. Нужно удалить лишние, если из-за них верстка «едет».
ЛАЙФХАК
Проверить ссылки и задать главную страницу
ШАГ 2
Мы пользуемся следующим правилом: если ссылка внутренняя (на том же домене), то она должна открываться без нового окна. Если ссылка внешняя (например, цитата другого ресурса), то окно — новое. Это позволяет не потерять пользователя: кто знает, может, он пойдет читать цитату и гулять по другому ресурсу, забыв про наш, а нам это ни к чему.

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

В целом постоянно открывающиеся без необходимости окна бесят. Не бесите своих пользователей и будьте аккуратны.
НАПРИМЕР
ШАГ 1: Проверить тексты
ШАГ 2: Проверить ссылки и главную страницу
ШАГ 3: Проверить интервалы
ШАГ 4: Кнопка «Наверх», хэдер и футер
ШАГ 5: Оптимизация для разных устройств
ШАГ 6: Бейджик для социальных сетей
ШАГ 8: Добавить страницу ошибки
ШАГ 7: Добавить фавикон
ШАГ 9: Настроить https
ШАГ 10: Оптимизация для поисковиков
Опубликуйте сайт и пройдитесь по всем ссылкам: в меню, на странице (работает ли навигация, кнопки, всплывают ли поп-апы), в футере. Сделайте то же самое в мобильной версии, если используете разные блоки для разных версий сайта.
ШАГ 12: Пиксели Facebook и Вконтакте
ШАГ 11: Яндекс Метрика и Google Analytics
ШАГ 13: Проверить работу приемщиков данных
ШАГ 14: Документы о персональных данных
ШАГ 15: Оферта и пользовательское соглашение
ШАГ 16: Подключение доменного имени
Артемий Лебедев в Ководстве 8 ноября 1999 написал: «Открывать новые окна против желания пользователя — смертный грех». В большинстве случаев этот постулат актуален и сегодня.
ВАЖНО: В КАКОМ ОКНЕ ОТКРЫВАТЬ ССЫЛКИ: В НОВОМ ИЛИ В ТОМ ЖЕ
Школа гастрономического бизнеса живет на двух доменах (это связано с техническими ограничениями Тильды: на основном домене http://school.locallocal.ru/ расположена контентная часть проекта, лидогенератор, а на http://course.locallocal.ru/ — маркетплейс и хранилище курсов Школы). При этом экосистема — общая. Ссылки, ведущие на другое доменное имя, открываются в том же окне.
Задайте главную страницу

Проверьте в настройках сайта, задана ли там главная страница (именно она будет открываться по прямому адресу сайта, без слешей):
Интересно? Нужно? Купите весь гайд
После оплаты вы получите на вашу почту волшебное письмо от нас, с доступом к закрытой странице полного гайда.
ОЙ
Например: клиент заходит на сайт, заполняет заявку/звонит, ее обрабатывает менеджер, продвигает к покупке..., заключаем договор.
Click to order
Cart
Total: 
Как вас зовут?
Ваш email (на него придет рабочая тетрадь)
Введите ваш телефон (мы не планируем звонить, честно говоря, он нужен нам для идентификации купленного товара :)
Оставляя свои контактные данные в этой форме, вы даете свое согласие на обработку персональных данных
Made on
Tilda