How-to: So machst du deine Website sichtbar für AI-Chatbots

KI-Chatbots wie ChatGPT, Claude und Perplexity nutzen deine Website als Quelle, um User-Queries zu beantworten. Viele Websites sind für diese Systeme jedoch quasi unsichtbar – nicht, weil der Content schlecht ist, sondern weil er technisch nicht zugänglich ist. Dieser Guide liefert dir einen kompletten Implementierungsplan, um deine Website für KI-Systeme sichtbar und verständlich zu machen.

How-to: So machst du deine Website sichtbar für AI-Chatbots

Published am

Autor

Jakob Langemark

Folge uns

LinkedIn

So machen Sie Ihre Website sichtbar für KI-Chatbots

KI-Chatbots wie ChatGPT, Claude und Perplexity nutzen Ihre Website als Quelle, wenn sie User-Anfragen beantworten. Doch viele Websites sind für diese Systeme unsichtbar – nicht weil die Inhalte schlecht sind, sondern weil sie technisch unzugänglich sind. Dieser Guide bietet Ihnen einen kompletten Implementierungsplan, um Ihre Website für KI-Systeme sichtbar und verständlich zu machen.

Was bedeutet "Sichtbarkeit für KI-Chatbots"?

Sichtbarkeit für KI hat zwei Dimensionen:

1. Technische Zugänglichkeit – Können KI-Systeme Ihre Inhalte überhaupt crawlen und lesen?

2. Semantisches Verständnis – Können KI-Systeme verstehen, was Ihre Brand anbietet und in welchem Kontext sie relevant ist?

Dieser Artikel konzentriert sich auf beide Aspekte mit konkreten Implementierungen.

Schritt 1: Öffnen Sie Ihre Seite für KI-Crawler

KI-Crawler in der robots.txt erlauben

Ihr erster Schritt besteht darin, sicherzustellen, dass KI-Crawler nicht blockiert werden. Fügen Sie diese Zeilen zu Ihrer robots.txt hinzu:

Testen Sie es: Rufen Sie https://ihrewebsite.com/robots.txt auf und überprüfen Sie, ob diese Zeilen vorhanden sind.

Implementieren Sie Crawl-Delay nur falls nötig

Wenn Ihre Seite zu viele Crawler-Requests erhält, können Sie ein Delay einrichten:

Vermeiden Sie dies jedoch, es sei denn, Sie stellen tatsächlich eine Serverüberlastung fest. KI-Crawler verhalten sich in der Regel rücksichtsvoll.

Schritt 2: Strukturieren Sie Ihre Inhalte mit semantischem HTML

KI-Systeme lesen HTML und versuchen, die Hierarchie zu verstehen. Nutzen Sie korrekte semantische HTML5-Tags.

Nutzen Sie die richtige Überschriften-Hierarchie

Schlechtes Beispiel:

<div class="title">Our Services</div>
<div class="subtitle">Web Design</div>
<div class="title">Our Services</div>
<div class="subtitle">Web Design</div>
<div class="title">Our Services</div>
<div class="subtitle">Web Design</div>

Gutes Beispiel:

<h1>Our Services</h1>
<h2>Web Design</h2>
<h1>Our Services</h1>
<h2>Web Design</h2>
<h1>Our Services</h1>
<h2>Web Design</h2>

KI-Systeme wissen, dass <h1> das Hauptthema ist und <h2> Unterabschnitte sind. Divs mit Klassen bieten keinerlei Semantik.

Nutzen Sie semantische HTML5-Tags

<header>
  <nav>...</nav>
</header>

<main>
  <article>
    <h1>Article heading</h1>
    <p>Lead paragraph...</p>
    <section>
      <h2>Section heading</h2>
      <p>Content...</p>
    </section>
  </article>
</main>

<aside>
  <h3>Related content</h3>
</aside>

<footer>
  <p>Contact information</p>
</footer>
<header>
  <nav>...</nav>
</header>

<main>
  <article>
    <h1>Article heading</h1>
    <p>Lead paragraph...</p>
    <section>
      <h2>Section heading</h2>
      <p>Content...</p>
    </section>
  </article>
</main>

<aside>
  <h3>Related content</h3>
</aside>

<footer>
  <p>Contact information</p>
</footer>
<header>
  <nav>...</nav>
</header>

<main>
  <article>
    <h1>Article heading</h1>
    <p>Lead paragraph...</p>
    <section>
      <h2>Section heading</h2>
      <p>Content...</p>
    </section>
  </article>
</main>

<aside>
  <h3>Related content</h3>
</aside>

<footer>
  <p>Contact information</p>
</footer>

Warum das wichtig ist:

  • <article> signalisiert eigenständigen Content

  • <section> gruppiert zusammenhängende Inhalte

  • <aside> markiert ergänzenden Content

  • <nav> identifiziert die Navigation

KI-Systeme nutzen diese Signale, um zu verstehen, was Core-Content ist und was Navigation oder Ads sind.

Schritt 3: Implementieren Sie strukturierte Daten mit JSON-LD

JSON-LD ist das stärkste Tool, um KIs zu helfen, Ihre Brand zu verstehen.

Organization Schema

Fügen Sie dies im <head> Ihrer Homepage ein:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Your Company Name",
  "url": "https://yourwebsite.com",
  "logo": "https://yourwebsite.com/logo.png",
  "description": "We deliver X to Y by doing Z",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+45-12-34-56-78",
    "contactType": "Customer Service",
    "areaServed": "DK",
    "availableLanguage": ["Danish", "English"]
  },
  "sameAs": [
    "https://www.linkedin.com/company/yourcompany",
    "https://twitter.com/yourcompany"
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Your Company Name",
  "url": "https://yourwebsite.com",
  "logo": "https://yourwebsite.com/logo.png",
  "description": "We deliver X to Y by doing Z",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+45-12-34-56-78",
    "contactType": "Customer Service",
    "areaServed": "DK",
    "availableLanguage": ["Danish", "English"]
  },
  "sameAs": [
    "https://www.linkedin.com/company/yourcompany",
    "https://twitter.com/yourcompany"
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Your Company Name",
  "url": "https://yourwebsite.com",
  "logo": "https://yourwebsite.com/logo.png",
  "description": "We deliver X to Y by doing Z",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+45-12-34-56-78",
    "contactType": "Customer Service",
    "areaServed": "DK",
    "availableLanguage": ["Danish", "English"]
  },
  "sameAs": [
    "https://www.linkedin.com/company/yourcompany",
    "https://twitter.com/yourcompany"
  ]
}
</script>

Product Schema (falls Sie Produkte verkaufen)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Product name",
  "description": "Product description that explains what it is and who it's for",
  "brand": {
    "@type": "Brand",
    "name": "Your Brand"
  },
  "offers": {
    "@type": "Offer",
    "price": "499.00",
    "priceCurrency": "DKK",
    "availability": "https://schema.org/InStock"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Product name",
  "description": "Product description that explains what it is and who it's for",
  "brand": {
    "@type": "Brand",
    "name": "Your Brand"
  },
  "offers": {
    "@type": "Offer",
    "price": "499.00",
    "priceCurrency": "DKK",
    "availability": "https://schema.org/InStock"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Product name",
  "description": "Product description that explains what it is and who it's for",
  "brand": {
    "@type": "Brand",
    "name": "Your Brand"
  },
  "offers": {
    "@type": "Offer",
    "price": "499.00",
    "priceCurrency": "DKK",
    "availability": "https://schema.org/InStock"
  }
}
</script>

Article Schema (für Blog-Posts)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article headline",
  "description": "Short description of the article",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "datePublished": "2024-01-15",
  "dateModified": "2024-01-20",
  "publisher": {
    "@type": "Organization",
    "name": "Your Website Name",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yourwebsite.com/logo.png"
    }
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article headline",
  "description": "Short description of the article",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "datePublished": "2024-01-15",
  "dateModified": "2024-01-20",
  "publisher": {
    "@type": "Organization",
    "name": "Your Website Name",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yourwebsite.com/logo.png"
    }
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article headline",
  "description": "Short description of the article",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "datePublished": "2024-01-15",
  "dateModified": "2024-01-20",
  "publisher": {
    "@type": "Organization",
    "name": "Your Website Name",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yourwebsite.com/logo.png"
    }
  }
}
</script>

Testen Sie Ihre Implementierung:

Schritt 4: Optimieren Sie für Lesbarkeit

Schreiben Sie klar und strukturiert

KI-Systeme bevorzugen klaren, gut strukturierten Content. Vermeiden Sie:

  • Floskeln und Marketing-Sprech ohne Substanz

  • Keyword-Stuffing

  • Vage Aussagen ohne konkrete Details

Schlecht:

"Wir sind der branchenführende Anbieter von innovativen Lösungen, die Ihre digitale Präsenz transformieren."

Gut:

"Wir entwickeln E-Commerce-Websites für KMUs in Skandinavien. Unsere Plattform verwaltet über 10.000 Produkte und lässt sich mit Shopify, WooCommerce und Magento integrieren."

Nutzen Sie Listen für handlungsorientierte Informationen

KIs lieben Listen – sie sind leicht zu parsen und zu zitieren.

Beispiel:

<h2>Our services include:</h2>
<ul>
  <li>Web design and UI/UX optimization</li>
  <li>E-commerce development (Shopify, WooCommerce)</li>
  <li>SEO and technical optimization</li>
  <li>Hosting and maintenance</li>
</ul>
<h2>Our services include:</h2>
<ul>
  <li>Web design and UI/UX optimization</li>
  <li>E-commerce development (Shopify, WooCommerce)</li>
  <li>SEO and technical optimization</li>
  <li>Hosting and maintenance</li>
</ul>
<h2>Our services include:</h2>
<ul>
  <li>Web design and UI/UX optimization</li>
  <li>E-commerce development (Shopify, WooCommerce)</li>
  <li>SEO and technical optimization</li>
  <li>Hosting and maintenance</li>
</ul>

Binden Sie Use Cases und Beispiele ein

Wenn eine KI Lösungen empfehlen soll, sucht sie nach konkreten Use Cases.

<h2>Who uses our platform?</h2>
<ul>
  <li><strong>Retail:</strong> Store chains that need to sync inventory across 50+ stores</li>
  <li><strong>SaaS companies:</strong> Startups that need scalable infrastructure from day one</li>
  <li><strong>Industry:</strong> Manufacturing companies with complex supply chains</li>
</ul>
<h2>Who uses our platform?</h2>
<ul>
  <li><strong>Retail:</strong> Store chains that need to sync inventory across 50+ stores</li>
  <li><strong>SaaS companies:</strong> Startups that need scalable infrastructure from day one</li>
  <li><strong>Industry:</strong> Manufacturing companies with complex supply chains</li>
</ul>
<h2>Who uses our platform?</h2>
<ul>
  <li><strong>Retail:</strong> Store chains that need to sync inventory across 50+ stores</li>
  <li><strong>SaaS companies:</strong> Startups that need scalable infrastructure from day one</li>
  <li><strong>Industry:</strong> Manufacturing companies with complex supply chains</li>
</ul>

Wenn jemand fragt: "Welches CMS empfiehlst du für eine Einzelhandelskette?", kann die KI Sie nun präzise zitieren.

Schritt 5: Erstellen Sie eine XML-Sitemap

Eine Sitemap hilft Crawlern, all Ihre Inhalte zu finden.

Sitemap generieren

Minimale Sitemap:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://yourwebsite.com/</loc>
    <lastmod>2024-01-20</lastmod>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://yourwebsite.com/about-us/</loc>
    <lastmod>2024-01-15</lastmod>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://yourwebsite.com/products/</loc>
    <lastmod>2024-01-18</lastmod>
    <priority>0.9</priority>
  </url>
</urlset>
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://yourwebsite.com/</loc>
    <lastmod>2024-01-20</lastmod>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://yourwebsite.com/about-us/</loc>
    <lastmod>2024-01-15</lastmod>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://yourwebsite.com/products/</loc>
    <lastmod>2024-01-18</lastmod>
    <priority>0.9</priority>
  </url>
</urlset>
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://yourwebsite.com/</loc>
    <lastmod>2024-01-20</lastmod>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://yourwebsite.com/about-us/</loc>
    <lastmod>2024-01-15</lastmod>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://yourwebsite.com/products/</loc>
    <lastmod>2024-01-18</lastmod>
    <priority>0.9</priority>
  </url>
</urlset>

Speichern unter: sitemap.xml im Root-Verzeichnis.

Sitemap zur robots.txt hinzufügen

Updates automatisieren
Wenn Sie WordPress nutzen, installieren Sie ein Sitemap-Plugin (Yoast SEO, RankMath).
Für Custom-Sites generieren Sie die Sitemap automatisch bei Content-Updates:
# Python example
import xml.etree.ElementTree as ET
from datetime import datetime

def generate_sitemap(urls):
    urlset = ET.Element('urlset', xmlns="http://www.sitemaps.org/schemas/sitemap/0.9")
    
    for url_data in urls:
        url = ET.SubElement(urlset, 'url')
        loc = ET.SubElement(url, 'loc')
        loc.text = url_data['url']
        lastmod = ET.SubElement(url, 'lastmod')
        lastmod.text = datetime.now().strftime('%Y-%m-%d')
        priority = ET.SubElement(url, 'priority')
        priority.text = str(url_data.get('priority', 0.5))
    
    tree = ET.ElementTree(urlset)
    tree.write('sitemap.xml', encoding='UTF-8', xml_declaration=True)

# Usage:
urls = [
    {'url': 'https://yourwebsite.com/', 'priority': 1.0},
    {'url': 'https://yourwebsite.com/products/', 'priority': 0.9}
]
generate_sitemap(urls)
# Python example
import xml.etree.ElementTree as ET
from datetime import datetime

def generate_sitemap(urls):
    urlset = ET.Element('urlset', xmlns="http://www.sitemaps.org/schemas/sitemap/0.9")
    
    for url_data in urls:
        url = ET.SubElement(urlset, 'url')
        loc = ET.SubElement(url, 'loc')
        loc.text = url_data['url']
        lastmod = ET.SubElement(url, 'lastmod')
        lastmod.text = datetime.now().strftime('%Y-%m-%d')
        priority = ET.SubElement(url, 'priority')
        priority.text = str(url_data.get('priority', 0.5))
    
    tree = ET.ElementTree(urlset)
    tree.write('sitemap.xml', encoding='UTF-8', xml_declaration=True)

# Usage:
urls = [
    {'url': 'https://yourwebsite.com/', 'priority': 1.0},
    {'url': 'https://yourwebsite.com/products/', 'priority': 0.9}
]
generate_sitemap(urls)
# Python example
import xml.etree.ElementTree as ET
from datetime import datetime

def generate_sitemap(urls):
    urlset = ET.Element('urlset', xmlns="http://www.sitemaps.org/schemas/sitemap/0.9")
    
    for url_data in urls:
        url = ET.SubElement(urlset, 'url')
        loc = ET.SubElement(url, 'loc')
        loc.text = url_data['url']
        lastmod = ET.SubElement(url, 'lastmod')
        lastmod.text = datetime.now().strftime('%Y-%m-%d')
        priority = ET.SubElement(url, 'priority')
        priority.text = str(url_data.get('priority', 0.5))
    
    tree = ET.ElementTree(urlset)
    tree.write('sitemap.xml', encoding='UTF-8', xml_declaration=True)

# Usage:
urls = [
    {'url': 'https://yourwebsite.com/', 'priority': 1.0},
    {'url': 'https://yourwebsite.com/products/', 'priority': 0.9}
]
generate_sitemap(urls)
Schritt 6: Technische Hürden abbauen
Inhalte ohne JavaScript zugänglich machen
Viele KI-Crawler haben nur begrenzten JavaScript-Support. Rendern Sie kritischen Content serverseitig (Server-Side Rendering).
Testen:
curl -A "GPTBot/1.0" https://yourwebsite.com/ | grep -o "<h1>.*</h1>"
curl -A "GPTBot/1.0" https://yourwebsite.com/ | grep -o "<h1>.*</h1>"
curl -A "GPTBot/1.0" https://yourwebsite.com/ | grep -o "<h1>.*</h1>"
Wenn Sie Ihren Content nicht sehen, ist das ein Problem.
Lösung:
  • Server-Side Rendering (Next.js, Nuxt, SvelteKit)
  • Pre-rendering wichtiger Seiten
  • Progressive Enhancement
Vermeiden Sie Paywalls und Logins bei öffentlichem Content
Wenn Ihr Content ein Login erfordert, kann die KI ihn nicht crawlen.
Lösung für hybriden Content:
Bieten Sie "Preview"-Versionen ohne Login an, jedoch mit Einschränkungen:
<div class="article-preview">
  <p>This is the first 3 paragraphs... <a href="/login">Read more (requires login)</a></p>
</div>
<div class="article-preview">
  <p>This is the first 3 paragraphs... <a href="/login">Read more (requires login)</a></p>
</div>
<div class="article-preview">
  <p>This is the first 3 paragraphs... <a href="/login">Read more (requires login)</a></p>
</div>
Antwortzeiten optimieren
Langsame Seiten werden nicht gründlich gecrawlt.
Ziele:
  • TTFB (Time To First Byte): < 600ms
  • LCP (Largest Contentful Paint): < 2.5s
  • CLS (Cumulative Layout Shift): < 0.1
Testen mit:
Schritt 7: Autoritativen Content aufbauen
Autoren-Informationen hinzufügen
KI-Systeme legen großen Wert auf autoritativen Content.
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "author": {
    "@type": "Person",
    "name": "Jane Doe",
    "jobTitle": "CTO",
    "url": "https://yourwebsite.com/about/jane-doe",
    "sameAs": [
      "https://linkedin.com/in/janedoe",
      "https://twitter.com/janedoe"
    ]
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "author": {
    "@type": "Person",
    "name": "Jane Doe",
    "jobTitle": "CTO",
    "url": "https://yourwebsite.com/about/jane-doe",
    "sameAs": [
      "https://linkedin.com/in/janedoe",
      "https://twitter.com/janedoe"
    ]
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "author": {
    "@type": "Person",
    "name": "Jane Doe",
    "jobTitle": "CTO",
    "url": "https://yourwebsite.com/about/jane-doe",
    "sameAs": [
      "https://linkedin.com/in/janedoe",
      "https://twitter.com/janedoe"
    ]
  }
}
</script>
Auf autoritative Quellen verlinken
Wenn Sie eine Behauptung aufstellen, verlinken Sie auf Quellen:
<p>
  According to <a href="https://openai.com/research/gpt-4">OpenAI's GPT-4 technical report</a>, 
  the model can handle contexts of up to 32,000 tokens.
</p>
<p>
  According to <a href="https://openai.com/research/gpt-4">OpenAI's GPT-4 technical report</a>, 
  the model can handle contexts of up to 32,000 tokens.
</p>
<p>
  According to <a href="https://openai.com/research/gpt-4">OpenAI's GPT-4 technical report</a>, 
  the model can handle contexts of up to 32,000 tokens.
</p>
KI-Systeme vertrauen Inhalten mehr, wenn diese selbst glaubwürdige Quellen zitieren.
Schritt 8: Monitoring und Validierung
Prüfen Sie, ob KI-Crawler Ihre Seite besuchen
Analysieren Sie Ihre Server-Logs:
grep -i "GPTBot\|ClaudeBot\|CCBot"
grep -i "GPTBot\|ClaudeBot\|CCBot"
grep -i "GPTBot\|ClaudeBot\|CCBot"
Sehen Sie Crawler-Aktivität? Falls nicht, gibt es weiterhin technische Barrieren.
Prüfen Sie, wie die KI Ihre Website sieht
Simulieren Sie einen KI-Crawler:
curl -A "GPTBot/1.0"
curl -A "GPTBot/1.0"
curl -A "GPTBot/1.0"
Öffnen Sie die output.html und prüfen Sie, ob Ihre wichtigsten Inhalte sichtbar sind.
Strukturierte Daten validieren
Nutzen Sie Validatoren, um sicherzustellen, dass Ihr JSON-LD fehlerfrei ist:
Implementierungs-Checkliste
Nutzen Sie diese Checkliste für die vollständige KI-Sichtbarkeit:
  1. Robots.txt aktualisiert – Erlauben Sie GPTBot, ClaudeBot, CCBot, PerplexityBot
  2. Semantisches HTML – Nutzen Sie <header>, <main>, <article>, <section>
  3. JSON-LD Schema – Implementieren Sie Organization, Product und Article Schemas
  4. Sitemap.xml – Generieren und in der robots.txt verlinken
  5. Keine JavaScript-Barrieren – Kritischer Content ist ohne JS zugänglich
  6. Antwortzeiten optimiert – TTFB < 600ms
  7. Klare Sprache – Vermeiden Sie Floskeln, schreiben Sie konkret und handlungsorientiert
  8. Interne Verlinkung – Verlinken Sie zusammenhängende Seiten untereinander
  9. Autoritativer Content – Autoren-Infos und Quellenangaben hinzufügen
  10. Validiert und getestet – Nutzen Sie Validatoren und testen Sie mit curl
Fazit
Bei der Sichtbarkeit für KI-Chatbots geht es nicht darum, die Systeme auszutricksen, sondern darum, Ihre Inhalte technisch zugänglich und semantisch verständlich zu machen. Die meisten Implementierungen dauern weniger als einen Tag, aber der Effekt ist enorm: Ihre Brand wird relevant, wenn User KI-Systeme nach Lösungen in Ihrer Domain fragen.
Starten Sie mit der robots.txt und JSON-LD – das sind die beiden Hebel mit dem größten Impact. Bauen Sie darauf mit semantischem HTML und der Optimierung der Antwortzeiten auf.
‹ Crawlability und AI-Crawler – wie du sicherstellst, dass GPTBot dich findet.
TTFB: Warum Time To First Byte sowohl für SEO als auch für LLMs wichtig ist ›