AI Discoverability — Structured Data Gives Rich Context to Clueless Crawlers

Andrew Magill — Wed, 21 Jan 1970 05:53:50 GMT

Apparently chatbots are the hot new target audience for everything, and unfortunately they're not impressed with your fancy frontend UI. So, if you want your content to show up in AI overviews, structured data provides that context to clueless bots and poorly informed AI workflows. It's a key part of machine discoverability, alongside other techniques like [boosting your Next.js blog's visibility with RSS](https://magill.dev/post/boosting-my-nextjs-blogs-visibility-with-rss). ## Structured Data & Micro-Schemas For my purposes, I want to respectfully inform our new AI overlords that this page is an article and I'm the author. Schema.org, JSON-LD, and Microdata are the secret handshakes that get your content noticed by the machines. Without this, you're relying on scrapers to process your site content how you envisioned, which might not be the best bet. ## Auditing Your Content for Gaps Before you go wild throwing JSON blobs everywhere, run a quick audit with tools like Google Rich Results Test or Schema Markup Validator. Like me, you might find your blog is missing Article, Author, or Breadcrumb schemas. Thankfully, a simple solution is just a few copy-pastes away. ## Implementing Structured Data in Your Codebase For my chosen solution, I didn't bother with fancy utility functions or helpers. I've kept things relatively simple for the [initial breakdown of this website's tech stack](https://magill.dev/post/lets-breakdown-my-website), so I'll just dangerously drop the JSON-LD schema into a script tag right in the page component: ```tsx // app/post/[slug]/page.tsx export default function Post({ post }) { return ( <>

Andrew Magill, Web Engineer

AI Discoverability — Structured Data Gives Rich Context to Clueless Crawlers