Die Nutzerfreundlichkeit von Webseiten ist nicht nur f\u00fcr User wichtig, denn ab Juni 2021 wirft auch Google einen besonderen Blick darauf: Im Rahmen des \u201ePage Experience Updates\u201c hat Google neue Leitlinien zum Messen der Nutzerfreundlichkeit von Seiten aus der Benutzerperspektive ver\u00f6ffentlicht. Darunter eine Reihe von Metriken, die Sie als Grundlage zur Beurteilung Ihrer Website nutzen k\u00f6nnen. Diese Initiative ist als Core Web Vitals bekannt.<\/p>\n
Laut Google sind sie \u201eeine Reihe von realen, nutzerzentrierten Kennzahlen, die eine genaue Bestimmung von Schl\u00fcsselaspekten der Nutzererfahrung erm\u00f6glichen.\u201c Grunds\u00e4tzlich sollen diese Metriken Aufschluss dar\u00fcber geben, wie Benutzer eine Seite wahrnehmen \u2013 und ihre Optimierung sollte zu einer insgesamt besseren Nutzererfahrung f\u00fchren. Eines ist klar: Die Core Web Vitals wirken sich auf Such-Rankings aus. Um sicherzustellen, dass Ihre Website eine gute Platzierung auf den Suchergebnis-Seiten von Google erzielt, m\u00fcssen Sie diese Metriken erkennen und verbessern.<\/p>\n
W\u00e4hrend zwei der Faktoren (LCP und FID) schon vorher einen Einfluss auf die Bewertung einer Website durch Google hatten, ist nun eine dritte Kennzahl hinzugekommen (CLS). Diese B\u00fcndelung von Kennzahlen als Core Web Vitals zeigt, das Google verst\u00e4rkt einen systematischen Blick auf die Nutzererfahrungen auf Webseiten legt. Der Konzern k\u00fcndigt auch an, dass in Zukunft Erweiterungen und zus\u00e4tzliche Metriken zu erwarten sind. Im Folgenden finden Sie einige praktische Tipps zur Verbesserung der Core Web Vitals.<\/p>\n
1. Largest Contentful Paint (LCP)<\/p>\n
Diese Metrik misst die wahrgenommene Ladegeschwindigkeit \u2013 also wie schnell eine Seite l\u00e4dt und die gr\u00f6\u00dften Inhaltselemente rendert, die Benutzern beim anf\u00e4nglichen Laden angezeigt werden. LCP pr\u00fcft also, ob gen\u00fcgend Inhalte gerendert wurden, um Benutzern eine Interaktion zu erm\u00f6glichen. <\/p>\n
Aufgrund der Art, wie LCP gemessen und generiert wird, gibt es einige Schl\u00fcsselbereiche, die Sie zur Verbesserung dieser Metrik optimieren k\u00f6nnen. Die wichtigsten Bereiche, die sich negativ auf LCP auswirken k\u00f6nnen:<\/p>\n
Langsame und nicht optimierte Server.
\nSkripte und CSS-Dateien, die das Rendern verhindern.
\nLadezeiten bestimmter Elemente.
\nZu viel Gewicht auf unoptimiertem, Client-seitigem Rendern.<\/p>\n
2. First Input Delay (FID)<\/p>\n
FID misst die Zeit, die Benutzer nach einer Aktion oder Eingabe warten m\u00fcssen, bis die Seite reagiert und ihnen Feedback gibt \u2013 zum Beispiel die Zeit, bis ein Browser tats\u00e4chlich auf einen Klick reagiert. Dies hat direkte Auswirkungen darauf, wie Benutzer die Reaktionsf\u00e4higkeit und Interaktivit\u00e4t der Seite wahrnehmen. FID ist f\u00fcr die Nutzererfahrung also von gr\u00f6\u00dfter Bedeutung, da eine verz\u00f6gerte Reaktion des Browsers dazu f\u00fchren k\u00f6nnte, dass Benutzer die Website einfach aus Frustration verlassen. <\/p>\n
Der wichtigste Schritt zur Verbesserung von FID betrifft die Anpassung der Seiten-Skripte, da die Seite keine Benutzereingaben verarbeiten kann, solange der Haupt-Thread besch\u00e4ftigt ist. Hier sind einige Beispiele f\u00fcr Verbesserungsm\u00f6glichkeiten:<\/p>\n
Verk\u00fcrzung der Zeit f\u00fcr die Ausf\u00fchrung von JavaScript auf der Seite.
\nAussetzen von nicht genutztem JavaScript, das eventuell nicht f\u00fcr alle Benutzer erforderlich ist.
\nMinimierung ungenutzter Polyfills (also die Nachr\u00fcstung von nicht unterst\u00fctzten Funktionen in \u00e4lteren Browsern durch Code-Bausteine), sodass sie nur eingesetzt werden, wenn sie wirklich n\u00f6tig sind.<\/p>\n
3. Cumulative Layout Shift (CLS)<\/p>\n
Diese Metrik misst die visuelle Stabilit\u00e4t, um zu erfassen, wenn Elemente auf einer Seite sich auf eine Weise ver\u00e4ndern, mit der Benutzer nicht rechnen \u2013 und so ihren Interaktionen im Weg stehen. <\/p>\n
Stellen Sie sich vor, Sie versuchen, auf eine Schaltfl\u00e4che zu klicken, und eine unerwartete Bewegung auf der Seite f\u00fchrt dazu, dass Sie auf etwas Anderes klicken. Solche Verschiebungen k\u00f6nnen auch wirklichen Schaden anrichten, zum Beispiel wenn Benutzer etwas kaufen, anstatt wie gew\u00fcnscht eine Bestellung zu stornieren, weil eine sp\u00e4ter ladende Grafik den Button verschiebt. Dies kann zu Frustrationen und Markensch\u00e4den f\u00fchren.<\/p>\n
Die effektivsten Arten zur Verbesserung von CLS h\u00e4ngen mit den visuellen Medieninhalten auf der Seite, den Methoden f\u00fcr ihre Platzierung und der Verwendung von Webfonts zusammen. Einige M\u00f6glichkeiten f\u00fcr schnelle Verbesserungen:<\/p>\n
Sicherstellen, dass f\u00fcr alle Bilder Abmessungen angegeben sind, vorzugsweise anhand von CSS-Aspect-Ratio-Boxen.
\nGenaue Beachtung der Platzierung von Anzeigen, Inlineframes und Embeds.
\nVermeiden des Einf\u00fcgens von dynamischen Inhalten \u00fcber vorhandenen Inhalten, da dies zu einem erneuten Platzieren der Elemente und einer erneuten Anpassung der vorhandenen Inhalte auf der Seite f\u00fchrt.
\nVorladen von grundlegenden Webfonts zur Vermeidung von Layout-Verschiebungen und blinkendem Text.<\/p>\n
Nutzerfreundlichkeit von Seiten und Ihre SEO-Strategie<\/p>\n
Wie bereits erw\u00e4hnt, gelten die Core Web Vitals als ein neues Signal, das die Suchalgorithmen von Google beeinflussen wird \u2013 und damit auch die Bewertung Ihrer Seite. Die Kennzahlen werden weltweit auf alle Browser in der mobilen Suche angewandt. <\/p>\n
Obwohl Ihr Suchranking nach Einf\u00fchrung der neuen Kennzahlen nicht von einem auf den anderen Tag komplett ver\u00e4ndert sein wird, weist Google Webseitenbetreiber an, die Nutzererfahrung zu einer Priorit\u00e4t zu machen. <\/p>\n
Eine erstklassige Nutzererfahrung auf Websites ist ausgesprochen wichtig, dennoch sollten Sie dar\u00fcber hinaus nicht die anderen Eckpfeiler Ihrer SEO-Strategie vernachl\u00e4ssigen, die die Performance und Sichtbarkeit in Suchmaschinen betreffen. <\/p>\n
Dazu z\u00e4hlen:<\/p>\n
Eine grundlegende SEO-Strategie, die Sie durch erstklassige Inhalte erg\u00e4nzen k\u00f6nnen, um Mehrwert f\u00fcr Ihre Benutzer zu schaffen und ihre Suchabsicht auf relevante Weise zu beantworten.
\nEine technisch einwandfreie Website.
\nEin sorgf\u00e4ltig aufgebautes und verwaltetes, nat\u00fcrliches Profil von hochwertigen Backlinks.
\nEin Plan f\u00fcr die Nutzung neuer Keyword-Ranking-Gelegenheiten.
\nEin klar organisiertes System f\u00fcr Informationen auf Ihrer Website.
\nDas klare Verst\u00e4ndnis der SEO-Ma\u00dfnahmen Ihrer Mitbewerber.<\/p>\n
Whitepaper: To-Do-Liste f\u00fcr das Google Page Experience Update<\/p>\n
Tiefer gehende Tipps zur Vorbereitung auf das Update finden Sie im Whitepaper „To-Do-Liste f\u00fcr das Google Page Experience Update“. Jetzt kostenlos downloaden!<\/p>\n