<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
    <channel>
        
        <title>
            <![CDATA[ Shinobis - freeCodeCamp.org ]]>
        </title>
        <description>
            <![CDATA[ Browse thousands of programming tutorials written by experts. Learn Web Development, Data Science, DevOps, Security, and get developer career advice. ]]>
        </description>
        <link>https://www.freecodecamp.org/news/</link>
        <image>
            <url>https://cdn.freecodecamp.org/universal/favicons/favicon.png</url>
            <title>
                <![CDATA[ Shinobis - freeCodeCamp.org ]]>
            </title>
            <link>https://www.freecodecamp.org/news/</link>
        </image>
        <generator>Eleventy</generator>
        <lastBuildDate>Mon, 25 May 2026 15:47:32 +0000</lastBuildDate>
        <atom:link href="https://www.freecodecamp.org/news/author/shinobis/rss.xml" rel="self" type="application/rss+xml" />
        <ttl>60</ttl>
        
            <item>
                <title>
                    <![CDATA[ How to Build an Automatic Knowledge Graph for Your Blog with PHP and JSON-LD ]]>
                </title>
                <description>
                    <![CDATA[ When someone searches for information today, they increasingly turn to AI models like ChatGPT, Perplexity, or Gemini instead of Google. But these models don't return a list of links. They synthesize a ]]>
                </description>
                <link>https://www.freecodecamp.org/news/build-automatic-knowledge-graph-php-json-ld/</link>
                <guid isPermaLink="false">69e80305e436727814adb8df</guid>
                
                    <category>
                        <![CDATA[ PHP ]]>
                    </category>
                
                    <category>
                        <![CDATA[ JSON-LD ]]>
                    </category>
                
                    <category>
                        <![CDATA[ SEO ]]>
                    </category>
                
                    <category>
                        <![CDATA[ Web Development ]]>
                    </category>
                
                    <category>
                        <![CDATA[ AI ]]>
                    </category>
                
                <dc:creator>
                    <![CDATA[ Shinobis ]]>
                </dc:creator>
                <pubDate>Tue, 21 Apr 2026 23:06:45 +0000</pubDate>
                <media:content url="https://cdn.hashnode.com/uploads/covers/5e1e335a7a1d3fcc59028c64/397b339f-25e0-48f6-b3fc-07f0548be746.png" medium="image" />
                <content:encoded>
                    <![CDATA[ <p>When someone searches for information today, they increasingly turn to AI models like ChatGPT, Perplexity, or Gemini instead of Google. But these models don't return a list of links. They synthesize an answer and cite the sources they trust most.</p>
<p>The question for anyone who runs a blog or content site is: how do you become one of those trusted sources? The answer lies in structured data, specifically JSON-LD Knowledge Graphs that help AI models understand not just what your content says, but how it connects to everything else you've published.</p>
<p>In this tutorial, you'll build a PHP function that auto-generates a JSON-LD Knowledge Graph for every blog post on your site. There are no plugins, no external APIs, and just one function. It will detect entities in your content, map relationships between posts, and output a unified schema that both Google and AI models like ChatGPT can parse as a connected system.</p>
<h2 id="heading-table-of-contents">Table of Contents</h2>
<ul>
<li><p><a href="#heading-why-this-matters-now">Why This Matters Now</a></p>
</li>
<li><p><a href="#heading-prerequisites">Prerequisites</a></p>
</li>
<li><p><a href="#heading-the-pipeline">The Pipeline</a></p>
</li>
<li><p><a href="#heading-what-static-json-ld-looks-like-and-why-it-falls-short">What Static JSON-LD Looks Like (And Why It Falls Short)</a></p>
</li>
<li><p><a href="#heading-step-1-define-your-entity-helpers">Step 1: Define Your Entity Helpers</a></p>
</li>
<li><p><a href="#heading-step-2-build-the-blogposting-schema">Step 2: Build the BlogPosting Schema</a></p>
</li>
<li><p><a href="#heading-step-3-detect-topics-automatically">Step 3: Detect Topics Automatically</a></p>
</li>
<li><p><a href="#heading-step-4-map-relationships-between-posts">Step 4: Map Relationships Between Posts</a></p>
</li>
<li><p><a href="#heading-step-5-add-multilingual-connections">Step 5: Add Multilingual Connections</a></p>
</li>
<li><p><a href="#heading-step-6-assemble-the-graph">Step 6: Assemble the Graph</a></p>
</li>
<li><p><a href="#heading-what-the-output-looks-like-in-production">What the Output Looks Like in Production</a></p>
</li>
<li><p><a href="#heading-testing-your-implementation">Testing Your Implementation</a></p>
</li>
<li><p><a href="#heading-what-i-learned-after-3-months-in-production">What I Learned After 3 Months in Production</a></p>
</li>
</ul>
<h3 id="heading-why-this-matters-now">Why This Matters Now</h3>
<p>AI search engines are replacing blue links with synthesized answers. When someone asks ChatGPT a question, it doesn't return a list of URLs. It builds a response by citing the sources it trusts.</p>
<p><a href="https://www.accuracast.com/articles/optimisation/schema-markup-impact-ai-search/">According to AccuraCast's research on AI search citations</a>, 81% of pages cited by AI engines use schema markup with JSON-LD as the dominant format. Pages with structured schema are 3 to 4 times more likely to be cited by ChatGPT or Perplexity than pages without it.</p>
<p>Most JSON-LD tutorials teach you to paste a static <code>&lt;script&gt;</code> tag with your title and author name. That gets you into Google's index. But it doesn't get you cited by AI.</p>
<p>For that, you need a Knowledge Graph: a system where your entities (author, site, topics, tools, related articles) are connected through persistent identifiers that machines can follow across every page on your site.</p>
<p>I built this system for my own blog. After three months in production with 52 posts in three languages, I asked ChatGPT, Gemini, and Perplexity to audit the resulting schema. ChatGPT scored it 9.1 out of 10 and called it "production-grade graph design." This article walks you through how to build the same thing.</p>
<h2 id="heading-prerequisites">Prerequisites</h2>
<p>To follow this tutorial, you'll need:</p>
<ul>
<li><p>PHP 7.4 or higher running on your server</p>
</li>
<li><p>A MySQL or MariaDB database with a posts table that stores your blog content (title, slug, content, excerpt, created_at, updated_at)</p>
</li>
<li><p>Basic PHP knowledge: variables, arrays, functions, and database queries with PDO</p>
</li>
<li><p>A working blog where you can edit PHP files and add schema markup to your HTML output</p>
</li>
</ul>
<p>The tools we'll use are all built into PHP. No external packages or Composer dependencies are required. The entity detection uses simple string matching with strpos(), the database queries use PDO prepared statements, and the JSON-LD output uses PHP's native json_encode(). If you've built a blog with PHP before, you have everything you need.</p>
<h2 id="heading-the-pipeline">The Pipeline</h2>
<p>The system works in four stages:</p>
<img src="https://cdn.hashnode.com/uploads/covers/69b380d893256dfc53256f05/58404ce5-4603-4095-930f-761cb72c8e95.png" alt="Diagram showing the four-stage pipeline: Post from Database to Entity Detection to Relationship Mapping to @graph Output" style="display:block;margin:0 auto" width="900" height="505" loading="lazy">

<p><strong>Stage 1</strong>: PHP queries MariaDB for the post content, metadata, and related post IDs.</p>
<p><strong>Stage 2</strong>: The system scans the content for known topics and tools using keyword matching. No NLP libraries needed. A simple associative array maps keywords to schema entities.</p>
<p><strong>Stage 3</strong>: Related posts are fetched and mapped as both navigation links (<code>relatedLink</code>) and knowledge relationships (<code>citation</code>).</p>
<p><strong>Stage 4</strong>: Everything gets combined into a single <code>@graph</code> array with five connected entities: WebSite, Organization, Person, WebPage, and BlogPosting. Each entity has a stable <code>@id</code> that machines can reference across pages.</p>
<h2 id="heading-what-static-json-ld-looks-like-and-why-it-falls-short">What Static JSON-LD Looks Like (And Why It Falls Short)</h2>
<p>Here is what a typical tutorial tells you to add:</p>
<pre><code class="language-json">{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "My Blog Post",
  "author": {
    "@type": "Person",
    "name": "Jane"
  },
  "datePublished": "2026-01-15"
}
</code></pre>
<img src="https://cdn.hashnode.com/uploads/covers/69b380d893256dfc53256f05/d2e717e6-ad9c-4267-955f-d9c27b6b43a7.png" alt="Comparison between a minimal static JSON-LD schema and a full Knowledge Graph with five connected entities" style="display:block;margin:0 auto" width="900" height="600" loading="lazy">

<p>This tells Google "there is an article by Jane." It doesn't say what topics the article covers, what tools it mentions, how it connects to other articles on your site, who publishes the site, or what makes Jane an authority on the subject.</p>
<p>For a blog with dozens of posts about interconnected topics, every post exists in isolation. Search engines and AI models can't see that your articles form a system of knowledge. They can't tell that your post about Midjourney prompts connects to your post about AI design workflows, which connects to your post about fintech UX.</p>
<p>By the end of this tutorial, that same post will generate a <code>@graph</code> with five linked entities, automatic topic detection, relationship mapping, multilingual connections, and an abstract that LLMs read before deciding whether to cite you.</p>
<h2 id="heading-step-1-define-your-entity-helpers">Step 1: Define Your Entity Helpers</h2>
<p>Three PHP functions define your core entities. They return arrays that get reused on every page of your site.</p>
<pre><code class="language-php">function getSchemaAuthor($baseUrl) {
    return [
        '@type' =&gt; 'Person',
        '@id' =&gt; $baseUrl . '/#author',
        'name' =&gt; 'Your Name',
        'description' =&gt; 'Your professional description.',
        'url' =&gt; $baseUrl . '/about',
        'image' =&gt; $baseUrl . '/photo.png',
        'jobTitle' =&gt; 'Your Title',
        'sameAs' =&gt; [
            'https://linkedin.com/in/yourprofile',
            'https://x.com/yourhandle',
            'https://dev.to/yourprofile'
        ]
    ];
}

function getSchemaOrganization($baseUrl) {
    return [
        '@type' =&gt; 'Organization',
        '@id' =&gt; $baseUrl . '/#organization',
        'name' =&gt; 'Your Site Name',
        'url' =&gt; $baseUrl,
        'logo' =&gt; [
            '@type' =&gt; 'ImageObject',
            'url' =&gt; $baseUrl . '/logo.png'
        ]
    ];
}

function getSchemaWebSite(\(baseUrl, \)siteName, \(siteDesc, \)langCode) {
    return [
        '@type' =&gt; 'WebSite',
        '@id' =&gt; $baseUrl . '/#website',
        'name' =&gt; $siteName,
        'description' =&gt; $siteDesc,
        'url' =&gt; $baseUrl,
        'inLanguage' =&gt; $langCode,
        'publisher' =&gt; ['@id' =&gt; $baseUrl . '/#organization']
    ];
}
</code></pre>
<p>The <code>@id</code> values are the most important detail. <code>/#author</code>, <code>/#organization</code>, and <code>/#website</code> are persistent identifiers that stay the same across every page.</p>
<p>When a machine reads your homepage and then reads a blog post, it recognizes that <code>https://yoursite.com/#author</code> is the same entity in both places. Without <code>@id</code>, each page creates a new floating entity that machines can't connect.</p>
<p>One decision that matters: the <code>publisher</code> should be an Organization, not a Person. AI systems assign more trust to content published by organizations than by individuals. Even if you're a solo creator, define your site as an Organization for publishing purposes and keep yourself as the Person author.</p>
<h2 id="heading-step-2-build-the-blogposting-schema">Step 2: Build the BlogPosting Schema</h2>
<p>This function takes a post from your database and the current language code, then builds the core BlogPosting entity.</p>
<pre><code class="language-php">function generateBlogPostingSchema(\(post, \)langCode) {
    $baseUrl = rtrim(SITE_URL, '/');
    \(siteName = getLocalizedSetting('site_name', \)langCode);
    \(siteDesc = getLocalizedSetting('site_description', \)langCode);
    $defaultLang = getDefaultLanguage();
    \(postSlug = \)post['slug'];

    \(postUrl = \)langCode === $defaultLang
        ? \(baseUrl . '/' . \)postSlug
        : \(baseUrl . '/' . \)langCode . '/' . $postSlug;

    \(excerpt = \)post['excerpt']
        ?: mb_substr(strip_tags($post['content']), 0, 160);

    $blogPosting = [
        '@type' =&gt; 'BlogPosting',
        '@id' =&gt; $postUrl . '#article',
        'headline' =&gt; $post['title'],
        'description' =&gt; $excerpt,
        'abstract' =&gt; $excerpt,
        'url' =&gt; $postUrl,
        'datePublished' =&gt; date('c', strtotime($post['created_at'])),
        'dateModified' =&gt; date('c', strtotime($post['updated_at'])),
        'author' =&gt; [
            '@type' =&gt; 'Person',
            '@id' =&gt; $baseUrl . '/#author',
            'name' =&gt; 'Your Name',
            'url' =&gt; $baseUrl . '/about'
        ],
        'publisher' =&gt; [
            '@type' =&gt; 'Organization',
            '@id' =&gt; $baseUrl . '/#organization',
            'name' =&gt; 'Your Site Name',
            'logo' =&gt; [
                '@type' =&gt; 'ImageObject',
                'url' =&gt; $baseUrl . '/logo.png'
            ]
        ],
        'isPartOf' =&gt; ['@id' =&gt; $baseUrl . '/#website'],
        'mainEntityOfPage' =&gt; [
            '@type' =&gt; 'WebPage',
            '@id' =&gt; $postUrl
        ],
        'inLanguage' =&gt; $langCode,
        'wordCount' =&gt; str_word_count(strip_tags($post['content']))
    ];
</code></pre>
<p>Two properties deserve attention.</p>
<p><code>abstract</code> maps the post excerpt. LLMs read the abstract first to decide whether the rest of the page is worth processing. If your excerpt says "In this post I explore some ideas about..." models may skip you entirely. Make it a direct statement: "To implement a Knowledge Graph you need five connected entities with persistent @id references." That's something an LLM can evaluate immediately.</p>
<p><code>isPartOf</code> connects the article to the WebSite entity. This tells machines "this article belongs to a larger knowledge source." Without it, each post looks like an independent document.</p>
<p>Notice that <code>author</code> and <code>publisher</code> include both <code>@id</code> and inline properties. The <code>@id</code> connects to the full entity in the <code>@graph</code>. The inline properties are a fallback because some parsers (including Google's Rich Results Test) don't always resolve <code>@id</code> references. Including both ensures zero validation warnings.</p>
<h2 id="heading-step-3-add-automatic-entity-detection">Step 3: Add Automatic Entity Detection</h2>
<p>This is where static JSON-LD tutorials stop and your Knowledge Graph begins. Instead of manually tagging each post with its topics, the system scans the content automatically.</p>
<pre><code class="language-php">    \(contentLower = strtolower(\)post['content'] . ' ' . $post['title']);

    $topicMap = [
        'midjourney'      =&gt; ['name' =&gt; 'Midjourney', 'url' =&gt; 'https://midjourney.com'],
        'prompt'          =&gt; ['name' =&gt; 'Prompt Engineering'],
        'fintech'         =&gt; ['name' =&gt; 'Fintech UX Design'],
        'ux design'       =&gt; ['name' =&gt; 'UX Design'],
        'llms.txt'        =&gt; ['name' =&gt; 'llms.txt', 'url' =&gt; 'https://llmstxt.org'],
        'knowledge graph' =&gt; ['name' =&gt; 'Knowledge Graph'],
    ];

    $aboutItems = [];
    $keywordsList = [];
    foreach (\(topicMap as \)keyword =&gt; $meta) {
        if (strpos(\(contentLower, \)keyword) !== false) {
            \(item = ['@type' =&gt; 'Thing', 'name' =&gt; \)meta['name']];
            if (isset(\(meta['url'])) \)item['url'] = $meta['url'];
            \(aboutItems[] = \)item;
            \(keywordsList[] = \)meta['name'];
        }
    }
    if (!empty($aboutItems)) {
        \(blogPosting['about'] = \)aboutItems;
    }
</code></pre>
<p>The same pattern detects tools mentioned in the content:</p>
<pre><code class="language-php">    $toolMap = [
        'midjourney' =&gt; ['name' =&gt; 'Midjourney', 'url' =&gt; 'https://midjourney.com'],
        'claude'     =&gt; ['name' =&gt; 'Claude', 'url' =&gt; 'https://claude.ai'],
        'chatgpt'    =&gt; ['name' =&gt; 'ChatGPT', 'url' =&gt; 'https://chat.openai.com'],
        'figma'      =&gt; ['name' =&gt; 'Figma', 'url' =&gt; 'https://figma.com'],
    ];

    $mentionItems = [];
    foreach (\(toolMap as \)keyword =&gt; $meta) {
        if (strpos(\(contentLower, \)keyword) !== false) {
            $mentionItems[] = [
                '@type' =&gt; 'Thing',
                'name' =&gt; $meta['name'],
                'url' =&gt; $meta['url']
            ];
            \(keywordsList[] = \)meta['name'];
        }
    }
    if (!empty($mentionItems)) {
        \(blogPosting['mentions'] = \)mentionItems;
    }

    if (!empty($keywordsList)) {
        \(blogPosting['keywords'] = array_values(array_unique(\)keywordsList));
    }
</code></pre>
<p>The difference between <code>about</code> and <code>mentions</code> matters for AI citation. <code>about</code> declares the main topics. <code>mentions</code> declares tools and references that appear in the content. If a post is a Midjourney tutorial that also mentions Claude, <code>about</code> gets Midjourney and <code>mentions</code> gets Claude.</p>
<p>This distinction helps AI models decide whether to cite your page when someone asks about Midjourney versus when they ask about Claude.</p>
<p>A question that comes up often: do you need NLP for entity detection? No. A keyword map with <code>strpos</code> handles the vast majority of cases for a personal blog. NLP adds complexity, latency, and a dependency you don't need. If your topic map has 20 to 30 entries, keyword matching is fast, predictable, and easy to debug.</p>
<h2 id="heading-step-4-map-relationships-between-posts">Step 4: Map Relationships Between Posts</h2>
<p>Each post connects to related posts through two properties: <code>relatedLink</code> for navigation and <code>citation</code> for knowledge relationships.</p>
<pre><code class="language-php">    \(relatedUrls = getRelatedPostUrls(\)post['id'], $langCode);
    if (!empty($relatedUrls)) {
        \(blogPosting['relatedLink'] = \)relatedUrls;
        \(blogPosting['citation'] = \)relatedUrls;
    }
</code></pre>
<p>The helper function queries a <code>post_connections</code> table:</p>
<pre><code class="language-php">function getRelatedPostUrls(\(postId, \)langCode) {
    $pdo = getDB();
    $baseUrl = rtrim(SITE_URL, '/');
    $defaultLang = getDefaultLanguage();

    \(stmt = \)pdo-&gt;prepare(
        "SELECT connected_post_id FROM post_connections WHERE post_id = ?"
    );
    \(stmt-&gt;execute([\)postId]);
    \(connections = \)stmt-&gt;fetchAll(PDO::FETCH_COLUMN);

    $urls = [];
    foreach (\(connections as \)connId) {
        \(slug = getPostSlugForLanguage(\)connId, $langCode);
        if ($slug) {
            \(urls[] = \)langCode === $defaultLang
                ? \(baseUrl . '/' . \)slug
                : \(baseUrl . '/' . \)langCode . '/' . $slug;
        }
    }
    return $urls;
}
</code></pre>
<p>Why use both <code>relatedLink</code> and <code>citation</code> on the same URLs? They signal different things to machines. <code>relatedLink</code> says "the reader might want to visit these pages next." <code>citation</code> says "this article builds on the knowledge in these other articles."</p>
<p>AI models weigh <code>citation</code> more heavily when deciding whether your content is part of a larger knowledge system. Using both tells machines that your related posts aren't just navigation. They're sources this article builds upon.</p>
<h2 id="heading-step-5-add-multilingual-support">Step 5: Add Multilingual Support</h2>
<p>If your blog publishes in multiple languages, <code>workTranslation</code> connects different language versions of the same article.</p>
<pre><code class="language-php">    $languages = getActiveLanguages();
    $translations = [];
    foreach (\(languages as \)lang) {
        \(lc = \)lang['code'];
        if (\(lc === \)langCode) continue;

        \(translatedSlug = getPostSlugForLanguage(\)post['id'], $lc);
        if ($translatedSlug) {
            \(translatedUrl = \)lc === $defaultLang
                ? \(baseUrl . '/' . \)translatedSlug
                : \(baseUrl . '/' . \)lc . '/' . $translatedSlug;

            \(stmtT = \)pdo-&gt;prepare(
                "SELECT title FROM post_translations
                 WHERE post_id = ? AND language_code = ? LIMIT 1"
            );
            \(stmtT-&gt;execute([\)post['id'], $lc]);
            \(translatedTitle = \)stmtT-&gt;fetchColumn() ?: $post['title'];

            $translations[] = [
                '@type' =&gt; 'CreativeWork',
                '@id' =&gt; $translatedUrl . '#article',
                'headline' =&gt; $translatedTitle,
                'url' =&gt; $translatedUrl,
                'inLanguage' =&gt; $lc
            ];
        }
    }
    if (!empty($translations)) {
        \(blogPosting['workTranslation'] = \)translations;
    }
</code></pre>
<p>Without <code>workTranslation</code>, a blog with 50 posts in three languages looks like 150 independent articles to AI models. With it, the same blog looks like 50 pieces of knowledge with multilingual reach. The authority consolidates instead of fragmenting.</p>
<p>The translations use <code>@type: CreativeWork</code> instead of <code>BlogPosting</code>. This avoids warnings in Google's Rich Results Test where each translation would be flagged as a separate article with missing required fields.</p>
<h2 id="heading-step-6-assemble-the-graph">Step 6: Assemble the Graph</h2>
<p>Bring everything together:</p>
<pre><code class="language-php">    $webPage = [
        '@type' =&gt; 'WebPage',
        '@id' =&gt; $postUrl,
        'url' =&gt; $postUrl,
        'name' =&gt; $post['title'],
        'isPartOf' =&gt; ['@id' =&gt; $baseUrl . '/#website']
    ];

    $graph = [
        '@context' =&gt; 'https://schema.org',
        '@graph' =&gt; [
            getSchemaWebSite(\(baseUrl, \)siteName, \(siteDesc, \)langCode),
            getSchemaOrganization($baseUrl),
            getSchemaAuthor($baseUrl),
            $webPage,
            $blogPosting
        ]
    ];

    return '&lt;script type="application/ld+json"&gt;'
        . json_encode($graph,
            JSON_UNESCAPED_SLASHES
            | JSON_UNESCAPED_UNICODE
            | JSON_PRETTY_PRINT)
        . '&lt;/script&gt;';
}
</code></pre>
<img src="https://cdn.hashnode.com/uploads/covers/69b380d893256dfc53256f05/04e9ab4f-ab33-432f-baf8-b318bbef949f.png" alt="Visual representation of the @graph architecture showing WebSite, Organization, Person, WebPage, and BlogPosting connected via @id references" style="display:block;margin:0 auto" width="803" height="600" loading="lazy">

<p>The <code>json_encode</code> flags matter. <code>JSON_UNESCAPED_SLASHES</code> prevents URLs from getting escaped. <code>JSON_UNESCAPED_UNICODE</code> keeps non-ASCII characters readable for multilingual content. Without these, a single special character in a blog post title fetched from the database can break the entire JSON-LD block silently.</p>
<h2 id="heading-what-the-output-looks-like-in-production">What the Output Looks Like in Production</h2>
<p>Here is the actual JSON-LD generated by a real post on <a href="https://shinobis.com">shinobis.com</a>, a blog about AI tools and UX design:</p>
<pre><code class="language-json">{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://shinobis.com/#website",
      "name": "Designer in the Age of AI",
      "description": "AI tools and real workflows from a designer who builds with AI.",
      "url": "https://shinobis.com",
      "inLanguage": "en",
      "publisher": { "@id": "https://shinobis.com/#organization" }
    },
    {
      "@type": "Organization",
      "@id": "https://shinobis.com/#organization",
      "name": "Shinobis",
      "url": "https://shinobis.com",
      "logo": { "@type": "ImageObject", "url": "https://shinobis.com/3117045.png" }
    },
    {
      "@type": "Person",
      "@id": "https://shinobis.com/#author",
      "name": "Shinobis",
      "description": "UX/UI Designer with 10+ years in banking and fintech.",
      "url": "https://shinobis.com/en/about",
      "jobTitle": "UX/UI Designer",
      "sameAs": [
        "https://www.linkedin.com/company/shinobis-ai",
        "https://dev.to/shinobis_ia"
      ]
    },
    {
      "@type": "WebPage",
      "@id": "https://shinobis.com/en/one-year-with-ai-open-letter-to-designers",
      "url": "https://shinobis.com/en/one-year-with-ai-open-letter-to-designers",
      "name": "One Year with AI: Open Letter to Designers",
      "isPartOf": { "@id": "https://shinobis.com/#website" }
    },
    {
      "@type": "BlogPosting",
      "@id": "https://shinobis.com/en/one-year-with-ai-open-letter-to-designers#article",
      "headline": "One Year with AI: Open Letter to Designers",
      "description": "One year ago I started this journey. Today I write to all designers who are still doubting, fearing, or ignoring AI.",
      "abstract": "One year ago I started this journey. Today I write to all designers who are still doubting, fearing, or ignoring AI.",
      "url": "https://shinobis.com/en/one-year-with-ai-open-letter-to-designers",
      "datePublished": "2026-02-15T09:00:00-05:00",
      "dateModified": "2026-03-20T14:30:00-05:00",
      "inLanguage": "en",
      "wordCount": 1842,
      "author": {
        "@type": "Person",
        "@id": "https://shinobis.com/#author",
        "name": "Shinobis",
        "url": "https://shinobis.com/en/about"
      },
      "publisher": {
        "@type": "Organization",
        "@id": "https://shinobis.com/#organization",
        "name": "Shinobis",
        "logo": { "@type": "ImageObject", "url": "https://shinobis.com/3117045.png" }
      },
      "isPartOf": { "@id": "https://shinobis.com/#website" },
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://shinobis.com/en/one-year-with-ai-open-letter-to-designers"
      },
      "about": [
        { "@type": "Thing", "name": "Midjourney", "url": "https://midjourney.com" },
        { "@type": "Thing", "name": "Prompt Engineering" }
      ],
      "mentions": [
        { "@type": "Thing", "name": "Claude", "url": "https://claude.ai" }
      ],
      "relatedLink": [
        "https://shinobis.com/en/ai-is-not-going-to-take-your-job-your-comfort-zone-will",
        "https://shinobis.com/en/the-designer-as-creative-director-of-machines"
      ],
      "citation": [
        "https://shinobis.com/en/ai-is-not-going-to-take-your-job-your-comfort-zone-will",
        "https://shinobis.com/en/the-designer-as-creative-director-of-machines"
      ],
      "keywords": ["Midjourney", "Prompt Engineering", "Claude"],
      "workTranslation": [
        {
          "@type": "CreativeWork",
          "@id": "https://shinobis.com/un-ano-con-ia-carta-abierta-disenadores#article",
          "headline": "Un año con IA: carta abierta a los diseñadores",
          "url": "https://shinobis.com/un-ano-con-ia-carta-abierta-disenadores",
          "inLanguage": "es"
        },
        {
          "@type": "CreativeWork",
          "@id": "https://shinobis.com/ja/one-year-with-ai-open-letter-to-designers#article",
          "headline": "AIと一年：デザイナーへの公開書簡",
          "url": "https://shinobis.com/ja/one-year-with-ai-open-letter-to-designers",
          "inLanguage": "ja"
        }
      ]
    }
  ]
}
</code></pre>
<img src="https://cdn.hashnode.com/uploads/covers/69b380d893256dfc53256f05/943d4463-c7a7-4210-8e88-a3c72dd82d70.png" alt="Annotated JSON-LD output showing key properties: persistent @id, abstract for LLMs, auto-detected entities, citation relationships, and workTranslation for multilingual authority" style="display:block;margin:0 auto" width="437" height="816" loading="lazy">

<p>Compare that to the static version: one <code>BlogPosting</code> with a headline and an author name. The difference isn't cosmetic. It's the difference between "there is an article" and "there is a knowledge node connected to an author with verified profiles, published by an organization, linked to related articles through citation relationships, covering specific topics, and available in three languages."</p>
<h2 id="heading-testing-your-implementation">Testing Your Implementation</h2>
<p>After deploying, validate at <a href="https://search.google.com/test/rich-results">Google's Rich Results Test</a>. Paste any post URL and look for your BlogPosting with all properties.</p>
<p>For a deeper audit, copy the <code>&lt;script type="application/ld+json"&gt;</code> block from your page source and paste it into ChatGPT with this prompt: "Audit this JSON-LD schema for AI citation visibility. Score it 1-10 and tell me what is missing." The feedback is surprisingly specific.</p>
<p>When I did this, ChatGPT identified five improvements that raised the score from 8.7 to 9.1.</p>
<h2 id="heading-what-i-learned-after-3-months-in-production">What I Learned After 3 Months in Production</h2>
<p>I have been running this system on a blog with 52 posts in three languages since early 2026. Google indexed pages went from 26 to 48 in three months. The keyword "llms txt" reached position 4 on Google. AI models started citing my content in responses about JSON-LD implementation.</p>
<p>Three things I would do differently if starting today.</p>
<p>First, add the <code>abstract</code> property from day one. I added it three months in and the impact was immediate. LLMs use abstract as a first filter. Perplexity confirmed that the first 200 characters of a page are critical for whether AI extracts the content.</p>
<p>Second, use <code>citation</code> alongside <code>relatedLink</code> from the beginning. <code>relatedLink</code> is a navigation hint. <code>citation</code> signals a knowledge relationship. AI models interpret the connections between your posts differently depending on which property you use.</p>
<p>Third, define the publisher as an Organization immediately. I started with <code>@type: Person</code> and changed it later. AI systems assign more trust to organizational publishers.</p>
<p>The system generates JSON-LD on every page load. At this scale (under 100 posts) the performance impact is negligible. For thousands of posts, generate on publish and cache the output.</p>
<h2 id="heading-wrapping-up">Wrapping Up</h2>
<p>This system is one layer of what is now called Generative Engine Optimization: structuring content so AI models cite you in their responses.</p>
<p>The other layers include an <a href="https://llmstxt.org">llms.txt</a> file at your domain root (which gives AI crawlers a site-level overview) and writing content that AI can extract without needing additional context (direct statements over narrative introductions).</p>
<p>The complete source code is running in production at <a href="https://shinobis.com">shinobis.com</a>. Every post uses the exact system described here.</p>
<p>The next SEO battlefield isn't rankings. It's citations. And citations start with structure.</p>
 ]]>
                </content:encoded>
            </item>
        
    </channel>
</rss>
