Коротко — карточки в шаблоне Tilda действительно часто рисуются клиентским JavaScript и в итоговом HTML их нет. Непосредственно «заставить» Tilda рендерить эти карточки на сервере нельзя. Зато есть рабочие способы, чтобы поисковики «видели» товары:
1) Добавить структуру данных (JSON‑LD, schema.org/Product)
- Надёжный способ для индексации и для rich snippets Google.
- Пример (вставьте в <head> или в HTML‑блок на странице каталога):
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Название товара",
"image": ["https://site.ru/path/to/image.jpg"],
"description": "Короткое описание",
"sku": "SKU123",
"brand": { "@type": "Brand", "name": "Бренд" },
"offers": {
"@type": "Offer",
"url": "https://site.ru/product-page",
"priceCurrency": "RUB",
"price": "1990",
"availability": "https://schema.org/InStock"
}
}
</script>
- Можно поместить несколько таких объектов (или массив объектов) — по одному на товар.
- Где вставить: в Tilda — Site Settings → SEO & Analytics → «Additional code» (в head) или на странице через HTML‑блок (Blocks → Other → HTML).
2) Добавить noscript‑фолбек с HTML карточками
- В HTML‑блоке можно добавить <noscript>…</noscript> с разметкой карточек. Поисковики и некоторые боты прочитают этот HTML даже если JS выполняется отдельно.
- Пример:
<noscript>
<div class="product-card">
<h3>Название товара</h3>
<img src="https://site.ru/path/to/image.jpg" alt="Название товара">
<p>Короткое описание</p>
<span class="price">1 990 ₽</span>
<a href="/product-page">Перейти</a>
</div>
</noscript>
- Ограничение: визуально пользователю этот блок не будет виден при включённом JS, но для ботов он есть в HTML.
3) Убедитесь, что у каждого товара есть своя SEO‑страница
- Если карточки ведут на отдельные страницы товара, заполните title, meta description, Open Graph и добавьте JSON‑LD на страницах товара. Поисковики найдут и проиндексируют их даже если каталог рисуется JS‑ом.
4) Экспорт/пререндер или хостинг вне Tilda (если критично)
- Если вам нужен полноценный серверный рендер (SSR) — придётся экспортировать сайт и хостить на своём сервере с пререндером для ботов, либо переносить каталог на платформу с SSR. Это сложнее и требует разработки.
5) Проверка
- После добавления JSON‑LD и/или noscript проверьте:
- Google Rich Results Test / Structured Data Testing Tool
- Google Search Console → URL Inspection (чтобы увидеть, что Google «видит»)
- curl или просмотр исходного кода страницы (чтобы убедиться, что разметка есть в HTML, без исполнения JS)
Резюме: нельзя заставить Tilda отдавать клиентские карточки в серверном HTML без экспорта/переноса, но для поисковой видимости достаточно добавить JSON‑LD и/или noscript‑фолбек (или корректные страницы товаров). Если нужно — помогу подготовить JSON‑LD/HTML‑шаблон под ваш каталог (скажите пример одного товара или структуру поля).