Seo-оптимизация сайта на Тильде — полное руководство

🗓️ Обновлено: 18.12.2020
💬Комментариев: 5
👁️Просмотров: 138

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

Всем скептикам и тем, кто считает, что Тильду нельзя вывести в топ, скажу так:

В моем запасе на момент написания статьи есть кейс вывода в топ мультиязычного сайта, лендинга!, интернет-магазина и блого-статейного сайта по Блокчейну на американский рынок.

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

Так что… если вы хотите вывести сайт на Тильде в топ, то вперед, читаем эту статью и другие материалы, и интенсивно работаем над сайтом.

Статья подготовлена для тех наших читателей, которые уже понимают и знают, что такое мета-теги, альты и прочие seo-примочки. Если все же для начала вам нужно разобраться с понятиями SEO и узнать, зачем оно вообще нужно, то предлагаю вам ознакомиться с подробнейшей статьей от Владимира Самойлова под названием «SEO оптимизация для новичков — Подробный гайд: что важно, что нет, с чего начать».

О всех важных моментах оптимизации сайтов на Тильде поговорим далее.

Настройка мета-тегов в Тильде

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

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

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

Можно сразу задать значения для meta-заголовка и описания в открывшейся вкладке, но я рекомендую перейти на вкладку «Facebook and Seo»:

На этой вкладке вы сможете задать заголовки и описания отдельно для Facebook и для Seo. Опускаемся вниз и видим кнопку «Задать специальные meta-данные»:

Meta-title

В поле Заголовок вписываем ваш meta-title. Напомню, что оптимальная длина для заголовка 50-70 символов. Для примера я впишу свой подготовленный заголовок:

Заказать ремонт квартиры в Киеве от 550 грн./кв.м.

Meta-description

В поле Описание вписываем ваш meta-description. Оптимальная длина для описания 120-158 символов. Но вы должны помнить, что лучше вмещать весть текст описания в 120 символов, чтоб правильно отображаться в мобильной выдаче. Для примера я впишу подготовленное описание:

Ремонт квартиры под ключ в Киеве и Киевской области. Отличные отзывы. Расчет стоимости. Получить скидку

Рекомендую использовать инструмент для проверки длины meta-данных по этой ссылке или любой другой.

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

Сюда необходимо вставить ключевые слова из вашего семантического ядра. Добавляйте не более 5 слов на страницу. В моем случае я добавлю такое:

Ремонт квартиры, киев, киевская область, цена, отзывы

Канонический адрес страницы

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

Индексация и ссылки

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

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

Сохраняем все изменения, которые мы проделали.

Какие мета-данные вы получите

В итоге вы получите следующее:

Для Facebook вы можете продублировать мета-данные, а можете что-то подкорректировать.

[blognotice text=»Помните, что мета-данные должны быть уникальными для каждой страницы»]

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

У каждой страницы сайта должен быть как минимум заголовок H1. Рекомендую вам также задействовать H2 и H3. В некоторых сложных случаях можно использовать остальные заголовки H4, H5 и H6. Чем качественнее будет ваша разбивка информации на странице, тем лучше ее будут воспринимать посетители и поисковые системы.

Назначить заголовки вы можете как в стандартном, так и в zero блоках.

Заголовки в стандартных блоках

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

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

Заходим в настройки блока, прокручиваем вниз и видим свойство «SEO: ТЕГ ДЛЯ ЗАГОЛОВКА»:

Выбираем нужный нам заголовок H1 и сохраняем. После этого, в моем случае, текст «Ремонт квартир в Киеве» станет заголовком H1.

Заголовки в ZERO блоках

В Zero блоках все еще намного проще. Заходим в Zero, находим нужный нам текстовый элемент и ищем в его свойствах «TAG»:

Выбираем нужный нам заголовок.

Свойство ALT для изображений в Тильде

Довольно важное свойство для Seo, которое также может вам помочь попасть в специальную подборку Картинок в поиске. Это также может привлечь дополнительный трафик на сайт.

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

ALT в стандартных блоках

Заходим в КОНТЕНТ стандартного блока. Находим интересующую нас картинку. Справа напротив изображения вы увидите многоточие.

После клика на многоточие под фото появится дополнительное поле «SEO: АЛЬТ-ТЕКСТ ДЛЯ ИЗОБРАЖЕНИЯ», куда вы можете вставить подпись картинки:

ALT в ZERO блоках

Дела обстоят просто и в zero блоках. Переходим в Zero? находим нужную картинку и открываем ее свойства. Ищем раздел ALT:

Подключение инструментов индексации Google и Яндекс к сайту на Тильде

Речь пойдет о подключении Google Search Console и Яндекс Вебмастера. Это важные инструменты продвижения, без которых будет сложно анализировать выдачу, поведение страниц, поисковые запросы и многое другое.

Подключение Google Search Console

Если ваш сайт еще не добавлялся в Search Console

Для начала нужно его туда добавить. Перейдите на сайт https://search.google.com/search-console/welcome

Введите адрес сайта и нажмите кнопку Продолжить:

Дальше открывается окно «Подтверждение права собственности» на ваш сайт. Найдите там раздел «Тег HTML» и нажмите кнопку «копировать»:

Дальше переходим в настройки сайта на Тильде и ищем вкладу ЕЩЕ. Опускаемся в самый низ и находим раздел «Подтверждение прав»:

Теперь вспоминаем, что мы скопировали тег в Search Console. Нам он нужен не весь, а только его содержимое внутри кавычек после content=

В моем случае я скопировал следующее

<?php
<meta name="google-site-verification" content="X7zJlFvt1SdfEa9s2affdt0WRoqYmX4VShj9UGW-b9Q" />
?>

Значит вставлю в настройки Тильды только это:

X7zJlFvt1SdfEa9s2affdt0WRoqYmX4VShj9UGW-b9Q

Сохраняем изменения и переходим на страницу Search Console. Нажимаем кнопку «Подтвердить»:

Права подтверждены, и с этого момента вы можете остлеживать и анализировать состояние сайта в Google.

Если ваш сайт уже был добавлен в Google Search Console

Зайдите в настройки сайта в Тильде. Перейдите во вкладку SEO/ Вам нужен раздел «GOOGLE SEARCH CONSOLE». Нажмите на кнопку «Редактировать»:

После этого нажимайте кнопку «подключить». Откроется окно с выбором аккаунтов Google. Вам нужно предоставить доступ Тильде к тому аккаунте, где находится ваш сайт в Search Console.

Подключение Яндекс Вебмастер

Если сайт еще не был добавлен в Яндекс Вебмастер.

Мы пойдем по тому же пути, как и в случае с Google Search Console — подтвердим права через мета-тег.

Переходим на сайт https://webmaster.yandex.ru/sites . В верхней части нажимаем на плюсик:

Вводим адрес сайта и нажимаем кнопку «Добавить»:

После этого открывается окно подтверждения прав на сайт, в котором сразу предлагается нужный нам вариант подтверждения через мета-тег. Копируем только часть кода между кавычками после content=

В моем случае это будет такой код:

8c5aca46ff06fdc4

Далее переходим в Тильду. Откройте настройки сайта. Нужна вкладка «Еще». В самом низу ищите раздел «Подтверждение прав»

Вставляем сюда наше значение и сохраняем изменения.

Возвращаемся в интерфейс Яндекс Вебмастера и нажимаем кнопку «Проверить»:

Вы подтвердили права на сайт успешно.

Если ваш сайт уже был добавлен в Яндекс Вебмастер

Зайдите в настройки сайта на Тильде. Вам нужна вкладка «Seo». Там вам нужен раздел «Яндекс Вебмастер». Нажимайте кнопку «Редактировать»:

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

SEO-рекомендации Тильды

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

Заходим в настройки сайта, во вкладку SEO. Ищем там раздел SEO-рекомендации и нажимаем кнопку «Посмотреть»:

Появляется вот такое окно (у меня всего одно замечание, так как сделал вам страницу для примера, а не полноценный сайт):

Тильда подскажет, на какой странице и что конкретно вам нужно исправить.

Так что, не забывайте про этот инструмент.

Подключение аналитики к Tilda

Без анализирования сайта и процессов продвижения у вас не получится вовремя реагировать на какие-то моменты, улучшать страницы и поведение пользователей. Поэтому, естественно, Тильда позволяет подключить к сайту различные счетчики. Два самых популярных Google Anylyitics и Яндекс Метрику можно подключить в Настройки сайта -> Aналитика. Другие счетчики можно поставить через «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» в Настройки сайта -> ЕЩЕ

Подключение Google Analytics

Переходим на сайт https://analytics.google.com/ и регистрируем ваш новый счетчик.

После прохождения регистрации вам необходимо зайти в пункт меню «Администратор»:

Находим пункт «Отслеживание» и нажимаем на него Потом кликаем по «Код отслеживания»:

В открывшейся странице ищем «Идентификатор отслеживания» и копируем его:

Переходим в настройки сайта Тильды на вкладку «Аналитика»:

Кликаем «вручную» и вставляем скопированный идентификатор.

Гугл аналитика подключена к Тильде.

Подключение Яндекс Метрики

Переходим на сервис Яндекса https://metrika.yandex.ru/

Вверху слева будет кнопка «Добавить счетчик»:

Жмем и переходим дальше. Заполняем поля имени счетчика, адрес сайта, читаем и соглашаемся с условиями пользовательского соглашения и нажимаем кнопку «Создать счетчик»

Опускаемся в самый низ страницы и жмем «Начать пользоваться»

На новой странице вы увидите свой новый счетчик в списке всех счетчиков (или только одного). Вам нужно скопировать его идентификатор:

Теперь переходите в настройки Тильды на вкладку «Аналитика». Вам нужен раздел Яндекс Метрики. Кликаем на «вручную» и вставляем идентификатор:

ВАЖНО!

На вкладке «Аналитика» в настройках сайта Тильды внизу есть специальное поле «Выключить отложенную инициализацию счетчиков и пикселей»:

По умолчанию галочка снята. Зачем это нужно? Ответ прост — таким образом скорость загрузки сайта существенно улучшается. А это в свою очередь хорошо влияет на оценку поисковикам технической стороны сайта. Есть только один минус — статистическая погрешность в эти 2 отложенных секунды. Если же для вас это существенная погрешность, то поставьте галочку.

Скорость загрузки сайта на Тильде

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

В Тильде реализованы:

  • CDN
  • оптимизация картинок под разные разрешения
  • компиляция кода
  • отложенная загрузка сервисов аналитики
  • Lazy load для картинок

Все это работает как часы. Главное придерживаться 2 важных моментов:

  1. оптимизировать картинки перед добавлением их в Тильду. В этом помогут такие сервисы как: compressor.io , tinyjpg.com или скачать приложение XNConverter или ImageOptim. C помощью этих инструментов можно значительно уменьшить вес картинки, практически не уменьшая качества. Помните, что оптимальный размер файла картинки не может превышать 200 Кб (даже для обложек).
  2. не отключать Lazy Load в настройках сайта и в zero-блоках у картинок.

Подключение SSL-сертификата https

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

Нажимаем кнопку «Редактировать» в настройках HTTPS. На новой странице вам нужно включить HTTPS легким движением переключателя:

После этого через 5-30 минут сайт уже будет доступен по безопасному соединению.

Как только сайт стал открываться по https:// рекомендую в той же вкладке настроек сайта SEO опуститься вниз страницы и выбрать такую схему:

Далей, найдите раздел «РЕДИРЕКТЫ ДЛЯ WWW, HTTPS» и перейдите в него:

Рекомендую выбрать такие же настройки и сохранить:

Страница 404 на Тильде

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

Сначала вам ее нужно создать. Я рекомендую использовать на этой странице кнопку «На главную» или другие кнопки для улучшения навигации посетителя. Очень неплохой пример такой странице ниже на скрине:

Кстати, подробности о том, как правильно создать страницу 404 я описал в этой статье. Создали? Тогда идем дальше. Заходим в настройки сайта — вкладка «Еще». Вам нужен раздел «СТРАНИЦА: 404 ОШИБКА». Выберите вашу страницу 404 среди всех:

Сохраните изменения и переопубликуйте все страницы сайта. Страница 404 готова.

Добавление микроразметки в Тильду

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

Для генерирования микроразметки можно воспользоваться простым и понятным инструментом на сайте https://webcode.tools/json-ld-generator:

Выбираем наиболее подходящий раздел для вашей страницы.Затем заполняем требуемые поля и копируем код:

Переходим в настройки страницы во вкладку «Дополнительно»:

Опускаемся вниз и ищем раздел «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD». Нижимаем кнопку «Редактировать» и вставляем скопированный код:

Теперь сохраним изменения и опубликуем страницу.

ВЫВОДЫ о SEO для ТИЛЬДЫ

Как вы видите, seo оптимизация сайта Тильды довольна проста. А главное, в интерфейсе можно реализовать абсолютно все необходимые настройки.

Реализовать seo-оптимизацию сайта на Tilda возможно даже без знаний кода. Как вы видели в этой статье, все довольно доступно и понятно реализовано в интерфейсе Тильды.

Для вас мы записали Видео, возможно оно будет более наглядным примером:

Статья была полезной?
👍
Да - 0
👎
Нет - 0
💬 Комментарии:
Руслан

Спасибо, не хватало такого объемного материала. Почти все вопросы закрыты))

Скажите, влияет ли количество страниц на сайте на успешное продвижение? То есть, чем больше страниц тем лучше..

Кирилл Черепахин

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

Макс

Подскадите пожалуйста.
В настройках страницы как лучше:
Назвать страницу коротко или длинно?
Я озадачен формированием кнопочек в сниппете. Если коротко, например серьги, то яндекс так и напишет.
А если длинно например модные сережки из дерева — то как он напишет?
Но длинное название, наверное хорошо для сео.
Буду признателен за ответ ибо не нашел в поиске

Кирилл

Для продвижения важно заполнить Title и Description страницы. Они должны содержать ключевые фразы, которые назначены этой странице. Например в вашем случае, возможен такой вариант написания заголовка страницы : Купить серьги в ГОРОДЕ — цены на серьги — Серьги купить в интернет магазине «НАЗВАНИЕ». В настройках страницы в тильды вы можете это сделать в вкладке ГЛАВНОЕ — https://prnt.sc/24xdwn9 . Тогда и в списке всех страниц вашего проекта, и в снипетах эта страница будет называться именно так. Отдельно для соц сетей и для seo заголовок и описание можно назначить здесь: https://prnt.sc/24xeobh

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Наш рейтинг
🏆Лучший хостинг для сайта
Где учиться
🧑‍🎓Рекомендуемые курсы
Проверка знаний
🤔Хорошо ли вы знаете CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Very Peri
🤔Цвет 2022 года
Институт цвета Pantone объявил цвет 2022 года. Это сиреневый оттенок под названием 17-3938 Very Peri.
#6667ab