Главная страница Многостраничного сайта - Шаблон на Тильде (Tilda)
Шаблон для многостраничного сайта ветеринарной клиники на Тильде.
1) Начало работы с шаблоном
00:27 - 1.1) Для чего эта страница?
02:02 - Чем отличается Лэндинг от страницы многостраничного сайта?
- Кошка вместо собаки на главной
- Блок услуг
- Блок Акции свой попап
- Добавил белый фон в середину сайта
Из чего состоит многостраничный сайт?
1. Шаблон услуги - Прием ветеринара /priem-veterinara
2. Услуги и цены - /uslugi
3. О нас - /o-nas
4. Врачи - /veterinary
5. Отзывы - /otzyvy
6. Контакты - /kontakty
05:39 - 1.2) Краткий обзор шаблона.
- Для чего нужны блоки шаблона?
2) Установка себе на сайт
08:40 - 2.1) Как добавить себе?
- Заходим на сайт и листаем до нужного нам блока “Сайт” и нажимаем на ссылку “Главная страница”.
- Читаем, что на написано в информационном блоке.
- Копируем ID шаблона и создаем новую страницу у себя на сайте.
3) Настройка и редактирование шаблона
10:15 - 3.1) Настройка страницы
Рассмотрим настройки страницы. Нам понадобится назвать страницу, прописать URL и открыть настройки SEO. Проверим, что страница закрыта для индексации, если мы не хотим, чтобы она сейчас попадала в поисковые системы.
12:55 - 3.2) Настройка визуальной части и редактирование блоков
) Настройки страницы
- Главное
Заголовок - Title страницы - Показывается в поисковой выдаче и влияют на SEO
Описание - Description страницы
Адрес страницы
- 13:17 - Бейджик
Служит для удобства навигации в Тильда. Клиенты его не увидят.
- 13:42 - Соцсети
Показывает, как страница будет выводится в социальных сетях и мессенджерах. Рекомендую загружать картинку для повышения кликабельности и презентабельности). Варианты:
1 - использовать картинку с главной,
2 - сделать скриншот главной,
3 - сделать отдельные картинку для всех страниц получаем возможность бонусного выделения от конкурентов в выдаче по картинкам в гугл.
Какой оптимальный размер бейджика страницы?
Оптимальный размер - 1200 на 630 пикселей (для Facebook и Твиттера)
- 15:53 - SEO
1 - Заголовок и Описание подтягиваются из первой вкладки
2 - Добавляем 2-4 ключевых слова о странице, больше не надо.
Например, Ветеринарная клиника в Москве, Ветклиника в Москве, Ветеринарный центр мск.
3 - Нужно добавить ссылку на каноничную страницу - ссылка страницы. В нашем случае это будет адрес сайта - . Делается это только на главной.
4 - Снимаем галочки индексации и ссылок в том случае, если страница готова для посещения клиентов. То есть она заполнена вашей информацией, ценами, фото. Если страница не готова, галочки оставляем включенными.
- Сохраняем изменения
) Информационный блок
18:08 - Удаляем информационный блок внизу и публикуем страницу.
18:36 - 3.3) Контент
- 19:07 - Где редактировать картинки для сайта?
Если у вас нет фотошопа, то картинки можно делать в бесплатной онлайн программе аналоге - или любых других редакторах - ,
- 23:20 - Где брать картинки?
Лучше всего - делать свои фото из клиники. Но если нужны фотки для иконок или фона, то есть фотостоки, например, бесплатный
Еще больше бесплатного контента можно найти в списке ресурсов тильды, когда вы нажимаете значок “лупы” при загрузке любого изображения - в разделе “сервисы”. Но всегда проверяйте лицензию и права на использование.
- 26:06 - Как удалить фон на фото?
Бесплатные сервисы, которые хорошо убирают фон - и убрать-фон-онлайн
27:05 - 3.4) Блоки страницы - настройка и редактирование
Подробнее о редактировании блоков в видео про Лэндинг -
27:14 - 3.1) Обложка
35:20 - 3.2) Услуги
43:02 - ) Акции
46:07 - 3.3) Оффер - Целевое действие
46:37 - 3.4) О клинике
50:44 - 3.5) Врачи
51:59 - Смена цвета блоков
52:27 - 3.6) Как помогаем (по желанию)
53:13 - 3.7) Отзывы
55:13 - 3.8) Оффер - Целевое действие
55:38 - 3.9) Вопрос-ответ
57:46 - ) Контакты Карта
01:01:34 - 4) Дополнительно - Что ещё можно сюда добавить?
1. Видео о клинике - Короткое обзорное видео об услугах, врачах, подходах к лечению на 2-5 минуты.
2. Блок “Мы в соцсетях”. Если вы активно ведете соцсети, то стоит поставить блок где будут видны 3-6 постов с призывом подписаться и перечислением других ваших соцсетей и каналов.
3. Блок “Подпишитесь на рассылку \ группу”. Блок с призывом подписаться на рассылку или в группу в Телеграм. Человеку нужно предложить что-то полезное, чтобы у него появилось желание вступить или оставить почту. Например, акции, скидки, чек-листы, напоминания о прививках, статьи про уход и т.п.
Если у вас вопросы или предложения по этому блоку, задавайте их в комментариях под видео, в телеграм или в ВК.
Следующий разбор - Шаблон страницы “Верхнего и нижнего меню”. В нем мы рассмотрим, как установить и настроить шапку и подвал для всего сайта.
Все шаблоны для ветеринарной клиники -
Посмотреть шаблон в сборе -
3 views
2098
575
10 years ago 01:27:28 56
Главная страница
4 years ago 00:34:03 36
Как работает главная страница ЛитРес
6 years ago 00:03:36 46
Главная страница
7 years ago 00:30:53 26
#6 Главная страница.
5 years ago 00:06:26 22
ПОЧЕМУ РЕДДИТ – ГЛАВНАЯ СТРАНИЦА ИНТЕРНЕТА? [netstalkers]
5 years ago 00:02:36 29
Главная страница нового сайта БФ Правжизнь
4 years ago 00:01:36 38
Главная страница Яндекс.Учебника
9 years ago 00:02:09 313
Главная страница Skype недоступна и не отображается
1 year ago 00:02:06 5
Война. Два года. Главная страница «Медузы»
3 years ago 00:02:26 51
Входное главная страница школа
7 years ago 00:20:20 26
#7 Главная страница и redux.
5 years ago 00:10:02 11
Изучение Core MVC / #8 - Главная страница сайта
7 years ago 00:25:10 137
Главная страница в Photoshop. Бумага - прототип - дизайн. Интернет-магазин
8 years ago 00:02:03 7
Sait23 — главная страница
10 years ago 00:01:41 78
VTemeTV - видеопроект “Азбука Победы“. Главная страница.
1 year ago 00:08:47 1
Главная страница, разделы
4 years ago 00:05:09 1
Главная страница BISNESAVTOR
6 years ago 00:14:00 23
Главная страница сайта компании по разработке логотипов. Веб-дизайн
9 years ago 00:03:37 14
Как выглядит главная страница Lotinfo
4 years ago 00:23:13 38
Уроки Java Spring Boot / #2 - Главная страница сайта
1 year ago 00:00:47 4
главная страница
5 years ago 00:26:03 27
2. CSS-Minsk-JS, митапы, будущее фронтенда и главная страница
5 years ago 00:24:52 70
Дизайн интернет магазина в Figma (Главная страница) | Веб-дизайн