Tutorials
Webflow
SEO

Webflow SEO 101 Guide für Einsteiger

Webflow SEO 101 Guide für Einsteiger
Autor
Max Frings
Veröffentlicht
3.6.2024
Inhaltsverzeichnis
Gastautor
Webflow Cloneable
100% free to use
In Webflow bearbeitbar
Clients First CSS ready
Relume Library ready
Befähige dein Team im Umgang mit Webflow
Eine Vorschau auf den Webflow Kurs für interne Teams von Virtual Entity
6h Videokurs
Webflow SEO
Editor und Designer
Webflow Pagespeed
Inkl. Kontrollchecklisten

SEO ist so vielfältig, dass man schnell den Überblick verliert. Und nicht jeder SEO-Tipp, den man im Netz findet ist noch relevant (oder war es jemals). Daher fokussiert sich dieser Beitrag lediglich auf ein spezifisches Gebiet: SEO & Webflow und im Detail darauf, welche Maßnahmen man auf der eigenen Seite ergreifen kann, um Ranking und Indexierung einer Webflow Website (massiv) zu steigern.

Wie gut ist Webflow für SEO geeignet?

Webflow ist in visueller Code-Builder. Die Websites, die in Webflow erstellt werden, sind also keine Baukastenlösungen, sondern klarer und semantischer Code. Der Code den Webflow ausgibt ist dabei so präzise und minimalistisch, dass kaum ein Mensch eine Website in der Qualität (ohne Hilfe) programmieren könnte.

Hier ist auch einer der größten Unterschiede zu anderen CMS (wie z.B. WordPress, Wix oder Squarespace) zu finden. Durch die Eliminierung von Bausteinen und Plugins bleibt der Code klar und unverschachtelt. Das hat einerseits den Vorteil von schnelleren Ladezeiten der Website (clean code = weniger Ladezeit) und andererseits werden UX- und UI-Fehler minimiert, die durch alte Plugins oder verschachtelte Bausteine bei den anderen CMS entstehen können.

Aus diesem Grund kommt Webflow “von Natur aus” mit hohen SEO-Fertigkeiten einher und schneidet gänzlich ohne zusätzlich Optimierung schon richtig gut ab.

Welche Schritte kann ich als Beginner (2023) unternehmen, um mein Webflow SEO zu steigern?

In über 100 Kundenprojekten kommen so einige Basics zusammen, die sich schnell und vor allem ohne Coding-Kenntnisse umsetzen lassen. Wir gehen in diesem Beitrag auf unsere Top 6 Tipps für Webflow SEO ein. Möchtest du mehr ins Detail gehen, kannst du in diesem Beitrag 5 Webflow SEO Tipps für Fortgeschrittene noch tiefer in die Materie einsteigen.

1. Meta-Titel und -Beschreibungen optimieren

Stelle sicher, dass jede Unterseite deiner Website eindeutige und ansprechende Meta-Titel- und -Beschreibungen hat. Diese sollten kurz und prägnant sein und wichtige Keywords für dein Business enthalten.

In den Seiten-Einstellungen der einzelnen Unterseiten kannst du Meta-Title und -Description festlegen

2. Strukturiere deine Überschriften

Verwende die Überschriften H1 - H6 korrekt, um die Inhalte deiner Website zu strukturieren. Orientiere dich hierbei an folgendem Schema (einfach gesagt ist das Schema ähnlich dem, welches bei wissenschaftlichen Arbeiten verwendet wird):

Beispiel für eine richtige HTML Überschriftenstruktur mit den Überschriften H1-H3 (insgesamt geht es bis H6)

3. Optimiere die Bilder auf deiner Website

Es empfiehlt sich, alle Bilder vor der Verwendung auf das moderne webp Format zu komprimieren, um die Ladegeschwindigkeit deiner Website zu erhöhen (was sich wiederum positiv auf dein Ranking auswirkt). Das geht direkt im Webflow Asset Panel:

Du kannst Bilder direkt in Webflow auf das modern Webp Format komprimieren

Zudem sollte jedes deiner Bilder einen deskriptiven Namen haben und mit einem Alt-Tag versehen werden, der Screenreadern beschreibt, was auf dem Bild zu sehen ist.

Alt-Tags helfen Screenreadern zu verstehen, was auf einem Bild zu sehen ist

4. Kurze und prägnante URLs

Stelle sicher, dass die URLs deiner Website kurz, lesbar und relevant sind und passende Keywords enthalten.

5. Vermeide duplicated Content

Vermeide im Detail die Dopplung von Inhalten auf deiner Website und optimiere alle Texte dahingehend, dass sie Mehrwert enthalten und sich von anderen Texten unterscheiden. Durch das Setzen des Global Canonical-Tags kannst du Suchmaschinen zudem kommunizieren, welche URL die richtige ist, solltest du mal identischen Content auf 2 verschiedenen URLs haben.

Die Global Canonical URL zeigt Suchmaschinen, welche die richtige zu indexierende URL ist und vermeidet Duplicated Content

6. Lasse deine Sitemap automatisch generieren

Webflow bietet die gemütliche Möglichkeit, eine XML Sitemap automatisch zu generieren. Hierdurch sparst du dir den Aufwand, die konstant up-2-date halten zu müssen und stellst sicher, dass alle Links deiner Website in der Sitemap enthalten sind. Die automatische Sitemap kannst du in den Site Settings unter SEO aktivieren.

Lasse deine XML Sitemap direkt von Webflow generieren

Nachteile von Webflow für SEO

Die Nachteile von Webflow für SEO sind überschaubar aber nicht von der Hand zu weisen. So gibt es bis heute (08.2023) noch keine native Lösung, strukturierte Daten einzupflegen. Hier haben andere CMS durch Plugins noch die Nase vorne.

Zudem ist die Bedienbarkeit von Webflow nur dann in vollem Umfang möglich, wenn grundsätzliche HTML und CSS Kenntnisse vorhanden sind. Webflow ist im Zweifel also mit Einarbeitungszeit verbunden. Diese lohnt sich aber nach einiger Zeit mit Sicherheit.