--- title: "JSON-LD: як пояснити AI, про що ваша сторінка" description: "Моделі спираються на структуровані дані. З розміткою schema.org модель бачить типізований обʼєкт: автора, дату, заголовок. Канонічне налаштування й перевірка." date: 2026-05-06 updated: 2026-08-30 translationOf: help-ai-understand-your-content-with-json-ld tags: [aeo, ai-search, structured-data, nextjs] --- # JSON-LD: як пояснити AI, про що ваша сторінка Коли розширення повідомляє, що на сторінці немає валідного JSON-LD з ключовими сутностями (`Article`, `FAQPage`, `Product`), це не косметичний дефект. Це сигнал. Великі мовні моделі й системи на кшталт Google AI Overviews бачать вашу сторінку як мішок незвʼязаних токенів, а не як структурований обʼєкт із чітко позначеним автором, датою публікації, заголовком, ціною чи відповіддю на конкретне питання. Без розмітки модель здогадується. З розміткою вона знає. ## Чому мовні моделі залежать від структурованих даних Великі мовні моделі генерують текст за ймовірностями, але коли запит торкається фактів - конкретного автора, дати, ціни, відповіді, - вони спираються на те, що Google називає *grounding*, тобто закріплення відповіді в джерелі. JSON-LD і стає тим джерелом правди в машиночитному форматі. Кілька конкретних механізмів, які варто розуміти: - **AI Overviews і генеративний пошук** витягують абзаци й факти зі сторінок. Структурована розмітка суттєво піднімає шанс, що джерелом цитати оберуть *ваш* контент, а не контент конкурента, який моделі довелося розбирати з «голого» HTML. - **Schema.org лишається спільним словником.** Його розуміють пошуковики, парсери мовних моделей, голосові асистенти й краулери AI-платформ - від ChatGPT до Perplexity. - **Точність без NLP-екстракції.** Без розмітки модель витягує сутності через NLP-аналіз. Працює, але непередбачувано. Через JSON-LD ви віддаєте моделі однозначні поля: ось `headline`, ось [`author`, ось `datePublished`](/blog/recency-and-authority-two-schema-fields-that-decide-ai-trust). Місця для інтерпретації не лишається. > **Важливий нюанс щодо FAQPage.** У [серпні 2023 року](https://developers.google.com/search/blog/2023/08/howto-faq-changes) Google звузив FAQ-розширені результати до авторитетних урядових і медичних сайтів, а потім прибрав цю функцію зовсім: станом на 7 травня 2026 року [документація FAQPage](https://developers.google.com/search/docs/appearance/structured-data/faqpage) прямо каже, що розширений результат «більше не показується у видачі Google». Прибирати розмітку Google нікого не просив, і цей сайт її й далі віддає. > > Вам трапиться широко цитоване число: сторінки з `FAQPage` нібито в 3,2 раза частіше потрапляють в AI Overviews. Я шукав його джерело й не знайшов. Число ходить по колу, і власник у нього щоразу інший - то власний індекс SEO-вендора, то «дослідження Princeton чи Moz», то дослідження свіжості, яке використало той самий множник узагалі для іншого. А сусідні статті наводять для тієї самої ідеї 2,3 раза, 28% і 61,7%. Жодна не веде на дані, які можна перевірити. Тож я його не повторюю. Чесна версія така: `FAQPage` віддає ретриверу пари питання-відповідь, уже розкладені по полях, і це дешево зробити, а скільки воно варте - доказів, яким я довіряю, ніхто не публікував. Аналогія проста. HTML - це верстка сторінки для людей. JSON-LD - той самий зміст, переписаний у форматі, який не лишає машинам простору для здогадок. ## Як виглядає правильна розмітка Article і FAQPage Розмітка йде блоком ` ``` Кілька принципів, які роблять цей блок справді корисним, а не декоративним: - `@graph` дозволяє покласти кілька сутностей в один скрипт і звʼязати їх через `@id`. Чистіше, ніж два окремі теги. - `@id` - це не URL сторінки, а унікальний ідентифікатор сутності. Фрагмент після решітки (`#article`, `#faq`) робить його стабільним. - `mainEntityOfPage` привʼязує `Article` до конкретного канонічного URL - того самого, який мають називати [`` і `og:url`](/blog/the-invisible-tags-shaping-your-ai-citations). Три місця, що стверджують одне й те саме про канонічний URL, - нормально; три місця, що сперечаються між собою, - це і є спосіб розмазати потенціал цитування по варіантах однієї сторінки. - `image` масивом із трьох співвідношень сторін (1:1, 4:3, 16:9) - пряма вимога Google для отримання розширених результатів `Article`. - `inLanguage` допомагає платформам зрозуміти мову контенту й коректно цитувати його в мовно-специфічних запитах. ### Реалізація в Next.js (App Router) Робочий приклад сторінки для Next.js 16 з Tailwind CSS. Ключове технічне рішення тут - `JSON.stringify` замість шаблонного рядка, щоб безпечно екранувати дані. ```tsx title="app/posts/[slug]/page.tsx" import type { Metadata } from "next"; interface PageProps { params: Promise<{ slug: string }>; } export async function generateMetadata({ params }: PageProps): Promise { const { slug } = await params; return { title: `Article ${slug}`, alternates: { canonical: `https://example.com/posts/${slug}` }, }; } export default async function PostPage({ params }: PageProps) { const { slug } = await params; const canonicalUrl = `https://example.com/posts/${slug}`; const jsonLd = { "@context": "https://schema.org", "@graph": [ { "@type": "Article", "@id": `${canonicalUrl}#article`, "headline": "How to help AI understand your content with JSON-LD", "description": "A step-by-step guide on adding structured data for AI Overviews and LLMs.", "image": [ "https://example.com/images/cover-1x1.jpg", "https://example.com/images/cover-4x3.jpg", "https://example.com/images/cover-16x9.jpg", ], "datePublished": "2026-05-01T08:00:00+00:00", "dateModified": "2026-05-01T08:00:00+00:00", "inLanguage": "en-US", "author": { "@type": "Person", "name": "Olena Koval", "url": "https://example.com/authors/olena-koval", }, "publisher": { "@type": "Organization", "name": "Example Media", "logo": { "@type": "ImageObject", "url": "https://example.com/logo.png", }, }, "mainEntityOfPage": { "@type": "WebPage", "@id": canonicalUrl, }, }, { "@type": "FAQPage", "@id": `${canonicalUrl}#faq`, "mainEntity": [ { "@type": "Question", "name": "Does JSON-LD replace Microdata markup?", "acceptedAnswer": { "@type": "Answer", "text": "Yes — Google recommends JSON-LD as the primary format. Microdata is still valid, but JSON-LD is easier to maintain because it's decoupled from HTML.", }, }, { "@type": "Question", "name": "Will an LLM see my markup if it renders via JavaScript?", "acceptedAnswer": { "@type": "Answer", "text": "The reliable path is to ship JSON-LD in the initial HTML — via SSR or static generation.", }, }, ], }, ], }; return ( <>