Integration · Webflow
Webflow Blog & SEO: Mehr aus deinen CMS-Collections.
Ein Blog läuft in Webflow über eine CMS-Collection: Jeder Artikel ist ein Item, die Template-Seite gibt das Layout vor. Webflow liefert dazu eine automatische Sitemap und SEO-Felder für jede Seite. Wer Titel und Beschreibung im Template an Collection-Felder bindet, hat die SEO-Angaben für jeden neuen Artikel gleich mit erledigt. Claire füllt diese Felder und veröffentlicht direkt in deine Collection.
Unternehmen, deren Blogs mit Claire wachsen
'%3e%3cpath%20d='M87.9811%2017.7737C87.9811%2023.8245%2084.8802%2026.6503%2079.4345%2026.6503C73.9888%2026.6503%2070.9676%2023.7447%2070.9676%2017.7737V1.41403H67.1914V18.3713C67.1914%2026.014%2071.9219%2029.8753%2079.4333%2029.8753C86.9446%2029.8753%2091.7561%2026.014%2091.7561%2018.3713V1.41403H87.9799V17.7737H87.9811Z'%20fill='%2309090B'/%3e%3cpath%20d='M57.3653%2011.0515L65.7718%201.41403H60.6813L47.5793%2016.2628C46.9536%2016.9729%2045.7818%2016.5253%2045.7866%2015.5781L45.8555%201.41403H42.1191V29.2777H45.8555L45.806%2025.9777C45.7842%2024.5467%2046.3109%2023.1616%2047.2773%2022.108L51.1961%2017.8318C52.2917%2016.6342%2054.2124%2016.7588%2055.1474%2018.0858L63.0212%2029.2777H67.9969L57.2179%2014.7398C56.3941%2013.6294%2056.4557%2012.0931%2057.3641%2011.0515H57.3653Z'%20fill='%2309090B'/%3e%3cpath%20d='M109.554%2017.8137H117.062C118.73%2017.8137%20119.898%2019.4807%20119.313%2021.046C118.369%2023.5694%20115.901%2026.6504%20109.475%2026.6504C103.05%2026.6504%2098.0271%2022.6694%2098.0271%2015.5057C98.0271%207.58348%20103.155%204.00162%20109.554%204.00162C114.92%204.00162%20118.378%206.50929%20119.014%209.69437H123.267C122.512%204.44074%20117.146%200.777832%20109.594%200.777832C101.366%200.777832%2094.0117%205.75323%2094.0117%2015.5057C94.0117%2024.502%20100.332%2029.8754%20109.355%2029.8754C112.825%2029.8754%20116.017%2028.8907%20118.209%2027.1706C119.005%2026.5464%20120.167%2027.1113%20120.167%2028.1238V29.279H123.427V14.6311H109.554V17.8149V17.8137Z'%20fill='%2309090B'/%3e%3cpath%20d='M147.224%201.41287V17.7726C147.224%2023.8234%20144.123%2026.6492%20138.679%2026.6492C133.234%2026.6492%20130.212%2023.7435%20130.212%2017.7726V1.41287H126.436V18.3701C126.436%2026.0129%20131.166%2029.8742%20138.679%2029.8742C146.191%2029.8742%20151.001%2026.0129%20151.001%2018.3701V1.41287H147.225H147.224Z'%20fill='%2309090B'/%3e%3cpath%20d='M19.1545%2023.0384C16.7651%2024.0388%2014.1812%2024.0231%2011.5562%2023.042L-0.00195312%2018.0594V13.8315L13.4383%2019.6779C14.8069%2020.215%2015.9859%2020.2271%2017.1806%2019.7263L30.7888%2013.8485V18.04L19.1545%2023.0396V23.0384Z'%20fill='%2309090B'/%3e%3cpath%20d='M-0.000745789%20-0.000255831V5.5074L11.6323%2016.2433C14.453%2018.8526%2016.3966%2018.8526%2019.3393%2016.1175L30.7888%205.52071V0.0275662L16.085%2013.8735C15.7033%2014.2243%2015.1729%2014.2364%2014.7236%2013.8699L-0.00195312%20-0.00146484L-0.000745789%20-0.000255831Z'%20fill='%2309090B'/%3e%3cpath%20d='M30.7907%2025.4359H0V29.2306H30.7907V25.4359Z'%20fill='%2309090B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_383_2457'%3e%3crect%20width='151'%20height='30'%20fill='%2309090B'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
%20scale(0.100000,-0.100000)'%20fill='%23000000'%20stroke='none'%3e%3cpath%20d='M15560%203399%20c-378%20-23%20-718%20-106%20-982%20-240%20-360%20-184%20-614%20-475%20-737%20-844%20-75%20-227%20-96%20-381%20-88%20-673%203%20-158%2010%20-233%2027%20-317%2064%20-320%20194%20-575%20400%20-785%20286%20-292%20682%20-458%201240%20-521%20152%20-18%20648%20-18%20800%200%20550%2062%20946%20226%201227%20509%20223%20223%20356%20485%20419%20827%2016%2082%2019%20148%2019%20360%20-1%20243%20-3%20268%20-28%20386%20-69%20326%20-194%20564%20-408%20778%20-313%20314%20-761%20481%20-1389%20521%20-184%2011%20-300%2011%20-500%20-1z%20m520%20-529%20c547%20-49%20894%20-243%201066%20-595%20150%20-309%20154%20-808%2010%20-1121%20-132%20-284%20-367%20-463%20-741%20-564%20-189%20-50%20-601%20-75%20-862%20-51%20-675%2062%20-1050%20354%20-1150%20894%20-23%20129%20-23%20417%201%20552%2044%20243%20133%20415%20289%20561%20192%20178%20481%20288%20857%20323%20126%2012%20399%2012%20530%201z'%3e%3c/path%3e%3cpath%20d='M10%201705%20l0%20-1615%20293%202%20292%203%203%20457%202%20457%201068%204%20c1059%203%201068%203%201164%2025%20382%2087%20638%20274%20790%20577%20137%20271%20157%20658%2050%20970%20-124%20365%20-424%20612%20-846%20699%20-150%2032%20-329%2036%20-1568%2036%20l-1248%200%200%20-1615z%20m2620%201062%20c184%20-32%20339%20-136%20409%20-276%2045%20-88%2063%20-183%2063%20-331%200%20-245%20-54%20-379%20-196%20-487%20-178%20-135%20-261%20-143%20-1478%20-143%20l-828%200%200%20631%200%20630%20968%20-4%20c835%20-4%20980%20-6%201062%20-20z'%3e%3c/path%3e%3cpath%20d='M5893%203288%20c-123%20-209%20-1834%20-3169%20-1839%20-3181%20-6%20-16%2019%20-17%20327%20-17%20l334%200%20200%20350%20200%20350%201169%20-3%201168%20-2%20200%20-348%20200%20-347%20329%200%20c181%200%20329%204%20329%208%200%205%20-418%20731%20-929%201613%20l-928%201604%20-371%203%20-370%202%20-19%20-32z%20m836%20-1247%20c231%20-404%20419%20-736%20418%20-738%20-2%20-2%20-394%20-2%20-870%20-1%20l-867%203%20428%20745%20c235%20410%20431%20751%20436%20759%207%2011%2012%209%2022%20-10%206%20-13%20202%20-354%20433%20-758z'%3e%3c/path%3e%3cpath%20d='M9467%203313%20c-4%20-3%20-7%20-730%20-7%20-1615%20l0%20-1608%20295%200%20295%200%200%20550%200%20550%201265%200%201265%200%200%20260%200%20260%20-1265%200%20-1265%200%200%20540%200%20540%201400%200%201400%200%200%20265%200%20265%20-1688%200%20c-929%200%20-1692%20-3%20-1695%20-7z'%3e%3c/path%3e%3cpath%20d='M18965%203308%20c-3%20-7%20-4%20-733%20-3%20-1613%20l3%20-1600%20295%200%20295%200%203%20542%202%20543%201018%200%20c559%200%201057%20-5%201105%20-10%20119%20-12%20181%20-34%20228%20-81%2070%20-70%2073%20-88%2077%20-571%20l3%20-428%20295%200%20295%200%20-3%20478%20c-4%20413%20-7%20485%20-21%20537%20-58%20202%20-194%20331%20-406%20385%20l-44%2012%2072%2039%20c278%20151%20418%20386%20438%20740%2010%20181%20-28%20393%20-96%20527%20-134%20265%20-396%20419%20-832%20489%20-92%2015%20-251%2017%20-1412%2020%20-1070%203%20-1308%202%20-1312%20-9z%20m2643%20-541%20c189%20-42%20319%20-166%20363%20-347%2020%20-82%2017%20-280%20-5%20-368%20-42%20-168%20-172%20-289%20-353%20-328%20-122%20-26%20-405%20-34%20-1235%20-34%20l-818%200%200%20550%200%20551%20988%20-4%20c866%20-3%20996%20-6%201060%20-20z'%3e%3c/path%3e%3cpath%20d='M23280%203313%20c0%20-5%20432%20-492%20960%20-1083%20l959%20-1075%201%20-532%200%20-533%20315%200%20315%200%200%20529%200%20530%20960%201076%20c528%20592%20960%201080%20960%201086%200%2011%20-750%2012%20-766%201%20-5%20-4%20-335%20-375%20-732%20-824%20-397%20-449%20-725%20-819%20-729%20-821%20-5%20-3%20-339%20368%20-742%20824%20l-735%20829%20-383%200%20c-211%200%20-383%20-3%20-383%20-7z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e)
Webflow SEO: die Grundlagen
Was Webflow mitbringt. Und was du einstellen musst.
Technisch ist Webflow eine gute Basis. Die meisten SEO-Fehler entstehen in den Seiten- und Collection-Einstellungen. Diese acht Punkte lohnen einen Blick.
SEO-Einstellungen jeder Seite
In den Seiteneinstellungen hat jede statische Seite Felder für Titel-Tag, Meta-Beschreibung und Open-Graph-Angaben. Schreib für deine wichtigsten Seiten eigene Titel und Beschreibungen, statt dich auf den Seitennamen zu verlassen.
Collection-Templates an Felder binden
Für Blogartikel setzt du die SEO-Angaben nicht einzeln, sondern einmal im Template der Collection: Titel und Beschreibung lassen sich an Felder der Collection binden. Leg dafür eigene Felder wie „Meta-Titel“ und „Meta-Beschreibung“ an, statt nur den Artikelnamen zu nehmen. So bekommt jeder neue Artikel automatisch passende Angaben.
Slugs und 301-Weiterleitungen
Die Adresse eines Artikels setzt sich aus dem Pfad der Collection und dem Slug zusammen, etwa /blog/webflow-seo-checkliste. Halte Slugs kurz und änder sie nach dem Veröffentlichen möglichst nicht. Wenn doch, leg in den Site-Einstellungen eine 301-Weiterleitung von der alten auf die neue Adresse an.
Sitemap, robots.txt und Canonical
Webflow erzeugt die XML-Sitemap auf Wunsch automatisch und hält sie aktuell. Die robots.txt bearbeitest du im SEO-Bereich der Site-Einstellungen. Achte außerdem darauf, dass nur eine Domain-Variante indexiert wird, mit oder ohne www, und dass der Canonical-Tag auf sie zeigt.
Bilder: Alt-Text und Größe
Webflow erzeugt für Bilder automatisch responsive Varianten. Lade trotzdem keine Fotos in Originalgröße hoch, und gib jedem Bild einen Alt-Text, auch den Titelbildern deiner Artikel.
Ladezeit: Interactions und Custom Code
Webflow-Seiten sind schnell, solange man sie lässt. Bremsen sind meist schwere Animationen, viele Schriftschnitte, eingebettete Videos und Skripte von Drittanbietern im Custom Code. Miss regelmäßig mit PageSpeed Insights.
Strukturierte Daten
Article- oder FAQ-Schema fügst du über Custom Code im Kopf der Template-Seite ein und füllst es mit Feldern der Collection. So trägt jeder Artikel seine Daten maschinenlesbar mit.
Mehrere Sprachen
Mit Webflow Localization legst du Sprachfassungen als Locales an, meist in Unterordnern wie /en. Items einer Collection bekommen je Locale eigene Inhalte, auch die SEO-Felder übersetzt du mit.
Webflow Blog
Ein Blog in Webflow. Eine Collection, ein Template, fertig.
Einen eigenen Blog-Bereich gibt es in Webflow nicht, und das ist ein Vorteil: Dein Blog ist eine CMS-Collection, die du genau so aufbaust, wie du sie brauchst.
So legst du einen Blog in Webflow an
Die Schritte im Überblick:
- Im CMS-Bereich eine neue Collection anlegen, etwa „Blog Posts“. Webflow bietet dafür auch eine Vorlage an.
- Felder anlegen: Name und Slug sind gesetzt, dazu Rich Text für den Artikel, ein Bildfeld, eine Zusammenfassung und Felder für Meta-Titel und Meta-Beschreibung.
- Die Template-Seite der Collection gestalten und die Elemente an die Felder binden.
- Auf einer Übersichtsseite wie /blog eine Collection List einfügen, die die neuesten Artikel zeigt.
Welche Felder ein guter Blog braucht
Plan die Felder einmal sorgfältig, später umzubauen kostet mehr Zeit:
- Rich Text für den Artikel mit Überschriften, Listen und Links.
- Titelbild mit Alt-Text.
- Zusammenfassung für Übersicht und Social Media.
- Meta-Titel und Meta-Beschreibung, im Template gebunden.
- Kategorie und Autor als Referenzfelder, wenn du mehrere Themen oder Autoren hast.
- Veröffentlichungsdatum, damit Leser sehen, wie aktuell ein Artikel ist.
Themen nach Suchanfragen planen
Schreib über Fragen, die deine Kunden wirklich stellen, nicht über Firmen-News. Prüf vor jedem Thema, ob danach gesucht wird, und plane lieber einen Artikel pro Woche über ein Jahr als zwanzig im ersten Monat. Ältere Artikel aktualisierst du, wenn sich Fakten ändern.
Die Grenzen des Webflow-CMS
Webflow begrenzt die Zahl der CMS-Items je nach Site-Plan. Prüf deinen Plan, bevor du in hohem Takt veröffentlichst. Der Rich-Text-Editor ist schlicht: Tabellen und eigene Bausteine brauchen Umwege über eingebetteten Code. Und ein Artikel ist erst live, wenn sein Item veröffentlicht wurde.
Claire und Webflow
So arbeitet Claire mit Webflow. Direkt in deine Collection.
Claire findet Themen, schreibt die Artikel in deinem Ton und legt sie als Items in deiner Blog-Collection an. Welcher Inhalt in welches Feld gehört, legst du einmal fest.
Verbinden in drei Schritten
API-Token erzeugen
In den Site-Einstellungen von Webflow unter Integrations > API Access einen Token erzeugen: Lesen für Sites und Workspace, Lesen und Schreiben fürs CMS. Den Token fügst du in Claire ein.
Collection wählen
Claire zeigt die Collections deiner Website. Du wählst die, in der deine Blogartikel liegen.
Felder zuordnen
Claire schlägt anhand der Feldnamen eine Zuordnung vor: Name, Slug, Text, Zusammenfassung, Bild, Meta-Felder, Datum. Du prüfst sie und änderst, was nicht passt. Das geht auch später noch.
Was Claire in Webflow setzt
- Name und Slug
- Überschrift und sprechender Slug. Einen einmal gesetzten Slug ändert Claire bei Updates nicht.
- Rich Text
- Der Artikel mit Überschriften, Listen und Links. Tabellen verpackt Claire so, dass Webflow sie nicht entfernt und sie mobil scrollbar bleiben.
- Titelbild
- Ins Bildfeld deiner Collection, mit Alt-Text.
- Meta-Titel und Meta-Beschreibung
- In die Felder, die du dafür zugeordnet hast.
- Datum
- Das Veröffentlichungsdatum, wenn deine Collection ein Datumsfeld hat.
- Kategorie, Autor und andere Referenzen
- Du wählst einen festen Eintrag, oder Claire sucht per KI passende vorhandene Einträge aus. Neue Einträge legt Claire nicht an.
- Weitere Felder
- Bleiben leer, bekommen einen festen Wert oder füllt Claire nach deiner eigenen Anweisung.
- Sprachen
- Mit Webflow Localization erkennt Claire deine Locales und legt jede Sprachfassung als Locale desselben Items an.
Wann ein Artikel live geht
Freigabe zuerst
Jeder fertige Artikel wartet in Claire. Du liest ihn, änderst, was du willst, und veröffentlichst per Klick oder zu einem Termin. Claire veröffentlicht dann genau dieses Item, nicht deine ganze Website.
Autopilot, wenn du willst
Schaltest du den Autopilot ein, veröffentlicht Claire selbst: höchstens einen Artikel pro Tag, weitere folgen am nächsten freien Tag um 9 Uhr. Abschalten kannst du ihn jederzeit.
Einen veröffentlichten Artikel nimmst du in Webflow selbst offline, aus Claire heraus geht das noch nicht. Bearbeitest du einen Artikel in Webflow, übernimmt Claire diesen Stand beim täglichen Abgleich.
Wie Claire Themen findet, recherchiert und schreibt, zeigt die Seite zum KI-Blog-Writer.
KI-Blog-Writer ansehenKunden auf Webflow
Webflow-Blogs, die Claire füllt. Und was daraus wurde.
Managed ClaireSaaS · MitarbeiterempfehlungenDie eigene Website sollte komplett auf KI-Suchen optimiert werden — nicht nur der Blog.
Zwei neue Content-Formate, die bis heute täglich Besucher bringen und Leads in den Vertrieb spielen.
- Entscheider / Monat
- 0
Education · Regulierte Branche38 / 50 Prompts mit Nennung
KI-Empfehlungsproblem wegen hoher Konkurrenz.
Die Marke wird in KI-Antworten zum Studienangebot genannt.
Was du dafür brauchst
Enthalten ab Start. 199 € im Monat.
Kostenlos testen, ohne Kreditkarte. Danach monatlich kündbar, ohne Setup-Gebühr. Eine Zusatzsprache und die volle SEO-Strategie gibt es ab Growth (299 €).
Alle Pläne vergleichenStart
monatlich kündbar199 €/ Monat
- Bis zu 30 Artikel pro Monat
- Veröffentlichung direkt in deine Webflow-Collection
- Feldzuordnung inklusive Meta-Feldern
- Überarbeitungen, wenn Artikel abrutschen
Fragen
Was du wissen solltest.
Ist Webflow oder WordPress besser für SEO?
Beide können sehr gut ranken. Webflow liefert sauberen Code und braucht weniger Wartung, WordPress bietet mehr Plugins und Freiheit. Für Rankings entscheidender als das System sind Inhalte, interne Links und gepflegte SEO-Felder. Claire veröffentlicht in beide.
Lohnt sich ein Blog 2026 noch?
Ja, wenn er Fragen beantwortet, die vor einer Kaufentscheidung gestellt werden. Solche Artikel bringen über Monate Besucher und sind die Quellen, auf die sich KI-Suchen wie ChatGPT und Google AI stützen. Reine Firmen-News bringen dagegen kaum Reichweite.
Kann ChatGPT SEO für Webflow übernehmen?
Teilweise. ChatGPT formuliert Texte, wenn du gut promptest. Themen nach Suchvolumen planen, Quellen prüfen, Felder in Webflow füllen und Artikel aktuell halten musst du weiter selbst. Claire übernimmt diese ganze Kette, vom Thema bis zum veröffentlichten Item.
Muss ich meine Collection für Claire umbauen?
Nein. Claire arbeitet mit deiner bestehenden Collection und ordnet ihre Felder zu. Fehlen Felder für Meta-Titel und Meta-Beschreibung, lohnt es sich, sie anzulegen und im Template zu binden.
Kann ich Webflow SEO selbst machen?
Ja. Die Grundlagen auf dieser Seite brauchen keine Agentur: SEO-Felder binden, Weiterleitungen pflegen, Sitemap einreichen, Alt-Texte setzen. Zeit kostet vor allem das regelmäßige Schreiben. Das kann Claire übernehmen.
Weitere Integrationen
Dein System ist ein anderes? Claire kann auch das.
Was Claire außer dem Blog noch für dich tut, zeigt die Startseite.
Probier es an deiner eigenen Website aus. In 15 Minuten eingerichtet.
Website eingeben, Blog verbinden, ersten Entwurf lesen. Den Rest übernimmt Claire.