Hallo! Satarupa Chatterjee von Cloudinary. Im Mai 2021 steht eine große Änderung von Google an, die mit den Core Web Vitals (CWVs) zu tun hat. Es lohnt sich, hier aufmerksam zu sein, da dies ein SEO-Faktor sein wird.
Ich sprach kürzlich mit Tamas Piros über CWVs. Das Update vom Mai 2021 wird CWVs zusammen mit anderen Faktoren wie Mobilfreundlichkeit und sicherer Browsererkennung berücksichtigen, um eine Reihe von Benchmarks für Suchrankings zu erstellen. Zweifelsohne werden die CWVs sowohl den Traffic für Websites als auch für Apps direkt beeinflussen. Tamas ist Developer-Experience-Ingenieur bei Cloudinary, Experte für Medienoptimierung und Google Developer Expert für Webtechnologien und Webperformance.
Hier ist eine schriftliche Version des obigen Videos, bei dem die Fragen (F) von mir, Satarupa, gestellt werden und Tamas (A) antwortet.
F: Wie ist Google zu den drei Core Web Vitals und ihren Werten gekommen?
A: Als dominierende Kraft im Suchbereich hat Google eingehend erforscht, was eine hervorragende Benutzererfahrung ausmacht, und ist zu drei wichtigen Faktoren gelangt, die das Unternehmen kollektiv als Core Web Vitals bezeichnet.
Bevor ich sie erkläre, möchte ich einen informativen Artikel empfehlen, der letzten Mai im Chromium Blog veröffentlicht wurde und den Titel The Science Behind Web Vitals trägt. Am Ende des Artikels finden Sie Links zu wissenschaftlichen Arbeiten über die Forschung, die zu den Richtlinien für die genaue Bewertung von Benutzererfahrungen geführt hat.
Nun zurück zu den drei Core Web Vitals. Die erste betrifft die Ladezeit von Seiten, die Google als Largest Contentful Paint (LCP) bezeichnet, mit einer Empfehlung von 2,5 Sekunden oder weniger für das Laden des größten Elements auf einer Seite.
Die zweite Metrik ist First Input Delay (FID), die die Zeitspanne zwischen der ersten Interaktion eines Benutzers mit einer Seite und der tatsächlichen Ausführung dieser Aktion durch den Browser ist. Google empfiehlt 100 Millisekunden oder weniger.
Die dritte und letzte Metrik ist Cumulative Layout Shift (CLS), die misst, wie stabil eine Website beim Laden oder während der Interaktion mit ihr ist. Mit anderen Worten, es ist eine Messung einzelner Layoutverschiebungen sowie unerwarteter Layoutverschiebungen, die während der Lebensdauer einer Seite auftreten. Die Berechnung umfasst Wirkungs- und Distanzfaktoren, die miteinander multipliziert werden, um einen Endwert zu erhalten. Google empfiehlt diesen Wert als 0,1 oder weniger.
F: Wie wirken sich die Core Web Vitals auf den E-Commerce aus?
A: Hinter dem Ranking von Google-Suchergebnissen stehen viele Faktoren, wie z. B. ob Sie HTTPS verwenden und wie Sie Ihre Inhalte strukturieren. Vergessen wir nicht, dass relevante und gut präsentierte Inhalte genauso wichtig sind wie eine hervorragende Seitenleistung. Der Unterschied, den die Core Web Vitals machen werden, kann nicht hoch genug eingeschätzt werden. Google liefert zu jeder Suche mehrere Vorschläge. Denken Sie jedoch daran, dass gute Relevanz Priorität hat. Mit anderen Worten, eine gute Seitenerfahrung wird keinen großartigen relevanten Inhalt überschreiben. Wenn Sie beispielsweise nach Cloudinary suchen, wird Google wahrscheinlich die Cloudinary-Website ganz oben auf der Ergebnisliste anzeigen. Die Seitenerfahrung wird relevant, wenn mehrere Ergebnisse verfügbar sind, für eine allgemeinere Suche wie „bester Sportwagen“. In diesem Fall legt Google fest, dass die Rangfolge auch auf der Benutzererfahrung der Seite basiert, die durch die Core Web Vitals bestimmt wird.
F: Was ist mit den anderen Web Vitals, wie z. B. den Lighthouse-Metriken? Sind sie noch wichtig?
A: Unternehmen sollten sich in erster Linie darauf konzentrieren, die Schwellenwerte der Core Web Vitals zu erreichen oder unterschreiten. Sie müssen jedoch auch bedenken, dass sich ihre Seitenladezeiten durch andere Metriken beeinflussen lassen, wie z. B. die Zeit bis zum ersten Kauf und die Zeit bis zur Anzeige des ersten Inhalts (First Contentful Paint).
Um beispielsweise herauszufinden, was zu einer schlechten First Input Delay – der FID – beiträgt, prüfen Sie die Gesamtblockierungszeit (Total Blocking Time) und die Zeit bis zur Interaktion (Time to Interact). Das sind ebenfalls Vitals, nur nicht Teil der Core Web Vitals. Sie können Metriken auch mit den vielen robusten APIs von Google anpassen. Solche Metriken können von unschätzbarem Wert sein, um Leistungsprobleme zu identifizieren und zu beheben.
F: Sprechen wir über die Metrik Largest Contentful Paint, kurz LCP. Normalerweise ist das schwerste Element auf einer Webseite oder in einer App ein Bild. Wie würden Sie den LCP reduzieren und unter Googles Schwelle von 2,5 Sekunden halten?
A: Wichtig ist, dass wir beim LCP über das größte Inhaltsstück sprechen, das auf einer Seite geladen wird und im Viewport sichtbar ist (d. h. oberhalb der "Fold"-Linie sichtbar ist). Aufgrund beliebter UX-Designmuster ist das größte sichtbare Element wahrscheinlich ein Heldenbild (Hero Image).
Google achtet auf <img>-Elemente sowie auf <image>-Elemente innerhalb eines SVG-Elements. Video-Elemente werden ebenfalls berücksichtigt, aber nur, wenn sie ein Poster-Attribut enthalten. Ebenfalls wichtig für Google sind Block-Level-Elemente wie textbezogene Elemente wie <h1>, <h2> usw. und <span>.
Das alles bedeutet, dass Sie das größte Inhaltsstück so schnell wie möglich laden müssen. Wenn Ihr LCP ein Heldenbild ist, optimieren Sie es unbedingt – aber ohne die visuellen Effekte zu beeinträchtigen. Schauen Sie sich die unzähligen effektiven und intuitiven Optimierungsoptionen von Cloudinary an. Wenn Sie eine gute Balance zwischen Dateigröße und visueller Treue Ihres Bildes finden, wird Ihr LCP glänzen.
F: Angenommen, es ist jetzt Mai 2021. Welchen wahrscheinlichen Effekt haben Googles neue Kriterien für Suchrankings für ein E-Commerce-Unternehmen, das die Schwellenwerte aller drei oder einiger der Core Web Vitals überschritten hat?
A: Laut Google haben Websites, die die Schwellenwerte der Core Web Vitals erreichen, eine um 24 Prozent niedrigere Abbruchrate. Je mehr Sie Googles Richtlinien befolgen, desto ansprechender wird Ihre Website oder App und desto schneller wächst Ihr Umsatz. Selbstverständlich zieht eine ansprechende Benutzererfahrung Besucher an und bindet sie, was Ihnen einen Vorteil gegenüber der Konkurrenz verschafft. Berücksichtigen Sie natürlich die anderen von Google festgelegten Suchoptimierungsrichtlinien.
Optimieren Sie erneut unbedingt die Bilder, insbesondere das größte im Viewport, damit diese so schnell wie möglich geladen werden.
F: Es klingt, als sollten E-Commerce-Unternehmen sofort Wege erkunden, um die Grenzwerte der Vitals zu erreichen oder zu übertreffen. Bevor wir zum Ende kommen, wie sieht die Zukunft für Core Web Vitals aus?
A: Ende letzten Jahres hielt Google eine Konferenz ab, und es gab mehrere Vorträge, die sich genau mit diesem Thema befassten. Alle größeren Änderungen werden jährlich in Kraft treten, und Google hat sich verpflichtet, diese lange im Voraus anzukündigen.
Hinter den Kulissen sammelt Google ständig Daten aus der Praxis und gleicht sie mit den Erwartungen der Nutzer ab. Die First Contentful Paint, die ich bereits erwähnt habe, wird als weitere Core Web Vital in Betracht gezogen. Außerdem erwägt Google, die Messlatte für die First Input Delay-Metrik – erinnern Sie sich an FID? – von 100 Millisekunden auf 75 oder sogar 50 Millisekunden zu senken.
Darüber hinaus hat Google viel Feedback erhalten, dass einige der Core Web Vitals für Single-Page-Apps nicht gut funktionieren. Das liegt daran, dass diese Apps nur einmal geladen werden. Selbst wenn sie eine ideale Cumulative Layout Shift – das ist CLS – erzielen, können sich beim Klicken auf der Seite Dinge verschieben und den Score verschlechtern. In Zukunft könnte Google CLS anpassen, um Single-Page-Apps besser zu unterstützen.
Ebenfalls auf der Agenda von Google stehen Metriken für Sicherheit, Datenschutz und Barrierefreiheit. Google verspricht, die aktuellen Metriken zu verfeinern und neue Metriken häufiger als bei großen Veröffentlichungen einzuführen, einschließlich der Einführung neuer Core Web Vital-Metriken.
Veränderung ist hier also die einzige Konstante. Ich sehe eine glänzende Zukunft für die Vitals und habe keinen Zweifel daran, dass wir in guten Händen sind. Denken Sie daran, dass Google akribisch echte Benutzerdaten als Analysen sammelt, um die geeigneten Standards zu ermitteln. Solange Sie mit den Entwicklungen Schritt halten und sicherstellen, dass Ihre Website oder App den Regeln entspricht, erhalten Sie auf der Anzeigetafel durchweg nur "Grün". Das ist eine großartige Position.
Cloudinary bietet unzählige Ressourcen zum Thema Media Experience (MX), insbesondere den MX Matters Podcast, der Expertenmeinungen zu Trends in der heutigen visuellen Wirtschaft sowie Informationen zu neuen Produkten und Verbesserungen enthält. Schauen Sie sich diese unbedingt an.