Меню

Как настроить https tilda

Продвижение сайта на TILDA

В этой статье я хотел бы рассказать, как грамотно настроить сайт на TILDA c точки зрения SEO.

Бытует мнение что сайты на бесплатных движках, а особенно на движках, предназначенных главным образом для лендингов (одностраничных сайтов), не способны продвинуться в Топ 10 поисковиков. Отчасти это верно, в Топе по высокочастотным запросам не часто встретишь сайты на бесплатных движках. Исключение, пожалуй, составляет WORDPRESS, который, несмотря на доступность, довольно успешно продвигается, особенно в нишах блогов и информационных сайтов. Но TILDA определенно выигрывает у WORDPRESS простотой и дизайном. Если сайты, сделанные на WORDPRESS, зачастую неказистые и выглядят как из каменного века, то сайты на TILDA в общей массе выглядят довольно современно. Итак, перейдем к сути.

Первое, на что стоит обратить внимание при оптимизации сайта на TILDA, это раздел «SEO-РЕКОМЕНДАЦИИ». Чтобы попасть в этот раздел, Переходим в настройки сайта:

Далее, в левой колонке ищем раздел «SEO»:

Далее, находим раздел «Оптимизация для поисковых систем (SEO)», «SEO рекомендации» и кликаем «Посмотреть». Замечу, что эта кнопка работает только для платных тарифов:

Попадаем вот на такую страницу Рекомендаций:

Нам тут наиболее важен правый столбик, в котором указано, что на сайте нужно исправить. Итак, разбираем по пунктам:

Настройка тега H1 в TILDA

1.Заходим в админ-панели в редактирование нужной нам страницы

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

Блок настроек раздела с H1

3.Кликаем «Настройки» и мотаем клавишей стрелочки вниз. Попадаем на такое поле:

Настройка H1 в TILDA

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

Редактирование мета-тегов TITLE, DESCRIPTION в TILDA

Заходим в админ-панель страницы, справа сверху видим кнопку «Настройки»:

Кнопка «Настройки» в Tilda

Кликаем на нее, попадаем на модуль Настроек. Тут нам нужно выбрать раздел «FACEBOOK AND SEO»:

Настройки SEO страницы TILDA

Кликнув на раздел FACEBOOK AND SEO, находим раздел «Отображение в поисковой выдаче». Кликаем в этом модуле на «Задать специальные мета-данные», попадаем на такой модуль:

Модуль сео-настроек для страницы TILDA

  • Заголовок — содержимое мета-тега TITLE
  • Описание — содержимое DESCRIPTION
  • Ключевые слова — содержимое мета-тега KEYWORDS
  • Каноническая ссылка на страницу — содержимое REL=CANONICAL
  • Индексация — добавляет атрибуты NOINDEX, NOFOLLOW для страницы
  • Ссылки — закрывает ссылки от поисковиков в NOFOLLOW

Основные SEO-настройки сайта, сделанного на Тильда

Основные настройки SEO для TILDA находятся в настройках сайта. Как попасть в этот раздел я показал на самом первом скриншоте в этой статье.

Теперь давайте разберём, какие именно настройки включает модуль «SEO» для сайта:

Вы можете настроить HTTPS для своего сайта. По моим наблюдениям, HTTPS очень любит Google, думаю в скором времени в Топе будут только сайты с HTTPS. Однако SSL — сертификат удовольствие не дешёвое, минимум примерно 2000 рублей в год (и такой вариант еще надо поискать). Поэтому решайте сами, нужен сам SSL-сертификат в данный момент времени. Если вы не принимаете платежи на сайте, то его наличие не обязательно.

Про этот раздел я написал в самом начале, не буду останавливаться.

GOOGLE SEARCH CONSOLE

Тут вы можете привязать сайт к GOOGLE SEARCH CONSOLE, рекомендую это сделать, так вы будете вкурсе как GOOGLE относится к вашему сайту и по каким ключевым словам сайт ранжируется в GOOGLE.

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

РЕДИРЕКТЫ СТРАНИЦ (CODE 301)

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

Настройка 301 редиректов в Тильде

РЕДИРЕКТЫ ДЛЯ WWW, HTTPS

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

РЕДАКТИРОВАНИЕ ИКОНОК (FAVICONS)

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

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

ОПРЕДЕЛЕНИЕ ОСНОВНОГО АДРЕСА САЙТА В МЕТА-ФАЙЛАХ

Позволяет без влезания в код указать в адресе сайта WWW и HTTPS, если это нужно.

Читайте также:  Как настроить автоплатеж ситибанк

Ну вот пожалуй и всё, что нужно знать о seo-настройках TILDA. Остались вопросы? Задавайте!

Источник



Как настроить https tilda

Чтобы получить новый сертификат, перейдите в настройку HTTPS, нажмите на кнопку получения сертификата и скопируйте новый IP-адрес из сообщения. Затем укажите его в A-записях на стороне регистратора по аналогии с инструкцией ниже.

После этого подождите обновления DNS и вернитесь на страницу получения сертификата (Настройки сайта → SEO → Настройка HTTPS), чтобы выпустить его.

Перед тем, как получить сертификат, вам нужно:

1) изменить настройки DNS для домена и субдомена
2) отключить переадресации http→https и www→без www, если они были включены 3) отключите схему https и www для robots.txt

Зайдите на сайт вашего регистратора домена (например, reg.ru, godaddy, nic.ru), в личном кабинете откройте зону управления DNS.

1) Поменяйте значение IP адреса для записи А на: 185.129.100.112
2) Затем поменяйте настройки для субдомена. Удаляете запись CNAME и добавить еще одну запись А со значением субдомена (например, www) и адресом 185.129.100.112

Подождите 24 часа, чтобы чтобы все DNS серверы обновили информацию о новом IP.

Зайдите на сайт вашего регистратора домена (например, reg.ru, godaddy, nic.ru), в личном кабинете откройте зону управления DNS.

1) Поменяйте значение IP адреса для записи А на 185.129.100.113
2) Затем поменяйте настройки для субдомена. Удаляете запись CNAME и добавить еще одну запись А со значением субдомена (например, www) и адресом 185.129.100.113

Подождите 24 часа, чтобы все DNS серверы обновили информацию о новом IP.

Зайдите на сайт вашего регистратора домена (например, reg.ru, godaddy, nic.ru), в личном кабинете откройте зону управления DNS.

1) Поменяйте значение IP адреса для записи А на 77.220.207.191
2) Затем поменяйте настройки для субдомена. Удаляете запись CNAME и добавить еще одну запись А со значением субдомена (например, www) и адресом 77.220.207.191

Подождите 24 часа, чтобы все DNS серверы обновили информацию о новом IP.

Зайдите на сайт вашего регистратора домена (например, reg.ru, godaddy, nic.ru), в личном кабинете откройте зону управления DNS.

1) Поменяйте значение IP адреса для записи А на 45.155.60.8
2) Затем поменяйте настройки для субдомена. Удаляете запись CNAME и добавить еще одну запись А со значением субдомена (например, www) и адресом 45.155.60.8

Подождите 24 часа, чтобы все DNS серверы обновили информацию о новом IP.

После того, как вы поменяли IP для домена, отключили переадресации и подождали 24 часа, можно сгенерировать SSL сертификат.

Для этого перейдите в Настройки сайта → SEO → Настройка HTTPS.

Нажмите «Перейти к получению», чтобы сгенерировать бесплатный сертификат Let’s Encrypt.

1. Запись А указывает не на 185.129.100.112
Решение: поменять IP для записи A на 185.129.100.112

2. В DNS присутствуют лишние записи типа АААА.
Решение: убрать все АААА-записи для домена.

3. Записи домена в DNS еще не обновились
Решение: подождать 24 часа

4. В настройках сайта установлены редиректы http→https и www→без www
Решение: убрать редиректы в Настройках сайта > Аналитика и SEO > Тильда-панель вебмастера > Редиректы страниц

5. На сайт поставлен пароль или ограничен доступ по IP
Решение: Убрать ограничения доступа к сайту в Настройках страниц > Ограничить доступ

6. Не назначена главная страница
Решение: назначить главную страницу в Настройках сайта > Главная страница

7. Главная страница не опубликована
Решение: Опубликовать главную страницу

1. Запись А указывает не на 185.129.100.113
Решение: поменять IP для записи A на 185.129.100.113

2. В DNS присутствуют лишние записи типа АААА.
Решение: убрать все АААА-записи для домена.

3. Записи домена в DNS еще не обновились
Решение: подождать 24 часа

4. В настройках сайта установлены редиректы http→https и www→без www
Решение: убрать редиректы в Настройках сайта > Аналитика и SEO > Тильда-панель вебмастера > Редиректы страниц

5. На сайт поставлен пароль или ограничен доступ по IP
Решение: Убрать ограничения доступа к сайту в Настройках страниц > Ограничить доступ

6. Не назначена главная страница
Решение: назначить главную страницу в Настройках сайта > Главная страница

7. Главная страница не опубликована
Решение: Опубликовать главную страницу

1. Запись А указывает не на 77.220.207.191
Решение: поменять IP для записи A на 77.220.207.191

2. В DNS присутствуют лишние записи типа АААА.
Решение: убрать все АААА-записи для домена.

3. Записи домена в DNS еще не обновились
Решение: подождать 24 часа

Читайте также:  Как настроить пилотный проект в камине

4. В настройках сайта установлены редиректы http→https и www→без www
Решение: убрать редиректы в Настройках сайта > Аналитика и SEO > Тильда-панель вебмастера > Редиректы страниц

5. На сайт поставлен пароль или ограничен доступ по IP
Решение: Убрать ограничения доступа к сайту в Настройках страниц > Ограничить доступ

6. Не назначена главная страница
Решение: назначить главную страницу в Настройках сайта > Главная страница

7. Главная страница не опубликована
Решение: Опубликовать главную страницу

1. Запись А указывает не на 45.155.60.8
Решение: поменять IP для записи A на 45.155.60.8

2. В DNS присутствуют лишние записи типа АААА.
Решение: убрать все АААА-записи для домена.

3. Записи домена в DNS еще не обновились
Решение: подождать 24 часа

4. В настройках сайта установлены редиректы http→https и www→без www
Решение: убрать редиректы в Настройках сайта > Аналитика и SEO > Тильда-панель вебмастера > Редиректы страниц

5. На сайт поставлен пароль или ограничен доступ по IP
Решение: Убрать ограничения доступа к сайту в Настройках страниц > Ограничить доступ

6. Не назначена главная страница
Решение: назначить главную страницу в Настройках сайта > Главная страница

7. Главная страница не опубликована
Решение: Опубликовать главную страницу

Источник

Как сделать сайт на Тильде: пошаговая инструкция

Автор статей и SMM-специалист Svoemedia Ирина Сорогина рассказала о первом опыте создания сайта на Тильде ― о том, с какими сложностями столкнулась и сколько времени на это ушло.

Я занимаюсь контентом, но захотела сделать лендинг онлайн-курса на Тильде. Чтобы сайт получился сильным, я расспросила об этапах создания сайта коллегу Антона Чикова — главного дизайнера оперативной группы Svoemedia. Советы Антона включила в этот материал.

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

Структура сайта

Структура сайта зависит от задачи и типа сайта. Например, студии дизайна интерьера нужно показать готовые проекты, а организатору онлайн-курса — рассказать о программе.

У многостраничников и интернет-магазинов своя структура, а у лендингов ― традиционная: оффер на первом экране, описание компании или продукта, призыв к действию, преимущества, отзывы и контакты.

Сайты на Тильде состоят из блоков и страниц. Один блок — один экран.

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

Количество блоков на сайте неограниченно, всё зависит от задач. Чем сложнее задача, тем больше блоков нужно: для сайта пейнтбольного клуба хватит 6‒7 блоков, а продавцу буровых установок может не хватить пятнадцати.

Подготовка контента для сайта

Дальше я подготовила текст и фотографии. Вот несколько советов по подготовке текста:

  • Текст должен быть простым и понятным. Представьте, что вы рассказываете клиенту о своей компании или продукте. Так всё и запишите, а потом перечитайте вслух.
  • Выделите главное и добавьте интересные подробности. Не старайтесь расписать на сайте всё, что возможно.
  • Включите зануду: придирайтесь к словам, найдите неясные моменты, ответьте на свои вопросы.

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

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

Используйте свои иллюстрации или покупайте на стоках. Мы берём фото с Энвато — недорого и с коммерческой лицензией. Обратите внимание на оптимальный размер фото для Тильды — 1680px по большей стороне.
Если у вас много иллюстраций на сайте, сожмите их. Иначе у пользователя с нестабильным интернетом сайт не загрузится и он уйдёт. Сжимать фото можно на бесплатном сервисе Optimizilla.

Прототипирование

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

В Svoemedia делают прототипы и согласовывают проекты сайтов в Фигме: в ней удобно работать командой и не приходится менять дизайн в Тильде.

Шрифты, цвета, иконки

Для начинающих самый простой способ подобрать шрифт и цвет — подсмотреть на других сайтах по схожей тематике. Несколько ресурсов, где можно вдохновиться: One Page Love, Lapa Ninja, Land-Book.

Если у вас уже есть корпоративные цвета и шрифт, используйте их. Шрифт и цвета можно посмотреть с помощью расширения для Google Chrome CSS Pepper.

Читайте также:  Как настроить электрогитару под метал

Лучше не использовать на сайте больше 2‒3 цветов. Один цвет — основной, остальные — акцентные.

Советуем не использовать больше двух разных шрифтов. Лучше пользоваться шрифтовыми парами, уже подобранными дизайнерами Тильды. Забудьте о курсиве и шрифте Roboto — он «состарит» сайт».

Я не стала искать иконки, решила ограничиться стандартными иконками Тильды. Мои коллеги-дизайнеры для поиска иконок пользуются сайтами Flaticon или Thenounproject. На первом сайте иконки бесплатные, их можно скачать в любом цвете и в формате SVG. На втором сайте — хорошие подборки, можно найти несколько разных иконок в едином стиле.

курс

Введение
в цифровой дизайн

  • Научитесь с нуля создавать рекламную графику, макет сайтов и анимацию для видеопроектов
  • Получите готовые дизайн-работы в своё портфолио
  • Разберёте востребованные задачи в digital: от вёрстки баннеров до оформления соцсетей

Вёрстка в Тильде

Вёрстка сайта заняла один день. Чтобы быстро собрать сайт на Тильде, я взяла готовый шаблон. Впоследствии от него осталось только три блока, остальное я добавляла из библиотеки блоков Тильды.

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

Вот несколько блоков моего лендинга:

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

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

Мысленно проведите две линии слева и справа ― элементы сайта не должны выходить за эти линии.

Отрегулировать ширину блока можно в его настройках. Можно установить ширину 12 колонок.

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

  • Загрузите видео на обложку вместо фото. Это просто сделать, и сайт будет выглядеть эффектно.
  • Подключите анимацию к блоку. Когда на сайте всё движется, информацию тяжело воспринимать, поэтому лучше с ней не перебарщивать.
  • Разбавьте стандартные блоки zero-блоками. С их помощью картинку или текст располагают в определённом месте, а не там, где они размещены в стандартных блоках. Но потом этот блок придётся отдельно адаптировать для мобильных устройств.

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

Действия перед публикацией сайта

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

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

  • Проверить ссылки — в правильное ли место они ведут.
  • Проверить, как сайт выглядит на мобильных устройствах, если вы использовали zero-блоки.
  • Настроить и протестировать формы приёма данных.
  • Сделать базовое SEO. П рописать заголовки: H1, H2, H3 и так далее. Заголовок H1 содержать ключевой запрос, по которому будут искать ваш сайт. Также нужно прописать title и description ― их видно в поисковике и когда отправляете ссылку на свой сайт.
    Тильда позволяет прописать разные варианты заголовка и описания для отображения в поисковой выдаче и при шеринге в социальных сетях.
  • Добавить документы о защите персональных данных, если собираете информацию о пользователях: имя, e-mail, телефон и другое.
  • Добавить фавикон и бейджик для соцсетей.
  • Подключить домен.
  • Включить индексацию в настройках сайта.
  • Проверить оптимизацию для поисковиков через Тильда-панель вебмастера.

Что в итоге

Чтобы сделать сайт на Тильде, за который не будет стыдно, нужно продумать структуру, написать текст, подобрать картинки, собрать всё в Тильде, оптимизировать, протестировать и опубликовать.

Чтобы сайт получился достойным, вдохновляйтесь сайтами из вашей ниши. Смотрите, что в них работает и почему, применяйте лучший опыт на своём сайте.

Создание лендинга заняло 2 дня: один на подготовку контента и прототип и день на вёрстку в Тильде, оптимизацию и тестирование.

Источник