Как в зеро блоке поставить тег h1

Как добавить H1 в Zero Block (Зероблок)? | Тильда Бесплатный Конструктор для Создания Сайтов

У вашего броузера проблема в совместимости с HTML5

Интенсивный курс обучения: «Создание сайта и его продвижение» — https://4esnokov.ru/ Только начинаете знакомится с Tilda? Эти видео для вас: ? Личный кабинет для пользователей сайта (регистрации, доступа после оплаты и пр.) — https://youtu.be/4NuFFp6o0Ek ? Чек-лист SEO для Tilda + рекомендации эксперта — https://youtu.be/qFeszkoeGj8 ? 4 основных отличия Tilda от других конструкторов! — https://youtu.be/06TeckVvIaA ? Начало Работы: Как устроена Тильда, Создание и Редактирование страниц — https://youtu.be/wE_QV2URF6Y ? ЛайфХаки для Tilda: https://www.youtube.com/watch?v=mCjZASVQhUw&list=PLFpFHBX5nAWa639Vez3_JrlAbjwOLfqMI #Маркетинг #ИнтернетМаркетинг #АлексейЧесноков #Чесноков #DigitalMarketing #ОбучениеМаркетинг #Marketing #Tilda #Тильда #КонструкторСайтов #КонструкторСайтовБесплатно #ТильдаКонструкторСайтов #СоздатьСайтКонструктор #TildaКонструкторСайтов #ОнлайнКонструкторСайтов

Опубликовано: 26-01-2020

Заголовки в Тильде

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

Заголовки для сайта

Чем отличаются заголовки между собой и какие из них использовать при создании многостраничных сайтов на Тильде?

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

Теги H1, H2, H3

После добавления заголовков в стандартных блоках удобно настроить теги H1-H3, чтобы поисковики лучше понимали структуру сайта и индексировали страницу. Часто, при создании многостраничных сайтов, я создаю основную страницу со всеми блоками, внутренними настройками, тегами и дублирую страницу, чтобы сохранить все настройки предыдущей страницы. Это экономит много времени.

Наглядное сравнение заголовков

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

Как добавить (назначить) тег H1?

Вы можете добавить данный тег в блоки, в которых это предусмотрено (блоки с заголовками). Пожалуйста, перейдите в настройки блока и укажите SEO: Тег для заголовка.

В Нулевом блоке вы можете задать тег в настройках текстового элемента:

Тег H1 должен быть на странице строго один. Если у вас есть две версии блока, для компьютеров и мобильных, то h1 нужно указать один раз, только в блоке для компьютера.

Как добавить вертикальную форму в BF204N в ZeroBlock для Tilda

Добавим форму заявки в ZeroBlock, выделим заголовок цветом и добавим 2-а эффекта к кнопке формы.
Порядок выполнения
1. Создаём ZeroBlock. Настраиваем визуальную часть. Адаптируем.
2. Создаём в Zero элемент HTML и размещаем в предполагаемом месте формы.
3. Очищаем этот элемент и добавляем в него блок
. Всё сохраняем

4. Добавляем форму BF204N (Настройки на примере:
— 2 поля ввода
— ширина 3 колонки — без отступа
— отступ сверху и снизу 0

5. Добавляем код 1. Изменяем:
#rec45924094 — это ID ZeroBlock
#rec45924165 — это ID блока с формой

6. Добавляем эффект бликов для кнопки код 2
7. Добавляем эффект вспышки при наведении для кнопки код 3
8. Добавляем код выделения заголовка в Zero H2 (можете поменять на H1)

9. Адаптируем ZeroBlock с формой. Всё.

Скрипт вставляется в блок ДРУГОЕ►Т123

   /*Задаём цвет и отступы таблички об успешной отправке данных */ .formavzero .t-form__successbox < background:#4bbf15 !important; padding: 5px; margin-bottom: 5px; >/*Высота полей ввода */ .formavzero input < height: 40px !important; >/*Отступ между полями */ .formavzero .t-input-group < margin-bottom: 10px !important; >/*Задаём высоту и плавный переход для кнопки в Zero */ .formavzero .t-submit < height: 40px !important; width: 100%; >/*Задаём отступ текста под формой */ .formavzero .t-form__bottom-text < margin-top: 10px !important; font-size: 10px !important; >/*Размер шрифта политики*/ .formavzero .t678__form-bottom-text < font-size: 10px !important; margin-top: 10px !important; >/*Размер шрифта подписи полей ввода*/ .formavzero .t-input-subtitle < color:#ffffff; opacity: 0.90 !important; font-size:14px !important; >/*Ширина выбора полей ввода Дата и Время*/ .t678 .t-inputtime, .t678 .t-datepicker__wrapper