2. Настройки страницы сайта, созданного на Тильде
Чтобы создать новую страницу сайта в Тильде, необходимо в админ панели нажать на кнопку «Создать новую страницу«:
Затем нужно выбрать шаблон из предложенных Тильдой, содержащих базовый контент и настройки, либо выбрать пустую страницу, на которой Вы будете строить структуру сайта с нуля:
Выбрав пустую страницу, получим ее рабочую область:
Здесь мы можем добавлять на страницу различные блоки, предустановленные в Тильде, или использовать ZERO блок для отрисовки своего уникального дизайна. Отсюда мы также можем управлять настройками страницы:
Итак, создадим три страницы нашего сайта — шапка, Главная, подвал — так, как это описано в статье нашего блога «Как в Тильде настроить шапку и подвал сайта«.
Шапку и подвал сайта мы создаем отдельными страницами, так как они практически всегда присутствуют на всех страницах сайта, независимо от содержимого этих страниц. Чтобы каждый раз не создавать одинаковые элементы, мы через настройки сайта укажем, какая страница данного сайта будет выполнять роль меню, а какая будет представлять подвал сайта. Это очень удобно, чтобы не дублировать одно и то же. Редактирование таких блоков осуществляется только в одном месте, не нужно вносить изменения в шапку и подвал на каждой странице сайта.
Настройки страницы сайта, созданного в Тильде, доступны как из рабочей области страницы Тильды, так и из основной админ панели управления сайтом на Тильде, где представлен список страниц сайта:
- управлять настройками страницы,
- публиковать страницу, чтобы она была доступна в сети Интернет после создания или внесения в нее изменений,
- перейти по ссылке на страницу,
- удалить страницу.
На вкладке Бейджик можно загрузить изображение, которое будет использоваться при описании ссылки, например, в социальных сетях:
На вкладке Facebook and SEO видно, как наша ссылка будет отображаться в Фейсбуке и в результатах поисковой выдачи:
/>
А также доступны к управлению специальные мета-данные, которые можно использовать в Фейсбук или в поисковой выдаче:
/>
Здесь можно также запретить поисковиками индексировать страницу, например, если она пока находится в разработке. Кроме того, Вы можете запретить поисковикам переходить по ссылкам на странице.
На вкладке Экспорт доступен к просмотру код страницы и доступен к скачиванию архив страницы. Эта функция доступна только для аккаунтов с бизнес-планом. При этом при экспорте Вы получите статичный html-код страницы со всеми необходимыми файлами (картинки, css, js). Но сервисы — такие как, например, получение и обработка данных из форм, корзина, каталог товаров, потоки, личный кабинет — не экспортируются и работать будут только при активной подписке на Тильду:
«У вас тут не работает». Как опубликовать сайт на «Тильде» без багов и опечаток
То заявка не отправляется, то на мобилке шрифты какие-то не такие, то кнопки никуда не ведут.
Привет! Меня зовут Юля, я редактор. Раньше я собирала страницы на «Тильде» сама, поэтому знаю, какая это боль, когда тебе пишут: «Ой, а у вас на сайте баг».
Чтобы меньше страдать, список багов я собрала в чек-лист.
Вместе с Машей Ярцевой, сооснователем и арт-директором студии Busy, мы доработали чек-лист. И теперь используем его, чтобы убрать максимум недочетов перед тем, как прислать сайт клиенту.
Делюсь чек-листом с моими комментариями, чтобы и вы могли проверить себя или подрядчика.
Тут не будет пунктов типо «убедитесь, что ваш контент работает на аудиторию и всем хорош». О смысле и стиле мы уже подумали на этапе прототипа и написания текстов. Теперь проверяем, не пропустили ли мелочи, которые могут повлиять на восприятие.
• Нет опечаток и ошибок. Банально, но необходимо. Чтобы посмотреть на текст взглядом новичка и найти ошибки, которых не замечали раньше, можно прочитать текст наоборот — с конца. Если не уверены в своей пунктуации — покажите другу-копирайтеру.
• Точки в конце предложений. Частая опечатка — в одном буллите стоит точка, в другом — нет.
• Оформление списков. Если коротко, то список должен быть оформлен единообразно. В справочнике Мильчина можно прочитать тру правила для списков. Короткая версия — ниже.
• Правильные кавычки и длинные тире. Мелочь, но влияет на восприятие. Особенно для тех, кого уже научили ставить кавычки-«елочки» и тире вместо дефиса.
Если вы сейчас смотрите на свой сайт и понимаете, что кавычки-«елочки» и точки на своих местах делу не помогут (так бывает) — приходите к нам в Busy. Поможем сделать хорошо.
Здесь тоже ничего нового — дотошно проверяем, что все выглядит аккуратно.
• Верное отображение в разных разрешениях. Мы проверяем через i love adaptive — расширение для Гугл-хрома. А еще делаем контрольную проверку вручную на iPhone и Android.
Часто десктоп и мобилка выглядят отлично, но есть проблемы с промежуточными разрешениями, на планшет. Найти ошибку поможет тот же i love adaptive.
• Типографика без косяков. Проверить, что нигде не закрался системный шрифт, не «скачет» кегль (везде были заголовки одного размера, а один вдруг меньше или больше). Также стоит посмотреть с двух браузеров и убедиться, что везде отображается верный шрифт.
• Изображения четкие, без пикселей, быстро загружаются. Если загрузка медленная, можно сжать картинки в Tinypng, там сжатие происходит без потери качества.
• Верное название страницы в браузере. Бывает так, что страница опубликована, а название осталось рабочим, что-то в духе «new main ver 2». Поменять название страницы и ее описание можно в настройках.
• Бейджик для соцсетей. Бейджик — это мини-изображение, превью сайта, которое появляется, когда вы публикуете ссылку, например, на Фейсбуке. Размер бейджика — 1200х630. На бейджике изображения и буквы должны быть крупными. Мелкие иконки и теги будут нечитаемыми. Бейджик можно также добавить в настройках страницы.
• Расставлены заголовки H1-H2. H1 влияет на поисковую выдачу, поэтому выделять как H1 самый важный заголовок, один на страницу.
• Прописаны alt для изображений. Сеошники говорят, что прописанные альты тоже влияют на выдачу. Мы им верим, поэтому прописываем в alt, что изображено на картинке.
H1-H2 и alt — это минимум из того, что касается SEO. Подробнее про оптимизацию сайта на Тильде под поисковики можно прочитать в их гайде.
• Нет галочки на «запрет индексации». Ее могли поставить случайно или специально, пока страница еще была в разработке. Проверьте, что галочки нет, а если была — отправьте страницу в Google search console, чтобы она снова индексировалась.
• Страница 404. Если все-таки что-то сломается, пользователь не потеряется, а перейдет на 404. Вот инструкция от Тильды, как назначить страницу 404.
• Все кнопки работают. Типичные обидные ошибки — кнопка на первом экране или постоянная кнопка из меню никуда не ведут. Нажмите на каждую кнопку на сайте и проверьте, что все работает.
• Нет битых или некликабельных ссылок. Точно так же тупо прокликиваем все и проверяем.
Совет: рекомендуем создавать header и footer как отдельные страницы на Тильде. Иначе в какой-то момент вы измените что-то в футере на одной странице и забудете изменить это на других. В итоге — битые ссылки и запутавшиеся пользователи.
• Плавный скрол для якорных ссылок. Модификатор делает так, чтобы пользователь не «скакал» по странице после нажатия кнопки, например, а плавно «катился». Ставим модификатор внизу страницы.
То, для чего все затевалось. Работающая форма и новые заявки в вашей базе.
• Форма есть. Просто перепроверьте.
• Подключена Тильда CRM или Гугл таблица. Это необязательно, но удобно, если у вас нет свой CRM. Все заявки будут храниться в одном месте. Главное — не делать доступ по ссылке для Гугл-таблицы, иначе она будет открыта для всех в интернете.
• Форма подключена к Телеграму, Амо или другому инструменту. Помогает отслеживать заявки. Сделайте несколько тестовых заявок через сайт, чтобы проверить, что все работает.
• Соглашение на обработку персональных данных. Должна быть галочка или предупреждение в стиле «нажимая на кнопку, вы соглашаетесь на обработку персональных данных».
Теперь все! Можно наконец-то публиковать и делиться! Или нет? Если есть пункт, который я не учла — пишите в комментариях.
Фичерный бейджик тильда что это
Чтобы создать новую страницу сайта в Тильде, необходимо в админ панели нажать на кнопку «Создать новую страницу«:
Затем нужно выбрать шаблон из предложенных Тильдой, содержащих базовый контент и настройки, либо выбрать пустую страницу, на которой Вы будете строить структуру сайта с нуля:
Выбрав пустую страницу, получим ее рабочую область:
Здесь мы можем добавлять на страницу различные блоки, предустановленные в Тильде, или использовать ZERO блок для отрисовки своего уникального дизайна. Отсюда мы также можем управлять настройками страницы:
Итак, создадим три страницы нашего сайта — шапка, Главная, подвал — так, как это описано в статье нашего блога «Как в Тильде настроить шапку и подвал сайта«.
Шапку и подвал сайта мы создаем отдельными страницами, так как они практически всегда присутствуют на всех страницах сайта, независимо от содержимого этих страниц. Чтобы каждый раз не создавать одинаковые элементы, мы через настройки сайта укажем, какая страница данного сайта будет выполнять роль меню, а какая будет представлять подвал сайта. Это очень удобно, чтобы не дублировать одно и то же. Редактирование таких блоков осуществляется только в одном месте, не нужно вносить изменения в шапку и подвал на каждой странице сайта.
Настройки страницы сайта, созданного в Тильде, доступны как из рабочей области страницы Тильды, так и из основной админ панели управления сайтом на Тильде, где представлен список страниц сайта:
- управлять настройками страницы,
- публиковать страницу, чтобы она была доступна в сети Интернет после создания или внесения в нее изменений,
- перейти по ссылке на страницу,
- удалить страницу.
На вкладке Бейджик можно загрузить изображение, которое будет использоваться при описании ссылки, например, в социальных сетях:
На вкладке Facebook and SEO видно, как наша ссылка будет отображаться в Фейсбуке и в результатах поисковой выдачи:
/>
А также доступны к управлению специальные мета-данные, которые можно использовать в Фейсбук или в поисковой выдаче:
/>
Здесь можно также запретить поисковиками индексировать страницу, например, если она пока находится в разработке. Кроме того, Вы можете запретить поисковикам переходить по ссылкам на странице.
На вкладке Экспорт доступен к просмотру код страницы и доступен к скачиванию архив страницы. Эта функция доступна только для аккаунтов с бизнес-планом. При этом при экспорте Вы получите статичный html-код страницы со всеми необходимыми файлами (картинки, css, js). Но сервисы — такие как, например, получение и обработка данных из форм, корзина, каталог товаров, потоки, личный кабинет — не экспортируются и работать будут только при активной подписке на Тильду:
Блоки из категории «Список страниц»
Внешний вид блока редактируется в меню «Настройки». Тут вы можете изменить количество отображаемых страниц в ряду, высоту изображений, настроить типографику и анимацию.
Помимо этого, в настройках блока можно регулировать отображение информации о страницах в карточках. Например, вы можете отключить описание страниц или задать формат даты.
Изменения в содержании блока необходимо производить в настройках конкретной страницы. После сохранения изменений информация автоматически обновится в блоке списка страниц.
Например, чтобы изменить бейджик страницы, нужно перейти в ее настройки → вкладка «Бейджик» → загрузить новое изображение → сохранить изменения и опубликовать страницу.
В блоки этой категории можно добавить ссылку на страницу, которая не находится в проекте. Например, можно указать ссылку на сторонний ресурс.
Для этого необходимо создать новую пустую страницу сайта, в ее настройках указать заголовок, описание и загрузить бейджик. Далее перейти во вкладку «Дополнительно» и указать ссылку на сторонний ресурс в поле «Специальная ссылка для блоков с выбором страниц» → сохранить изменения и опубликовать страницу.
По умолчанию изображения в этом блоке устанавливаются в половину ширины экрана. Чтобы изображение размещалось во всю ширину экрана, необходимо перейти в настройки страницы с этим изображением (бейджиком) → вкладка «Дополнительно» → поставить галочку у пункта «Сделать фичером в списке писем на главной».
Также вы можете добавить изображение отличное от бейджика, если страница установлена как фичер. Для этого загрузите изображение в поле «Картинка для фичерного бейджика».
Блоки из категории «Список страниц»
Внешний вид блока редактируется в меню «Настройки». Тут вы можете изменить количество отображаемых страниц в ряду, высоту изображений, настроить типографику и анимацию.
Помимо этого, в настройках блока можно регулировать отображение информации о страницах в карточках. Например, вы можете отключить описание страниц или задать формат даты.
Изменения в содержании блока необходимо производить в настройках конкретной страницы. После сохранения изменений информация автоматически обновится в блоке списка страниц.
Например, чтобы изменить бейджик страницы, нужно перейти в ее настройки → вкладка «Бейджик» → загрузить новое изображение → сохранить изменения и опубликовать страницу.
В блоки этой категории можно добавить ссылку на страницу, которая не находится в проекте. Например, можно указать ссылку на сторонний ресурс.
Для этого необходимо создать новую пустую страницу сайта, в ее настройках указать заголовок, описание и загрузить бейджик. Далее перейти во вкладку «Дополнительно» и указать ссылку на сторонний ресурс в поле «Специальная ссылка для блоков с выбором страниц» → сохранить изменения и опубликовать страницу.
По умолчанию изображения в этом блоке устанавливаются в половину ширины экрана. Чтобы изображение размещалось во всю ширину экрана, необходимо перейти в настройки страницы с этим изображением (бейджиком) → вкладка «Дополнительно» → поставить галочку у пункта «Сделать фичером в списке писем на главной».
Также вы можете добавить изображение отличное от бейджика, если страница установлена как фичер. Для этого загрузите изображение в поле «Картинка для фичерного бейджика».