[{"data":1,"prerenderedAt":458},["ShallowReactive",2],{"docs-navigation:de":3,"content-page:blog:3-hkyKoJEMByNDwLdN6Q4qYIe5A3TcPZ9XeP5RG4PSk":241,"content-page-surround:blog:ybD3cXoJ3-x1bQH2tN6LOpQ0EcAtxhzFELaDqBkGTJs":453},[4,23,44,77,118,151,171,197,221],{"title":5,"id":6,"canonicalKey":7,"locale":8,"draft":9,"navigation":10,"icon":12,"sidebar":13,"path":14,"children":15},"Dokumentation","content:de:1.dokumentation:1.erste-schritte:.navigation.yml","1","de",false,{"icon":11},"lucide:rocket","lucide:book-open","section","\u002Fde\u002Fdokumentation\u002Ferste-schritte",[16],{"title":17,"id":18,"canonicalKey":19,"locale":8,"draft":9,"navigation":20,"icon":21,"path":22},"Installation","content:de:1.dokumentation:1.erste-schritte:2.installation.md","1\u002F2",{"title":17,"icon":21},"lucide:download","\u002Fde\u002Fdokumentation\u002Ferste-schritte\u002Finstallation",{"title":24,"page":9,"canonicalKey":25,"locale":8,"id":26,"draft":9,"icon":27,"sidebar":28,"children":29},"Konzepte","2","content:de:1.dokumentation:2.konzepte:.navigation.yml","lucide:boxes","group",[30,37],{"title":31,"id":32,"canonicalKey":33,"locale":8,"draft":9,"navigation":34,"icon":35,"path":36},"Funktionsweise","content:de:1.dokumentation:2.konzepte:1.so-funktioniert-ginko-docs.md","2\u002F1",{"title":31,"icon":35},"lucide:workflow","\u002Fde\u002Fdokumentation\u002Fkonzepte\u002Fso-funktioniert-ginko-docs",{"title":38,"id":39,"canonicalKey":40,"locale":8,"draft":9,"navigation":41,"icon":42,"path":43},"Inhalte und Routen","content:de:1.dokumentation:2.konzepte:2.inhalte-und-routen.md","2\u002F2",{"icon":42},"lucide:route","\u002Fde\u002Fdokumentation\u002Fkonzepte\u002Finhalte-und-routen",{"title":45,"page":9,"canonicalKey":46,"locale":8,"id":47,"draft":9,"icon":48,"sidebar":28,"children":49},"Inhalte schreiben","3","content:de:1.dokumentation:3.inhalte:.navigation.yml","lucide:pen-line",[50,56,63,70],{"title":45,"id":51,"canonicalKey":52,"locale":8,"draft":9,"navigation":53,"icon":54,"path":55},"content:de:1.dokumentation:3.inhalte:1.inhalte-schreiben.md","3\u002F1",{"title":45,"icon":54},"lucide:file-pen-line","\u002Fde\u002Fdokumentation\u002Finhalte\u002Finhalte-schreiben",{"title":57,"id":58,"canonicalKey":59,"locale":8,"draft":9,"navigation":60,"icon":61,"path":62},"Navigation","content:de:1.dokumentation:3.inhalte:2.navigation.md","3\u002F2",{"title":57,"icon":61},"lucide:panel-left","\u002Fde\u002Fdokumentation\u002Finhalte\u002Fnavigation",{"title":64,"id":65,"canonicalKey":66,"locale":8,"draft":9,"navigation":67,"icon":68,"path":69},"Links","content:de:1.dokumentation:3.inhalte:3.links.md","3\u002F3",{"title":64,"icon":68},"lucide:link","\u002Fde\u002Fdokumentation\u002Finhalte\u002Flinks",{"title":71,"id":72,"canonicalKey":73,"locale":8,"draft":9,"navigation":74,"icon":75,"path":76},"Komponenten verwenden","content:de:1.dokumentation:3.inhalte:4.komponenten-verwenden.md","3\u002F4",{"title":71,"icon":75},"lucide:blocks","\u002Fde\u002Fdokumentation\u002Finhalte\u002Fkomponenten-verwenden",{"title":78,"page":9,"canonicalKey":79,"locale":8,"id":80,"draft":9,"icon":81,"sidebar":28,"children":82},"Funktionen","4","content:de:1.dokumentation:4.funktionen:.navigation.yml","lucide:sparkles",[83,90,97,104,111],{"title":84,"id":85,"canonicalKey":86,"locale":8,"draft":9,"navigation":87,"icon":88,"path":89},"Lokalisierung","content:de:1.dokumentation:4.funktionen:1.lokalisierung.md","4\u002F1",{"title":84},"lucide:languages","\u002Fde\u002Fdokumentation\u002Ffunktionen\u002Flokalisierung",{"title":91,"id":92,"canonicalKey":93,"locale":8,"draft":9,"navigation":94,"icon":95,"path":96},"Suche","content:de:1.dokumentation:4.funktionen:2.suche.md","4\u002F2",{"title":91},"lucide:search","\u002Fde\u002Fdokumentation\u002Ffunktionen\u002Fsuche",{"title":98,"id":99,"canonicalKey":100,"locale":8,"draft":9,"navigation":101,"icon":102,"path":103},"Blog","content:de:1.dokumentation:4.funktionen:3.blog.md","4\u002F3",{"title":98},"lucide:newspaper","\u002Fde\u002Fdokumentation\u002Ffunktionen\u002Fblog",{"title":105,"id":106,"canonicalKey":107,"locale":8,"draft":9,"navigation":108,"icon":109,"path":110},"SEO und Social Cards","content:de:1.dokumentation:4.funktionen:4.seo-und-social-cards.md","4\u002F4",{"title":105},"lucide:globe-2","\u002Fde\u002Fdokumentation\u002Ffunktionen\u002Fseo-und-social-cards",{"title":112,"id":113,"canonicalKey":114,"locale":8,"draft":9,"navigation":115,"icon":116,"path":117},"Agentenlesbare Ausgabe","content:de:1.dokumentation:4.funktionen:5.agentenlesbare-ausgabe.md","4\u002F5",{"title":112},"lucide:bot","\u002Fde\u002Fdokumentation\u002Ffunktionen\u002Fagentenlesbare-ausgabe",{"title":119,"page":9,"canonicalKey":120,"locale":8,"id":121,"draft":9,"icon":122,"sidebar":28,"children":123},"Anpassung","5","content:de:1.dokumentation:5.anpassung:.navigation.yml","lucide:paintbrush",[124,131,138,145],{"title":125,"id":126,"canonicalKey":127,"locale":8,"draft":9,"navigation":128,"icon":129,"path":130},"Website konfigurieren","content:de:1.dokumentation:5.anpassung:1.website-konfigurieren.md","5\u002F1",{"title":125},"lucide:settings-2","\u002Fde\u002Fdokumentation\u002Fanpassung\u002Fwebsite-konfigurieren",{"title":132,"id":133,"canonicalKey":134,"locale":8,"draft":9,"navigation":135,"icon":136,"path":137},"Startseite","content:de:1.dokumentation:5.anpassung:2.startseite.md","5\u002F2",{"title":132},"lucide:layout-template","\u002Fde\u002Fdokumentation\u002Fanpassung\u002Fstartseite",{"title":139,"id":140,"canonicalKey":141,"locale":8,"draft":9,"navigation":142,"icon":143,"path":144},"Design und Overrides","content:de:1.dokumentation:5.anpassung:3.design-und-overrides.md","5\u002F3",{"title":139},"lucide:palette","\u002Fde\u002Fdokumentation\u002Fanpassung\u002Fdesign-und-overrides",{"title":146,"id":147,"canonicalKey":148,"locale":8,"draft":9,"navigation":149,"icon":75,"path":150},"Eigene Komponenten","content:de:1.dokumentation:5.anpassung:4.eigene-komponenten.md","5\u002F4",{"title":146},"\u002Fde\u002Fdokumentation\u002Fanpassung\u002Feigene-komponenten",{"title":152,"page":9,"canonicalKey":153,"locale":8,"id":154,"draft":9,"icon":155,"sidebar":28,"children":156},"Betrieb","6","content:de:1.dokumentation:6.betrieb:.navigation.yml","lucide:cloud-cog",[157,164],{"title":158,"id":159,"canonicalKey":160,"locale":8,"draft":9,"navigation":161,"icon":162,"path":163},"Bereitstellung","content:de:1.dokumentation:6.betrieb:1.bereitstellung.md","6\u002F1",{"title":158,"icon":162},"lucide:cloud-upload","\u002Fde\u002Fdokumentation\u002Fbetrieb\u002Fbereitstellung",{"title":165,"id":166,"canonicalKey":167,"locale":8,"draft":9,"navigation":168,"icon":169,"path":170},"Fehlerbehebung","content:de:1.dokumentation:6.betrieb:2.fehlerbehebung.md","6\u002F2",{"title":165,"icon":169},"lucide:wrench","\u002Fde\u002Fdokumentation\u002Fbetrieb\u002Ffehlerbehebung",{"title":172,"page":9,"canonicalKey":173,"locale":8,"id":174,"draft":9,"icon":175,"sidebar":13,"children":176},"Referenz","7","content:de:1.dokumentation:7.referenz:.navigation.yml","lucide:braces",[177,184,190],{"title":178,"id":179,"canonicalKey":180,"locale":8,"draft":9,"navigation":181,"icon":182,"path":183},"Content-Konfiguration","content:de:1.dokumentation:7.referenz:1.content-config.md","7\u002F1",{"title":178,"icon":182},"lucide:database","\u002Fde\u002Fdokumentation\u002Freferenz\u002Fcontent-config",{"title":185,"id":186,"canonicalKey":187,"locale":8,"draft":9,"navigation":188,"icon":129,"path":189},"App-Konfiguration","content:de:1.dokumentation:7.referenz:2.app-config.md","7\u002F2",{"title":185,"icon":129},"\u002Fde\u002Fdokumentation\u002Freferenz\u002Fapp-config",{"title":191,"id":192,"canonicalKey":193,"locale":8,"draft":9,"navigation":194,"icon":195,"path":196},"Frontmatter und Schemas","content:de:1.dokumentation:7.referenz:3.frontmatter.md","7\u002F3",{"title":191,"icon":195},"lucide:file-json-2","\u002Fde\u002Fdokumentation\u002Freferenz\u002Ffrontmatter",{"title":198,"page":9,"canonicalKey":199,"locale":8,"id":200,"draft":9,"icon":75,"sidebar":28,"children":201},"Komponenten","8","content:de:1.dokumentation:8.komponenten:.navigation.yml",[202,208,215],{"title":203,"id":204,"canonicalKey":205,"locale":8,"draft":9,"navigation":206,"icon":75,"path":207},"MDC-Komponenten","content:de:1.dokumentation:8.komponenten:1.mdc-komponenten.md","8\u002F1",{"title":203,"icon":75},"\u002Fde\u002Fdokumentation\u002Fkomponenten\u002Fmdc-komponenten",{"title":209,"id":210,"canonicalKey":211,"locale":8,"draft":9,"navigation":212,"icon":213,"path":214},"API-Referenzpanels","content:de:1.dokumentation:8.komponenten:2.api-referenz.md","8\u002F2",{"title":209,"icon":213},"lucide:table-properties","\u002Fde\u002Fdokumentation\u002Fkomponenten\u002Fapi-referenz",{"title":216,"id":217,"canonicalKey":218,"locale":8,"draft":9,"navigation":219,"icon":75,"path":220},"Komponenten-Showcase","content:de:1.dokumentation:8.komponenten:3.komponenten-showcase.md","8\u002F3",{"title":216,"icon":75},"\u002Fde\u002Fdokumentation\u002Fkomponenten\u002Fkomponenten-showcase",{"title":222,"page":9,"canonicalKey":223,"locale":8,"id":224,"draft":9,"icon":225,"sidebar":28,"children":226},"Ressourcen","9","content:de:1.dokumentation:9.ressourcen:.navigation.yml","lucide:library",[227,234],{"title":228,"id":229,"canonicalKey":230,"locale":8,"draft":9,"navigation":231,"icon":232,"path":233},"Öffentliche Exporte","content:de:1.dokumentation:9.ressourcen:1.oeffentliche-exporte.md","9\u002F1",{"title":228,"icon":232},"lucide:package-open","\u002Fde\u002Fdokumentation\u002Fressourcen\u002Foeffentliche-exporte",{"title":235,"id":236,"canonicalKey":237,"locale":8,"draft":9,"navigation":238,"icon":239,"path":240},"Anforderungen und Upgrades","content:de:1.dokumentation:9.ressourcen:2.anforderungen-und-upgrades.md","9\u002F2",{"title":235,"icon":239},"lucide:refresh-cw","\u002Fde\u002Fdokumentation\u002Fressourcen\u002Fanforderungen-und-upgrades",{"title":242,"description":243,"badge":244,"date":245,"readingTime":246,"author":247,"body":273,"type":435,"id":436,"canonicalKey":79,"draft":9,"partial":9,"locale":8,"collection":437,"navigationFile":9,"file":438,"sitemap":442,"route":444,"resolution":450},"Bilder verwenden, ohne den Lesefluss zu brechen","Wähle Markdown-Bilder, Figures, Abmessungen, Captions und Bleed anhand der Aufgabe des Bildes.","Bilder","2026-06-02","6 Min. Lesezeit",{"slug":248,"name":249,"role":250,"bio":251,"avatar":252,"id":253,"type":254,"title":249,"canonicalKey":255,"draft":9,"partial":9,"locale":8,"collection":256,"navigationFile":9,"file":257,"body":261,"route":262,"resolution":270},"ginko-docs-team","Ginko Docs Team","Documentation Engineering","Maintainer des Ginko-Docs-Nuxt-Layers und seiner zweisprachigen Referenz-Site.","\u002Ffavicon.svg","content:de:authors:ginko-docs-team.json","json","authors\u002Fginko-docs-team","authors",{"source":258,"path":259,"stem":260,"dir":256,"extension":254},"content","de\u002Fauthors\u002Fginko-docs-team.json","de\u002Fauthors\u002Fginko-docs-team",null,{"resolvedPath":263,"alternates":264},"\u002Fde\u002Fauthors\u002Fginko-docs-team",[265,269],{"locale":266,"path":267,"source":268},"en","\u002Fauthors\u002Fginko-docs-team","variant",{"locale":8,"path":263,"source":268},{"requested":271,"resolved":272,"usedFallback":9},{"locale":8},{"locale":8},{"type":274,"children":275,"toc":426},"root",[276,284,297,304,309,318,323,329,334,343,375,381,386,394,399,405,410,415],{"type":277,"tag":278,"props":279,"children":280},"element","p",{},[281],{"type":282,"value":283},"text","Ein Bild gehört in die Dokumentation, wenn es einen Zustand, Ablauf, Zusammenhang oder ein Ergebnis schneller erklärt als Text. Seine Darstellung folgt dieser Aufgabe. Ein Screenshot, der einen Satz unterstützt, braucht eine andere Behandlung als ein Diagramm, das Leser genau untersuchen müssen.",{"type":277,"tag":278,"props":285,"children":286},{},[287,289,295],{"type":282,"value":288},"Ginko Docs rendert normale Markdown-Bilder über Nuxt Image und kann eine Vergrößerung beim Anklicken ergänzen. Die ",{"type":277,"tag":290,"props":291,"children":292},"code",{},[293],{"type":282,"value":294},"figure",{"type":282,"value":296},"-Komponente fügt explizite Abmessungen, eine Caption, Seitenverhältnis und optionalen Bleed hinzu, ohne ein eigenes Vue-Template für die Seite zu verlangen.",{"type":277,"tag":298,"props":299,"children":301},"h2",{"id":300},"verwende-markdown-fr-bilder-im-lesefluss",[302],{"type":282,"value":303},"Verwende Markdown für Bilder im Lesefluss",{"type":277,"tag":278,"props":305,"children":306},{},[307],{"type":282,"value":308},"Nutze die normale Bildsyntax, wenn der umgebende Absatz den Kontext liefert und das Bild keine Caption benötigt.",{"type":277,"tag":278,"props":310,"children":311},{},[312],{"type":277,"tag":313,"props":314,"children":317},"img",{"src":315,"alt":316},"\u002Fimages\u002Fcontent-demo-workspace.jpg","Heller Arbeitsbereich für eine redaktionelle Planungssitzung",[],{"type":277,"tag":278,"props":319,"children":320},{},[321],{"type":282,"value":322},"Beschreibe im Alt-Text die Information, die ein Leser aus dem Bild braucht. Wiederhole nicht „Bild von“ und verwende nicht den Dateinamen. Trägt ein Bild keine Information, ist ein leerer Alt-Text besser als eine erfundene Beschreibung.",{"type":277,"tag":298,"props":324,"children":326},{"id":325},"verwende-eine-figure-fr-caption-und-stabile-geometrie",[327],{"type":282,"value":328},"Verwende eine Figure für Caption und stabile Geometrie",{"type":277,"tag":278,"props":330,"children":331},{},[332],{"type":282,"value":333},"Nutze eine Figure, wenn die Caption Bedeutung ergänzt oder explizite Abmessungen einen Layout Shift verhindern sollen.",{"type":277,"tag":294,"props":335,"children":342},{"src":336,"alt":337,"caption":338,"width":339,"height":340,"aspect":341},"\u002Fimages\u002Fcontent-demo-detail.png","Detailliertes Planungsmaterial für eine Website-Content-Sitzung","Eine Caption kann den Zustand oder die Entscheidung benennen, auf die Leser achten sollen.","1200","800","video",[],{"type":277,"tag":278,"props":344,"children":345},{},[346,348,353,355,360,362,367,368,373],{"type":282,"value":347},"Die Props ",{"type":277,"tag":290,"props":349,"children":350},{},[351],{"type":282,"value":352},"width",{"type":282,"value":354}," und ",{"type":277,"tag":290,"props":356,"children":357},{},[358],{"type":282,"value":359},"height",{"type":282,"value":361}," beschreiben das Quellbild. Dadurch reserviert der Browser den richtigen Platz, bevor die Datei geladen ist. ",{"type":277,"tag":290,"props":363,"children":364},{},[365],{"type":282,"value":366},"aspect",{"type":282,"value":354},{"type":277,"tag":290,"props":369,"children":370},{},[371],{"type":282,"value":372},"fit",{"type":282,"value":374}," steuern die Darstellung; sie sollten keinen falsch zugeschnittenen Quell-Asset ausgleichen.",{"type":277,"tag":298,"props":376,"children":378},{"id":377},"nutze-bleed-nur-fr-wichtige-details",[379],{"type":282,"value":380},"Nutze Bleed nur für wichtige Details",{"type":277,"tag":278,"props":382,"children":383},{},[384],{"type":282,"value":385},"Eine breitere Figure hilft bei dichten Diagrammen, Vergleichs-Screenshots oder redaktionellen Fotos, die innerhalb der Textspalte wichtige Details verlieren.",{"type":277,"tag":294,"props":387,"children":393},{"src":388,"alt":389,"caption":390,"width":339,"height":391,"bleed":392,"aspect":341},"\u002Fimages\u002Fcontent-demo-workshop.jpg","Workshop-Tisch mit Notizen für den Start einer mehrsprachigen Dokumentation","Ein kontrollierter Bleed schafft auf breiten Screens mehr Raum und kehrt mobil zur Inhaltsbreite zurück.","900","outside",[],{"type":277,"tag":278,"props":395,"children":396},{},[397],{"type":282,"value":398},"Verwende Bleed nicht als Dekoration auf jeder Seite. Wiederholte Breitenwechsel unterbrechen das Scannen und lassen gewöhnliche Screenshots wichtiger erscheinen als die Anleitung um sie herum.",{"type":277,"tag":298,"props":400,"children":402},{"id":401},"halte-text-und-medien-synchron",[403],{"type":282,"value":404},"Halte Text und Medien synchron",{"type":277,"tag":278,"props":406,"children":407},{},[408],{"type":282,"value":409},"Platziere ein Bild nach dem Satz, der es einführt. Erkläre die Schlussfolgerung zusätzlich im Text; ein Screenshot darf nicht der einzige Ort für einen erforderlichen Wert oder eine Fehlermeldung sein. Aktualisiere Screenshots, wenn sich Labels, Routen oder Standardwerte ändern.",{"type":277,"tag":278,"props":411,"children":412},{},[413],{"type":282,"value":414},"Bei vergrößerbaren Bildern muss die verkleinerte Ansicht das Hauptmotiv erkennen lassen und der Original-Asset scharf genug für Details sein. Ein unscharfer Screenshot wird in einem Dialog nicht hilfreicher.",{"type":277,"tag":278,"props":416,"children":417},{},[418,420,424],{"type":282,"value":419},"Der endgültige Asset braucht einen stabilen öffentlichen Pfad, aussagekräftigen Alt-Text, bei ",{"type":277,"tag":290,"props":421,"children":422},{},[423],{"type":282,"value":294},{"type":282,"value":425}," intrinsische Abmessungen und nur dann eine Caption, wenn sie Information ergänzt, die der Absatz noch nicht enthält.",{"title":427,"searchDepth":428,"depth":428,"links":429},"",4,[430,432,433,434],{"id":300,"depth":431,"text":303},2,{"id":325,"depth":431,"text":328},{"id":377,"depth":431,"text":380},{"id":401,"depth":431,"text":404},"markdown","content:de:2.blog:4.redaktionelle-bildstrecken.md","blog",{"source":258,"path":439,"stem":440,"dir":437,"extension":441},"de\u002F2.blog\u002F4.redaktionelle-bildstrecken.md","de\u002F2.blog\u002F4.redaktionelle-bildstrecken","md",{"lastmod":443},"2026-06-02T00:00:00.000Z",{"requestedPath":445,"resolvedPath":445,"alternates":446},"\u002Fde\u002Fblog\u002Fredaktionelle-bildstrecken",[447,449],{"locale":266,"path":448,"source":268},"\u002Fblog\u002Feditorial-image-systems",{"locale":8,"path":445,"source":268},{"requested":451,"resolved":452,"usedFallback":9},{"locale":8},{"locale":8},{"previous":454,"next":261},{"title":455,"id":456,"canonicalKey":46,"locale":8,"draft":9,"path":457},"Dokumentation für Menschen und Agenten veröffentlichen","content:de:2.blog:3.prerender-seo-suche.md","\u002Fde\u002Fblog\u002Fprerender-seo-suche",1786539662894]