Warum Ladezeiten 2025 wichtiger sind denn je

In der Google-Welt zählt vor allem eines: Relevanz und Nutzerfreundlichkeit. Wer eine Seite aufruft, möchte sofort Inhalte sehen und nicht erst auf das Laden von Bildern, Skripten und Fonts warten. Schon bei Ladezeiten von über drei Sekunden springen viele Nutzer:innen wieder ab.

Hinzu kommt: Google misst nicht nur technische Kennzahlen, sondern auch Nutzersignale. Google verfügt mittlerweile über zahlreiche Möglichkeiten, die Interaktion der Nutzer:innen mit einer Webseite zu verfolgen. Eine Seite, die langsam lädt und zu „Pogo-Sticking“ führt – also dem schnellen Zurückspringen zur Suchergebnisliste –, wird als weniger hilfreich eingestuft. Das beeinflusst die Sichtbarkeit negativ.

PageSpeed & SEO: Was Google wirklich misst

Google hat mit den Core Web Vitals klare Metriken eingeführt, um die Nutzerfreundlichkeit technischer Seitenmerkmale zu bewerten:

• Largest Contentful Paint (LCP): Wie schnell erscheint der größte sichtbare Inhalt?

• First Input Delay (FID) bzw. seit März 2024 ersetzt durch Interaction to Next Paint (INP): Wie schnell reagiert die Seite auf erste Interaktionen?

• Cumulative Layout Shift (CLS): Wie stabil ist das Layout während des Ladens?

Diese Werte fließen in das Ranking ein. Und zwar nicht simuliert im Labor, sondern auf Basis echter Nutzerdaten aus dem Chrome User Experience Report (CrUX).

Google Page Speed Insights – gut, aber nicht perfekt

Wer die Ladezeit der Webseite optimieren möchte, braucht zunächst einen Anhaltspunkt für die aktuelle Performance und als Vergleichswert für die Beurteilung der Maßnahmen. Häufig wird hierfür Googles Page Speed Insights genutzt. Allerdings eignet sich das Tool eher, um einen Überblick über mögliche Optimierungsmaßnahmen zu bekommen. Der angezeigte Wert hat seine Tücken, die man kennen sollte: Über die tatsächliche Ladezeit der Seite sagt er nicht viel aus! Der dort angezeigte „Score“ ist kein direkter Rankingfaktor.

Warum? Der Score basiert teils auf simulierten Labordaten, teils auf Felddaten. Die echten Ladezeiten Deiner Nutzer:innen werden dabei nur dann einbezogen, wenn genügend Daten aus dem CrUX-Report vorliegen. Und: Der Score gewichtet manche Metriken stärker, als es für Deine konkrete Zielgruppe vielleicht sinnvoll wäre.

Nutze das Tool also nicht als finale Bewertung, sondern als Hinweisgeber für technische Schwächen.

Wie Du die tatsächliche Ladezeit richtig misst

Wenn Du die Ladezeit Deiner Website wirklich verstehen und gezielt optimieren möchtest, solltest Du Dich nicht allein auf synthetische Scores wie den PageSpeed-Wert verlassen. Entscheidend ist, wie Deine Website unter realen Bedingungen performt, also im echten Alltag Deiner Nutzer:innen. Eine besonders hilfreiche Quelle ist hier die Entwicklerkonsole moderner Browser wie Chrome oder Firefox. Mit einem einfachen Druck auf die F12-Taste kannst Du im Tab „Netzwerk“ genau nachvollziehen, wie viel Zeit der Seitenaufbau benötigt und welche Dateien besonders lange laden. Das sogenannte Wasserfalldiagramm zeigt Dir dabei in Echtzeit, wann welche Ressource angefordert und geladen wurde. Ein wertvolles Instrument zur Identifikation von Performance-Bremsen.

Noch tiefer gehen spezialisierte Tools wie WebPageTest oder Lighthouse. Während WebPageTest das Ladeverhalten unter verschiedenen Bedingungen (z. B. 3G-Verbindung, Mobile-Emulation) analysiert und Dir granularen Einblick in Time to First Byte, First Paint oder die Verteilung der Ladezeiten gibt, ist Lighthouse direkt in Chrome integriert und liefert Dir zusätzlich Hinweise zu Barrierefreiheit, Best Practices und SEO-Aspekten.

Wenn Du reale Nutzungsdaten sammeln möchtest, also wissen willst, wie schnell Deine Seite bei echten Besucher:innen lädt, sind sogenannte Real User Monitoring-Tools (RUM) wie SpeedCurve, Pingdom oder New Relic hilfreich. Sie sammeln Performance-Daten direkt im Browser Deiner Nutzer:innen und geben so ein verlässliches Bild der realen Erfahrung. Auch Google selbst stellt mit der Search Console einen Bericht zu den Core Web Vitals bereit, in dem Seiten identifiziert werden, die unterdurchschnittlich performen.

Kurz gesagt: Nur wer sowohl Labor- als auch Felddaten analysiert, erhält ein vollständiges Bild der Ladezeiten und kann gezielt dort optimieren, wo es für die Nutzer:innen tatsächlich relevant ist.

PageSpeed verbessern: Diese Maßnahmen helfen wirklich

Die Optimierung von Ladezeiten ist kein Hexenwerk. Hier sind die effektivsten Stellschrauben:

• Bilder optimieren: Verwende moderne Formate (WebP, AVIF), skaliere korrekt, komprimiere stark.

• JavaScript und CSS minimieren: Reduziere Anzahl und Umfang, nutze Tree Shaking, lade Skripte asynchron.

• Caching einrichten: Browser-Cache und serverseitiges Caching (z.B. via Varnish oder Redis) beschleunigen wiederholte Seitenaufrufe.

• Lazy Loading: Lade nur Inhalte, die im sichtbaren Bereich sind, sofort – alles andere später.

• HTTP/2 oder HTTP/3 aktivieren: Moderne Übertragungsprotokolle verbessern die Parallelisierung beim Laden.

• Server optimieren: Reduziere die Time to First Byte (TTFB), setze auf performante Hostinglösungen.

• Content Delivery Networks (CDN): Insbesondere bei internationaler Zielgruppe reduzieren sie die Ladezeit erheblich.

Was aus AMP geworden ist – und warum es heute bessere Alternativen gibt

Noch vor wenigen Jahren galt AMP – kurz für Accelerated Mobile Pages – als große Hoffnung für ultraschnelle Ladezeiten im mobilen Web. Die von Google initiierte Technologie versprach, Inhalte in einem abgespeckten HTML-Format blitzschnell auf mobilen Endgeräten darzustellen. Lange war AMP auch ein klarer Vorteil im SEO-Spiel: AMP-Seiten wurden bevorzugt im „Top Stories“-Karussell der mobilen Google-Suche angezeigt und waren bei Publishern und Medienhäusern entsprechend weit verbreitet.

Doch diese Zeiten sind vorbei. Google hat das privilegierte Ranking von AMP-Inhalten in den mobilen Suchergebnissen abgeschafft. Gleichzeitig haben sich Technologien, Browser und Endgeräte stark weiterentwickelt, sodass viele Vorteile von AMP heute durch moderne Webentwicklung auch ohne eigenes Framework erreicht werden können. Die Ladezeiten gut optimierter responsiver Seiten stehen denen von AMP in nichts mehr nach und das ganz ohne die Einschränkungen, die AMP mit sich brachte (z. B. eingeschränkte JavaScript-Nutzung oder eine eingeschränkte Design-Flexibilität).

Statt auf AMP zu setzen, empfiehlt es sich heute, den Fokus auf moderne Performance-Strategien zu legen: Dazu zählen etwa responsive und mobile-first entwickelte Layouts, eine intelligente Priorisierung von Inhalten, der Einsatz von Lazy Loading und die Reduktion unnötiger Ressourcen. Gleichzeitig bieten Technologien wie HTTP/3 oder serverseitiges Rendering (SSR) neue Möglichkeiten, Ladezeiten zu minimieren, und das bei voller gestalterischer und funktionaler Kontrolle.

Für Unternehmen, die international agieren oder in besonders performancekritischen Bereichen unterwegs sind, können auch Content Delivery Networks (CDNs) eine sinnvolle Ergänzung sein. Sie verkürzen die Distanz zwischen Nutzer:in und Server durch eine verteilte Infrastruktur – ganz ohne AMP.

Die Entwicklung zeigt klar: AMP war ein wichtiges Kapitel in der Geschichte der Web-Performance, aber kein zukunftsfähiger Standard. Wer heute auf kurze Ladezeiten setzen will, fährt besser mit einem ganzheitlichen, technologieoffenen Ansatz, der auf Effizienz, Nutzererfahrung und Webstandards setzt.

Fazit: Schnelle Ladezeiten fördern Sichtbarkeit und User Experience

PageSpeed ist mehr als ein grüner Score in einem Tool. Es geht darum, die tatsächliche Erfahrung Deiner Nutzer:innen zu verbessern, auf Mobilgeräten, unter realen Bedingungen, mit echten Inhalten. Wer hier punktet, wird belohnt: mit mehr Sichtbarkeit, geringeren Absprungraten und zufriedenen Besucher:innen.

Setze auf pragmatische, nachhaltige Optimierung und überprüfe regelmäßig Deine Seitenperformance, denn Google verbessert seine Systeme kontinuierlich und erwartet das auch von Dir.

Der Beitrag Page Speed richtig messen und verbessern erschien zuerst auf contentmanager.de.

Was ist Eye-Tracking? – Kurzer Überblick über die Technologie

Eye-Tracking ist eine Methode, mit der das natürliche Blickverhalten von Nutzer:innen erfasst und analysiert wird. Dabei wird mithilfe spezieller Hardware oder KI-basierter Software getrackt, wohin Menschen auf dem Bildschirm schauen (beispielsweise Navigationsleiste, Call-to-Action, Logo, Werbebanner, Buttons etc.), wie lange sie dort verweilen und welche Elemente sie ignorieren. Klassische Ausgabemethoden wie Heatmaps oder Gazeplots machen dieses Verhalten visuell nachvollziehbar.

Die wohl am meisten verbreitete Art der Darstellung von Eye-Tracking ist die Heatmap. Hier wird die Fläche, auf welcher sich die größte Aufmerksamkeit konzentriert, rot gefärbt. Je niedriger die Aufmerksamkeit ist, desto kühler wird die Darstellungsfarbe.

Moderne Tools wie Attention Insight setzen dabei nicht zwingend auf teure Hardware, sondern nutzen KI, um auf Basis von Design-Uploads vorherzusagen, wie sich das Blickverhalten wahrscheinlich verhält – ideal für erste Tests in der Designphase.

Die höchste Aufmerksamkeit nach dem Öffnen einer unbekannten Website liegt meist links oben in der Ecke des Browsers. Erklären lässt sich das einfach, da in westlichen Kulturen von links oben nach rechts unten gelesen wird. Klar also, dass die Besucher:innen auch bei Websites nach diesem, in uns verankerten, Schema vorgehen. Auch in unserem Beispiel zeigt sich: Das Logo oben links in der Ecke liegt im Fokus der Website-Besucher:innen.

So verhalten sich Nutzer:innen auf Websites wirklich

Zahlreiche Studien haben gezeigt, dass das Nutzerverhalten auf Webseiten wiederkehrenden Mustern folgt. Besonders bekannt sind:

• F-Pattern: Nutzer:innen scannen Inhalte meist in Form eines „F“ – also zuerst horizontal (z. B. Überschrift), dann eine kürzere horizontale Bewegung (z. B. Unterüberschrift) und anschließend vertikal entlang der linken Seite (z. B. Navigation oder Bullet-Points).

• Z-Pattern: Auf visuell klar strukturierten Seiten (etwa Landingpages) bewegen sich Blicke oft in einem „Z“ – Start links oben, dann diagonal nach rechts unten, mit Fokus auf Key-Elemente entlang dieser Achse.

• Layer-Cake Pattern: Vor allem bei Listen, Menüs oder gegliedertem Content entstehen horizontale „Schichten“ aus Aufmerksamkeit, ähnlich wie bei einem Schichtkuchen.

Ein zentrales Learning: Die oberen 600 Pixel einer Website sind entscheidend. Nutzer:innen entscheiden oft innerhalb von 2,6 Sekunden, ob sie auf einer Seite bleiben. Wer dort nicht überzeugt, verliert potenzielle Leads.

Eye-Tracking ist eine Optimierungshilfe. Auch bzw. vor allem bei der Website- oder Landingpage-Optimierung kommen Eye-Tracking-Tools häufig zum Einsatz. Sie bieten die Möglichkeit, Deine Seite mit den Augen von Website-Besucher:innen zu sehen und ihre (tatsächliche oder durch KI-vorhergesagte) Augenbewegung hinsichtlich ihrer Webseiten-Absicht zu analysieren.

Eye-Tracking auf der Website: Was die Analyse für Deine Seitenstruktur bedeutet

Eye-Tracking deckt auf, welche Elemente wirklich wahrgenommen werden – und welche übersehen werden, obwohl sie vermeintlich zentral platziert sind. Für Dich als Websitebetreiber:in bedeutet das:

• Call-to-Actions (CTAs): Der erste CTA sollte möglichst im Sichtfeld erscheinen, ohne zu scrollen – idealerweise innerhalb der ersten 600–800 Pixel.

• Headlines und zentrale Botschaften müssen visuell hervorstechen – durch Größe, Farbe oder Platzierung entlang des F- oder Z-Musters.

• Navigationselemente und Conversion-relevante Links sollten sich dort befinden, wo der Blick typischerweise zuerst landet: links oben, mittig oder entlang der Blickpfade.

• Bilder lenken Aufmerksamkeit stark – wenn sie sinnvoll eingesetzt sind. Achtung: Gesichter ziehen den Blick stärker an als Textelemente!

Tools wie Crazy Egg oder Hotjar zeigen Dir, wo genau Deine Besucher:innen klicken, scrollen und verweilen – visuelle Aufmerksamkeit kannst Du damit gezielt messen und optimieren. Viele Unternehmen nutzen Eye-Tracking, um bereits im Designprozess Schwachstellen zu identifizieren. Beispiele:

• E-Commerce-Startseiten: Hero Images ohne echten Nutzen werden häufig übersehen – besser funktionieren Produktslider mit klarer Preis-/Wert-Kommunikation.

• Formulare: Werden CTAs überlesen, liegt es oft an schlechter Platzierung oder fehlender visueller Führung.

• Landingpages: Layouts mit zu vielen konkurrierenden Elementen führen zu visuellem Chaos – Eye-Tracking zeigt, was stört.

Was hat Eye-Tracking eigentlich mit Conversions zu tun?

Eye-Tracking zeigt Dir konkret, warum Nutzer:innen nicht klicken – oder warum sie es tun. So nutzt Du Eye-Tracking gezielt zur Conversion-Optimierung:

• Schwachstellen aufdecken: Werden CTAs, Formulare oder Trust-Elemente übersehen? Dann hilft Eye-Tracking, um den Fokus dorthin zu lenken – durch Layout-Anpassungen, Farben oder Platzierung.

• Ablenkungen entfernen: Nicht jede Grafik unterstützt Dein Ziel. Eye-Tracking zeigt, ob z. B. Stockfotos vom CTA ablenken oder wichtige Inhalte verdrängen.

• Visuelle Hierarchie schärfen: Durch gezielte Anpassung der Reihenfolge, Farbkontraste und Größen kannst Du Nutzer:innen dorthin leiten, wo Du sie haben willst.

• A/B-Tests gezielter durchführen: Anstatt blind zu testen, liefern Eye-Tracking-Daten eine fundierte Grundlage für Hypothesen in der Conversion-Optimierung.

Das Ergebnis: bessere Nutzerführung, mehr Interaktionen, höhere Conversion Rates. Eye-Tracking Tools sind in der Regel kostenpflichtig. Es gibt jedoch Anbieter, die günstige Tests anbieten, wie die in unseren Beispielen.

Was Eye-Tracking für Marketer:innen und UX-Designer:innen bedeutet

Ob Du Landingpages erstellst, E-Mail-Funnels optimierst oder Content gestaltest – Eye-Tracking hilft Dir, nutzerzentriert zu denken. Die wichtigste Frage dabei lautet: „Was wird wirklich gesehen?“

Für Marketer:innen bedeutet das:

• Stärkere Inhalte durch visuelle Priorisierung

• Gezielte Verlinkungen und CTAs an den richtigen Stellen

• Mehr Effektivität bei Performance-Messungen

Für UX-Designer:innen:

• Bessere Informationsarchitektur

• Effizientere Navigationspfade

• Designentscheidungen mit Daten belegen

Eye-Tracking wird so zum Brückenbauer zwischen Ästhetik und Performance.

Fazit: Sehen lernen mit den Augen der Nutzer:innen

Wer Websites mit den Augen der Nutzer:innen sieht, gewinnt entscheidende Vorteile. Eye-Tracking zeigt Dir, was funktioniert und was nicht. Mit den richtigen Tools kannst Du Deine Website nicht nur schöner, sondern vor allem wirkungsvoller gestalten. Wenige Pixel entscheiden heute über Lead oder Exit. Es lohnt sich also, genau hinzusehen – bevor es Deine Besucher:innen tun.

Der Beitrag Mit Eye-Tracking Websites optimieren erschien zuerst auf contentmanager.de.

Wir verraten in 10 Tipps, wie Online-Händler ihre Reichweite erhöhen und langfristig mehr Kund:innen generieren können.

Tipp 1: Relevante Inhalte im sichtbaren Bereich „above the fold“ schalten

So simpel der erste Tipp klingen mag, so wichtig ist er für die Onsite-Optimierung. Auf der Webseite gibt es den sogenannten „above the fold“-Bereich. Damit bezeichnet man alle Inhalte, die die Nutzer:innen sehen können, ohne scrollen zu müssen. Die relevantesten Inhalte sollten daher immer „above the fold“- geschaltet werden. Ziel sollte sein, mit den Inhalten in dem Bereich das Interesse der potenziellen Käufer:innen zu wecken und sie zum weiteren Scrollen zu animieren. Wichtig ist hierbei, diesen Bereich sowohl für das Desktop – als auch das mobile-Design – anzupassen.

Tipp 2: Überschriften mit H-Tags richtig anlegen

Einer der wichtigsten Schritte bei der OnPage-Optimierung im E-Commerce ist die Gliederung der Webseiteninhalte anhand von Überschriften mit SEO-relevanten Heading-Tags. Dadurch wird bestimmt, welche Hierarchie und Ordnung eine Überschrift innerhalb eines HTML-Gerüstes einnimmt: So ist eine H1-Überschrift die Hauptüberschrift auf jeder Seite. Vorsicht: Da Google vermehrt die H1-Überschriften als Beschreibung in den Suchergebnisseiten verwendet, sollte der H1-Tag nur einmal pro Seite vorkommen. Weiteres optimales H-Tagging in Webshops sieht folgendermaßen aus: H2-Überschriften in Textinhalten, H3-Überschriften für Verweise zu Shopkategorien und H4-Überschriften für Verweise zu Produkten. Optimal sind Textinhalte, die in mehrere Absätze mit den H-Überschriften aufgeteilt sind und eine Wortlänge von mindestens 300 Wörtern pro Absatz haben.

Tipp 3: Mit WDF*IDF die richtigen Keywords verwenden

Alle Texte auf der Webseite sollten auf Suchbegriffe mit WDF*IDF ausgerichtet sein. WDF*IDF („within document frequency“ und „inverse document frequency“) ist eine Formel, die die optimale Verteilung themenrelevanter Keywords in einem Text bestimmt. Dabei bewertet die Formel – im Gegensatz zu herkömmlichen Keyword-Zählern – den semantischen Kontext und schlägt thematisch relevante Begriffe vor. Nicht mehr die alleinige Anzahl an Keywords, sondern die Textqualität stehen heutzutage bei SEO im Vordergrund. Es gibt im Internet viele kostenlose Tools, die die WDF*IDF-Formel anwenden. Die Verwendung von Longtail-Suchbegriffen (Mehrwortkombinationen) zur Spezifizierung in den Meta-Angaben und Textinhalten erhöht zusätzlich die Sichtbarkeit der Seite.

Tipp 4: Auf hochwertige Webseiteninhalte setzen

Content is King – daran hat sich nichts geändert. Daher sollten Online-Händler auf den Qualitätsgrad der Webseiteninhalte weiterhin den größten Wert legen. Neben einzigartigem Content in Form von Text, Bild und Video kann dies durch passende Informations- bzw. Ratgebertexte und die thematische Verknüpfung der Beiträge von den einzelnen Shop-Kategorien erfolgen. Werden die Inhalte zudem stets aktuell gehalten, kann das Google-Ranking der Seite langfristig verbessert werden.

Tipp 5: Interne und externe Links generieren

Aus SEO-Sicht ist für Online-Händler die thematische Verknüpfung der Shop-Kategorien und Unterkategorien auf den eigenen Seiten über interne Links essenziell. Aber auch die Verknüpfung der eigenen Homepage mit thematisch passenden anderen Webseiten über Backlinks spielt bei SEO eine große Rolle. Mithilfe von internen und externen Verlinkungen können Webshopbetreiber die Sichtbarkeit der Startseite und bestimmter Unterseiten erhöhen. Will man einen bestimmten Beitrag oder eine Landing Page bei Google hervorheben, so verlinkt man von mehreren anderen thematisch passenden Artikeln und der Startseite auf diese. Um die Authentizität der eigenen Domain zu stärken und zusätzlich seine eigenen Inhalte sinnvoll zu ergänzen, kann auch auf andere Quellen verlinkt werden.

Tipp 6: Das Canonical Tag gegen Duplicate Content einsetzen

Suchmaschinen bewerten doppelten Content negativ, weil hier kein Mehrwert für die Nutzer:innen entsteht. Wenn Inhalte mehrfach verwendet werden oder eine eindeutige URL technisch nicht möglich ist, weil die Startseite z. B. über verschiedene URLs erreichbar ist, dann sollte im Quellcode der Webseite ein Canonical Tag angewendet werden. Das Canonical Tag verweist auf die kanonische URL – die bevorzugte Webseite mit dem originalen Content – und ermöglicht dadurch den Crawlern, zwischen Duplikat und Original zu unterscheiden. Wenn eine kanonische URL korrekt ausgezeichnet wird, dann wird nur diese Quelle zur Indexierung der Suchmaschinen herangezogen.

Tipp 7: „hreflang“ – Die Sprachversion der Inhalte auszeichnen

Vergrößert sich ein Webshop und expandiert bspw. mit seinen Produkten in mehrere Länder, Regionen und Sprachen, kann auch hier leicht doppelter Content entstehen. Grund dafür ist, dass ein großer Teil der Inhalte weitestgehend identisch ist, nur z. B. in einer anderen Sprache vorliegt. Das Linkattribut rel=“alternate“ hreflang=“x“ teilt Google mit, dass es den vorliegenden Inhalt auch in einer anderen Sprache gibt und dass die entsprechende URL für die Nutzer:innen einer bestimmten Sprache gedacht ist. Im Optimalfall zeigt Google daraufhin diese URL nur in den Suchergebnissen der Nutzer:innen dieser Sprache.

Tipp 8: Regeln für Paginierung einhalten

Eine Seite mit vielen Informationen, bspw. zu Produkten in Webshops innerhalb einer Kategorie, wird meist in Komponentenseiten aufgeteilt. Damit Google bei dieser „Paginierung“ die Seiten als zusammengehörig bewertet und die wichtigste Seite der Produktkategorie – meist ist das die erste – in der Google-Suche angezeigt wird, sollten im Quellcode der Webseite die Linkattribute rel=“next“ und rel=“prev“ verwendet werden. Auf jeder Komponentenseite muss das jeweilige Attribut bei jedem Link zur nächsten oder vorherigen Seite angegeben werden. Dadurch erkennt Google die Zusammengehörigkeit der Seiten und kann diese miteinander verknüpfen.

Tipp 9: Auf Usability achten

Um Käufer:innen zu gewinnen, muss auf deren Bedürfnisse eingegangen werden. Findet der potenzielle Kunde oder die potenzielle Kundin nicht binnen weniger Sekunden, was er oder sie sucht, dann bricht er/sie den Shopbesuch einfach ab. Usability wird oft im SEO-Kontext unterschätzt – doch es gibt einen direkten Zusammenhang zwischen Benutzerfreundlichkeit und OnPage-Optimierung. Google bezieht das Besucherverhalten von Webseiten als Rankingfaktor mit ein. Hat eine Shopseite kurze Verweildauern und kaum Interaktion, so wird keine gute Platzierung bei Google erzielt werden können.

Tipp 10: Die Google Search Console nutzen

Um bereits im Vorfeld SEO-Hindernisse zu umgehen, können Webseitenbetreiber das kostenlose Analyse- und Servicetool Google Search Console nutzen. Hier können z. B. neue Seiten bzw. Inhalte eingereicht werden, um das Crawlen und Rendern von Google zu simulieren. Mit der Google Search Console kann man sich eventuelle Probleme auf der Shopseite aufzeigen lassen und diese so direkt beheben. Zudem erhält der Webseitenbetreiber Warnungen, wenn bspw. unnatürliche Backlinks auftauchen. Die Daten der Google Search Console sind nicht öffentlich.

Der Beitrag 10 Expertentipps zur OnPage-Optimierung von Webshops erschien zuerst auf contentmanager.de.

Es gibt Neuigkeiten bei Canva: Auf dem Canva Create Event 2025 wurde die neue Visual Suite 2.0 vorgestellt. Mit dieser umfassenden Aktualisierung erweitert Canva seine Plattform um zahlreiche KI-gestützte Funktionen, die die Erstellung visueller Inhalte vereinfachen und beschleunigen sollen. Im Zentrum der Neuerungen steht Canva AI, ein konversationelles Design-Tool, das die Erstellung und Bearbeitung von Inhalten unterstützt.

Die neuen Funktionen der Visual Suite 2.0 im Überblick

Die neue Visual Suite 2.0 bietet eine Vielzahl von Funktionen, die kreative und organisatorische Aufgaben unterstützen:

• Canva Sheets bringt ein neues Konzept für Tabellenkalkulationen. Die visuelle Aufbereitung von Zahlen und Daten soll die Arbeit mit komplexen Tabellen intuitiver gestalten. Magic Insights und intelligente Vorschläge helfen dabei, wichtige Datenpunkte schnell zu erkennen.

• Magic Charts ermöglicht es, Datensätze in interaktive Grafiken umzuwandeln. Damit können auch Nutzer:innen ohne spezielles Designwissen professionelle Infografiken oder animierte Diagramme erstellen.

• Canva Code erleichtert das Erstellen interaktiver Inhalte wie Formulare oder Quizze. Programmierkenntnisse sind dafür nicht notwendig; einfache Textvorgaben genügen.

• Photo Editor: Mit neuen KI-gestützten Bearbeitungswerkzeugen lassen sich Bilder präzise anpassen. Funktionen wie Hintergrundentfernung, punktuelle Bildbearbeitung oder automatische Lichtanpassung stehen direkt in Canva zur Verfügung.

Alle Funktionen sind darauf ausgelegt, nahtlose Workflows zu ermöglichen und Inhalte plattformübergreifend nutzbar zu machen.

Quelle: Canva

Das Highlight: Canva AI

Canva AI ist ein konversationelles Design-Tool, das es Nutzer:innen erlaubt, mit wenigen Worten Designs, Präsentationen, Texte oder Bilder zu erstellen und zu bearbeiten. Durch einfache Eingabeaufforderungen – textbasiert oder per Sprache – können Inhalte generiert oder bestehende Projekte angepasst werden.

Das Besondere an Canva AI ist die Integration aller bisherigen KI-Tools von Canva in einem einzigen Workflow. Nutzer:innen müssen die Plattform nicht verlassen, um zwischen verschiedenen Anwendungen zu wechseln. So können beispielsweise innerhalb einer Präsentation neue Folien per Sprachbefehl hinzugefügt oder Bilder automatisch bearbeitet werden.

Zum Start ist Canva AI zunächst in den USA und Großbritannien verfügbar. Weitere Regionen sollen schrittweise folgen.

Canva AI: Anwendungsmöglichkeiten in der Praxis

Die neuen Möglichkeiten von Canva AI zielen darauf ab, typische Herausforderungen im Kreativprozess zu reduzieren. Besonders relevant sind folgende Anwendungsbereiche:

• Marketingteams können Kampagnen schneller erstellen, indem sie Designvorschläge auf Basis einfacher Briefings generieren lassen.

• Unternehmen profitieren von der schnellen Erstellung markengerechter Inhalte, etwa für Social Media oder interne Kommunikation.

• Bildungsinstitutionen können interaktive Materialien wie Präsentationen oder Lernhilfen automatisiert erstellen.

• Freelancer und kleine Agenturen erhalten Werkzeuge, die es ermöglichen, auch mit begrenzten Ressourcen professionelle Ergebnisse zu erzielen.

Damit adressiert Canva nicht nur große Unternehmen, sondern auch Einzelanwender:innen und kleinere Teams.

Hintergründe zu Canva Create 2025

Das Canva Create Event 2025 setzte einen Meilenstein für das Unternehmen. Präsentiert wurden die Neuerungen vor mehr als 10.000 Teilnehmer:innen im SoFi-Stadion in Los Angeles sowie einem weltweiten Online-Publikum.

Neben Produktvorstellungen zeigten Unternehmen wie DocuSign, wie sie Canva für groß angelegte Markenprojekte einsetzen. Durch den Einsatz der neuen Visual Suite konnte DocuSign beispielsweise sein globales Rebranding effizient skalieren und dabei über 500 Stunden Arbeitszeit einsparen. Zur Visualisierung: Die Präsentation erinnert an Apple Events, wenn das neueste iPhone vorgestellt wird.

Mehr als KI: Verantwortung und Transparenz

Mit dem zunehmenden Einsatz von KI setzt Canva auf umfassende Schutzmechanismen. Unter dem Namen Canva Shield führt das Unternehmen Maßnahmen ein, um den Einsatz künstlicher Intelligenz sicher und transparent zu gestalten. Dazu gehören:

• Moderation von KI-generierten Inhalten

• Schutz vor verzerrten oder fehlerhaften Ausgaben

• Transparente Benutzerkontrollen zur Datennutzung

Ein weiterer Aspekt ist die Vergütung von Urheber:innen: Über einen 200 Millionen Dollar starken Creator-Fonds erhalten Content-Ersteller Lizenzgebühren, wenn ihre Inhalte für KI-Trainings oder Designs verwendet werden.

Canva betont, dass KI als Unterstützung menschlicher Kreativität gedacht ist – nicht als Ersatz.

Fazit: Ein weiterer Schritt zur Optimierung kreativer Arbeitsprozesse

Mit der Visual Suite 2.0 und insbesondere Canva AI verfolgt Canva das Ziel, Kreativität und Produktivität enger zu verzahnen. Die neuen Tools bieten vielfältige Möglichkeiten, Inhalte schneller, effizienter und dennoch individuell zu erstellen.

Ob für Marketingabteilungen, kreative Teams oder Einzelpersonen: Die Plattform entwickelt sich zunehmend zu einer umfassenden Lösung für visuelle Kommunikation. Dabei bleibt abzuwarten, wie sich die neuen KI-Funktionen im internationalen Markt etablieren und welche weiteren Anwendungen daraus entstehen.

Der Beitrag Canva AI: Visual Suite 2.0 wurde vorgestellt erschien zuerst auf contentmanager.de.

Das Internet ist für alle da. So scheint es zumindest, doch einige Websites sind einfacher zugänglich als andere, vor allem für Menschen mit Behinderung. Sie sind auf die Barrierefreiheit von Websites angewiesen, um deren Inhalte vollständig wahrnehmen zu können. Doch was genau bedeutet das eigentlich? Und wie wird eine Website barrierefrei? Wir haben Dir die wichtigsten Infos zusammengetragen und erklären, warum die Barrierefreiheit bei der Gestaltung von Websites unbedingt beachtet werden sollte.

Was bedeutet Barrierefreiheit in Bezug auf Websites?

Die Barrierefreiheit einer Website bezieht sich auf deren Gestaltung und Entwicklung, sodass sie für alle Menschen zugänglich ist, unabhängig von deren physischen, sensorischen oder kognitiven Fähigkeiten. Das Ziel ist es, sicherzustellen, dass Menschen mit Behinderungen Websites genauso nutzen können wie Menschen ohne Behinderungen.

Barrieren können dabei in verschiedenen Formen auftreten, zum Beispiel als visuelle, auditive, motorische oder kognitive Einschränkungen. Für jemanden mit einer Sehbehinderung kann eine schlecht kontrastierte Website schwer lesbar sein. Für jemanden mit eingeschränkter Mobilität kann eine Website ohne Tastaturzugänglichkeit nahezu unbenutzbar sein. Die Barrierefreiheit auf der Website ist daher nicht nur ein technisches Thema, sondern auch eine soziale Verantwortung.

Im Kern geht es darum, Online-Inhalte so zu gestalten, dass sie von Hilfstechnologien wie Screenreadern oder Braille-Displays interpretiert werden können. Auch die Benutzerfreundlichkeit für Menschen ohne Behinderungen kann durch eine barrierefreie Gestaltung erheblich verbessert werden.

Barrierefreiheit ist gesetzliche und moralische Verpflichtung

Die Menschen, die von einer barrierefreien Website maßgeblich profitieren, sind eine vergleichsweise kleine Zielgruppe. Deshalb auf die Anpassungen zu verzichten, ist aber natürlich keine Option! Zunächst einmal spielen gesetzliche Vorgaben eine wichtige Rolle. In vielen Ländern, darunter auch Deutschland, gibt es Anforderungen, die Websites dazu verpflichten, barrierefrei zu sein. So zum Beispiel das ab 2025 gültige Barrierefreiheitsstärkungsgesetz (BFSG).

Das Barrierefreiheitsstärkungsgesetz und der European Accessibility Act

Mit dem BFSG wird die EU-Richtlinie zur Barrierefreiheit (European Accessibility Act, kurz: EAA) umgesetzt. Durch einheitliche EU-Anforderungen soll das Barrierefreiheitsgesetz auch kleinen und mittleren Unternehmen helfen, die Möglichkeiten des europäischen Binnenmarktes auszuschöpfen. Barrierefreies Webdesign rückt in Deutschland immer mehr in den Fokus. Das Behindertengleichstellungsgesetz (BGG) hat bereits öffentliche Stellen des Bundes dazu verpflichtet, ihre Websites barrierefrei zu gestalten. Mit dem im März 2021 verabschiedeten Entwurf des Barrierefreiheitsstärkungsgesetzes (BSFSG) folgte letztlich die Pflicht für Unternehmen. Hiervon ausgenommen sind lediglich Kleinstunternehmen. Bis 2025 sollen Inhalte im Web handhabbarer, verständlicher und für jeden zugänglich werden, damit in Zukunft online keine Menschen mehr ausgeschlossen werden. Zwar muss die Umsetzung am Ende erst bis 2025 erfolgen, dennoch gibt es bereits jetzt Gründe für die Umstellung auf eine barrierefreie Website. Einerseits drohen nach Ablauf der nun nur noch zweieinhalbjährigen Frist Kosten aufgrund von Sanktionen.

Barrierefreiheit als moralischer Aspekt

Neben den gesetzlichen Aspekten verpflichtet aber vor allem auch eine moralische Verantwortung zur Barrierefreiheit. Denn sie fördert die Inklusion und sorgt dafür, dass niemand aufgrund einer Behinderung vom Zugang zu Informationen oder Dienstleistungen ausgeschlossen wird. In einer zunehmend digitalen Gesellschaft ist es unerlässlich, dass alle Menschen, unabhängig von ihren körperlichen oder geistigen Fähigkeiten, die gleichen Möglichkeiten zur Nutzung haben. Eine barrierefreie Website ermöglicht dies und leistet so einen wichtigen Beitrag zu einer gerechteren Gesellschaft.

Eine barrierefreie Website ist auch SEO-Faktor

Barrierefreiheit auf der eigenen Website bietet auch wirtschaftliche Vorteile. Denn eine Website, die für eine größere Zielgruppe zugänglich ist, kann nicht nur eine bessere User Experience bieten, sondern auch die Reichweite und das potenzielle Kundenaufkommen erhöhen. Das positive Image, welches Unternehmen gewinnen, die auf Barrierefreiheit achten, kann zusätzlich Kund:innen anziehen. Zudem verbessert Barrierefreiheit die Suchmaschinenoptimierung (SEO), da viele der Maßnahmen, die eine Website zugänglicher machen – wie die Verwendung von Alt-Tags für Bilder oder die korrekte Anwendung von semantischem HTML – auch von Suchmaschinen bevorzugt werden. 

Quelle: Freepik

Schritte zur Umsetzung von Barrierefreiheit auf der Website

Die Umsetzung von Barrierefreiheit auf der Website erfordert eine sorgfältige Planung und den Einsatz spezifischer Techniken, um sicherzustellen, dass die Inhalte für alle Nutzer:innen zugänglich sind. Ein erster und entscheidender Schritt besteht darin, die Grundlagen der Barrierefreiheit zu verstehen und diese konsequent anzuwenden. Wir liefern Dir im Folgenden eine Checkliste für die Barrierefreiheit Deiner Website.

Alt-Tags für mehr Barrierefreiheit

Zu den wichtigsten Maßnahmen gehört die Bereitstellung von Alternativtexten (Alt-Tags) für Bilder. Diese Alt-Tags ermöglichen es Nutzer:innen von Screenreadern, den Inhalt der Bilder zu erfassen, was insbesondere für blinde oder sehbehinderte Personen von großer Bedeutung ist. Dabei sollten allem voran Bilder, die einen Mehrwert für den Inhalt der Website haben, mit Alt-Tags versehen werden, bei rein für die Optik genutzten Bildern ist das nicht unbedingt notwendig. Ebenso wichtig ist die Verwendung von ARIA-Labels (Accessible Rich Internet Applications), die interaktive Elemente auf der Website wie Buttons oder Formulare beschreiben und damit die Nutzung erleichtern.

Einfache Strukturierung und Navigation

Ein weiteres wesentliches Element ist der richtige Einsatz von semantischem HTML. Hierbei geht es darum, die HTML-Elemente entsprechend ihrer Bedeutung zu verwenden, z. B. Überschriften als <h1> bis <h6> zu kennzeichnen, anstatt einfach nur Schriftgrößen zu ändern. Dies hilft nicht nur bei der Strukturierung der Inhalte, sondern erleichtert auch die Navigation für Screenreader und verbessert gleichzeitig die SEO der Website. Die Navigation selbst sollte so gestaltet sein, dass sie auch ohne Maus problemlos bedienbar ist. Das bedeutet, dass alle interaktiven Elemente über die Tastatur erreichbar sein müssen, was besonders für Menschen mit motorischen Einschränkungen wichtig ist. Darüber hinaus sollte der Fokus visuell hervorgehoben werden, damit Nutzer:innen stets wissen, welches Element gerade aktiv ist.

Erfassbare Farben, Schriften und eine zoomfähige Oberfläche

Ein sehr großer Bereich beim Design einer barrierefreien Website ist ihre Visualität. Leiden Nutzer:innen beispielsweise unter einer Sehschwäche oder Farbfehlsichtigkeit, können einige Inhalte schwer erkennbar sein. Daher sollte die Website bis auf 200 Prozent zoomfähig sein. Zudem ist ein farblicher Kontrast zwischen Vorder- und Hintergrundfarbe von mindestens 4,5 : 1 vorzuweisen. Der Kontrast hilft dabei den Website-Inhalt besser lesbar darzustellen. Auch die genutzten Schriftarten müssen einfach zu entziffern sein, um barrierefreie Web-Inhalte bereitzustellen.

Leichte Sprache für besseres Verständnis

Neben den technischen Aspekten spielt auch die Content-Strategie eine zentrale Rolle. Eine klare Struktur und einfache Sprache erleichtern das Verständnis der Inhalte für alle Nutzer:innen, insbesondere für Menschen mit kognitiven Beeinträchtigungen. Menschen mit Lernstörungen wie Legasthenie, kognitiven Handicaps, aber auch junge oder ältere User:innen können des Öfteren Schwierigkeiten beim Verstehen des Inhaltes haben. Das gilt für schriftlichen Inhalt genauso wie für andere Media-Formate im Internet. Ein Beispiel sind etwa viele Fachtermini und damit eine zu komplexe Sprache oder Abkürzungen, die in einem Text enthalten sind. Dies ist unter anderem der Grund dafür, dass man auf den Websites des Bundes in der Navigation die „Leichte Sprache“ auswählen kann. Unternehmen sollten dieses Vorgehen bei der Gestaltung ihrer Website berücksichtigen. Egal, ob es sich um einen erstmaligen Webauftritt oder einen Website Relaunch handelt.

Die Option der „Leichten Sprache“ solltest Du am besten bereits auf der Website Startseite anbieten und natürlich auf allen Unterwebseiten. Was alles auf die Website Startseite kommt, zeigen wir Dir noch einmal übersichtlich in unserem Spezial-Beitrag zur Website Startseite. Es ist außerdem wichtig, Multimedia-Inhalte wie Videos oder Podcasts mit Untertiteln oder Audiobeschreibungen zu versehen, um sie auch für Menschen mit Hör- oder Sehbehinderungen zugänglich zu machen.

Tools zur Optimierung der Barrierefreiheit

Zusätzlich zu diesen Maßnahmen gibt es zahlreiche Werkzeuge, die dabei helfen, die Barrierefreiheit einer Website zu überprüfen und zu verbessern. Tools wie WAVE, Axe oder Lighthouse können automatisierte Tests durchführen und auf potenzielle Probleme hinweisen, die dann gezielt behoben werden können. Sie können meist einfach als Browser-Extension installiert und sofort genutzt werden.

Lohnt sich das Engagement eines/ einer Expert:in für Barrierefreiheit?

Die Umsetzung von Barrierefreiheit erfordert zwar ein gewisses technisches Know-how, ist jedoch kein unüberwindbares Hindernis. Viele der grundlegenden Schritte können ohne tiefgehendes technisches Wissen durchgeführt werden. Für komplexere Anforderungen oder spezifische Anpassungen kann es jedoch sinnvoll sein, einen Experten oder eine Expertin hinzuzuziehen, welche:r die nötige Erfahrung und das Fachwissen mitbringt, um eine umfassende und nachhaltige Barrierefreiheit sicherzustellen. Die Entscheidung hängt dabei von verschiedenen Faktoren ab. Zu den wichtigsten Aspekten gehören dabei die Komplexität der Website und die Tiefe der erforderlichen Anpassungen.

Einfache Maßnahmen können selbst durchgeführt werden

Wenn es sich um eine einfache Website handelt, die nur grundlegende Funktionen und Inhalte bietet, können viele der oben beschriebenen Maßnahmen relativ leicht selbst umgesetzt werden. Es gibt zahlreiche Ressourcen und Anleitungen, die dabei helfen, die Barrierefreiheit zu verbessern. Auch Tools zur Überprüfung der Zugänglichkeit können hierbei wertvolle Unterstützung leisten. Anders sieht es jedoch bei größeren, komplexeren Websites aus, die möglicherweise eine Vielzahl von interaktiven Elementen, Multimedia-Inhalten oder speziellen Funktionen enthalten. In solchen Fällen kann es schwierig sein, alle Aspekte der Barrierefreiheit abzudecken, ohne auf die Expertise von Fachpersonen zurückzugreifen. Ein: Expert:in bringt nicht nur technisches Know-how mit, sondern auch Erfahrung in der Anwendung von Standards wie den Web Content Accessibility Guidelines (WCAG), die international als Maßstab für barrierefreie Websites gelten.

Audits von Profis geben neue Einblicke

Ein weiterer Vorteil von Expert:innen ist die Möglichkeit, eine tiefgehende Analyse der Website durchzuführen. Dies kann in Form von sogenannten Audits geschehen, bei denen die Website systematisch auf Barrieren überprüft wird. Solche Audits decken oft auch versteckte oder schwer zu erkennende Probleme auf, die man bei einer selbst durchgeführten Überprüfung schnell übersehen kann. Auch bei der Implementierung von Lösungen, die über die grundlegenden Anforderungen hinausgehen, können Expert:innen helfen. Dazu gehören zum Beispiel benutzerdefinierte Anpassungen für bestimmte Zielgruppen oder die Integration von barrierefreien Designmustern in komplexe Webanwendungen. Schulungen und Workshops für das Team können ebenfalls von externen Expert:innen durchgeführt werden, um das Bewusstsein für Barrierefreiheit zu schärfen und sicherzustellen, dass zukünftige Inhalte und Funktionen von Anfang an barrierefrei gestaltet werden.

Die Investition in einen Experten oder eine Expertin für Barrierefreiheit kann sich also vor allem dann lohnen, wenn Du sicherstellen möchtest, dass Deine Website nicht nur den gesetzlichen Anforderungen entspricht, sondern auch wirklich für alle Nutzer:innen zugänglich ist. Die Expertise eines Profis kann nicht nur helfen, potenzielle rechtliche Risiken zu minimieren, sondern auch das Nutzererlebnis verbessern und damit langfristig zum Erfolg der Website beitragen.

Fazit – die beste Zeit ist jetzt

Die Barrierefreiheit auf der Website ist weit mehr als nur eine gesetzliche Verpflichtung – sie ist ein zentraler Baustein für eine inklusive und gerechte digitale Welt. Indem man die eigene Website barrierefrei gestaltet, ermöglicht man es allen Nutzer:innen, unabhängig von ihren individuellen Fähigkeiten, auf die Inhalte zuzugreifen und die Dienstleistungen zu nutzen. Dies stärkt nicht nur die Marke und verbessert die Nutzererfahrung, sondern bietet auch die Möglichkeit, eine breitere Zielgruppe anzusprechen und die SEO-Ergebnisse zu optimieren.

Barrierefreiheit auf der Website bedeutet längst nicht nur die Erfüllung gesetzlicher Vorgaben, sondern auch die Übernahme von Verantwortung gegenüber den Nutzer:innen und der Gesellschaft. Indem Du diese Verantwortung ernst nimmst, schaffst Du eine Website, die für alle zugänglich ist und gleichzeitig den Erfolg Deines Unternehmens nachhaltig fördert. Deshalb solltest Du auch gar nicht bis 2025 warten, um Deine Website zugänglicher zu machen – starte schon jetzt mit der Optimierung der Barrierefreiheit!

Der Beitrag Barrierefreiheit – Rankingfaktor & soziale Verantwortung erschien zuerst auf contentmanager.de.

Am 14. November 2024 wurde im Gloria Filmpalast in München der Shop Usability Award verliehen. Die Auszeichnung ehrt jährlich die besten und benutzerfreundlichsten Onlineshops Deutschlands. Dabei stehen Innovation, Design und Kundenerlebnis im Fokus. Der Gesamtsieger des Jahres 2024 ist der Luxusmoderiese Hugo Boss, der mit seinem Onlineshop überzeugen konnte. Doch auch andere Shops haben in spezifischen Kategorien brilliert.

Gesamtsieger: Hugo Boss setzt Maßstäbe im digitalen Luxussegment

Der Onlineshop von Hugo Boss beeindruckte die Jury nicht nur durch sein elegantes Design, sondern auch durch eine makellose Funktionalität. Die Produktpräsentation zeichnet sich durch hochwertige Bilder, präzise Beschreibungen und eine intuitive Navigation aus. Besonderes Lob erhielt die exzellente mobile Optimierung, die das luxuriöse Einkaufserlebnis auch auf Smartphones perfekt umsetzt.

Mit diesem Sieg in der Hauptkategorie zeigt Hugo Boss, wie Marken ihre Identität auch online erfolgreich transportieren können.

Gewinner in den Kategorien

Neben dem Gesamtsieger wurden auch die besten Shops in unterschiedlichen Kategorien ausgezeichnet. Hier eine Übersicht der Preisträger:

• Start-up: Mozart – Für kreative Ansätze und mutige Innovationen.
• Design: Dibbern – Ästhetik und Funktionalität im Einklang.
• Brands & D2C: Canyon – Direktvertrieb, der Nutzer:innen begeistert.
• Community: Miss Pompadour – Mit ihrer lebendigen Kundencommunity setzen sie neue Standards.
• Feature & Functions: Zoé Lu – Für bahnbrechende technische Lösungen.
• Innovation: Hugo Boss – Der Pionier des Jahres in Sachen E-Commerce.
• Mobile Experience: Miss Pompadour – Für außergewöhnliche mobile Nutzererlebnisse.
• Nachhaltigkeit: Josera – Ein Vorbild für umweltfreundliches Shopping.
• Omnichannel: Lodenfrey – Für nahtlose Integration von Online- und Offline-Handel.
• B2B: Krone – Herausragend in der Ansprache von Geschäftskunden.

Agentur des Jahres: Norisk Group

Ein weiterer Höhepunkt war die Kür der Norisk Group zur Agentur des Jahres. Mit fünf nominierten Projekten hat die Digitalagentur ihre Kompetenz und Innovationskraft bewiesen. Die von ihr entwickelten Lösungen spiegeln die wachsende Bedeutung professioneller Unterstützung im E-Commerce wider.

Die Bewertungsgrundlage: Was macht einen Sieger aus?

Die Bewertung der Shops erfolgte in einem zweistufigen Prozess. Zunächst wählten 6.500 Mitglieder der E-Commerce-Community die besten fünf Shops jeder Kategorie aus. Anschließend traf eine unabhängige Fachjury die finale Entscheidung. Bewertet wurden Kriterien wie:

• Benutzerfreundlichkeit: Wie einfach und intuitiv ist die Nutzung des Shops?
• Design: Stimmt die visuelle Gestaltung mit der Marke und den Nutzererwartungen überein?
• Innovation: Werden neue Technologien oder Ansätze integriert?
• Kundenzufriedenheit: Was sagen echte Nutzer:innen über ihre Erfahrungen?

Dieser Ansatz stellt sicher, dass die Gewinner die höchsten Standards im E-Commerce repräsentieren.

Was bedeutet der Erfolg für die Branche?

Der Shop Usability Award ist nicht nur ein Zeichen der Anerkennung für die Sieger, sondern auch ein wichtiger Gradmesser für Trends im Onlinehandel. Sie zeigen, dass Benutzerfreundlichkeit und innovatives Design entscheidende Faktoren für den Erfolg sind – gerade in einer Zeit, in der die Erwartungen der Kund:innen stetig steigen.

Unternehmen können aus den prämierten Shops lernen: Die Verbindung von Funktionalität, Design und einer klaren Zielgruppenansprache ist der Schlüssel zu einem erfolgreichen Onlineauftritt. Ein Beispiel dafür ist Hugo Boss, dessen Luxusanspruch durchgehend spürbar ist, während Start-ups wie Mozart beweisen, dass Kreativität und Agilität oft der Schlüssel zum Erfolg sind.

Fazit: Shop Usability Award 2024

Der Shop Usability Award 2024 hat gezeigt, was im E-Commerce möglich ist, wenn man die Nutzer:innen in den Mittelpunkt stellt. Egal, ob es um die Entwicklung eines neuen Shops oder die Optimierung bestehender Plattformen geht – die Gewinner liefern eine wertvolle Orientierung.

Der Beitrag Die Gewinner des Shop Usability Awards 2024 erschien zuerst auf contentmanager.de.

Hier direkt das Whitepaper Barrierefreie Online-Shops herunterladen!

Das Thema Barrierefreiheit

Wir haben auf contentmanager.de schon öfters das Thema digitale Barrierefreiheit behandelt – und das auch zurecht. Dieser Bereich geht uns alle etwas an, ob in der digitalen oder der realen Welt. Ein Erlebnis zu schaffen, das für alle zugänglich ist, ist zugleich moralische Pflicht und kluge Geschäftsstrategie. Wer seinen Online-Shop für alle zugänglich macht, erweitert den Pool an möglichen Kund:innen zur Maximalkapazität. Alle könnten dann in der Theorie bei Dir einkaufen. Doch drehen wir den Spieß doch einmal um: Der Online-Shop ist nicht barrierefrei. Wer wird dann vom Kundenstamm ausgeschlossen? Die Annahme, dass in dieser Gruppe dann „nur“ knapp 10% der Schwerbehinderten in Deutschland wären, ist falsch. Denn Barrierefreiheit kommt so viel mehr Menschen zugute. Hier ein kleiner Exkurs:

Arten von Behinderungen und ihre Auswirkungen auf das Nutzererlebnis

Der Begriff „Barrierefreiheit“ schließt viele Aspekte ein. Doch von welchen Barrieren sprechen wir wirklich?

• Sehbehinderung: Diese Art von Behinderung variiert von vollständiger Blindheit bis zu einem teilweise eingeschränkten Sehvermögen. Um in diesem Bereich barrierefrei zu sein, müssen Texte durch Screenreader-Funktionen vorgelesen werden können, Bilder dank Alternativbeschreibung verständlich erklärt sein und durch Zoom-Funktion im Detail begutachtet werden können. Aber auch ein für nicht-eingeschränkte Personen vermutlich belangloses Detail, wie die Struktur des Begleittextes, ist entscheidend. Große Textblöcke, lange über viele Zeilen laufende Sätze oder das Fehlen von Auflistungen macht es den Kund:innen schwer, sich auf der Produktseite beispielsweise zurechtzufinden.
• Hörbehinderung: Auch hier sind die Grade der Behinderung variabel und müssen allesamt beachtet werden. Es braucht unbedingt schriftliche Alternativen für Audiodateien in Form von Untertiteln oder Transkripten.
• Motorische Einschränkungen: Die Hände sind ein sensibler Teil des menschlichen Körpers und übernehmen beim Einkaufen im Online-Shop einen Großteil der Arbeit. Für vieles wird die Maus gebraucht, doch die Navigation dieser fällt vielen Leuten mit motorischen Einschränkungen schwer. Deswegen sollten barrierefreie Online-Shops die Steuerung durch die Tastatur ermöglichen, genauso wie die einzelnen klickbaren Elemente in ihrer Größe und Position auf Einfachheit optimieren.
• Kognitive Einschränkungen: Letztlich soll der Online-Shop auch den Menschen zugänglich sein, die Schwierigkeiten haben, komplexe Sachverstände zu verstehen. Deswegen ist die Simplizität der Inhalte von besonderer Wichtigkeit. Was in diesem Zusammenhang oft vergessen wird, ist auch der gesamte Ablauf des Einkaufs. Menschen sind eine gewisse Abfolge an Handlungsschritten gewohnt. Von dieser nicht abzuweichen hilft auch Menschen mit kognitiven Einschränkungen bei ihrem Einkauf.

Die vier Prinzipien der Barrierefreiheit

Da dieses Thema sehr komplex ist, wurden die Web Content Accessibility Guidelines (WCAG) verfasst. Diese Prinzipien helfen Shopbetreibern dabei, kein Detail zu vergessen. Wer sich nach den vier Prinzipien richtet und seinen Online-Shop derartig optimiert, ist den barrierefreien Online-Shops einen Schritt näher.

• Wahrnehmbarkeit
• Bedienbarkeit
• Verständlichkeit
• Robustheit

Dies bedeutet genauer: Alle Inhalte müssen für alle wahrnehmbar sein; alle Funktionen müssen für alle zugänglich sein; alle Elemente müssen von allen Benutzer:innen auf Anhieb verstanden werden können; sowie alle Inhalte müssen von allen Endgeräten und Technologien interpretiert werden können – auch bei technischen Veränderungen.

Barrierefreie Online-Shops

Im Whitepaper gehen wir auf die Best Practices ein: Klare Navigation und Struktur, ein responsives Design, Multimediainhalte, Farben und Schriftarten, aber auch Schulungen für Mitarbeitende, Test und Feedback. Wie Du diese Punkte genau umsetzen kannst, erfährst Du im Whitepaper.

Keine Kür, eine Pflicht

Häufig, wenn das Thema barrierefreie Online-Shops oder das BFSG besprochen wird, ist dies in einem negativen Licht: Händler werden gezwungen, ihre Shops zu überarbeiten, es drohen Strafen bei Nichteinhalten, es ist sehr viel Arbeit diese Optimierungsarbeiten durchzuführen… Auf der positiven Seite wird oftmals nur die moralische Pflicht als Argument verwendet. Doch wie bereits erwähnt sind auch Kundenstammerweiterungen und Umsatzsteigerungen positive Resultate dieser Änderungen. Barrierefreiheit sollte an oberster Stelle auf der Tagesordnung stehen – um den Alltag für alle ein klein wenig zu erleichtern.

Der Beitrag Whitepaper: Barrierefreie Online-Shops erschien zuerst auf contentmanager.de.

Sie finden sich auf den meisten Websites: Die FAQ – frequently asked questions. Sie sollen die am häufigsten gestellten Fragen eines Website-Besuchers beantworten. Dabei gibt es viele Gründe, auf die FAQs zu verzichten. Und wenn Du diese dennoch einbinden möchtest? Dann solltest Du einige Punkte beachten. Wir erklären Dir in diesem Beitrag, warum FAQs nicht immer sinnvoll sind und wie Du nutzerorientierte FAQ erstellen kannst.

Eine Website sollte immer den Anspruch haben, möglichst alle Fragen von Nutzer:innen zu beantworten. Die Realität sieht aber anders aus: Keine Website kann wirklich alle Nutzerfragen beantworten. Geschweige denn diese so aufbereiten, dass auch tatsächlich jede noch so spezielle Antwort gefunden wird. Daher lieben Website-Betreiber:innen die FAQ –frequently asked questions, also die häufig gestellten Fragen. Diese sind die scheinbare Rettung für alle Besucher:innen, die nicht gleich finden konnten, was sie gesucht haben. Aber das funktioniert nicht immer. Im Gegenteil. Die FAQs können einerseits für Verwirrung sorgen, andererseits orientieren sie sich oftmals nicht an tatsächlichen Fragen von Kunde:innen und anderen Website-Nutzer:innen. Doch was heißt das jetzt für Unternehmen? Gänzlich darauf verzichten? Nur eins kleine FAQ erstellen? Und worauf muss man achten, wenn man eine FAQ erstellen möchte? Das erklären wir Dir in diesem Beitrag ausführlicher.

FAQ sind weitgefasst und bedienen nicht immer Nutzererwartungen

Der Begriff FAQ hat sich zwar deutlich mehr etabliert, als noch vor einigen Jahren. Immerhin finden sich die frequently asked questions auf der Mehrheit der Websites. In Google gibt es bei der Eingabe des Suchbegriffs „FAQ“ direkt eine ganze Liste Websites, die mit ihrem FAQ-Bereich angezeigt werden. Aber: Vielen deutschsprachigen Nutzer:innen ist der Begriff bis heute nicht bekannt. Manche haben ihn schon gehört, wissen aber nicht, was sich dahinter verbirgt. Mit dem ausgeschriebenen frequently asked questions können schon mehr Nutzer:innen etwas anfangen. Aus Verständnisgründen haben daher viele Websites umgestellt und nennen den Bereich nicht mehr FAQ, sondern „Häufig gestellte Fragen“. Das gilt beispielsweise für die sozialen Netzwerke Facebook und Twitter. Auch Formulierungen wie „Hilfe-Center“ haben sich etabliert. Und hier zeigt sich schon eine erste Herausforderung, wenn Du eine FAQ erstellen möchtest: Die Begrifflichkeit ist nicht klar definiert. Welche „Hilfe“ erhältst Du in dem Bereich genau? Darüber hinaus gibst Du mit dem Begriff implizit das Versprechen, die Fragen der Nutzer:innen zu beantworten. Wenn er seine Frage für alltäglich hält, wird er diese in den vermeintlich häufig gestellten Fragen finden wollen – ärgerlich, wenn sie nicht dabei ist.

Der FAQ-Bereich ist oft ein Problemfriedhof

Deine Website ist dazu da, die Fragen der Besucher:innen zu beantworten. Jede einzelne Seite, die das nicht macht, ist überflüssig. Und jede Frage, die nicht beantwortet wird, verdient es, einen ordentlichen Platz in der Informations-Architektur der Site zu bekommen. Oft sind FAQ-Seiten der traurige Beweis dafür, dass Website-Betreiber:innen die Site weder ordentlich strukturiert haben, noch die Navigation und Suche nutzerfreundlich ist. Der FAQ-Bereich ist damit schnell ein „Problemfriedhof“, der wenig mit nutzerorientierten Antworten zu tun hat. Er dient vielmehr dazu vermeintliche Fragen von Nutzer:innen zu bedienen. Die Informationen in den FAQ sind meistens weniger hilfreich, als wenn die Website selbst entsprechend ausgebaut wird. Es gibt natürlich Gegenbeispiele, die sich vor allem auf große Website-Betreiber wie die sozialen Netzwerke Facebook und Twitter oder aber Konzerne beziehen. Sie haben aus den vergangenen FAQ gelernt und den Bereich angepasst. Wie Du das kannst, erfährst Du weiter unten im Beitrag.

Die Fragen haben meistens wenig mit tatsächlichen Nutzerfragen zu tun

Nicht selten hat die im FAQ-Bereich gelisteten Fragen niemals jemand gestellt. Vielmehr sind es Fragen, welche die Ersteller:innen der Site gern beantworten möchten. Für die Nutzer:innen sind solche Listen recht nutzlos. Kunden wünschen sich in diesem Bereich hilfreiche Inhalte, die sie tatsächlich weiterbringen. Ein gutes Beispiel für eine gelungene FAQ bzw. in diesem Fall einen guten Bereich „Häufig gestellte Fragen“ liefert etwa Facebook Business. Die FAQ basieren auf einfachen Fragen, die nicht zuletzt unter SEO-Gesichtspunkten gut zu finden sind. Und: Die Liste ist kurz. Statt einem ellenlangen Fragenkatalog beschränkt sich das soziale Netzwerk auf wenige ausgewählte Fragen. Wer andere Antworten sucht, wird dagegen zum ausführlicheren Hilfe-Bereich weitergeleitet.

Verschachtelte FAQ und fehlender Nutzen

Das Schlimme ist: FAQ-Seiten lösen Ihre Probleme mit der Site (bzw. die Ihrer Besucher) immer weniger. Das liegt an den oft wenig nutzerorientierten Inhalten. Und in einer unübersichtlichen Verschachtelung der Informationen. Weil die meisten FAQ-Bereiche letztlich wenig nutzerorientiert sind, rufen weniger Kund:innen diese auf.  Daher überlege Dir zweimal, ob Du einen solchen Bereich mit „häufig gestellten“ Fragen auf Deiner Site erstellen möchtest. Wenn ja, dann haben wir acht Tipps für Dich, wie die FAQ erstellen kannst, die Deinen Kund:innen und Website-Nutzer:innen echte Mehrwerte liefern.

8 Tipps für FAQ-Seiten

Wenn Du sicher bist, dass in Deinem Fall ein FAQ-Bereich sinnvoll ist, dann solltest Du auf acht elementare Punkte achten. Sie machen Deine FAQs zu nutzerorientierten Helfern und geben dem Bereich seinen eigentlichen Sinn zurück. Nicht zuletzt bietet Dir die FAQ-Site dann Vorteile, indem Kunde:innen sich auf Deiner Website rundum gut aufgehoben fühlen und sich über Deine Produkte und Dienstleistungen informieren können. Berücksichtige folgende Tipps, wenn Du eine FAQ erstellen möchtest – egal, ob für die Website, den Online-Shop oder den eigenen Blog.

1. Finden den besten Begriff für den Bereich

„FAQ“ verstehen immer noch viele deutsche Nutzer:innen nicht. Besser ist daher die inzwischen verbreitetere Phrase „Häufig gestellte Fragen“. Noch besser ist es, bei der Benennung konkreter zu werden: Welche Art von Fragen beantwortest Du hier? Nur zur Site? Oder zu Deinem Produkt? Oder dazu, wie die Bestellung, die Kontaktaufnahme, die Installation oder sonstige für Kunde:innen relevante Services funktionieren? Je klarer Du den Nutzer:innen machst, was sie erwartet, desto besser. So wissen sie genau, wo sie welche Fragen beantwortet bekommen Erwartungen werden nicht unnötig enttäuscht.

2. Beantworte echte Fragen von Kund:innen und Nutzer:innen

Denke an die Besucher:innen Deiner Website und daran, welche Fragen Deine Kund:innen und Nutzer:innen wirklich haben. Denke nicht daran, was Du gern beantworten würdest. Und überlege bei jeder Frage, ob sich diese nicht besser an anderer Stelle beantworten lässt. Oder ob Du nicht besser irgendwo anders auf der Site etwas änderst, sodass die Frage sich vielleicht gar nicht mehr stellt. Die Frage „Wie können Sie uns erreichen?“ zum Beispiel ist überflüssig. Die Antwort darauf suchen Besucher:innen im Bereich „Kontakt“. Und den Link dazu sollten sie ohne langes Suchen im Kopf- und/oder Fußteil jeder Seite finden. Echte Nutzerfragen sind letztlich auch im Hinblick auf SEO von großem Wert. Suchmaschinen wie Google suchen längst nicht mehr nur nach Keywords sondern ebenso nach kompletten Phrasen, die in der Suchmaske eingegeben werden. Beherzige das, beim FAQ erstellen.

3. Formulieren Sie aus Sicht der Nutzer

Stell die Fragen so und mit den Begriffen, wie es die Nutzer:innen tun würden. Achte auch darauf, immer aus der gleichen Perspektive zu formulieren. Also entweder aus Nutzersicht:

Wo finde ich Antworten auf meine Fragen?

Oder aus Betreibersicht:

Wie helfen wir Ihnen bei Problemen weiter?

Die Formulierung aus Nutzersicht ist für die FAQ durchaus die geeignetere – denn letztlich geht es um den Nutzer:innen. Was Du dagegen auf jeden Fall vermeiden solltest, ist die Formulierung in der dritten Person („Wo findet man…“). Das ist schwerer verständlich und wirkt unbewusst als Bremse, weil die Formulierung nicht handlungsorientiert ist. Als Unternehmen trittst Du mit den FAQ automatisch als Dienstleister auf und solltest dies sprachlich so kommunizieren. Am besten, indem Du stets die Nutzer:innen in den Fokus rückst.

4. Glieder die FAQ gut

Je kürzer die Liste von Fragen und Antworten, desto besser, wie das Beispiel Facebook zeigt. Unter anderem bieten sich zwei Sortierungen für die Fragen an:

1. Nach Häufigkeit: Die am häufigsten gestellten Fragen kommen nach oben.
2. Nach logischer Abfolge: Die Fragen sind so sortiert, wie sie dem Arbeitsablauf der Nutzer:innen entsprechen. Für einen Online-Shop oder Service-Portal eines Dienstleisters wie der Telekom beginnst Du z.B. mit Fragen zur Anmeldung, gehst weiter mit Informationen zur Zahlungsweise, zur Nutzung und endest mit Fragen zur Kündigung.

Hast Du mehr als zehn bis zwölf Fragen, dann gliedere die Liste in Unterbereiche, wie beispielsweise bei Twitter. Die Social Media Plattform hat sein Hilfe-Center mit Unterkategorien gegliedert. Zum Beispiel „Nutzung von Twitter“, „Verwaltung deines Accounts“ und „Sicherheit“. Unter allen Unterkategorien wurden wiederum Themenbereiche durch Schlagworte definiert („Tweets“, „Suche und Trends“ etc.). Die Nutzer:innen können dieser Logik folgen. Sie finden unter den jeweiligen Schlagworten und Phrasen dann die wichtigsten Informationen – im Fall von Twitter sogar sehr umfangreich. Für deren Sortierung gilt das Gleiche wie zuvor. Die Sortierung nach logischer Abfolge sollte hier bevorzugt werden, um die Suche der Kund:innen und Nutzer:innen zu erleichtern. Innerhalb der Unterbereiche kannst Du dann immer noch nach Häufigkeit sortieren, wenn Du das möchtest. Wichtig bleibt eine sehr gute Gliederung, gerade bei umfangreichen FAQs, damit Deine Kund:innen und Nutzer:innen Inhalte wiederfinden können.

5. Mache das Lesen der Antwort nicht schwerer als nötig

Sehr beliebt sind Aufklapp-Elemente (Akkordeons). Wollen die Besucher:innen die Antwort auf eine Frage lesen, müssen sie erst auf ein Plus-Zeichen oder ein Dreieck klicken. Das macht die ganze Liste kürzer und man kann sie besser überfliegen. Allerdings ist es sehr mühsam, sich durch solche Listen zu arbeiten, wenn man mehrere Antworten ansehen will. Gehst Du davon aus, dass die Nutzer:innen das bei Dir tun werden, dann verzichte lieber auf einen solchen Mechanismus. Wenn Du nur eine Handvoll Fragen und Antworten hast, dann solltest Du generell auf das Aufklappen verzichten und lieber gleich alles zeigen. Wichtig: Klappe die Elemente nicht automatisch wieder zu, wenn ein anderes geöffnet wird. Damit würdest Du den Nutzer:innen die Möglichkeit nehmen, Antworten zu vergleichen.

6. Pflege den FAQ-Bereich

Wenn Du Deine FAQ schon erstellt hast, dann ergänze den Bereich laufend um Fragen, die Nutzer:innen Dir tatsächlich häufiger stellen. Ganz wichtig auch: Lösche Fragen! Fragen, die nicht mehr aktuell sind oder sich erledigt haben, versperren den Blick auf wichtigere Fragen. Das erschwert es, die gesuchten Antworten zu finden. Sind die Antworten nicht direkt sichtbar, sondern müssen die Nutzer:innen auf ein Element bzw. einen Link klicken, um diese zu sehen, dann kannst Du Zugriffsstatistiken (Analytics) nutzen. Diese verraten Dir, welche Antworten wie oft angesehen wurden. Werden manche nur sehr selten aufgerufen, frage Dich zwei Dinge:

1. Ist die Frage so formuliert, dass die Besucher verstehen?
2. Ist die Frage und die dazu gehörige Antwort überflüssig?

Ist letzteres der Fall, lösche die Frage und zugehörige Antwort. Im ersten Fall solltest Du die betroffene Frage und Antwort so formulieren, dass Kund:innen und Nutzer:innen diese besser verstehen.

7. Helfe weiter

Biete Alternativen für die Nutzer:innen, die nicht gefunden haben, was sie suchen und wissen wollen. Verlinke am Ende der Seite etwa wie Facebook auf weitere Seiten, die wichtige Informationen bereitstellen. Das kann beispielsweise ein Forum oder Blog oder spezielle Service-Seiten sein. Auch die Suchfunktion kannst Du hier direkt nochmal einbinden. Und bieten in jedem Fall am Ende einen Service-Kontakt an, an den verzweifelte Nutzer:innen sich wenden können. So kannst Du als Unternehmen Deinen Kund:innen wirklich helfen.

8. Zu guter Letzt: Beachte SEO und machen die FAQ leicht zugänglich

Wenn Du eine FAQ erstellen möchtest, gilt auch hier, den Bereich für Suchmaschinen wie Google zu optimieren. Neben echten Nutzeranfragen solltest Du deshalb auch auf Keyword Recherche gehen. Wir bieten Dir dazu eine Übersicht kostenloser Keyword Recherche Tools. Für die FAQ ist es darüber hinaus wichtig, dass diese schnell zu finden sind. Binde den Bereich auf allen Webseiten Deiner Domain ein, etwa im Footer der Website oder in der Navigationsleiste.

FAQ können sinnvoll sein – aber nur, wenn sie richtig gemacht sind!

Die FAQ sind längst im Web etabliert. Nur leider sind sie mal mehr und mal weniger hilfreich. Unternehmen sollten sich fragen, ob ein solcher Bereich für sie individuell in Frage kommt und ihren Kund:innen und Nutzer:innen wirklich Mehrwerte bietet. Können mögliche Fragen besser über die eigentliche Website beantwortet werden, verzichten lieber auf FAQ. Ist der Bereich notwendig, sollte er auf jeden Fall nutzerorientiert gestaltet und geschrieben werden. Echte Nutzerfragen, für Nutzer:innen geschrieben, auf dem aktuellen Stand, übersichtlich und leicht zu finden – das sind die Kernaspekte einer guten FAQ.

Der Beitrag FAQ erstellen oder nicht? – Warum Sie keine FAQ haben sollten erschien zuerst auf contentmanager.de.

Mit Klick auf den Download-Button willigst Du ein, dass Deine Firmen-E-Mail-Adresse und der Firmenname von contentmanager.de (Digital Diamant GmbH) und den Sponsoren KOSMONAUT, MXP GmbH und Verdure Medienteam GmbH zur werblichen Ansprache auch per E-Mail und zur Markt- und Meinungsforschung genutzt werden dürfen. Mit Deiner Einwilligung erhältst Du auch automatisch den contentmanager.de-Newsletter. Die Erklärung ist jederzeit über einen Link in jeder E-Mail widerrufbar.

Webdesign Agenturen als starke Partner

Auch wenn die Deutschen sicher nicht die Vorreiter in Sachen Digitalisierung sind – immer mehr Unternehmen erwirtschaften online Umsatz oder haben zumindest eine aktive Präsenz im Internet. Statische Seiten werden weniger. Interaktivität, Dialog mit den Zielgruppen und eine optimale User Experience sind angesagt. In Web-Projekte fließen heute mehr denn je jede Menge Anforderungen und Ambitionen der unterschiedlichsten Abteilungen eines Unternehmens ein. Sei es der Vertrieb, die HR-Abteilung oder der Kundenservice, alle wollen die Unternehmenspräsenz im Netz bestmöglich für sich nutzen. Darüber hinaus sind die Anforderungen der Kunden deutlich gestiegen, was Dialog- und und Informationsformate angeht. Wer dies unter einen Hut bringen will, braucht einen Partner, der dabei aktiv unterstützen kann.

Webdesign-Agenturen sind solche Partner. Die Unterstützung kann dabei so unterschiedlich sein wie die Vorhaben, bei denen sie sich einbringen. Ob als Werkbank, die Kapazitätsengpässe abfedert bis zur komplett ausgelagerten Abteilung, die verantwortlich für den Webauftritt ist – die meisten Agenturen sind sehr flexibel und passen sich genau in das Setup ihrer Kunden ein. Was sie einbringen ist jedoch mehr als die reine Mannschaftsstärke. Sie bringen kreative Impulse, den Blick von außen auf das technische Ökosystem der Kunden, verfügen über mandatsübergreifende Erfahrungen und sind auf dem neuesten Stand der technischen Entwicklung. Sie können auch der externe Sparringspartner für die interne IT-Abteilung sein. Doch natürlich gibt es Unterschiede. Wer sich auf die Suche nach einer geeigneten Webdesign Agentur macht, tut sich oft schwer – abseits von persönlichen Empfehlungen – aus dem sehr großen Angebot den besten Partner auszuwählen.

19 Webdesign Agenturen im Vergleich

Wir haben für unseren Marktüberblick über 150 Kriterien definiert, die bei der Auswahl einer Webdesign Agentur helfen. Anhand dieser Kriterien haben wir 19 sehr unterschiedliche Agenturen miteinander verglichen. Die Anforderungen an eine Agentur variieren je nach Aufgabenstellung. Einen »Testsieger« kann es in unserem Marktüberblick demnach nicht geben. Vielmehr wollen wir Dir dabei helfen, dir einen Überblick zu verschaffen und eine Vorauswahl für Deine individuelle Aufgabenstellung treffen zu können. Folgende Agenturen haben wir in den Marktüberblick einbezogen:

• 42medien
• brandung GmbH & Co. KG
• CREATIVCLICKS
• DMK E-BUSINESS GmbH
• Durchstarten im Internet
• formwandler interactive
• gradwerk GmbH
• Graphix Düsseldorf GmbH
• LeFox.de
• M3-COMMUNICATION
• MXP GmbH
• pixelpublic GmbH
• SEO-Küche Internet Marketing GmbH & Co. KG
• Studio1
• Unic
• VERDURE
• Agentur vierzehn02
• Webcellent GmbH
• Webedia Brand Services

154 Kriterien in 9 Kategorien

Bei der Konzeption des Marktüberblicks haben wir einen Fragenkatalog entworfen, der aus unserer Sicht die für Entscheider wichtigsten Kriterien bei der Agenturauswahl vorstellt. Herausgekommen sind 154 Kriterien, die wir auf 8 verschiedene Kategorien verteilt haben. Die unterschiedlichen Kategorien stellen die verschiedenen Agenturen im Einzelnen vor, untersuchen die diversen Expertisen, vorhandene Serviceleistungen und zeigen rechtlich relevante Kriterien und Preismodelle. Das Gros aller Informationen beruht hier auf Selbstauskünften der Webdesign Agenturen.

• Allgemeine Informationen: Wie viele Mitarbeiter arbeiten fest bei der Agentur, wie viele als Freie? Wie viele Kunden hat die Agentur und wie hoch war der Umsatz im vergangenen Jahr? Zudem haben wir die Agenturen nach ihrem Differenzierungsmerkmal und nach ihren Branchenschwerpunkten gefragt.
• Leistungsangebot der Agenturen: Der Kern der Sache. Hier dreht sich alles darum, was die Agenturen anbieten und in welchen Disziplinen sie ihren Kunden weiterhelfen können.
• Software-Setup der Agenturen: In der Zusammenarbeit mit Agenturen ist es nicht nur wichtig, dass man fachlich und menschlich „eine Sprache spricht“, sondern auch technisch. Ob man also die gleichen Softwaretools und Programme nutzt. Daher haben wir die Agenturen nach ihrem Software-Setup gefragt.
• Erfahrungen mit Content Management Systemen: Als Auswahlkriterium für einen geeigneten Partner ist die Erfahrung mit verschiedenen CMS sehr wichtig. Wir haben für Sie bei den Agenturen abgefragt, über welche Erfahrungen sie im Umgang sowohl mit Open Source- als auch mit Enterprise-CMS haben.
• SEO Kompetenz: Bereits bei der Konzeption der Seitenstruktur, spätestens aber bei der Erstellung von Inhalten ist Suchmaschinenoptimierung Contents essentiell. Welche Seo-Kompetenzen haben die Agenturen im Gepäck?
• Rechtliche Kriterien: Ein Klassiker, der in keinem unserer Marktüberblicke fehlt: Wo gibt es zum Beispiel DSGVO-relevante Stellen und wie agieren die Agenturen?
• Zusätzliche Services der Agenturen: Mit der Entscheidung für einen Agenturpartner startet Dein Projekt. Für die Zusammenarbeit ist es wichtig zu hinterfragen, welche Servicelevel die Agenturen bieten.
• Preis-Ansatz: Einen wichtigen Teil der Entscheidungsfindung nimmt aber auch die Budgetplanung ein. Welche Agentur passt gleichermaßen sowohl zu Deinen Ambitionen und Anforderungen als auch zum finanziellen Rahmen, den Du bereit bist zu investieren.

Die Agenturen im Vergleich

42medien

Die Agentur aus Weinheim an der Bergstraße beschäftigt drei feste und fünf freie Mitarbeiter. Über 120 Kunden setzen auf die Unterstützung der Agentur, die im vergangenen Jahr einen Umsatz von 222.000 EUR erzielte.

USP (nach eigener Angabe): „Über 25 Jahre Erfahrung im Online-Business. Schnell und flexibel.“

Referenzen 42medien

Quelle: 42medien

Quelle: 42medien

Quelle: 42medien

brandung GmbH & Co. KG

Die Kölner Agentur brandung hat 2019 10,5 Mio. EUR umgesetzt. Möglich wurde das mit den 150 festen und zehn freien Mitarbeitern sowie natürlich den 70 Kunden, die die Agentur betreut.

USP (nach eigener Angabe): „Creativity meets Tech meets Full Service: Von strategischer Beratung über Konzept und Design bis hin zur kompletten technischen Entwicklung und Maintenance entwickeln wir ganzheitliche, digitale Lösungen mit maximaler User Experience.“

CREATIVCLICKS

Die creativ clicks GmbH hat ihren Sitz in Chemnitz. 14 feste und 5 freie Mitarbeiter sorgten gemeinsam für 900.000 EUR Umsatz, den die Agentur mit 120 Kunden erzielte.

USP (nach eigener Angabe): „Zu unserem Agenturportfolio gehört neben einer strategischen Beratung auch die kreativ-innovative Umsetzung der entwickelten digitalen Kommunikationsmaßnahmen. Wir entwickeln gemeinsam mit Ihnen Strategie, präzisieren die Zielsetzung und realisieren. Beginnend mit der Architektur und UX-Design bis hin zum finalen digitalen Produkt.“

DMK E-BUSINESS GmbH

Auch die Agentur DMK E-BUSINESS hat ihren Sitz in Chemnitz. Mit 45 Kunden erzielte das Unternehmen 2019 2,2 Mio. EUR. DMK E-BUSINESS beschäftigt 35 feste und 19 freie Mitarbeiter.

USP (nach eigener Angabe): „Fokus auf Open Source Entwicklung im Bereich CMS, CRM + Commerce, Agile Projektumsetzung, Umfangreiche Digitalisierungsberatung“

Durchstarten im Internet

Hinter der Marke „Durchstarten im Internet“ steht die Christina Williger und Mirko Hannig – Durchstarten im Internet GbR. Die Agentur unterstützt im Schwerpunkt kleine Unternehmen und Statups und hat ihren Sitz in Alsbach-Hähnlein.

USP (nach eigener Angabe): „Wir beginnen stets mit der Definition einer klaren (Online-) Marketing-Strategie und eines Marketingfahrplans, um später optimale Ergebnisse zu erzielen. Alle Maßnahmen erfolgen auf Basis konkreter Ergebnisziele. Wir bieten zahlreiche Mehrwerte z.B. in Form einer Kooperation für rechtliche Leistungen oder Unterstützung im Einkauf sowie durch Vorteilsangebote von Partnern.“

formwandler interactive

Die Molchkragen Media GmbH ist die Firmierung hinter formwandler interactive. Sie hat ihren Sitz in Frankfurt am Main und beschäftigtvier feste und 10 freie Mitarbeiter. Die Agentur hat 75 Kunden.

USP (nach eigener Angabe): „Full-Service in der Kommunikation für Kunden: Beginnend bei Logo über Geschäftsausstattung und Website begleiten wir unsere Kunden auf dem Weg der professionellen Darstellung und der automatisierten Kundenakquise.“

gradwerk GmbH

Mit fünf festen und drei freien Mitarbeitern betreut die Agentur gradwerk aus Lübeck ihre rund 500 Kunden. Damit erzielte sie 2019 einen Umsatz von 600.000 EUR.

USP (nach eigener Angabe): „gradwerk ist bereits seit rund zwei Jahrzehnten die Digitalagentur, wenn es um kreative Konzepte, exzellentes Design und nachhaltige Softwareentwicklung geht. Einzigartig ist die Kombination von kreativer Leistung und einmaliger Marketingsoftware.“

Referenzen gradwerk

Quelle: gradwerk

Quelle: gradwerk

Graphix Düsseldorf GmbH

Die Agentur Grafix Düsseldorf beschäftigt zehn feste und fünf freie Mitarbeiter. 25 Unternehmen kann Grafix Düsseldorf zu seinem Kundenstamm zählen.

USP (nach eigener Angabe): „Eine Full Service Agentur, alles aus einer Hand. Unsere Agentur verbindetLeistungen einer klassischen mit denen einer Online und Social Media Agentur, inklusive Video- und Bewegtbild Angebot.“

Referenzen Grafix Düsseldorf

Quelle: Grafix Düsseldorf

Quelle: Grafix Düsseldorf

LeFox.de

Die Agentur LeFox Webdesign & SEO hat ihren Sitz in Dortmund. Mit sieben festen Mitarbeitern betreut das Unternehmen seine 170 Kunden.

USP (nach eigener Angabe): „Wir erstellen nicht nur Webseiten nach Kundenvorgaben , sondern machen uns schon bei der Entwicklung Gedanken wie die Webseite zu einem vollen Erfolg wird.“

Referenzen LeFox.de

Quelle: LeFox.de

Quelle: LeFox.de

M3-COMMUNICATION

Die Agentur M3-COMMUNICATION hat ihren Sitz in Fulda. Sechs feste und ein freier Mitarbeiter betreuen die 70 Kunden des Unternehmens.

USP (nach eigener Angabe): „In M3 haben Sie einen Partner, der Sie ganzheitlich als Full-Service-Agentur wie auch selektiv mit Fachexpertise unterstützen kann. Unser Schwerpunkt liegt dabei, gemäß unserem Leitsatz, auf der „Unternehmenskommunikation für nach außen und für nach innen“. Unsere Kunden schätzen schnelle Reaktionszeiten, gute Planung, transparente Kostenstrukturen sowie einen Blick über den Tellerrand hinaus.“

Referenzen M3-COMMUNICATION

Quelle: M3-COMMUNICATION

Quelle: M3-COMMUNICATION

Quelle: M3-COMMUNICATION

Quelle: M3-COMMUNICATION

MXP GmbH

Die MXP GmbH hat ihren Agentursitz in Stadtbergen. 30 Mitarbeiter, davon 26 fest und 4 frei, betreuen die rund 400 Kunden des Unternehmens. 2019 hat MXP einen Umsatz von 2,1 Mio. EUR erzielt.

USP (nach eigener Angabe): „Mehr als digital: Wir betrachten die Digitalisierungsprojekt ganzheitlich, insbesondere hinsichtlich Strategie und Prozesse die mit den Webprojekten vernetzt sind.“

Referenzen MXP GmbH:

Quelle: MXP GmbH

Quelle: MXP GmbH

pixelpublic GmbH

Die pixelpublic GmbH arbeitet  an ihrem Sitz in Baden.Baden mit einer Mannschaft von elf festen Mitarbeitern. 900 Unternehmen gehören zum Kundenstamm und 2019 wurde ein Umsatz von 900.000 EUR realisiert.

USP (nach eigener Angabe): „pixelpublic vereint die Leistungen einer klassischen Werbeagentur mit den Kompetenzen einer Digitalagentur.“

SEO-Küche Internet Marketing GmbH & Co. KG

Die Agentur SEO-Küche Internet Marketing hat ihren Sitz in Kolbermoor. Sie beschäftigt 100 Mitarbeiter und hat einen Kundenstamm von 1.500 Unternehmen.

USP (nach eigener Angabe): „Jede Betreuung läuft bei uns so individuell, wie unsere Kunden es sind. Wir stellen uns auf jeden unserer Kunden ein, um seinen Bedürfnissen und Wünschen gerecht zu werden. Gern betreuen wir Sie auch ganzheitlich im Online Marketing und machen Ihre Webseite noch schmackhafter für Google und Ihre Zielgruppe. Webdesign und Online Marketing ganzheitlich nach Ihrem Geschmack.“

Referenzen Seo-Küche

Quelle: SEO-Küche Internet Marketing GmbH & Co. KG

Quelle: SEO-Küche Internet Marketing GmbH & Co. KG

Quelle: SEO-Küche Internet Marketing GmbH & Co. KG

 

Studio1®

Die Studio1® Kommunikation GmbH hat ihren Hauptsitz in Heilbad Heiligenstadt sowie einen weiteren Standort in Berlin. Die Agentur beschäftigt 40 feste und drei freie Mitarbeiter. Zum Kundenstamm von Studio1 gehören ca. 900 Kunden. Das Unternehmen konnte 2019 einen Umsatz von 3,0 Mio. EUR erzielen.

USP (nach eigener Angabe): „Als Full-Service-Agentur begleiten wir seit knapp 30 Jahren Unternehmen auf dem Weg in die digitale Transformation ihrer Geschäfts- und Kommunikationsprozesse und sorgen dabei für unverwechselbare Auftritte – online wie offline. Von Webdesign über Video bis Datenmodellierung und Individualprogrammierung – wir machen Kommunikation multimedial, digital und zukunftsfähig.“

Referenzen Studio1

Quelle: Studio1® Kommunikation GmbH

Quelle: Studio1® Kommunikation GmbH

Quelle: Studio1® Kommunikation GmbH

Quelle: Studio1® Kommunikation GmbH

Quelle: Studio1® Kommunikation GmbH

Unic

Die Agentur hat in Deutschland Büros in München und Karlsruhe. Mit 250 festen Mitarbeitern und rund 20 Freien erzielte das Unternehmen 2019 einen Umsatz von 37 Mio. Euro.

USP (nach eigener Angabe): „Wir machen digitales menschlich! Wir sind überzeugt: Nur wenn Technologie und Benutzerbedürfnisse verschmelzen, entstehen nützliche Lösungen für Unternehmen und Benutzer: Die Erwartungen an digitale Touchpoints sind hoch – wir realisieren mit Ihnen digitale Projekte, die die Benutzer abholen, sie verstehen und sie auf ihrer Reise begleiten.“

VERDURE

Die VERDURE Medienteam GmbH beschäftigt 33 feste und 7 freie Mitarbeiter. 60 Unternehmen gehören zum Kundenstamm und mit ihnen wurde 2019 ein Umsatz von 2,6 Mio. EUR erwirtschaftet. Der Sitz der Agentur ist Stuttgart.

USP (nach eigener Angabe): „Digital braucht Herz. Wir sind die Digitalagentur am Touchpoint Mensch für ganzheitliche Lösungen, die einfach Freude machen.“

Agentur vierzehn02

Die Agentur vierzehn02 hat ihren Sitz in München und betreut 16 Kunden.

Referenzen Agentur vierzehn02

Quelle: Agentur vierzehn02

Quelle: Agentur vierzehn02

Quelle: Agentur vierzehn02

Quelle: Agentur vierzehn02

Webcellent GmbH

Die Webcellent GmbH ist eine Agentur mit Sitz in Paderborn. Das Team besteht aus 15 festen Mitarbeitern und hat mit dem Kundenstamm von 300 Unternehmen e2019 einen Umsatz von 990.000 EUIR erzielt.

USP (nach eigener Angabe): „Wir begleiten unsere Kunden in die digitale Welt und verhelfen zum entscheidenden Wettbewerbsvorteil und planbaren Erfolg. Mit über 15 Jahren Erfahrung in den Bereichen Online-Marketing, IT und E-Commerce, sowie der Steuerung von mehreren Millionen Euro Marketing Budget, haben wir schon vielen Kunden aus unterschiedlichsten Branchen messbar zu mehr Umsatz, Kunden, Mitarbeiter und Image verholfen.“

Referenzen Webcellent

Quelle: Webcellent GmbH

Quelle: Webcellent GmbH

Webedia Brand Services

Die Webedia Deutschland GmbH aus Berlin beschäftigt 250 feste und 50 freie Mitarbeiter, die sich um die ca. 50 Kunden der Agentur kümmern. Der Umsatz 2019 betrug 15,0 Mio. EUR

USP (nach eigener Angabe): „Insights. Content. Data. Alles aus einem Haus. Wir machen Content Marketing performant. „

Weitere interessante Vergleiche, Studien und Marktüberblicke von contentmanager.de.

Der Beitrag 19 Webdesign Agenturen im Vergleich erschien zuerst auf contentmanager.de.

Doch wie kommt man auf gute Ideen? Das ist weniger schwer, als viele denken. Viel schwerer als auf Ideen zu kommen, ist sie weiterzuentwickeln, aus der Idee eine Innovation zu machen – und vor allem auch, die Ideen zu kommunizieren.

Dabei hilft visuelles Denken hervorragend. Und wir können visuelles Denken nutzen, um Konzepte für Websites zu entwickeln ebenso wie neue Geschäftsideen oder um ein persönliches Problem zu lösen.

Was ist visuelles Denken?

Visuelles Denken heißt, den Bereich der Vorstellungen, des Abstrakten zu verlassen. Es heißt, seine Ideen so auszudrücken, dass sie fassbar werden, dass man sich selbst klarer wird, ob sie gut sind und was man mit ihnen weiter anstellen kann. Und es ist auch ein Werkzeug, um anderen seine Ideen zu erklären, sie mit ihnen zu diskutieren, sie weiterzuentwickeln.

Nicht selten passiert es, dass man länger über eine gemeinsame Idee spricht. Aber erst, wenn jemand an den Flipchart geht und eine grobe Skizze macht, stellt man fest, dass jeder im Raum eine andere Vorstellung im Kopf hatte.

Erst wenn man eine Idee so ausdrückt, dass sie für andere visuell erfassbar wird, kann man sie richtig gut untersuchen und von allen Seiten beleuchten – ob allein oder mit anderen.

Dabei nutzt man am häufigsten die Methode des Zeichnens. Aber visuelles Denken ist natürlich nicht auf Zeichnen beschränkt. Man kann auch mit Knete oder Ton arbeiten. Oder mit Lego-Steinen oder Playmobil-Männchen. Oder man baut mit einem kleinen Arduino-Computer und ein paar Leuchtdioden einen Prototypen. Alles ist erlaubt.

Nicht nur für Kreative

Das Wort „kreativ“ ist auch groß in Mode. Manche grenzen sich deshalb davon ab und sagen, sie seien nicht kreativ. Und zur „Kreativbranche“ gehören wollen sie auch nicht, sie denken da nur an vollbärtige Hipster.

Aber kreativ sein kann jeder. Und dass müssen wir auch. Denn um Probleme zu lösen, müssen wir kreativ sein – ob als Künstler, als Designer, als Steuerberater oder als Arzt. Mit Kunst hat das erstmal wenig zu tun, nur mit Offenheit und Denken.

Wenn wir visuell arbeiten, dann nutzen wir nicht nur unsere linke, rationale Hirnhälfte. Sondern wir aktivieren auch unsere rechte, die mit Intuition, Kreativität und Bildern assoziiert ist. Es geht dabei weder um Esoterik noch um Hirnforschung. Es geht einfach darum, ganzheitlich zu denken – auch bei trockenen Themen, die mit Kunst oder Gestaltung überhaupt nichts zu tun haben. Wir kommen einfach auf bessere Ergebnisse, wenn wir uns nicht einfach in ein Problem verbeißen, sondern es von allen Seiten angehen.

Also: Stifte her!

Zum visuellen Denken gehört viel mehr als nur Zeichnen. Aber trotzdem ist Zeichnen vielleicht die wichtigste Methode. Denn Zeichnen

• ist einfach,
• braucht minimal Materialien,
• ist super schnell.

Ein Stift ist praktisch überall zur Hand, und irgend etwas, auf dem man Zeichnen kann auch.

Aber ich kann nicht zeichnen!

Zeichnen ist ein zu gutes Werkzeug, als dass wir es den Künstlern allein überlassen dürften.

Zeichnen klingt für Sie vielleicht nach Kunst. Oder nach perfekten Konstruktionsplänen, die mit Lineal und Zirkel am Reißbrett entstanden sind. Aber das muss es nicht sein. Eine Zeichnung hat für mich nur die Funktion eines Werkzeuges. Es soll vermitteln, was ich mir bei der Konzeption gedacht habe. Soll mögliche Wege aufzeigen.

Quelle: Jens Jacobsen

Ich kann auch nicht besonders schön zeichnen. Aber schön muss es nicht sein. Es muss verständlich sein. Wir müssen deutlich machen können, was wir in unseren Köpfen haben.

Und dazu braucht es kein Talent. Aber ein wenig Übung kann nicht schaden. Nicht zeichnen kann niemand. Man hat vielleicht nicht viel Erfahrung mit Zeichnen. Und das lässt sich schnell ändern.

Die 3 elementaren Regeln für bessere Zeichnungen

1. Lass’ dir Zeit
2. Von nichts kommt nichts
3. Lass’ Kreativität zu

Was ich extrem häufig sehe, ist, dass andere sich an den Flipchart stellen und Kästchen zeichnen, die schief sind und keine Ecken haben, sondern eher Dellen. Das ist ein typischer Fall von zu viel Hektik. Man fühlt sich vielleicht nicht wohl, der der Gruppe zu stehen. Vielleicht denkt man auch, man müsse schnell sein, die anderen seien ungeduldig. Aber das sind sie nicht. Sie finden es gut, wenn sie Zeit haben, Ihren Gedanken zu folgen.

Diese Regel ist super einfach – aber sehr schwer, sich in der Praxis wirklich die Zeit zu nehmen, die es braucht für gerade Linien und lesbare Texte. Versuchen Sie einfach, beim nächsten Mal daran zu denken. Sie werden sehen: Werden Sie nur ein bisschen langsamer, werden Ihre Zeichnungen (wie auch Texte) sehr viel schöner.

Der zweite Punkt bedeutet, dass Sie nicht erwarten können, dass Ihre Zeichnungen nach was aussehen, wenn Sie das nie geübt haben.
Wollen Sie also, dass Ihre Zeichnungen schöner werden (was sie aber gar nicht sein müssen), dann üben Sie etwas. Ein paar Minuten pro Tag sind genug. Oder machen Sie bei Besprechungen gelegentlich Sketchnotes, also Zeichnungen mit Text anstelle der üblichen Notizen, die Sie doch nie wieder ansehen. Und wie bei praktisch allem anderen gilt: Je mehr Sie üben, desto besser werden Sie.

Mit dem dritten und letzten Punkt meine ich: Jeder ist kreativ. Man muss es nur zulassen. Schämen Sie sich nie für das, was Sie produzieren. Zeichnen ist für uns ein Werkzeug. Und wir entschuldigen uns auch nicht, wenn unser Bericht sich nicht spannend liest wie ein Roman von Dan Brown (auch wenn er fast genauso dick ist). Genauso müssen unsere Zeichnungen auch nicht aussehen wie von Leonardo da Vinci.

Ich habe bei video2brain/Lynda vor wenigen Wochen ein Videotraining zum Thema gemacht. Darin geht es vor allem darum, wie man mit ganz wenig Aufwand schnell besser zeichnet, schöner schreibt und klarer kommuniziert. Was man z.B. statt der ewigen Strichmännchen zeichnen kann, wie man ordentliche Striche macht und mit welchen Tricks man an Flipchart und Whiteboard besteht. Und wer noch besser werden will, findet dort Tipps für ein lockeres Trainingsprogramm.

Neugierig geworden? Hier gibt es die Gliederung und ein Probevideo: Ideation: Visuelles Denken und Ideenfindung 

Der Beitrag Visuelles Denken für Unkreative erschien zuerst auf contentmanager.de.