SEO на Tilda: настройка с нуля до топа

Подходит ли Tilda для SEO

Сначала плюсы, потому что их недооценивают. Код Tilda отдаёт чистый — без мусора самописных конструкторов. Адаптивность зашита в каждый блок, мобильная версия работает без бубна, а это половина ранжирования. Скорость на простых страницах приличная: статика, CDN, lazy load картинок по умолчанию. Robots.txt и sitemap.xml платформа отдаёт сама.

Теперь минусы, про которые молчат на курсах «сайт за вечер». Структура url негибкая: ты задаёшь только хвост адреса, но вложенность типа /catalog/category/product собрать чисто сложно — Tilda тянет к плоской структуре. На больших каталогах это боль: фильтры, пагинация, тысячи карточек — не её сценарий. Вес страницы растёт быстро, если налепить анимаций и зеро-блоков. И ты привязан к тому, что даёт интерфейс: нет доступа к серверу и тонкой настройке заголовков ответа.

Вывод простой. Лендинг, сайт услуг, личный бренд эксперта, магазин на 50-300 позиций — Tilda вывезет в топ при нормальной настройке. Маркетплейс на 5000 SKU — бери другое. Если сомневаешься, подходит ли твой проект, разбираю это в услуге по SEO на Tilda.

Базовая настройка

Это фундамент. Без него остальное бессмысленно — поисковик просто не увидит сайт нормально.

Свой домен. Настройки сайта → «Домен». Подключаешь свой site.ru вместо проект.tilda.ws. Поддомен Tilda в индекс лучше не пускать: это чужой адрес, вес копится не тебе. Прописываешь две A-записи на IP Tilda по их инструкции у регистратора — пошагово в FAQ Tilda «Как подключить свой домен».

HTTPS. После привязки домена в том же разделе включается бесплатный SSL от Tilda. Проверь, что сайт открывается по https и идёт редирект с http. Без замка в адресной строке Яндекс и Google режут доверие.

Вебмастер и Метрика. Настройки сайта → «SEO» есть кнопки подключения Яндекс.Вебмастера и Google Search Console — жмёшь и проходишь верификацию по подсказкам. Метрика — Настройки сайта → «Аналитика», вставляешь номер счётчика, код подхватывается на всех страницах. Как это устроено у Tilda — в FAQ «Как добавить сайт в поиск Google и Яндекс».

Robots и sitemap. Tilda генерит их сама: site.ru/sitemap.xml и site.ru/robots.txt доступны сразу после публикации на домене, карта в sitemap прописана автоматически. Тебе остаётся один раз отдать её в Вебмастер и Search Console — дальше она обновляется сама. Подробности — в FAQ Tilda «Как добавить robots.txt и sitemap.xml».

Мета-теги для каждой страницы

Тут начинается ручная работа, которую большинство пропускает. Каждую страницу настраиваешь отдельно: открываешь страницу в списке → шестерёнка (Настройки страницы) → вкладки «Главное» и «Facebook и SEO».

Title. Поле «Заголовок страницы (title)» — то, что видно в выдаче и во вкладке браузера. Пиши под запрос плюс конкретику: не «Главная», а «SEO на Tilda под ключ — настройка и продвижение». До 60-65 символов, ключ ближе к началу.

Description. Поле «Описание страницы (description)». В ранжирование напрямую не идёт, но это твой рекламный текст в сниппете — от него зависит кликабельность. 150-160 символов, по делу, с призывом.

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

ЧПУ-url. Поле «Адрес страницы (URL)» в тех же настройках. Вместо page12345.html пишешь человекопонятное: seo-na-tilda. Латиница, через дефис, без подчёркиваний. Меняешь до публикации и индексации — потом это смена адреса и потеря позиций. Подробнее про Title, Description и H1 — с примерами.

OG для соцсетей. Вкладка «Facebook и SEO»: загружаешь картинку превью, проверяешь заголовок и описание для расшаривания. Без этого ссылка в Телеграме и ВК выглядит голой и её хуже кликают.

Контент и структура

Поисковик ранжирует текст, а не красоту. На тильда-сайтах с этим беда: дизайнеры верстают картинками, текста для робота нет.

Один H1, дальше иерархия. H1 — главный заголовок, H2 — разделы, H3 — подпункты. В Tilda тип заголовка задаётся в настройках текстового блока. Не делай все заголовки H2 «чтоб красиво» — структура должна читаться как оглавление.

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

Alt к картинкам. Каждой картинке — описание. В настройках блока с изображением есть поле «Описание (alt)». Пиши по делу: что на картинке плюс ключ, где уместно.

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

Скорость и микроразметка

Картинки. Главный пожиратель веса. Перед загрузкой жми их (TinyPNG, Squoosh), не грузи фото 4000px туда, где оно отображается на 600px. Tilda умеет lazy load — подгрузку по мере прокрутки, проверь, что включена. Формат: для фото jpg/webp, для логотипов и иконок png/svg.

Не плоди зеро-блоки. Zero-block — мощная штука, но каждый тянет свой код и вес. Десять зеро-блоков на странице — лишние сотни килобайт и просадка скорости. Где можно обойтись стандартным блоком — обходись. Тяжёлые анимации и параллакс на каждом экране тоже бьют по скорости, особенно на мобильных. Как мерить и что чинить — в разборе про скорость загрузки сайта.

Микроразметка. Schema.org Tilda из коробки почти не даёт. Добавляешь сам: через HTML-блок (T123) вставляешь JSON-LD с разметкой — Organization, Article, Product, FAQPage, что подходит странице. Вставляется в нужное место страницы или в код страницы через Настройки → «Дополнительный код». Ограничение: нет автоподстановки данных, разметку держишь актуальной руками. Как собрать JSON-LD быстро, в том числе через ChatGPT — в разборе про микроразметку на Tilda.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Сколько стоит сайт на Tilda?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Лендинг под ключ — от 30 000 ₽, срок 5-7 дней."
    }
  }]
}
</script>

Полный официальный список возможностей платформы — в Гиде по SEO от Tilda, а короткий разбор «Как улучшить SEO» в их FAQ прямо проговаривает то же, что и я: техника — это база, а результат держится на контенте и работе специалиста.

HTML-блок T123: суперсила, о которой молчат

Главный минус Tilda — «ты привязан к тому, что даёт интерфейс» — снимается одним блоком. HTML-код (T123) вставляет на страницу любой html, css и javascript, а Настройки страницы → «Дополнительный код» кладёт то же самое в <head> или перед </body>. Это превращает конструктор в полноценную платформу: всё, что работает в браузере, работает и здесь.

Интерактив — недооценённый рычаг. Поиск смотрит, сколько человек провёл на странице и не отскочил ли сразу. Калькулятор или тест держат внимание лучше стены текста. Живой пример — прямо здесь, покрути значения:

Все тесты и деревья выбора в этой статье — тоже встроенный html и javascript. На Tilda они живут в T123 ровно так же. Как собрать такой калькулятор руками — в разборе про SEO-калькуляторы на Tilda.

Штамповка контента: гео-страницы из одного шаблона

Вот где Tilda неожиданно сильна. Сделал одну отличную посадочную под услугу — дальше копируешь её и штампуешь страницы под каждый город или район. Один шаблон превращается в десятки страниц, каждая заточена под свой запрос «{услуга} {город}».

Но сразу про риск, без него нельзя. Если 20 страниц отличаются только названием города, а текст под копирку — это дубли, и Яндекс схлопнет их в одну или понизит за малополезность. Штамповка работает, только когда каждая страница реально своя: местные цены, адрес, кейсы, отзывы, район. Tilda даёт скорость размножения — уникализация на тебе. Связать сетку гео-страниц между собой грамотно помогает внутренняя перелинковка.

Частые ошибки тильда-сайтов

Частые вопросы

Главное