KI verändert den Einkauf – oft leiser als gedacht

Der Einsatz von KI muss nicht mit einem vollständig automatisierten Einkauf beginnen. Häufig liegt der größte Nutzen zunächst bei kleinen, zeitintensiven Aufgaben. Ein Beispiel ist die Recherche nach neuen Lieferanten. Mitarbeiter:innen verbringen teilweise viele Stunden damit, Unternehmen zu identifizieren, Produktportfolios zu vergleichen und Informationen zusammenzutragen. KI-Systeme können solche Recherchen beschleunigen und Ergebnisse strukturiert aufbereiten.

Auch bei Ausschreibungen ergeben sich interessante Möglichkeiten. KI kann bestehende Dokumente analysieren, Anforderungen extrahieren und bei der Erstellung neuer Ausschreibungsunterlagen helfen. Eingehende Angebote lassen sich anschließend nach vorgegebenen Kriterien strukturieren.

Wo KI im Einkauf konkret helfen kann

Besonders interessant wird KI im Einkauf, wenn viele Informationen zusammengeführt werden müssen. Bei einem Angebotsvergleich geht es schließlich selten ausschließlich um den Stückpreis. Lieferzeiten, Mindestabnahmemengen, Zahlungsbedingungen, Serviceleistungen oder mögliche Zusatzkosten können ebenfalls relevant sein.

Eine KI kann Angebote aus unterschiedlichen Dokumenten auslesen und Informationen in einer vergleichbaren Struktur zusammenführen. Einkäufer:innen erhalten damit schneller eine Grundlage für ihre Entscheidung.

Ein weiteres Einsatzgebiet ist das Lieferantenmanagement. KI-Systeme können verfügbare Informationen zu Lieferanten strukturieren und Auffälligkeiten sichtbar machen. Auch bei der Vorbereitung von Verhandlungen kann generative KI unterstützen. Denkbar sind Zusammenfassungen bisheriger Bestellungen, Preisentwicklungen oder Argumentationshilfen für anstehende Gespräche.

Hinzu kommt die Vertragsanalyse. Lange Vertragsdokumente lassen sich mithilfe geeigneter KI-Systeme schneller durchsuchen und zusammenfassen. Entscheidend bleibt dabei, welche Informationen verarbeitet werden dürfen und wie zuverlässig die Ergebnisse sind.

Vom Copiloten zum KI-Agenten im Einkauf

Die nächste Entwicklungsstufe sind KI-Agenten. Während ein klassischer KI-Assistent auf einzelne Anfragen reagiert, können agentische Systeme Aufgaben über mehrere Schritte hinweg bearbeiten. Ein Einkaufsagent könnte beispielsweise eine Bedarfsmeldung aufnehmen, geeignete Lieferanten identifizieren, Informationen zusammentragen, Angebote strukturieren und eine Entscheidungsgrundlage erstellen. Über Schnittstellen zu ERP-, Procurement- oder Lieferantenmanagement-Systemen können solche Abläufe perspektivisch stärker automatisiert werden.

Damit verschiebt sich auch die Rolle der Mitarbeitenden. Statt jeden Arbeitsschritt selbst auszuführen, definieren sie Ziele und Rahmenbedingungen, prüfen Ergebnisse und greifen bei Abweichungen ein.

Gerade bei finanziell relevanten Entscheidungen sollte diese Kontrolle fest im Prozess verankert sein. KI-Ergebnisse können Fehler enthalten oder wichtige Zusammenhänge übersehen.

Was Einkäufer weiterhin besser können

Mit zunehmender Automatisierung verändert sich das Berufsbild im Einkauf. Besonders wichtig bleiben Fähigkeiten, die stark von Erfahrung und Kontext abhängen. Dazu gehören beispielsweise Verhandlungen, der Aufbau langfristiger Lieferantenbeziehungen und die Einschätzung außergewöhnlicher Situationen.

Ein ungewöhnlich hoher Preis kann schließlich unterschiedliche Ursachen haben. Vielleicht ist ein Rohstoff knapp geworden, ein Lieferant hat Kapazitätsprobleme oder eine langfristige Partnerschaft bietet an anderer Stelle Vorteile. Eine rein datenbasierte Betrachtung bildet solche Zusammenhänge nicht immer vollständig ab.

Datenschutz, Geschäftsgeheimnisse und KI-Governance

Einkaufsabteilungen arbeiten regelmäßig mit sensiblen Informationen. Preise, Konditionen, Verträge, Lieferantenbewertungen und geplante Beschaffungen können Geschäftsgeheimnisse enthalten.

Unternehmen sollten deshalb genau festlegen, welche KI-Systeme für welche Aufgaben eingesetzt werden dürfen. Mitarbeiter:innen müssen wissen, welche Informationen sie eingeben können und wann eine menschliche Prüfung erforderlich ist.

Auch Zugriffsrechte spielen eine wichtige Rolle. Ein KI-Assistent sollte nur auf diejenigen Informationen zugreifen können, die für seine Aufgabe erforderlich sind. Mit zunehmender Autonomie von KI-Agenten gewinnt diese Frage zusätzlich an Bedeutung.

So gelingt der Einstieg mit KI im Einkauf

Für den Einstieg empfiehlt sich ein klar abgegrenzter Anwendungsfall. Ein Unternehmen könnte beispielsweise zunächst die Zusammenfassung von Angeboten automatisieren oder generative KI für die Lieferantenrecherche testen.

Anschließend lässt sich messen, wie viel Zeit eingespart wird, wie zuverlässig die Ergebnisse sind und an welchen Stellen Mitarbeitende korrigierend eingreifen müssen. Auf dieser Grundlage können weitere Prozesse folgen.

Besonders geeignet sind Aufgaben, die häufig auftreten, viele Informationen enthalten und bislang einen hohen manuellen Aufwand verursachen.

Fazit: KI im Einkauf beginnt mit den richtigen Aufgaben

KI im Einkauf kann Mitarbeiter:innen bereits heute bei Recherche, Ausschreibungen, Angebotsvergleichen, Vertragsanalysen und der Vorbereitung von Entscheidungen unterstützen. Mit KI-Agenten könnte die Automatisierung in den kommenden Jahren noch deutlich weitergehen.

Für Unternehmen liegt der entscheidende Schritt darin, konkrete Einsatzfelder zu identifizieren und Erfahrungen im eigenen Einkaufsprozess zu sammeln. Wer mit überschaubaren Anwendungen beginnt, kann herausfinden, an welchen Stellen KI tatsächlich Arbeit abnimmt und wo Erfahrung, Verhandlungsgeschick und menschliches Urteilsvermögen gefragt bleiben.

Der Beitrag KI in der Unternehmenspraxis: So verändert KI den Einkauf erschien zuerst auf contentmanager.de.

FAQ gehören zu den ältesten Inhaltsformaten im Web. Lange wurden sie vor allem als Servicebereich betrachtet: Kund:innen haben eine Frage, die Website liefert die passende Antwort. Mit der zunehmenden Bedeutung generativer Suchsysteme bekommen FAQ jedoch eine neue Rolle. Denn Google AI Overviews, der KI-Modus von Google, Microsoft Copilot und andere KI-Systeme suchen nach Informationen, aus denen sie konkrete Antworten auf konkrete Fragen erstellen können.

Wie lassen sich häufig gestellte Fragen so aufbereiten, dass Menschen sie schnell verstehen und generative Suchsysteme die Inhalte möglichst eindeutig erfassen können? Ein gutes FAQ kann heute ausgesprochen wertvoll sein, je nachdem, was darin steht und wie die Antworten aufgebaut sind.

Warum FAQ durch GEO wieder wichtiger werden

Die klassische Google-Suche war lange stark von vergleichsweise kurzen Suchbegriffen geprägt. Nutzer:innen suchten beispielsweise nach „CRM Software Mittelstand“ oder „Newsletter Tool Vergleich“. Bei generativen Suchsystemen verändert sich die Art der Anfrage. Fragen können deutlich länger und konkreter werden: „Welche CRM-Software eignet sich für ein mittelständisches B2B-Unternehmen mit 50 Vertriebsmitarbeiter:innen?“ oder „Worauf sollte ich bei der Auswahl eines Newsletter-Tools für den E-Commerce achten?“

Genau für solche Situationen können klar formulierte Frage-Antwort-Bausteine hilfreich sein.

Google erklärt in seinen aktuellen Empfehlungen für generative KI-Funktionen, dass die bekannten SEO-Grundlagen weiterhin gelten. Für AI Overviews oder den KI-Modus gibt es keine besondere technische GEO-Auszeichnung, die eine Aufnahme garantiert. Wichtig bleiben hilfreiche, zuverlässige und gut zugängliche Inhalte.

Microsoft wird bei diesem Punkt noch konkreter. Das Unternehmen empfiehlt unter anderem klare Überschriften, Tabellen und FAQ-Bereiche, damit zentrale Informationen von KI-Systemen leichter referenziert werden können.

Was gute FAQ für KI-Suchsysteme auszeichnet

Ein FAQ-Bereich sollte echte Fragen beantworten. Das klingt selbstverständlich, wird in der Praxis jedoch häufig vernachlässigt.

Statt „Welche Vorteile bietet unsere Lösung?“ wäre eine konkrete Frage wie „Für welche Unternehmensgrößen eignet sich unsere CRM-Software?“ hilfreicher. Darauf sollte unmittelbar eine verständliche Antwort folgen. Gerade für GEO ist diese Klarheit interessant. Ein KI-System muss erkennen können, welche Aussage zu welcher Frage gehört. Schwammige Formulierungen, lange Einleitungen und werbliche Aussagen erschweren die eindeutige Einordnung.

Eine gute Antwort beginnt deshalb früh mit der entscheidenden Information. Anschließend können Details, Beispiele, Einschränkungen oder weiterführende Informationen folgen.

Auch Bezüge sollten eindeutig sein. Ein Satz wie „Das hängt von verschiedenen Faktoren ab“ liefert wenig Kontext. Besser ist eine Formulierung wie: „Die passende CRM-Lösung hängt unter anderem von der Zahl der Nutzer:innen, den benötigten Schnittstellen und den bestehenden Vertriebsprozessen ab.“ Damit steigt zugleich der Nutzwert für Besucher:innen.

Das FAQ beginnt bei den richtigen Fragen

Der größte Fehler entsteht oft schon vor dem Schreiben: Unternehmen überlegen sich Fragen, die sie selbst gerne beantworten möchten. Interessanter sind Fragen, die Kund:innen tatsächlich stellen.

Dafür gibt es zahlreiche Quellen im Unternehmen. Gespräche mit Vertrieb und Kundenservice liefern häufig sehr schnell wiederkehrende Themen. Auch Suchanfragen in der Google Search Console, die interne Website-Suche, Kommentare, Support-Tickets und Fragen aus Webinaren können wertvolle Hinweise geben.

Für GEO lohnt es sich außerdem, stärker in vollständigen Fragestellungen zu denken. Welche Fragen könnten Interessent:innen einem KI-Assistenten stellen, bevor sie eine Kaufentscheidung treffen? Welche Kriterien vergleichen sie? Welche Unsicherheiten haben sie? Welche Fachbegriffe müssen erklärt werden?

Aus diesen Fragen können FAQ entstehen, die nah an der tatsächlichen Customer Journey liegen.

Eine große FAQ-Seite oder Fragen direkt auf Unterseiten?

Eine zentrale FAQ-Seite kann sinnvoll sein, wenn es viele allgemeine Fragen zum Unternehmen, zur Bestellung oder zum Service gibt. Fachliche Fragen sollten jedoch möglichst in ihrem jeweiligen Kontext beantwortet werden.

Eine Frage zur Implementierung einer Software passt beispielsweise gut auf die entsprechende Produkt- oder Leistungsseite. Fragen zu Versandkosten gehören in den Bereich rund um Bestellung und Versand.

Dadurch entsteht ein klarer thematischer Zusammenhang. Nutzer:innen müssen weniger suchen und Suchsysteme können Frage, Antwort und Seitenthema leichter miteinander verbinden.

Ein FAQ muss deshalb auch kein eigener Menüpunkt mit 50 Fragen sein. Mehrere kleine FAQ-Bereiche auf passenden Seiten können die bessere Lösung darstellen.

FAQ-Schema ist kein GEO-Trick

An dieser Stelle ist eine wichtige Unterscheidung notwendig: Ein sichtbarer FAQ-Bereich und das technische FAQPage-Markup sind zwei verschiedene Dinge.

Das ist 2026 besonders relevant. Google hatte die Darstellung von FAQ-Rich-Results bereits 2023 stark eingeschränkt. Seit dem 7. Mai 2026 wird das FAQ-Rich-Result laut Google Search Central nicht mehr in der Google-Suche angezeigt.

Für die GEO-Strategie bedeutet das: Unternehmen sollten FAQ nicht deshalb erstellen, weil sie sich dadurch ein besonders großes Suchergebnis versprechen.

Auch für Googles generative KI-Funktionen ist kein spezielles Schema.org-Markup erforderlich. Google weist ausdrücklich darauf hin, dass keine zusätzlichen maschinenlesbaren Dateien oder speziellen strukturierten Daten notwendig sind, um für AI Overviews oder den KI-Modus infrage zu kommen.

Der eigentliche Wert liegt im Inhalt.

SEO und GEO gemeinsam denken

GEO sollte deshalb nicht als völlig neue Disziplin neben SEO betrachtet werden. Viele Grundprinzipien überschneiden sich.

Eine hilfreiche Antwort muss verständlich formuliert, fachlich korrekt, aktuell und auf einer crawlbaren Seite verfügbar sein. Gute interne Verlinkungen helfen dabei, weiterführende Inhalte zu erschließen. Eindeutige Überschriften sorgen für Orientierung.

Microsoft zeigt inzwischen sogar, wie stark sich klassische Suche und KI-Sichtbarkeit annähern. Seit Februar 2026 können Websitebetreiber:innen in den Bing Webmaster Tools sehen, welche eigenen URLs in KI-Antworten zitiert werden und welche sogenannten Grounding Queries dabei eine Rolle gespielt haben.

Damit wird sichtbar, dass sich die Erfolgsmessung verändert. Neben Rankings und Klicks kann künftig auch relevant werden, ob Inhalte als Quelle für generierte Antworten dienen.

Mehr zu GEO im Whitepaper

Du möchtest tiefer in das Thema Generative Engine Optimization einsteigen? In unserem GEO-Whitepaper zeigen wir, wie sich die Suche durch KI verändert, welche Anforderungen generative Systeme an Inhalte stellen und wie Du Deine Content-Strategie darauf ausrichten kannst. Das Whitepaper ergänzt diesen Artikel um weiterführende Hintergründe, konkrete Ansätze und praktische Orientierung für mehr Sichtbarkeit in KI-gestützten Suchumgebungen.

Fazit: FAQ ja – wenn sie echte Antworten liefern

FAQ haben durch generative Suche eine zusätzliche Bedeutung bekommen. Sie können komplexe Themen in klar abgegrenzte Fragen und Antworten zerlegen und damit Informationen leichter zugänglich machen. Es braucht dabei keine geheimen technischen Tricks. Gute Fragen, präzise Antworten, eindeutiger Kontext und aktuelle Informationen bilden die Grundlage.

Unternehmen sollten deshalb prüfen, welche Fragen Kund:innen tatsächlich stellen und wo diese Antworten auf der Website am besten aufgehoben sind. Ein gut aufgebautes FAQ hilft Menschen schneller weiter und schafft gleichzeitig Inhalte, die generative Suchsysteme leichter erfassen und als Quelle heranziehen können.

Der Beitrag FAQ erstellen oder nicht? – Warum Du unbedingt ein FAQ haben solltest erschien zuerst auf contentmanager.de.

Auch das schnelle Ende von ChatGPT Atlas mahnt zu einer nüchternen Einordnung. OpenAI entwickelt seine Produkte in kurzen Zyklen weiter und verändert dabei regelmäßig Namen, Oberflächen und Funktionsumfänge. Unternehmen, die solche Werkzeuge in feste Prozesse integrieren, müssen deshalb mit zusätzlichem Anpassungsaufwand rechnen.

Was ist ChatGPT Work?

ChatGPT Work ist ein neuer Agent innerhalb von ChatGPT. Er basiert laut OpenAI auf GPT-5.6 und greift auf Technologien zurück, die bisher vor allem aus Codex bekannt sind. Der Agent kann umfangreiche Aufgaben in einzelne Arbeitsschritte zerlegen, Informationen aus verschiedenen Quellen sammeln und daraus ein gewünschtes Ergebnis erstellen. OpenAI nennt Tabellen, Präsentationen, Dokumente und Webanwendungen als mögliche Ausgaben. Nutzer:innen können den Bearbeitungsstand verfolgen, Rückfragen beantworten und einzelne Aktionen freigeben.

Der Unterschied zu einem klassischen Chat liegt vor allem im Arbeitsablauf. Statt viele einzelne Anweisungen nacheinander einzugeben, beschreiben Nutzer:innen ein Ziel. Der Agent erstellt daraus einen Plan und versucht, die notwendigen Schritte eigenständig abzuarbeiten.

Das klingt zunächst komfortabel, verlagert jedoch einen Teil der Kontrolle auf das System. Je umfangreicher ein Auftrag ist, desto schwieriger wird es, jede Zwischenentscheidung nachzuvollziehen. Unternehmen sollten daher genau prüfen, welche Aufgaben sich für einen solchen Agenten eignen und an welchen Stellen menschliche Freigaben erforderlich bleiben. Ein Marketingteam könnte ChatGPT Work beispielsweise damit beauftragen, Kundenfeedback auszuwerten, Themen zu gruppieren und daraus ein Kampagnenbriefing zu erstellen. Das Ergebnis kann Zeit sparen, ersetzt jedoch keine fachliche Prüfung. Fehlende Daten, falsche Gewichtungen oder unklare Vorgaben können zu plausibel wirkenden, aber ungeeigneten Empfehlungen führen.

Chat, Work und Codex in einer Desktop-App

Die neue ChatGPT-Desktop-App bündelt drei Arbeitsbereiche. Chat dient weiterhin der Recherche, dem Austausch und der Ideenentwicklung. Work soll umfangreichere Aufgaben bearbeiten. Codex richtet sich an Softwareentwicklung und technische Projekte. Durch diese Bündelung reduziert OpenAI die Zahl separater Anwendungen. Aus Sicht der Nutzenden kann das Abläufe vereinfachen. Aber so steigt auch die Abhängigkeit von einer einzelnen Plattform. Wenn Recherche, Dateibearbeitung, Automatisierung und Programmierung in derselben Umgebung stattfinden, gewinnen Ausfälle, Produktänderungen und Zugriffsprobleme an Bedeutung.

Auch Codex erhält innerhalb der Anwendung zusätzliche Funktionen. Entwickler:innen können Code bearbeiten, Änderungen kommentieren lassen und Projekte verwalten. Mehrere Repositories lassen sich innerhalb eines Projekts verwenden.

OpenAI verweist zudem auf eine steigende Nutzung von Codex außerhalb klassischer Entwicklungsaufgaben. Diese Angabe zeigt, dass die Grenzen zwischen Programmierung, Analyse und allgemeiner Wissensarbeit zunehmend verschwimmen. Sie sagt jedoch wenig darüber aus, wie zuverlässig die Ergebnisse in unterschiedlichen Unternehmenskontexten sind.

Wer kann ChatGPT Work nutzen?

Auf dem Desktop soll ChatGPT Work laut OpenAI in allen Tarifen verfügbar sein. Der Zugriff über Web und mobile Apps wird schrittweise ausgerollt. Bezahlte Tarife erhalten einzelne Funktionen früher als kostenlose Angebote. Die konkrete Verfügbarkeit hängt von Region, Gerät, Tarif und den Einstellungen des jeweiligen Workspaces ab. In größeren Organisationen dürfte die technische Bereitstellung nur ein Teil der Aufgabe sein. Zusätzlich braucht es Regeln für Datennutzung, Dateizugriffe, Freigaben und Qualitätskontrollen. Ohne klare Vorgaben kann eine neue Arbeitsoberfläche schnell zu uneinheitlichen Prozessen führen.

Warum OpenAI ChatGPT Atlas einstellt

Parallel zum Start der neuen Desktop-App beendet OpenAI den eigenständigen KI-Browser ChatGPT Atlas. Das Produkt soll am 9. August 2026 eingestellt werden. Nach diesem Termin kann der Browser möglicherweise nicht mehr geöffnet werden und keine agentischen Browser-Aufgaben mehr ausführen. Atlas war erst im Oktober 2025 gestartet. Der Browser verband Webnavigation mit ChatGPT und einem Agentenmodus. Nutzer:innen konnten Websites aufrufen, Inhalte auswerten und bestimmte Aktionen durch die KI ausführen lassen.

Aus Produktsicht ist die Zusammenführung nachvollziehbar. Ein eigener Browser verursacht Entwicklungs-, Sicherheits- und Wartungsaufwand. Aus Kundensicht bleibt dennoch die Frage, wie verlässlich einzelne Produkte und Oberflächen über längere Zeit verfügbar sind. Unternehmen, die Atlas bereits in Schulungen oder Prozesse eingebunden haben, müssen ihre Abläufe erneut anpassen. Dieser Aufwand sollte bei der Bewertung neuer KI-Werkzeuge berücksichtigt werden.

Atlas-Daten rechtzeitig sichern

Nutzer:innen von ChatGPT Atlas sollten gespeicherte Daten vor dem 9. August 2026 exportieren. Lesezeichen, offene Tabs und der Browserverlauf werden nicht automatisch in die neue Desktop-App übertragen. Lesezeichen lassen sich als HTML-Datei sichern und anschließend in andere Browser importieren.

Auch Cookies und Sitzungsdateien benötigen besondere Aufmerksamkeit. Solche Dateien können sensible Informationen enthalten und sollten nur über kontrollierte Wege übertragen werden. ChatGPT-Unterhaltungen sind von den lokalen Browserdaten getrennt und bleiben im Konto verfügbar, sofern Tarif und Workspace den Zugriff weiterhin erlauben.

Organisationen sollten außerdem interne Dokumentationen aktualisieren. Anleitungen, Prozessbeschreibungen und Onboarding-Materialien mit Atlas-Bezug können nach der Abschaltung zu Missverständnissen führen.

Kontrolle und Governance werden wichtiger

Je mehr Aufgaben ein Agent übernimmt, desto wichtiger werden klare Grenzen. Sobald ein System auf lokale Ordner, interne Anwendungen oder angemeldete Websites zugreifen kann, müssen Berechtigungen sorgfältig festgelegt werden.

Teams sollten dokumentieren, welche Dateien gelesen werden dürfen, welche Aktionen eine Freigabe benötigen und welche Inhalte von der Verarbeitung ausgeschlossen sind. Kundendaten, Vertragsunterlagen, Zugangsdaten und interne Strategiepapiere erfordern besondere Schutzmaßnahmen.

Auch die Form der Ergebnisse darf nicht über ihre Qualität hinwegtäuschen. Eine professionell gestaltete Präsentation kann auf fehlerhaften Annahmen beruhen. Eine übersichtliche Tabelle kann unvollständige Daten enthalten. Ein automatisierter Ablauf kann unerwünschte Schritte ausführen, wenn Ziel und Grenzen zu ungenau formuliert wurden.

Wird ChatGPT Work zur zentralen Arbeitsplattform?

ChatGPT Work erweitert den Anspruch von OpenAI deutlich. Die Kombination aus Recherche, Browser-Funktionen, Dokumentenerstellung, Automatisierung und Programmierung deckt viele Bereiche digitaler Arbeit ab.

Ob daraus eine zentrale Arbeitsplattform entsteht, lässt sich aktuell nicht verlässlich beurteilen. Integrationen müssen stabil bleiben, Ergebnisse müssen nachvollziehbar sein und Unternehmen benötigen ausreichende Kontrolle über Zugriffe und Daten. Zusätzlich wird sich zeigen müssen, wie konstant OpenAI die neuen Funktionen über längere Zeit weiterführt.

Die Einstellung von ChatGPT Atlas verdeutlicht diese Unsicherheit. OpenAI kann Produkte schnell zusammenführen, umbenennen oder beenden. Nutzer:innen profitieren möglicherweise von neuen Funktionen, tragen jedoch auch den Aufwand für Umstellungen.

ChatGPT Work ist daher vor allem ein weiterer Schritt hin zu agentischen Arbeitsabläufen. Unternehmen sollten die Entwicklung beobachten, konkrete Anwendungsfälle testen und den Nutzen anhand eigener Qualitätskriterien bewerten.

Der Beitrag ChatGPT Work: OpenAI bündelt Chat, Codex und Browser-Funktionen in einer App erschien zuerst auf contentmanager.de.

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.