Рубрика: Uncategorised

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

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

Если вы работаете в команде, то вам пригодятся собственные шаблоны. Например, дизайнер создает шаблон, а маркетолог меняет контент. Или центральный офис разрабатывает дизайн, а филиалы вносят коррективы в содержание.

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

1. Чтобы создать шаблон, перейдите в настройки страницы → дополнительно и установите флажок «Назначить страницу Шаблоном».

После этого шаблон станет доступным во вкладке «Мои шаблоны» при создании новой страницы.

Как передать шаблон для использования в другом аккаунте

Шаблон, который вы создали, может быть использован в другом аккаунте, если вы разрешаете это. Вот как передать шаблон коллеге:

На годовом плане Business доступна функция создания шаблона, которым могут пользоваться другие пользователи.

1. В разделе «Настройки страницы» → «Дополнительно» поставьте галочку «Разрешить другим пользователям создавать страницы на основе этого шаблона по номеру».

2. Сообщите коллеге номер шаблона.

3. Коллега нажимает кнопку «Создать новую страницу», пролистывает страницу до конца (на любой вкладке), нажимает на кнопку «Ввести ID шаблона» и указывает введенный вами номер.

4. На аккаунте вашего коллеги будет создана новая страница, используя ваш уникальный шаблон.

Возможность создать новую страницу с вашим дизайном доступна только при наличии знания соответствующего номера шаблона.

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

Tilda Publishing – это инструмент для создания сайтов без необходимости программирования. Благодаря своей простоте использования и множеству готовых шаблонов, он позволяет создать качественный и профессиональный сайт всего за несколько простых шагов.

В этой статье мы рассмотрим, как создать сайт бесплатно.

Шаг 1: Регистрация на Tilda Publishing

Первым шагом является регистрация на Тильде. Зайдите на официальный сайт Tilda Publishing и нажмите кнопку «Зарегистрироваться». Введите свою электронную почту и создайте пароль для входа.

Шаг 2: Выбор шаблона

После регистрации вы попадете на страницу выбора шаблона. Сервис предлагает широкий выбор готовых шаблонов для различных типов сайтов, таких как лендинги, интернет-магазины, портфолио и другие. Выберите шаблон, который наиболее соответствует вашим потребностям и целям.

Шаг 3: Редактирование контента в Tilda Publishing

После выбора шаблона вы попадете в редактор. Здесь вы можете редактировать содержимое сайта, добавлять тексты, изображения, видео, формы обратной связи и другие элементы. Редактор Tilda Publishing имеет интуитивно понятный интерфейс, поэтому вы сможете легко настроить внешний вид и функциональность вашего сайта.

Шаг 4: Настройка дизайна

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

Шаг 5: Публикация сайта в Tilda Publishing

Когда вы закончите редактирование контента и настройку дизайна, вы готовы опубликовать ваш сайт. Нажмите кнопку «Опубликовать» и выберите домен для вашего сайта. Тильда предлагает бесплатный поддомен в формате вашеимя.tilda.ws, но вы также можете подключить свой собственный домен.

Шаг 6: Продвижение сайта

После публикации вашего сайта, вы можете приступить к его продвижению. Используйте социальные сети, контекстную рекламу, SEO-оптимизацию и другие методы, чтобы привлечь больше посетителей на ваш сайт.

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

Создать новую папку

Страницы на Тильде расположены в виде списка и создаются последовательно. Мы расскажем, как создать папки для упрощения навигации на сайте.

Чтобы создать папку, перейдите в раздел «Настройки страницы» → «Дополнительно» и нажмите кнопку «Создать новую папку».

В папку можно поместить все страницы, кроме главной, а также страницы Header и Footer вашего сайта. После создания первой папки вы можете продолжать создавать новые прямо на странице со списком всех страниц сайта, нажимая на значок добавления папки.

Чтобы добавить страницы в папку, вы можете воспользоваться методом перетаскивания или задать папку в разделе «Дополнительно» в настройках каждой страницы.

Как опубликовать отдельные папки

Если вы хотите опубликовать все страницы в папке сразу, на странице со списком всех страниц сайта нажмите кнопку «Опубликовать все страницы». Если у вас уже есть созданная папка, появится диалоговое окно с вариантами: «опубликовать все» или «только в этой папке».

Если у вас есть черновики страниц, которые не нужно публиковать, вы можете поместить их в отдельную папку (например, «Черновики» или «Draft»), которая не будет публиковаться, если вы выбираете опцию «Только в этой папке» вне папок. В этом случае будут опубликованы все страницы, кроме тех, которые находятся в указанной папке.

Если вы не хотите публиковать определенную папку вообще, даже при публикации всех страниц сайта, вы можете выбрать опцию «Архивная папка» в настройках соответствующей папки и сохранить изменения.

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

1. Дайте страницам сайта названия и описания (Title и Description).
2. Загрузите значки для использования в социальных сетях и фавикон для сайта.
3. Укажите понятные и читабельные URL-адреса страниц сайта (ЧПУ).
4. Добавьте теги H1, H2, H3.
5. Добавьте атрибуты alt к изображениям.
6. Создайте специальную страницу для 404 ошибки
7. Проверьте правильность перенаправления между протоколами https и http, а также запросы с www и без него
8. Убедитесь, что нет инструкции запрета индексации
9. Опубликуйте все страницы и проверьте соответствие рекомендациям по SEO
10. Зарегистрируйте ваш сайт в Google Search Console и Яндекс.Вебмастер

Таких действий достаточно, чтобы Google и Яндекс узнали о вашем сайте и начали показывать его в результатах поиска. Тем не менее, на какой позиции будет сайт и какие запросы будут приводить к его отображению, зависит от качества его содержимого, поведения пользователей (например, время проведенное на сайте или совершаемые действия), объема трафика, наличия ссылок на сайт с других ресурсов, а также от алгоритмов поисковых систем.

Индексация вашего сайта в поисковых сетях Google и Яндекс является очень важным шагом после его публикации. Для того чтобы ускорить процесс и обеспечить отображение вашего сайта в результатах поиска, вы можете вручную добавить его в поисковые системы. Но есть одно требование — у вас должна быть опубликована главная страница сайта. Для добавления вашего сайта в Google и Яндекс, перейдите в Настройки сайта, затем в раздел SEO и выберите либо Яндекс Вебмастер, либо Google Search Console. Затем нажмите «Подключить» и следуйте указаниям на экране, чтобы ваш сайт был зарегистрирован в выбранной системе.

Мы предоставляем подробности о процедуре подтверждения владения доменным именем в нашем информационном руководстве.

Имеется возможность быстрого доступа к Яндекс.Вебмастеру и Google Search Console через Настройки сайта → SEO. Здесь вы можете добавить свой сайт в поисковые системы Яндекс и Google, просмотреть ошибки, которые влияют на индексацию сайта, а также проверить его соответствие основным рекомендациям от поисковых систем. В настройках также есть возможность настроить редиректы страниц, загрузить иконки для браузера (фавикон) и включить протокол HTTPS.

Также, если вы используете Каталог товаров, в интерфейсе появится кнопка, которая позволяет добавить в Вебмастер дополнительный файл sitemap-store.xml. В этом файле будут содержаться ссылки для индексации всех опубликованных товаров вашего магазина.

Рекомендации SEO для оптимизации сайта

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

Как изменить название (тег Title) и описание (тег Description) страниц сайта

По умолчанию в результатах поисковых систем будет отображаться информация, указанная в Настройках страницы → вкладка «Главное».

Если вы хотите, чтобы данные для поисковых систем или социальных сетей отличались от тех, которые указаны в настройках страницы, перейдите на вкладку «SEO» (или «Соцсети» соответственно) в настройках страницы и нажмите кнопку «Настроить отображение в поисковой выдаче» (или «Настройки отображения в Соцсетях» соответственно).

Выберите соответствующие области ввода под названием «Заголовок» и «Описание» — они будут отображаться в результатах поиска после того, как сайт будет проиндексирован.

Настройте способ отображения в результатах поиска

Важно: каждая страница должна иметь уникальное название. Это означает, что у вас не может быть двух страниц с одинаковым заголовком «Блукрафт Бюро — услуги дизайнера интерьеров в Москве».

Как добавить теги H1, H2, H3

Укажите тег H1 для самого важного заголовка на странице.

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

Один тег H1 важен на странице. Если структура контента сайта четка, можно использовать теги h2 и h3 для заголовков на следующих уровнях. Эти теги могут быть несколько на странице, но они имеют слабое влияние на SEO.

ALT для изображенний

Используйте меню «Контент» и нажмите на многоточие рядом с загруженным изображением, чтобы задать альтернативный текст (тег alt).

Альтернативный текст (тег alt) отображается вместо изображения, если оно не видно (например, во время загрузки при медленном соединении).

Поисковые системы при индексации учитывают альтернативный текст в качестве ключевых слов, чтобы быть связанным с содержанием сайта. Если изображение используется в качестве фона, alt тег для него не нужен. Чтобы добавить alt тег для изображений в категории «Галерея», перейдите в меню «Контент» и щелкните ссылку «Текст» напротив загруженной картинки. Затем введите описание картинки в поле Image alt for SEO.

Установка параметрических URL-адресов (ЧПУ, понятные ссылки)

Чтобы настроить понятный URL-адрес страницы, пройдите в настройки страницы и установите URL-путь.

Понятные ссылки (ЧПУ) — это URL-путь, состоящий из слов, которые понятны пользователю, вместо системного адреса. Например, вместо /page4652188.html используйте /about. Такие понятные ссылки удобны для пользователей и помогают предположить содержание страницы.

В результате ваш URL-адрес страницы с ЧПУ будет выглядеть так: http://mysite.com/about

Как установить фавикон (favicon, иконку для браузера)

Фавикон — это значок веб-сайта или страницы. Он отображается в браузере перед названием страницы, а также в виде миниатюры рядом с закладками, на вкладках и в других элементах пользовательского интерфейса.

Для изменения иконки, отображаемой на вкладке браузера, вам потребуется перейти в Настройки сайта → SEO → Favicon.

Рекомендуется загружать фавикон в форматах .ico, .png и .jpg. Оптимальный размер изображения составляет 32×32 пикселя. Чтобы быть в курсе рекомендаций от Яндекса и Google, вы можете ознакомиться с ними.

Кроме того, можно загрузить иконку в формате .svg для светлой и темной темы браузера. Создать такую SVG-иконку можно с помощью сервиса стороннего разработчика. Следует учесть, что данный формат не поддерживается в некоторых браузерах, включая Safari и некоторые браузеры на платформе Android. Подробная таблица совместимости доступна для ознакомления.

Здесь доступно скачать значок, который будет отображаться в закладках Safari и при добавлении веб-сайта как приложения на рабочий стол (apple-touch-icon), а также значок и фон для иконок Android. Будет необходимо очистить кэш браузера и перезагрузить его после перепубликации сайта, чтобы показать новую иконку, так как некоторые браузеры, включая Chrome, сохраняют данные о старом видеозначке в кэше.

Как изменить название сайта на вкладке браузера

Название на вкладке браузера берется из названия страницы. Чтобы изменить его, откройте настройки страницы и введите новое название вашего сайта.

Ключевые слова

Для того чтобы указать ключевые слова, необходимо зайти в Настройки страницы → SEO → Отображение в поисковых результатах → Настройка отображения в поисковых результатах. Нужно перечислить ключевые слова через запятую. Сохраните изменения и опубликуйте страницу.

Товары: 

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

Откройте Справочник, перейдите в раздел продуктов → SEO. Введите основные слова через запятую. Сохраните внесенные изменения. 

Канонический (предпочтительный) URL страницы

Если один и тот же контент размещен на страницах с разными URL-адресами, одну из страниц следует сделать предпочтительной, то есть добавить метку rеl=»canonical». Это будет указывать поисковым системам, что данная страница должна быть включена в поиск, а дублирующую страницу игнорировать.

У каждого сайта, созданного с использованием Тильде, есть специальный URL-адрес вида http://project12345255.

Когда вы привязываете свой собственный домен к сайту (http://mysite.ru) и опубликовываете все страницы, адрес сайта автоматически становится основным (ему присваивается атрибут rеl=»canonical»). Страница с временным адресом по-прежнему доступна в браузере, но поисковые системы ее игнорируют, поскольку основной страницей является страница с привязанным доменом.

Не требуется никаких дополнительных действий.

Для SEO специалистов: чтобы изменить канонический адрес страницы, перейдите в раздел Настройки страницы → SEO → Отображение в результатах поиска → Задать специальные мета-данные → Каноническая ссылка на страницу.

Причина необходимости переадресации с http на https

В случае, если ваш веб-сайт доступен по адресам https://example.com и http://example.com, это интерпретируется поисковыми системами как две отдельные страницы с одинаковым контентом. Это может отрицательно сказаться на рейтинге страницы в поисковых результатах.

Протокол https, субдомен www и переадресации

Если вы настроили протокол https, рекомендуется настроить переадресацию с http на https. Это можно сделать в разделе Настройки сайта → SEO → Редиректы для www и https.

Если вы решили добавить субдомен www к вашему сайту, вам следует настроить перенаправление со страницы без www на страницу с www. Эту функцию можно найти в разделе «Настройки сайта» в меню «SEO». Там вы сможете настроить редиректы для www и использования протокола https.

Инструкция по осуществлению переадресации со старых ссылок на новые

Для выполнения переадресации с кодом 301 с использованием старых адресов на новые, необходимо перейти в раздел Настройки сайта, затем выбрать раздел SEO и перейти к пункту Редиректы страниц (code 301). Укажите старый и новый адреса страницы, опустив доменное имя и начиная с символа слэша (/). Щелкните кнопку «Добавить», а затем сохраните внесенные изменения.

Учтите, что переадресации работают только в рамках одного домена, если ранее у вас были старые ссылки на сайте Tilda или другом сервисе. Результаты переадресации могут быть кешированы в браузере. Часто при изменении правила переадресации может срабатывать старое правило, поэтому для проверки рекомендуется использовать внешние сервисы, например http://www.redirect-checker.org/.

Используйте блок T223, чтобы перенаправлять пользователей с одной страницы на другую. 301 редирект будет активирован только для несуществующих страниц. Примеры редиректов включают перенаправление со старой страницы /oldpage на новую /newpage, а также перенаправление со старой страницы /page32323.html на новую /newpage. Кроме того, вы можете использовать редиректы с адресами прошлого сайта, например, перенаправление со старой страницы /blog/page.php?xxx=yyy на новую /mytrip. Еще одна возможность — перенаправление с нескольких страниц на одну, например, перенаправление со страницы /blog/* на страницу /articles/.

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

Как создать страницу ошибки 404

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

Для добавления страницы ошибки 404 на вашем сайте, выполните следующие шаги: создайте новую страницу, настройте ее оформление, опубликуйте ее, а затем введите адрес страницы в разделе «Настройки сайта» -> «Еще» -> «Страница 404». Вам будет предоставлен список страниц, из которого вы можете выбрать нужную. После этого сохраните изменения и опубликуйте все страницы.

Важно не использовать адрес вида http://mysite.com/404, так как в этом случае будет отображаться стандартная ошибка Тильды.

Дополнительную информацию о том, зачем нужна страница 404 и как ее оформить, вы можете прочитать в следующей статье:

Почему ни один сайт не обходится без страницы 404.

Файлы robots.txt и sitemap.xml

Также важно иметь файлы robots.txt и sitemap.xml на своем сайте. Файл robots.txt необходим для управления индексацией страниц поисковыми роботами, в нем можно указать, какие страницы должны быть проиндексированы, а какие нет.

Файл sitemap.xml — это документ, предназначенный для поисковых роботов, который предоставляет подробную информацию о том, как контент организован на вашем веб-сайте. Это поможет роботам точнее индексировать страницы вашего сайта.

Изготовление обоих файлов автоматически осуществляется платформой Тильда, не требуя дополнительных действий со стороны пользователей.

Чтобы просмотреть эти файлы, достаточно добавить /robots.txt или /sitemap.xml к URL вашего веб-сайта, например:

http://mysite.com/robots.txt

http://mysite.com/sitemap.xml

Важно знать, что директива Disallow: без указания параметров в файле robots.txt не означает полный запрет на индексацию сайта. Фактически, она эквивалентна директиве Allow. Эта информация подтверждается официальной статьей Яндекса.

Воздействие социальных платформ на оптимизацию поисковых систем.

Социальные сети

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

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

В настройках страницы → Социальные сети → Отображение в социальных сетях и мессенджерах → Внешний вид в социальных сетях можно загрузить индивидуальный значок (предварительный просмотр страницы) для социальных платформ

Как оптимизировать текст для SEO на веб-странице

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

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

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

Обычно, оптимизация текста для SEO осуществляется следующим образом: сначала написан полезный текст, затем составлен список ключевых слов, после чего они вставляются в текст таким образом, чтобы не искажать его содержание и не перегружать текстовый материал.

Если в тексте присутствует слишком много ключевых слов, поисковики могут рассматривать это как спам и снижать позиции сайта в результатах поиска.

О том, как оптимально выбирать ключевые слова, вы можете ознакомиться в статье:

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

Запрет индексации сайта поисковиками

В случае необходимости, возможно запретить индексирование страницы или даже всего сайта поисковиками.

Для этого перейдите в раздел Настройки страницы -> SEO -> Отображение на странице поисковой выдачи -> Настройка отображения на странице поисковой выдачи и установите флажок «Запретить индексирование страницы поисковиками».

Для полного запрета индексации всего сайта перейдите в раздел Настройки сайта -> SEO и установите флажок «Запретить индексирование сайта поисковиками». Если вы хотите быть уверены, что поисковые роботы не получат доступ к сайту, вы также можете установить пароль на сайт на этой же странице.

Поиск нерабочих ссылок

Нерабочая ссылка представляет собой несуществующий url-адрес страницы. Адрес может быть изменен, страница может быть удалена, но ссылка остается на сайте и перестает работать.

Нерабочие ссылки негативно влияют на качество пользовательского опыта, и если таких ссылок много на сайте, это отрицательно сказывается на SEO.

Вы можете найти нерабочие ссылки на всем сайте или на одной его странице в разделе Настройки сайта → SEO → Поиск нерабочих ссылок или посетив страницу https://tilda.cc/ru/broken-links.

Ссылку, которая перенесет пользователя к определенному блоку на странице, можно создать двумя способами:

1. Вставьте специальный блок T173 – Якорная ссылка из категории «Другое» – в нужное место. В настройках блока T173 укажите желаемое название для якоря, например: «контакты». Теперь можно создавать кнопки или меню со ссылкой вида «#контакты», чтобы переходить к этому блоку. Сам блок будет невидимым.

2. Чтобы создать ссылку на любой блок, вам нужно вставить «#rec129000» в адрес ссылки. У каждого блока есть свой уникальный номер, который можно найти в настройках блока в контекстной панели «Настройки» (в самом низу). Обратите внимание, что при копировании страницы номера блоков изменятся и ссылки придется вставить заново.

Чтобы пользователь мог перейти к определенному месту на другой странице, поставьте ссылку вида: /адрес_страницы#название_якоря, где адрес_страницы – это адрес страницы, на которую нужно перейти, а название_якоря – это название якоря, указывающее на нужное место.

Если вы хотите, чтобы переход к блоку осуществлялся плавно, добавьте на страницу блок T178 – Плавный скролл до локальной ссылки – из категории «Другое» в библиотеке блоков.

Что такое favicon (фавикон)

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

Как изменить иконку

Чтобы изменить иконку, которая отображается на вкладке браузера, нужно перейти в раздел Настройки сайта → SEO → Favicon.

Фавикон можно создать в формате .ico, .png или .jpg. Желательный размер изображения составляет 32×32 пикселя. Также рекомендуется ознакомиться с рекомендациями от Яндекса и Google.

Кроме того, можно загрузить иконку в формате .svg для светлой и темной темы браузера. Для этого можно воспользоваться сторонним сервисом для создания SVG-иконок. Однако стоит помнить, что данный формат не поддерживается в некоторых браузерах, включая Safari и некоторые браузеры на Android. 

В разделе Настройки сайта также можно загрузить иконку, которая будет отображаться на закладках в Safari, а также иконку и фон для иконок на платформе Android.

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

С чего начать 

Для настройки шрифтов сайта перейдите в раздел Настройки сайта → Шрифты и цвета.

Там вы увидите галерею шрифтов, которые можно просмотреть и выбрать нажатием на кнопку «Выбрать». Этот шрифт будет применен к заголовкам и тексту.

Если вы хотите использовать внешний шрифт или разные шрифты для заголовков и текста, нажмите кнопку «Расширенные настройки».

На вкладке «Library» вы имеете возможность выбрать различные шрифты для заголовков и основного текста вашего сайта. Коллекция насчитывает более двадцати стандартных и премиум-шрифтов от наших партнеров, которые предоставляются бесплатно при подписке на нашу платформу.

Загрузка из внешних источников

Также, есть вкладки «Google Fonts», «Adobe Fonts» и «Upload Font», где вы можете загрузить шрифты из внешних источников. Ниже представлены подробные статьи по каждой из вкладок:

— Google Fonts: бесплатная коллекция шрифтов от Google;

— Adobe Fonts: доступ к огромному выбору шрифтов от Adobe;

— Upload Font: у вас есть возможность загрузить любой шрифт в форматах .woff и .woff2.

Подробные инструкции можно найти по переходу по соответствующим ссылкам.

Инструкция по навигации

Adobe Fonts

Огромная библиотека, разработанная компанией Adobe

Инструкция по навигации

CSS-файл

Добавление ссылки на внешний сервер CSS-файлов

Инструкция по навигации

Настройки шрифтов

Настройка размеров и шрифтов заголовков и текстов на сайте

На закладке «Шрифты и цвета» внизу настроек установите стандартные параметры размера, насыщенности и цвета для заголовков и текстов. Эти настройки будут применены глобально ко всем стандартным блокам на сайте, если не указаны другие настройки шрифтов.

Вы можете изменить параметры шрифта в стандартных блоках, используя раздел «Типографика», либо изменить параметры выделенного текста через верхнюю панель настроек шрифта в редакторе.

Настройки шрифтов через панель настройки текста в редакторе

Настройки загрузки шрифтов

По умолчанию текст на сайте отображается после загрузки файла шрифта, что может занимать некоторое время в зависимости от скорости интернет-соединения.

В разделе «Шрифты и цвета» → «Продвинутые настройки» сайта, вы можете выбрать настройку показа системного шрифта при загрузке, чтобы текст отображался сразу, но сначала в системном шрифте, а затем в выбранном вами стиле.

Регистрация домена

Для регистрации домена можно перейти на вкладку «Домены» или воспользоваться ссылкой tilda.cc/domains/.

На данной странице вы сможете получить бесплатный домен при покупке годовой подписки на любой из планов или приобрести домен через Тильду.

При покупке домена через Тильду, он будет приобретен у Reg.ru без каких-либо комиссий от Тильды, и всегда может быть передан на ваш аккаунт на Reg.ru. Обратите внимание, что если вы не являетесь резидентом РФ, то домен можно приобрести только на физическое лицо.

Начало работы

Для начала процесса регистрации нажмите на вкладке «Домены» кнопку «Зарегистрировать новый домен».

С помощью поиска проверьте доступность домена. Введите полное доменное имя только с расширениями .ru, .su, .рф. Если домен доступен, он появится ниже с пометкой «Свободен» или «Available».

Оплата

Оплатите домен и перейдите на страницу, где нужно будет ввести данные о владельце домена. При заполнении формы необходимо использовать латиницу и предоставить реальные данные, чтобы избежать проблем с подтверждением владения доменом в будущем. Домен будет зарегистрирован после заполнения анкеты.

Если вы регистрируете домен как частное лицо, в поле «Название компании» введите значение «Private person».

Привязка домена

На этой же странице вы можете немедленно привязать домен к вашему сайту в аккаунте, однако это также можно сделать позже на вкладке «Домен» в настройках сайта.

После этого домен будет проверен и появится в вашем списке на вкладке «Домены».

В настройках домена доступны несколько функций, таких как передача домена на аккаунт Reg.ru и установка NS-записей.

Блог обычно содержит страницу с ссылками на посты и отдельные страницы для каждого поста. В Тильде это можно сделать через список страниц или через Потоки.

Создание блога через список страниц

Этот метод подходит, если вы хотите обновлять блог 2-3 раза в неделю и каждому посту нужен уникальный дизайн и структура. Посты на блоге представлены отдельными страницами, которые можно изменять с помощью библиотеки блоков и Zero Block.

Вот инструкция:

1. Создайте несколько постов на отдельных страницах. Установите заголовок, описание и добавьте картинку.

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

Выберите один из блоков из категории «Список страниц» и добавьте его на главную страницу. Этот блок будет содержать ссылки на ваши посты.

3. В Контент блока отметьте свои посты. Название, описание и картинки будут автоматически загружены.

4. В настройках сайта выберите главную страницу с индексным блоком. Когда посетители заходят на ваш сайт, они увидят эту страницу.

Чтобы дальше добавлять новые посты, создайте и опубликуйте их на отдельных страницах. Затем перейдите на главную страницу и добавьте ссылку на новый пост в индексном блоке.

Как добавить пагинацию (отображение части контента или разделение блога на страницы)

Создание блога через Потоки

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

Обложка — это первое, что бросается в глаза человеку, когда он открывает страницу. Обложка несет информацию о содержании материала и возбуждает интерес читателя к его прочтению либо сообщает о уникальных достоинствах продукта, ярко объясняет, почему он стоит внимания. Часто обложка включает фоновое изображение — это может быть стильная фотография, атмосферное видео, просто цвет, иллюстрация или градиент, текстура.

Есть несколько вещей, которые необходимо знать, чтобы правильно работать с обложками и фоновыми изображениями и видео.

Видимая область браузера

В интернете, в отличие от печатной продукции, нет ограниченного размера видимой области браузера.

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

Фоновое изображение загружается в Контенте блока → Фоновое изображение.
Для достижения оптимального визуального эффекта мы предлагаем рекомендации по оптимальным параметрам фонового изображения.

Рекомендуемый размер фонового изображения:
Тип файла: jpg
Ширина: 1680 пикселей
Плотность пикселей: 72 dpi
Цветовая схема: RGB
Уровень сжатия: 10

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

Статья о том, как оптимизировать изображения для сайта
Перед выбором изображения, пожалуйста, прочитайте нашу статью «Как создать обложку» на Tilda Education. В ней вы найдете советы по созданию собственной обложки и ссылки на сервисы, где можно найти подходящее изображение.

Изменение формата текста

Текст — это ключевая составляющая обложки, поскольку он является первым сообщением, которое замечает пользователь сайта. Чтобы передать сообщение и установить акценты на обложках, используются заголовок, подзаголовок, описание и надзаголовок.
Наполнить текстом обложки можно двумя способами: с помощью блока «Контент» и при редактировании страницы, нажимая на текст.

Редактирование текста путем нажатия на блок

Редактирование текста в блоке «Контент»

Форматирование текста можно осуществлять как с помощью панели в верхней части, так и изменяя размер, цвет или прочие параметры текста в разделе «Настройки блока» -> «Типографика».

Используя верхнюю панель, вы можете форматировать текст.

Внесите изменения в настройки блока для изменения форматирования.

Если вам нужна стильная обложка, ознакомьтесь с практическими примерами сочетания текста и фонового изображения в статье «Как создать обложку», а также в статье «Уникальное предложение продажи (УТП) для вашего сайта», чтобы ваша обложка привлекала внимание уже в первые 10 секунд.

Измените высоту обложки

Узкая обложка — это обложка, не занимающая 100% по высоте, а около 60 или 70%. В таком случае она выполняет скорее утилитарную, чем имиджевую функцию, так как акцент переходит на информацию, следующую за ней.

Для формирования таких обложек имеется функция «Высота» в настройках блока. Выбор высоты может осуществляться в пикселях (например, 400px) или в процентах от высоты экрана (vh, где 1vh равно 1% области просмотра экрана). Предпочтительнее указывать высоту в vh.

Цвет обложки настраивается с помощью фильтров. Они применяются для тонирования фонового изображения, чтобы текст на обложке был читаемым.

Именно для этой цели в блоках категории «Обложка» предусмотрена настройка цвета фильтра. В данном примере был выбран одинаковый цвет фильтра для начала и конца обложки.
Иногда для полутонировки используют фирменный оттенок или основной цвет страницы.

Настройки фильтров в Разделе контента

К примеру, обложка нашего информационного центра — уровень полутонировки постепенно переходит в сплошной оранжевый оттенок.

Переход в оттенок следующего блока после обложки

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

Опции для настройки тонирования включают прозрачность и цвет. Установите значение прозрачности на максимум — 100% и выберите цвет, который будет использован в качестве заливки обложки. Если выбрать разные цвета, то на обложке будет гармоничный переход от одного цвета к другому.

Видео формат

Вместо статичного фонового изображения можно использовать видеоролик в качестве обложки. Есть два способа сделать это. Первый способ — добавить ссылку на ролик на YouTube в соответствующее поле раздела «Контент». Это позволит создать обложку с видео.

Непременно нужно учесть, что видео, отображаемое на обложке, не содержит звука.
Вы можете вставить ссылки на видео в форматах webm и mpeg4, используя онлайн-конвертеры, и разместить их на своем хостинге или на хостинге конвертера.

Перейдите в раздел «Контент обложки» и введите ссылки на две версии видео в обоих форматах.
Возможно, у вас возникнет вопрос, почему нужно предоставить два формата.

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

Загрузка видео

Сейчас нельзя загрузить свой видеофайл на Тильду, но можно воспользоваться сторонними сервисами, которые предоставляют прямую ссылку на файл. Некоторые популярные облачные сервисы также предлагают прямые ссылки на файлы. Например, чтобы получить прямую ссылку на файл в Dropbox, нужно заменить «dropbox.com» на «dl.dropboxusercontent.com» в ссылке. Вы также можете загрузить файл на свой собственный хостинг.

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

Мобильная версия

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

Форма на обложке

Дизайн обложек CR26 (одно поле подписки), CR26AN (форма с несколькими полями в строку), CR32 (вертикальная форма справа), CR34 (форма записи на обложке с таймером), CR36 (обложка с видео/изображением с одной стороны и формой с другой) включает в себя форму для ввода данных.

Для предварительного просмотра вида формы можно зайти в Библиотеку блоков и выбрать наиболее подходящий вариант на Обложке.

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

Статья-справочник о настройке процесса сбора данных

В обложках CR34 и CR35 есть встроенный таймер обратного отсчета до определенного момента в будущем. Это особенно удобно, если вы создаете страницу для акции или мероприятия.
Вы имеете возможность установить дату, время и часовой пояс, до которого произойдет обратный отсчет, в контенте этих блоков. Если дата установлена правильно, таймер появится на обложке. Конвертация обложки в Zero Block Блоки с обложками представляют собой примеры хорошего дизайна, которые автоматически адаптируются под любые устройства. Однако иногда возникает необходимость добавить элемент или создать собственную обложку. Для этого можно использовать редактор Zero Block. Справочная статья о Zero Block Многие блоки с обложками можно преобразовать в Zero Block для дальнейшей настройки. Для этого необходимо перейти в настройки блока, прокрутить вниз и нажать на кнопку «Конвертировать в Zero Block».

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

Например, можно изменить размер изображения сверху для обложки. Для этого можно использовать вертикальное изображение, квадратное, узкое горизонтальное или горизонтальное изображение с соотношением сторон 16:9.