raymond-hsu-eFBKa5Rw-0U-unsplash

Как создать сайт бесплатно

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

brett-jordan-B_j4LJbam5U-unsplash

SEO продвижение сайта на Tilda

Сайты, построенные на платформе Тильда, автоматически индексируются поисковыми системами. Ниже представлены 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.

Снимок экрана 2023-12-18 в 19.43.49

Как сделать первый экран или обложку

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

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

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

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

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

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

Рекомендуемый размер фонового изображения:
Тип файла: 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.

samantha-borges-gXsJ9Ywb5as-unsplash

Как задать главную страницу сайта

Установка начальной страницы (Home Page) для вашего проекта (сайта).


1

Откройте настройки вашего проекта (сайта).

2

Перейдите к разделу “Главная страница” в левом меню.

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

3

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

domenico-loia-hGV2TfOh0ns-unsplash

Подвал (footer) и шапка (header) для сайта

Для размещения блока на всех страницах сайта, таких как меню, необходимо создать отдельную страницу, на которую разместить элементы, которые должны присутствовать на всех страницах. Затем перейти в раздел Настройки сайта → Шапка и подвал и назначить созданную страницу в качестве шапки или подвала.
Шапка (header) – это блок, расположенный в верхней части страницы сайта и видимый на всех страницах. Обычно он содержит логотип, меню, контактные данные, переключатель языка или корзину, если на сайте есть несколько страниц и нужна общая корзина.
Чтобы создать шапку, создайте новую страницу и добавьте нужные элементы: меню или логотип. Затем перейдите в раздел Настройки сайта → Шапка и подвал и назначьте эту страницу в качестве шапки.
Подвал (footer) – это блок, расположенный в нижней части страницы и содержащий полезную, но не основную информацию. Он также виден на всех страницах сайта. В подвале можно разместить копирайт, название студии, которая разработала сайт, контакты. Иногда в подвале дублируются пункты меню. Подвал создается аналогично шапке: создайте новую страницу, оформите на ней подвал и затем назначьте эту страницу в разделе Настройки сайта → Шапка и подвал как подвал.
Чтобы шапка и подвал были видны, необходимо опубликовать все страницы, а не только те, на которые назначены шапка и подвал.
Как отключить шапку или подвал на отдельной странице:
Для отключения шапки или подвала на определенной странице, откройте Настройки страницы → Дополнительно → Не использовать шапку / подвал на этой странице.
Затем переопубликуйте страницу.
В шапку или подвал удобно добавить корзину, если у вас есть интернет-магазин с несколькими страницами.

visuals-JpTY4gUviJM-unsplash

Проблемы при подключении домена

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

Общие рекомендации

Нужно дождаться обновления А-записей

Процесс обновления IP-адресов в системе DNS обычно занимает от 3 до 24 часов. Сайт не будет доступным до момента обновления записей. Так что ожидание необходимо.

Очистите кеш страницы

Браузеры, особенно Google Chrome, хранят в памяти предыдущие версии страницы (кеш) и отображают их даже после подключения домена. Поэтому часто бывает так, что домен подключен, но изменения не видны. Попробуйте обновить страницу несколько раз.
Иногда простое обновление страницы не подходит. Очистите кэш и/или проверьте отображение веб-сайта на другом устройстве и через другую сеть.

Как выполнить очистку кэша:
Проверьте настройки веб-сайта на платформе Тильда. Убедитесь, что указали домен в разделе настроек и сохранили изменения.
Как указать домен в Настройках сайта на Тильде →
Опубликуйте страницы вашего веб-сайта. Если видите сообщение “Pages are not published”, опубликуйте страницы.

Публикация страницы →

Убедитесь, что схема редиректа настроена правильно. Если, при переходе на ваш веб-сайт по ссылке из поисковой системы, вы видите предупреждение о небезопасности, значит в Настройках сайта выбран пункт “Использовать схему HTTPS”, но HTTPS не настроен правильно.
Семейный прут-лист настроек на стороне владения
Проверка точности указания А-записей на стороне владения
В случае, если в поисковой строке вводится имя сайта без www, такое как mysite.com, убедитесь, что в настройках владения вы создали запись A для основного домена (во многих случаях это обозначается символом «@»).

В случае, если в поисковой строке вводится имя сайта, начинающееся с www, такое как www.mysite.com, убедитесь, что в настройках владения вы создали запись A с именем www.
Проверка правильности добавленных записей →
Общая инструкция по подключению домена →
Инструкции по настройке DNS известных регистраторов →
Убедитесь, что есть только одна А-запись для основного домена и поддомена www.
Проверка правильности добавленных записей →
Проверьте, что нет АААА-записей
АААА-запись мешает нормальной работе сайта на Тильде. Избавьтесь от нее.

Если вы не видите АААА-запись в списке записей на панели управления регистратора, но результат проверки указывает на ее наличие, обратитесь в службу поддержки регистратора и попросите удалить эту запись.
Проверка правильности добавленных сведений →
Убедитесь, что протокол DNSSEC нет.
DNSSEC может помешать надлежащей настройке области на Тильде. Отключите его на стороне регистратора области.

Проверка правильности добавленных сведений

Обратите внимание, что обновление сведений может занимать от 3 до 24 часов. Поэтому результаты проверок будут правильны только после обновления сведений.
Инструмент проверки Тильды
На Тильде доступен инструмент для проверки правильной настройки IP-адресов области.
Перейдите в Настройки сайта → Область.
В случае, если вы ещё не указали домен, заполните поле “CONNECT YOUR DOMAIN” и сохраните изменения.

Вы будете видеть результаты проверки.

Примеры ошибок

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

Google Admin Toolbox. Dig

Утилита Dig для проверки DNS-записей домена – REG.RU
Сервис 24whois.ru предоставляет возможность проверить DNS и работу сайта домена. Если ваши записи соответствуют инструкции и сделанные рекомендации не помогают, вам следует обратиться в службу поддержки регистратора вашего домена, то есть сервиса, через который вы приобрели домен.

Если вы хотите написать в службу поддержки регистраторов, то для Reg.ru вы можете оставить заявку на странице https://www.reg.ru/support/, а для Ru-center (nic.ru) вы можете написать на почту support@nic.ru.
Для связи с 2domains заполните форму через ссылку https://2domains.ru/contact
Свяжитесь с Timeweb по электронной почте support@timeweb.ru
Получите информацию о GoDaddy по телефону, указанному на странице https://ru.godaddy.com/contact-us.aspx
Сообщите в Nethouse через электронную почту support@nethouse.ru

*Чтобы узнать рекомендованный IP-адрес, перейдите в Настройки сайта → Домен → укажите домен → сохраните изменения → просмотрите рекомендованный IP и замените его примером.

image 1

Как включить HTTPS протокол на сайте

HTTPS – это протокол для защищенной передачи данных с использованием криптографического SSL-соединения. Чтобы настроить его, вам необходимо получить SSL-сертификат.

Подготовка к установке бесплатного SSL-сертификата

Перед получением сертификата вам нужно выполнить следующие действия:
1) Подключить домен в соответствии с инструкцией “Подключение собственного домена”;
2) Отключить перенаправления от HTTP к HTTPS и от www к без www, если они были включены;
3) Отключить применение схемы HTTPS и www для robots.txt;
4) Проверить, включена ли опция DNSSEC в регистраторе домена. Если она включена, отключите ее. Для проверки наличия этой опции вы можете использовать сторонние сервисы.

Как отключить перенаправление

Перейдите в раздел “Настройки сайта” → “SEO” → “Настройка постоянного перенаправления с кодом 301” и восстановите значение “по умолчанию”.
Как отключить схему для robots.txt
Перейдите в раздел “Настройки сайта” → “SEO” и снимите установленные ранее флажки для обоих пунктов в самом низу страницы.
Подключение домена в соответствии с инструкцией “Подключение собственного домена”.
Дождитесь 24 часов, чтобы все DNS-серверы обновили информацию о новом IP-адресе.
Пример настройки домена
Добавьте 2 записи типа “А” (для основного домена и www) и укажите IP-адрес, предложенный в настройках сайта.
После изменения IP-адреса домена, отключения перенаправлений и ожидания 24 часов, вы можете получить SSL-сертификат.
Для этого перейдите в раздел “Настройки сайта” → “SEO” → “Настройка HTTPS”.
Нажмите кнопку включения сертификата, чтобы начать процедуру.
Дождитесь 5-30 минут. Сертификат будет подключен, когда статус будет отображаться как “Защищенный протокол для сайта подключен”.
Проверьте работу HTTPS-версии сайта. Если вы хотите, чтобы сайт открывался только по HTTPS, перейдите в раздел “Настройки сайта” → “SEO” → “Редиректы для WWW, HTTPS” и выберите перенаправление с HTTP на HTTPS.

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

remotar-jobs-s5kTY-Ve1c0-unsplash (1)

Подключение своего доменного имени

Сайту может быть присвоен уникальный адрес. Возможно подключение доменного имени к сайту на Тильде двумя способами: через делегирование домена на NS-серверы Тильды или путем прописывания A-записей на стороне регистратора для функционирования сайта. При делегировании домена управление записями будет осуществляться с помощью Тильды и IP-адреса будут автоматически прописаны.

Какой способ выбрать?

Путем делегирования домена через указание NS-серверов Тильды, система сможет автоматически изменять оптимальные IP-адреса для сайта. Этот способ также позволит создавать поддомены главного домена для использования их в других проектах на Тильде, а также создавать TXT-записи для сторонних сервисов и MX-записи для почты домена.
Если вы хотите добавить дополнительные А-записи для вашего домена (например, для работы внешних сервисов на поддоменах), вам следует вручную указать эти записи на стороне регистратора в соответствии с инструкцией, представленной ниже.
Для делегирования домена на NS-сервера Тильды

Для делегирования домена на Тильду укажите следующие NS-серверы на стороне регистратора:

ns1.tildadns.com
ns2.tildadns.com

Изменение NS-серверов может занять до 24 часов.
Ознакомьтесь с инструкциями для регистраторов Reg.ru и Nic.ru (RU-CENTER)
После обновления DNS выполните следующие действия в управлении записями домена на Тильде. Начните с указания домена в административной панели сайта → Раздел “Домен” и проверьте подключение домена. Если NS-серверы заданы верно, появится уведомление “Управление DNS осуществляется через Тильду. Перейти к настройкам”. В таком случае домен будет успешно подключен.

Пройдите по предоставленной ссылке из данного уведомления для перехода к управлению доменом.

После перехода откроется панель управления доменом, в которой вы сможете установить настройки почты для домена, добавить дополнительные записи типа TXT и подключить поддомены основного адреса. Записи, необходимые для работы сайта на основном домене, будут автоматически установлены.
Для получения подробной информации о добавлении дополнительных поддоменов, записей MX и TXT, пожалуйста, обратитесь к подробной инструкции “Делегирование домена в DNS Тильды”.

Для подключения домена с помощью добавления A-записей для домена, необходимо использовать другой IP для национальных доменов в зонах .kz или .қаз. Более подробную информацию вы найдете в статье “Присутствие в Казахстане”.

Для национальных доменов в зонах .by или .бел, необходимо использовать другой IP. Более подробную информацию можно найти в статье “Присутствие в Беларуси”. Домен является адресом сайта, позволяющим найти сайт в сети. Если вы хотите подключить свой собственный домен (т.е. чтобы сайт был доступен по адресу вида http://mysite.com), вам нужно выполнить 3 шага.

Шаг 1 покупка домена

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

Шаг 2 указание домена в настройках Тильды

Перейдите в раздел настроек сайта, затем выберите вкладку “Домен” и укажите необходимый домен. Далее сохраните внесенные изменения. Система предложит оптимальный IP-адрес для Вашего сайта, который следует установить на стороне регистратора.

Шаг 3 Установка записей для домена на сайте регистратора

Для этого перейдите в раздел управления DNS, где следует добавить запись типа “A” и прописать соответствующий IP-адрес из раздела “Настройки сайта” → “Домен”. Обратите внимание на инструкцию по установке записей.

  • Детальное руководство по настройке регистратора REG.RU
  • Подробная инструкция по регистрации в RU-CENTER
  • Инструкция по настройке регистратора GoDaddy
  • Подробное руководство по регистрации у 2domains
  • Указания по регистрации в Timeweb
  • Инструкция по регистрации у Beget
  • Гайд по регистрации на ps.kz
  • Подробная инструкция по регистрации на hoster.by
  • Как добавить домен в настройках Тильда

В случае, если домен еще не прикреплен, будет отображено уведомление с указанием IP-адресов А-записей, которые требуется добавить в соответствии с инструкцией, представленной ниже. Если процесс настройки выполнен в соответствии с инструкцией, вероятно, происходит обновление DNS, которое может занять до 24 часов.

Как осуществить добавление А-записей на веб-сайте регистратора

Необходимо добавить запись типа А для основного домена через панель управления доменом (обычно называется “Управление DNS зонами”).
В случае, если ваш регистратор не предоставляет DNS-серверы по умолчанию, рекомендуется использовать DNS-серверы Тильды. Детальная инструкция по настройке доступна.
Для области основной резиденции
В примере: mounwebsite.com

  1. Войдите в управляющую панель управления своей ресурсной базисной областью
  2. Найдите подраздел с настройками области, подобные «сохранить нотацию в дизайне»
  3. Вставьте нотацию, подобную объявлению А, с указанием айпи-адреса, полученного посредством настройки ресурсной базисной области → Резиденция.
    В случае, если у вас имеются другие объявления подраздела А для основной резиденции, их следует удалить. Объявление А для резиденции может быть только одно, в противном случае невозможно обеспечить нормальную работу резиденции.
    Для подраздела области
    В примере: суб.researchaweb.com или www.researchaweb.com
    В настройках области укажите объявление А с айпи-адресом, перечисленным в настройках ресурсной базисной области → Резиденция.
    bУчтите, что добавление записей без использования Wildcard, таких как А или СNAME, является важным. Обычно такие записи начинаются с символа *, альтернативно, они имеют это значение в названии поддомена / поле Хост. Например, вот так:

*.example.com A 1.1.1.1
Внесение изменений может занять от 3 до 24 часов.
Если запись успешно вступила в силу, в настройках сайта → домен вы увидите сообщение о том, что всё в порядке и домен подключен правильно. В этом случае ваш сайт уже будет работать по этому доменному имени, если вы опубликовали все страницы и не ограничили доступ к сайту или странице.

le-buzz-studio-KiEiI2b9GkU-unsplash (1)

Tilda: как все устроено

Руководство по функциональности Тильда

Управление сайтами

Возможность создавать до 5 сайтов (при использовании тарифного плана Business) и привязывать каждый сайт к отдельному домену. На бесплатном и персональном тарифе можно создать только один сайт.

Управление сайтом

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

Создание новой страницы

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

Интерфейс редактирования страницы

Добавление блоков

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

Добавление и изменение содержимого блоков

Существует возможность добавления и изменения содержимого прямо на странице. Чтобы изменить текст, просто нажмите на него, а для добавления изображений перетащите их на страницу. Также можно воспользоваться меню “Контент” (оранжевая кнопка).

Настройка отображения блока

Каждый блок имеет свои индивидуальные настройки в зависимости от типа (изображение, текст, видео, кнопка). Блоки могут быть скопированы, перемещены, вырезаны, копированы и вставлены на текущую страницу, другую страницу или даже на другой сайт в рамках одного аккаунта.
Чтобы проверить, как будет выглядеть ваша страница в Интернете, прежде чем ее опубликовать, нажмите кнопку “Предпросмотр” во время процесса редактирования. Когда вы закончите и опубликуете проект (страницу), вы получите ссылку, которую можно использовать для доступа к ней. Важно отметить, что все изменения автоматически сохраняются.

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