4 Wege, wie Kisi Webflow nutzte, um SEO-Traffic um 300 % zu steigern

Find out how Kisi used Webflow to grow organic SEO traffic and improve user experience.

4 Wege, wie Kisi Webflow nutzte, um SEO-Traffic um 300 % zu steigern

Table of contents

In nur 3 Monaten steigerte Kisi seine organischen monatlichen Sitzungen von 12.000 auf 50.000.


Line graph from Kisi's Google Search console showing total clicks growing from under 1K in January 2018 to over 3K in June 2018
Überblick über Kisis organisches Wachstum (Quelle: Google Search Console)

Eine effektive SEO-Strategie (Suchmaschinenoptimierung) erfordert einen ganzheitlichen Ansatz – großartiger Content allein reicht nicht aus. Sie müssen Ihr Link-Profil nachhaltig über die Zeit aufbauen, die richtige Website-Struktur haben und, neben vielen anderen Faktoren, sicherstellen, dass Sie eine gute Nutzererfahrung bieten. CMS spielen eine entscheidende Rolle bei SEO, und die richtige Einrichtung ist der Ausgangspunkt, um Ihre Strategie effektiv umzusetzen.

1. Schnelles Ausrollen von Landingpages

Die Fähigkeit, schnell umzusetzen, ist fast so wichtig wie die richtige Strategie zu haben. Starkes Wachstum erfordert, dass Sie kontinuierlich neue Tests durchführen, sich auf Strategien konzentrieren, die funktionieren, und aus dem lernen, was nicht funktioniert hat.

Bei Kisi gelang es uns, den Prozess von der Idee bis zur Live-Seite auf unter 2 Wochen zu verkürzen – das half uns, uns auf die richtige Art von Content und das richtige Format zu konzentrieren. Wir nutzten Webflow, um verschiedene Vorlagen zu launchen, die dem spezifischen Zweck jedes Content-Typs dienten: Rezensionen, Informationsleitfäden, unser Glossar und so weiter.

Das erlaubte uns, ein überzeugendes Format zu haben, die Nutzererfahrung zu verbessern und einen Call-to-Action (CTA) einzufügen, der zum Content passte.

webflow editor
Verschiedene CTAs können von Content-Redakteur:innen ausgewählt werden.

Zum Beispiel wollten wir beliebte Branchen-Tools rezensieren, dachten aber nicht, dass Blogbeiträge oder unsere Standard-Leitfaden-Vorlage effektiv wären. Für jede Rezension wollten wir Unternehmenslogos, ein gut sichtbares Veröffentlichungsdatum und entsprechende CTAs einbeziehen.

Der Traffic, den wir derzeit von diesen Seiten erhalten, ist begrenzt, aber äußerst relevant und konversionsstark. Das übersetzt sich in eine konstante Zahl monatlicher Leads.

kisi
Kisis Rezensionsvorlage

Wir bauten auch eine Collection für Checklisten mit neuen Elementen (wir fügten Logos, Autorennamen, Beschreibungen usw. hinzu), die dann zum vollständigen Artikel verlinken – meist eine Seite, die bereits auf unserer Website existierte. Dieses Format eignet sich für eine gute Nutzererfahrung und erlaubt es uns, neue Seiten mit hohem SEO-Potenzial auszurollen, indem wir unsere bestehende Content-Basis nutzen, ergänzt um eine begrenzte Menge neuen Contents aus der Checkliste.

Unsere Checkliste für IT-Manager:innen.

Die Nutzung von Vorlagen machte es einfach, unsere Collections im Laufe der Zeit zu skalieren, ohne zusätzlichen Design- oder Coding-Aufwand – sobald wir sahen, dass eine bestimmte Collection gut performte, konnten wir uns nur auf die Content-Seite konzentrieren, während unser Design- und Frontend-Team bereits mit dem nächsten Projekt beschäftigt war.

2. Optimierte Ladezeit

Es ist selten zu hören, dass jemand sagt, sein Unternehmen müsse nicht an der Seitengeschwindigkeit arbeiten.

Langsame Seiten performen schlecht bei organischen Rankings. Und selbst wenn das nicht der Fall wäre, ist es wichtig sicherzustellen, dass Nutzer:innen schnell auf Ihren Content zugreifen können. Eine Verzögerung von einer Sekunde beim Seitenaufbau entspricht einem Rückgang der Conversion-Rate um 7 %. Da mehr Nutzer:innen mobil als über Desktop-Geräte auf Ihre Website zugreifen, ist es sicher zu sagen, dass eine optimierte Ladezeit für jedes Team Priorität haben sollte.

Bei Blogbeiträgen laden wir vier Dateien unterschiedlicher Größen und Abmessungen hoch, jeweils zugeschnitten auf ihre spezifische Platzierung. Ohne dieses Setup würden wir große Bilder laden, obwohl Nutzer:innen nur ein kleines Thumbnail-Bild tatsächlich angezeigt bekommen – was die Seitengeschwindigkeit verlangsamt.

Webflow generiert srcset- und Größenattribute für statische Inline-Bilder – wodurch automatisch kleinere Versionen von Inline-Bildern für kleinere Geräte geladen werden. Es ist erwähnenswert, dass diese Attribute bei Inline-Bildern, aber nicht bei Hintergrundbildern funktionieren.

Jede Datei wird auf eine bestimmte Größe zugeschnitten, damit es zu keinem unerwünschten automatischen Zuschneiden kommt.


Dieses Setup erfordert mehr manuelle Arbeit, weshalb wir kürzlich die TinyPNG-API implementiert haben. Sie erlaubt unseren Content-Redakteur:innen, ein oder mehrere Bilder schnell auf die benötigten Abmessungen zu ändern, zuzuschneiden und zu komprimieren. Wir erhalten alle Vorteile vollständig optimierter Bilder, während wir den zusätzlichen Aufwand für unser Team minimieren.

3. Verbesserte interne Verlinkung

Eine gesunde interne Verlinkungsstruktur verbessert die Performance Ihrer Website in zwei verschiedenen Bereichen:

  1. URL-Crawlbarkeit und Umverteilung der Linkkraft
  2. Auffindbarkeit von Content und höheres Nutzerengagement

Während nichts manuellen Input ersetzen kann, wenn es darum geht, die relevantesten internen Ressourcen zum Verlinken zu identifizieren, können viele andere Aufgaben automatisiert werden.

Webflow Collections erlauben es uns, andere Artikel einfach und automatisch zu verlinken – Filter grenzen Ergebnisse auf Artikel mit ähnlichen Themen ein. Wir nutzten diese Funktionen in unserem Blog und anderen Collections.

 webflow collection page
Links zu verwandten Seiten und zur Haupt-Collection-Seite.

‍

blog post page

Da die meisten unserer Collections entweder von der Startseite aus verlinkt oder nur einen weiteren Klick entfernt sind, gibt uns dieses Tag-Setup die Sicherheit, dass jede neue Seite, die wir in diesen Collections veröffentlichen, von Google – und unseren Nutzer:innen – entdeckt wird, selbst wenn wir sonst nichts weiter tun. Die Verwendung relevanter, nutzerfreundlicher Benennung erlaubt es uns außerdem, den Ankertext über diese internen Links hinweg zu optimieren.

4. Besseres Design für höheres Engagement

Nach unseren erfolgreichen Ergebnissen mit Kisi entschieden wir uns, in eine weitere unserer Plattformen zu investieren: das Portal für gemeinsam genutzte Arbeitsräume, Coworking Resources.

Um das Beste aus unseren Marketingbemühungen herauszuholen, launchten wir ein Website-Redesign und wechselten von WordPress zu Webflow. Wir sahen ähnliches SEO-Wachstum und einen Anstieg bei allen unseren Nutzerengagement-Kennzahlen. So offensichtlich es klingen mag, schöne, nutzerfreundliche Designs konvertieren einfach besser – unsere Daten waren der klare Beweis:

google analytics behavior

Nach dem Launch verzeichneten wir einen Gesamtanstieg von fast 30 % bei der Verweildauer auf der Website. Und bei Seiten mit einem brandneuen, individuellen Design (außerhalb unserer neuen Blog-Vorlage) stieg diese Kennzahl um bis zu 120 %.

Während die Migration zu einem neuen CMS immer einige Herausforderungen und viel Arbeit mit sich bringt, war unser Return on Investment deutlich höher als die Ressourcen, die wir hineingesteckt haben. Und da Elemente und Stile über verschiedene Webflow-Projekte hinweg kopiert werden können, verlief unser Übergang besonders reibungslos. Wir konnten Elemente, die ursprünglich für Kisi gebaut wurden, wiederverwenden und anpassen, was die Zeit für die Entwicklung unseres neuen Designs erheblich reduzierte.

Ein CMS, das passt

Unsere Erfahrung mit Webflow war sehr erfolgreich, und wir wissen, dass das Team sich der ständigen Verbesserung der Plattform widmet, um neuen Nutzerbedürfnissen gerecht zu werden. Ein System zu nutzen, das sich nicht an Ihre Bedürfnisse anpasst, erschwert die Umsetzung Ihrer Roadmap und bremst Sie letztlich aus.

Natürlich kann SEO-Erfolg nie auf einen einzigen Faktor zurückgeführt werden. Jedes Unternehmen hat unterschiedliche Teamstrukturen und unterschiedliche Fähigkeiten, sein CMS anzupassen. Wählen Sie unabhängig von der Plattform Ihrer Website ein CMS, das zu Ihren Bedürfnissen passt – lassen Sie sich nicht von den Einschränkungen des falschen CMS einengen.

Die Bedürfnisse Ihrer Zielgruppe zu verstehen und besser als Ihre Konkurrenz zu adressieren, ist der Kern einer erfolgreichen Strategie – doch die richtige Technologie kann entscheidend dazu beitragen, diese Strategie umzusetzen.


Last Updated
January 17, 2020
Category

Related articles


verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Jetzt kostenlos loslegen

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Get started — it’s free
Demo ansehen
Demo ansehen

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.