Зачем вашему сайту на Framer разметка JSON-LD (и почему без неё вас игнорируют нейросети)
Полгода назад ко мне обратился фаундер B2B-микросервиса. Сайт у него был образцовый: чистый минимализм, плавный скролл, собран на Framer буквально за пару выходных. Картинка продавала, трафик из соцсетей шёл. Проблема вскрылась с неожиданной стороны.
В выдаче Google карточка продукта выглядела как серый огрызок — ни цен, ни отзывов, ни расширенных сниппетов. Но хуже другое: когда мы вбили название сервиса в Perplexity и ChatGPT, обе модели уверенно заявили, что у компании нет бесплатного тарифа, а базовый план стоит $49 вместо реальных $19. Нейросеть просто выдернула старую цифру со стороннего форума, потому что на самом сайте не смогла однозначно распарсить структуру страницы.
И это не частный баг. Это системная проблема сотен красивых проектов.
Почему визуальной красоты Framer больше недостаточно
Framer великолепен для быстрого запуска. Я сам собираю на нём клиентские страницы последние два года и не планирую слезать. Но под капотом любого сайта на Framer находится плотный слой React-компонентов. Человеческий глаз видит заголовок, кнопку покупки и блок с тарифами. Краулер поисковика или LLM-парсер видит гигантское дерево вложенных <div> с динамическими классами.
Традиционный Googlebot со временем отрендерит клиентский JavaScript. Но AI-боты вроде GPTBot, ClaudeBot или парсеры быстрых ответов Perplexity экономят вычислительные ресурсы. Они не кликают по вашим интерактивным вкладкам и не ждут, пока анимация докрутится до конца. Им нужен чистый семантический слепок страницы здесь и сейчас. Если структурированных данных нет, бот либо проигнорирует ключевые факты, либо додумает их сам.
Именно здесь в игру вступает structured data framer — передача смысла через стандарт Schema.org в формате JSON-LD.
С какими граблями я столкнулся на практике
Кажется, задача тривиальная: открываем настройки проекта, идём в раздел Custom Code и вставляем туда блок <script type="application/ld+json">. На статичном одностраничнике это сработает. Но как только проект начинает жить, этот подход превращается в кошмар.
Вот две схемы, которые критически нужны 90% коммерческих сайтов, и то, где на них обычно спотыкаются:
1. Product Schema. Вы хотите, чтобы в выдаче светилась цена, наличие товара и валюта. Но валидатор Google Rich Results безжалостен. Забыли вписать priceCurrency, передали цену строкой с символом доллара ("$19" вместо "19.00") или оставили пустым поле availability — вся разметка летит в корзину. Google просто молча вычеркивает вас из расширенных результатов.
2. FAQPage Schema. Идеальный инструмент, чтобы занять половину экрана мобильной выдачи и буквально скормить нейросетям готовые формулировки о вашем продукте. Но если вы меняете формулировку ответа в Framer CMS, а в кастомном коде остаётся старый текст, возникает конфликт данных. Поисковики такое расхождение не любят и снижают траст к домену.
В одном проекте мы четыре часа искали, почему Google упорно отклонял валидную, казалось бы, разметку тарифов. Оказалось, дизайнер скопировал кавычки из текстового редактора, и в JSON улетели типографские «ёлочки», намертво сломавшие синтаксический анализатор.
Как реализовать json ld framer без рутины
Чтобы разметка работала как часы и не ломалась от каждого чиха контент-менеджера, мы в GuardLabs перешли от ручной вставки скриптов к программному компоненту внутри холста Framer.
Логика простая: данные должны браться напрямую из свойств компонента или полей CMS, автоматически очищаться от мусора и оборачиваться в строгий валидный JSON-LD непосредственно перед рендером в <head>. Компонент прямо в интерфейсе проверяет, заполнены ли обязательные поля: если вы забыли указать валюту или оставили вопрос без ответа, он подсветит ошибку ещё до публикации сайта.
Результат такого подхода виден быстро:
Во-первых, Google Rich Results Test выдаёт зелёные галочки с первого прогона. Страница начинает претендовать на расширенные сниппеты с ценами и блоками аккордеона прямо в поиске.
Во-вторых — и сейчас это становится даже важнее — поисковые ответы на базе LLM (Google AI Overviews, SearchGPT) начинают цитировать ваши ответы на частые вопросы слово в слово. Вы забираете контроль над тем, как искусственный интеллект описывает ваш бизнес клиентам.
Сделайте ваш сайт понятным машинам
Пока ваши конкуренты спорят о длине мета-тегов, выигрывают те, кто отдаёт машинам структурированные машиночитаемые факты. Если вы хотите закрыть этот вопрос без костылей в кастомном коде и ручной возни со схемами, посмотрите наш готовый компонент: JSON-LD разметка для сайта на Framer (Product, FAQPage). Мы упаковали туда строгую валидацию, поддержку CMS и проверенные структуры, которые без проблем проходят проверку поисковиков.