[{"data":1,"prerenderedAt":30},["ShallowReactive",2],{"clay-page:\u002Fde\u002Ffeatures\u002Fseo":3},{"html":4,"toc":5,"description":26,"hero":27,"list":28,"socialImage":29},"\u003Ch1 id=\"seo\">SEO\u003C\u002Fh1>\n\u003Cp>Clay bereitet jede Seite von sich aus für Suchmaschinen und Link-Vorschauen vor. Jede Seite wird vorab als vollständiges HTML gerendert, Crawler sehen also den ganzen Inhalt, ohne JavaScript auszuführen.\u003C\u002Fp>\n\u003Ch2 id=\"was-jede-seite-bekommt\">\u003Ca class=\"heading-anchor\" href=\"#was-jede-seite-bekommt\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#was-jede-seite-bekommt\">#\u003C\u002Fa>Was jede Seite bekommt\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Tag\u003C\u002Fth>\n\u003Cth>Inhalt\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ccode><title>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Seitentitel und Titel der Seite: „Suche · Clay“\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode><meta name=\"description\">\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Die Beschreibung der Seite, siehe unten\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>og:title\u003C\u002Fcode>, \u003Ccode>og:description\u003C\u002Fcode>, \u003Ccode>og:type\u003C\u002Fcode>, \u003Ccode>og:site_name\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Dasselbe für Link-Vorschauen in Chats und sozialen Netzwerken\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode><html lang>\u003C\u002Fcode>, \u003Ccode>og:locale\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Die Sprache der Seite; \u003Ccode>og:locale:alternate\u003C\u002Fcode> nennt die ihrer Übersetzungen\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>favicon.ico\u003C\u002Fcode>, \u003Ccode>apple-touch-icon\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Gezeichnet aus dem \u003Ccode>favicon\u003C\u002Fcode> der \u003Ccode>clay.yaml\u003C\u002Fcode>: für Suchergebnisse, die keine SVG-Icons zeigen, und für den Home-Bildschirm von iPhones und iPads\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>article:modified_time\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Das Datum der letzten Änderung, aus Git\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cp>Mit \u003Ccode>siteURL\u003C\u002Fcode> bekommen Seiten außerdem:\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Tag\u003C\u002Fth>\n\u003Cth>Inhalt\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ccode><link rel=\"canonical\">\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Die vollständige Adresse der Seite, damit Suchmaschinen wissen, welche URL sie zeigen sollen\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>og:url\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Dasselbe für Link-Vorschauen\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Brotkrumen (JSON-LD)\u003C\u002Ftd>\n\u003Ctd>Wo die Seite liegt, in Suchergebnissen als „Clay › Funktionen › SEO“\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Website (JSON-LD)\u003C\u002Ftd>\n\u003Ctd>Auf Startseiten: der Name der Website, den Suchergebnisse bei ihren Seiten zeigen\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>hreflang\u003C\u002Fcode>-Links\u003C\u002Ftd>\n\u003Ctd>Die \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Forganizing\u002Ftranslations\" data-route=\"\u002Fde\u002Forganizing\u002Ftranslations\">Übersetzungen\u003C\u002Fa> der Seite\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>og:image\u003C\u002Fcode>, \u003Ccode>twitter:card\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Das \u003Ca href=\"#vorschaubilder\" data-route=\"#vorschaubilder\">Vorschaubild\u003C\u002Fa> der Seite\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cdiv class=\"markdown-alert markdown-alert-tip\">\n\u003Cp class=\"markdown-alert-title text-primary\">\u003Ci class=\"fa-solid fa-lightbulb mr-2\">\u003C\u002Fi>Tipp\u003C\u002Fp>\n\u003Cp>Link-Vorschauen auf X können das Konto des Projekts nennen. Füg es mit \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fconfiguration\u002Fclay-yaml#head\" data-route=\"\u002Fde\u002Fconfiguration\u002Fclay-yaml#head\">\u003Ccode>head\u003C\u002Fcode>\u003C\u002Fa> hinzu:\u003C\u002Fp>\n\u003Cdiv class=\"code-block has-title\">\u003Cdiv class=\"code-title\">\u003Ci class=\"fa-regular fa-file-lines\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>clay.yaml\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">head\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">  meta\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">    - \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">name\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"twitter:site\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">      content\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"@mein_projekt\"\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"beschreibungen\">\u003Ca class=\"heading-anchor\" href=\"#beschreibungen\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#beschreibungen\">#\u003C\u002Fa>Beschreibungen\u003C\u002Fh2>\n\u003Cp>Die Beschreibung ist der kurze Text, den Suchmaschinen unter einem Ergebnis zeigen. Clay nimmt das Erste davon:\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Ccode>description\u003C\u002Fcode> im \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fpages#front-matter\" data-route=\"\u002Fde\u002Fwriting\u002Fpages#front-matter\">Front Matter\u003C\u002Fa> der Seite,\u003C\u002Fli>\n\u003Cli>den ersten Absatz der Seite,\u003C\u002Fli>\n\u003Cli>die Beschreibung der Startseite, \u003Ccode>docs\u002Findex.md\u003C\u002Fcode>.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Sie wird an einer Wortgrenze auf 160 Zeichen gekürzt. Eine gute Beschreibung sagt in ein, zwei Sätzen, welche Frage die Seite beantwortet:\u003C\u002Fp>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">Veröffentliche eine Clay-Seite auf GitHub Pages, mit einem Workflow, der bei jedem Push baut.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>Fehlende Beschreibungen kann ein Coding-Agent schreiben:\u003C\u002Fp>\n\u003Cdiv class=\"clay-prompt-aura aura not-prose\">\u003Cdiv class=\"clay-prompt code-block\">\u003Cdiv class=\"clay-prompt-title\">\u003Ci class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>Vorgeschlagener Prompt\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"clay-prompt-text\">Lies https:\u002F\u002Fclay-doc.github.io\u002Fclay-example-repo\u002Fde\u002Ffeatures\u002Fseo.md. Gib dann jeder\nSeite in docs\u002F ohne Beschreibung eine: ein, zwei Sätze, höchstens 160 Zeichen,\ndie sagen, welche Frage die Seite beantwortet. Finde die Seiten mit\n`npx clay edit list --json` und setze die Beschreibungen mit `npx clay edit set`.\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Prompt kopieren\" aria-label=\"Prompt kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Ch2 id=\"vorschaubilder\">\u003Ca class=\"heading-anchor\" href=\"#vorschaubilder\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#vorschaubilder\">#\u003C\u002Fa>Vorschaubilder\u003C\u002Fh2>\n\u003Cp>Ein Link auf eine Seite, geteilt in einem Chat oder einem sozialen Netzwerk, zeigt ein Bild von ihr: Logo und Titel der Seite, den Bereich, den Titel der Seite und ihre Beschreibung, in den Farben des dunklen Designs.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fclay-doc.github.io\u002Fclay-example-repo\u002F_clay\u002Fsocial\u002Fde\u002Fpublishing\u002Fgithub-pages.png\" alt=\"Das Vorschaubild der Anleitung zu GitHub Pages\">\u003C\u002Fp>\n\u003Cp>Clay zeichnet sie beim Bauen der Seite, eines für jede Seite, unter \u003Ccode>\u002F_clay\u002Fsocial\u002F<seite>.png\u003C\u002Fcode>. Sie brauchen \u003Ccode>siteURL\u003C\u002Fcode>, denn Link-Vorschauen laden Bilder nur über ihre volle Adresse. Ohne sie bauen:\u003C\u002Fp>\n\u003Cdiv class=\"code-block has-title\">\u003Cdiv class=\"code-title\">\u003Ci class=\"fa-regular fa-file-lines\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>clay.yaml\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">socialImages\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\">false\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cul>\n\u003Cli>\u003Cstrong>Jede Schrift, und Emoji.\u003C\u002Fstrong> Clay bringt die Schrift für lateinische, griechische und kyrillische Buchstaben mit. Für andere Schriften, etwa Arabisch, Hebräisch, Hindi, Thai, Chinesisch, Japanisch oder Koreanisch, und für Emoji holt der Build nur die Buchstaben, die die Bilder brauchen, einmal von Google Fonts und legt sie in \u003Ccode>node_modules\u002F.cache\u003C\u002Fcode> ab; Leser kontaktieren Google nie. Seiten, die von rechts nach links geschrieben werden, bekommen ein gespiegeltes Bild.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Ohne Verbindung\u003C\u002Fstrong> bleiben Texte, deren Schriften nicht geladen werden konnten, von ihren Bildern weg, und der nächste Build versucht es erneut.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Das Zeichnen geht schnell\u003C\u002Fstrong>, Dutzende Seiten pro Sekunde, und Clay legt die Bilder im Cache ab: Es zeichnet sie nur neu, wenn sich Titel oder Beschreibung einer Seite ändern.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Skia zeichnet sie\u003C\u002Fstrong>, die Grafik-Engine von Chrome, über ein Paket, das fertig gebaut für macOS, Linux und Windows kommt. Auf einer Plattform ohne Build davon baut Clay die Seite ohne Vorschaubilder und sagt das.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"sitemap-und-robotstxt\">\u003Ca class=\"heading-anchor\" href=\"#sitemap-und-robotstxt\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#sitemap-und-robotstxt\">#\u003C\u002Fa>Sitemap und robots.txt\u003C\u002Fh2>\n\u003Cp>Mit \u003Ccode>siteURL\u003C\u002Fcode> schreibt Clay eine \u003Ccode>sitemap.xml\u003C\u002Fcode> mit jeder Seite und dem Datum ihrer letzten Änderung, und eine \u003Ccode>robots.txt\u003C\u002Fcode>, die darauf verweist, und auf die \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Ffeatures\u002Fai-and-agents#llmstxt\" data-route=\"\u002Fde\u002Ffeatures\u002Fai-and-agents#llmstxt\">\u003Ccode>llms.txt\u003C\u002Fcode>\u003C\u002Fa> für Sprachmodelle.\u003C\u002Fp>\n\u003Cdiv class=\"code-block has-title\">\u003Cdiv class=\"code-title\">\u003Ci class=\"fa-regular fa-file-lines\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>clay.yaml\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">siteURL\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"https:\u002F\u002Fmeine-org.github.io\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">baseURL\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"\u002Fmein-projekt\u002F\"\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>Die Sitemap liegt dann unter \u003Ccode>https:\u002F\u002Fmeine-org.github.io\u002Fmein-projekt\u002Fsitemap.xml\u003C\u002Fcode>. Reiche sie in der \u003Ca href=\"https:\u002F\u002Fsearch.google.com\u002Fsearch-console\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Google Search Console\u003C\u002Fa> und den \u003Ca href=\"https:\u002F\u002Fwww.bing.com\u002Fwebmasters\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Bing Webmaster Tools\u003C\u002Fa> ein.\u003C\u002Fp>\n\u003Ch3 id=\"seiten-unter-einem-pfad\">\u003Ca class=\"heading-anchor\" href=\"#seiten-unter-einem-pfad\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#seiten-unter-einem-pfad\">#\u003C\u002Fa>Seiten unter einem Pfad\u003C\u002Fh3>\n\u003Cp>Suchmaschinen lesen die \u003Ccode>robots.txt\u003C\u002Fcode> nur an der Wurzel einer Domain, etwa \u003Ccode>https:\u002F\u002Fmeine-org.github.io\u002Frobots.txt\u003C\u002Fcode>. Eine Seite unter einem Pfad wie \u003Ccode>\u002Fmein-projekt\u002F\u003C\u002Fcode> kann dort keine ablegen, Suchmaschinen erfahren über sie also nichts von ihrer Sitemap. Clay hilft auf drei Arten:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cp>\u003Cstrong>\u003Ccode>clay build\u003C\u002Fcode> erinnert dich.\u003C\u002Fstrong> Mit \u003Ccode>siteURL\u003C\u002Fcode> und einer \u003Ccode>baseURL\u003C\u002Fcode> außer \u003Ccode>\u002F\u003C\u002Fcode> zeigt der Build die Adresse der Sitemap zum Einreichen:\u003C\u002Fp>\n\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">●  Loaded 42 pages from docs\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">│  ℹ robots.txt only counts at the root of a domain; submit https:\u002F\u002Fmeine-org.github.io\u002Fmein-projekt\u002Fsitemap.xml in Google Search Console and Bing Webmaster Tools\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fli>\n\u003Cli>\u003Cp>\u003Cstrong>Jede Seite verweist auf die Sitemap\u003C\u002Fstrong> in ihrem Kopf (\u003Ccode><link rel=\"sitemap\">\u003C\u002Fcode>), für Werkzeuge, die dort danach suchen.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\u003Cp>\u003Cstrong>Suchmaschinen finden deine Seiten trotzdem\u003C\u002Fstrong>, indem sie Links folgen; die Sitemap macht es schneller und vollständig.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Reiche die Sitemap einmal in der \u003Ca href=\"https:\u002F\u002Fsearch.google.com\u002Fsearch-console\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Google Search Console\u003C\u002Fa> und den \u003Ca href=\"https:\u002F\u002Fwww.bing.com\u002Fwebmasters\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Bing Webmaster Tools\u003C\u002Fa> ein. Gehört dir die Seite an der Wurzel, etwa das Repository \u003Ccode>meine-org.github.io\u003C\u002Fcode>, kannst du stattdessen eine Zeile in deren \u003Ccode>robots.txt\u003C\u002Fcode> ergänzen: \u003Ccode>Sitemap: https:\u002F\u002Fmeine-org.github.io\u002Fmein-projekt\u002Fsitemap.xml\u003C\u002Fcode>. Mit \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fpublishing\u002Fgithub-pages\" data-route=\"\u002Fde\u002Fpublishing\u002Fgithub-pages\">eigener Domain\u003C\u002Fa> liegt die Seite an der Wurzel, und ihre \u003Ccode>robots.txt\u003C\u002Fcode> wirkt, wie sie ist.\u003C\u002Fp>\n\u003Ch2 id=\"versionen-und-übersetzungen\">\u003Ca class=\"heading-anchor\" href=\"#versionen-und-übersetzungen\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#versionen-und-übersetzungen\">#\u003C\u002Fa>Versionen und Übersetzungen\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Seiten \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Forganizing\u002Fversions\" data-route=\"\u002Fde\u002Forganizing\u002Fversions\">älterer Versionen\u003C\u002Fa> sind normale Seiten mit eigenen URLs und Einträgen in der Sitemap.\u003C\u002Fli>\n\u003Cli>Eine noch nicht übersetzte Seite zeigt in der anderen Sprache den Originaltext. Ihr kanonischer Link zeigt auf das Original, und sie fehlt in der Sitemap, damit Suchmaschinen keine doppelten Inhalte sehen.\u003C\u002Fli>\n\u003C\u002Ful>\n",[6,10,13,16,19,23],{"id":7,"text":8,"level":9},"was-jede-seite-bekommt","Was jede Seite bekommt",2,{"id":11,"text":12,"level":9},"beschreibungen","Beschreibungen",{"id":14,"text":15,"level":9},"vorschaubilder","Vorschaubilder",{"id":17,"text":18,"level":9},"sitemap-und-robotstxt","Sitemap und robots.txt",{"id":20,"text":21,"level":22},"seiten-unter-einem-pfad","Seiten unter einem Pfad",3,{"id":24,"text":25,"level":9},"versionen-und-übersetzungen","Versionen und Übersetzungen","Titel, Beschreibungen, kanonische URLs, Open-Graph-Tags, strukturierte Daten und eine Sitemap, die Clay für Suchmaschinen erzeugt.",null,false,"\u002F_clay\u002Fsocial\u002Fde\u002Ffeatures\u002Fseo.png",1792666371653]