Googles Core Web Vitals und was Sie tun müssen, um Traffic-Verluste zu vermeiden

Haben Sie im letzten Jahr einen plötzlichen Rückgang des Website-Traffics gesehen? Das Core Web Vitals-Update von Google ist wahrscheinlich der Übeltäter.

Nach dem Update der Suchmaschine im Sommer 2021 verzeichneten viele Websites einen dramatischen Rückgang des Suchverkehrs auf ihrer Website. Das ist Verkehr, den sie seither nicht mehr gesehen haben, und verschwitzte Marketingmanager suchen nach Ideen.

Klingt bekannt? Lesen Sie weiter, wenn dies Ihre Erfahrung beschreibt oder wenn Sie Ihren Webverkehr davor schützen möchten, durch zukünftige Core Web Vitals (CWV)-Updates bestraft zu werden.

Dieser Artikel basiert auf einem unserer beliebten Webinare. Sehen Sie sich das Video an und laden Sie die Folien herunter:

Wie das Core Web Vitals-Update von Google das SEO-Spiel verändert hat

Wenn es um SEO geht, gibt es viele Dinge, die Sie nicht kontrollieren können. Sie können Google nicht kontrollieren. Sie können nicht kontrollieren, wer Ihre Website besucht oder auf welche Seiten sie gehen.

Aber Sie können die Architektur, das Engineering und die Geschwindigkeit Ihrer Website steuern.

Was sind Core Web Vitals?

Core Web Vitals (CWVs) sind Googles Methode, um zu messen, was die Suchmaschine für wichtig in Bezug auf die Website-Performance hält, d. h. Geschwindigkeit und Reaktionsfähigkeit. Es gibt drei Elemente:

1. Largest Contentful Paint (LCP) – Wie lange dauert es, bis eine Seite geladen ist? Wird normalerweise in Sekunden gemessen oder, wenn Ihre Website außergewöhnlich langsam ist, in zehn Sekunden.
2. First Input Delay (FID) – Wie lange dauert es, bis die Website auf einen Benutzerklick oder eine Interaktion reagiert? Normalerweise in Millisekunden gemessen.
3. Cumulative Layout Shift (CLS) – Wie stark ändert sich die Website beim Laden? Normalerweise in Sekunden gemessen.

Google misst diese Elemente auf zwei Arten. Labordaten , bei denen Sie Ihre Webseite in eine Software oder ein Testtool eingeben (dazu später mehr). Und Felddaten , die auf echten Benutzeraktionen auf Ihrer Website basieren.

Google wird nicht für jede Seite Felddaten haben oder verwenden, sondern anhand des Verkehrsaufkommens bestimmen, was es misst. Je höher das Volumen, desto wahrscheinlicher sind tatsächliche Felddaten. Und Google kann diese Daten auf der gesamten Website zusammenfassen. Diese Aggregation kann viel Ärger verursachen. Wieso den? Wenn Sie viele Besucher von Menschen mit schlechter Konnektivität haben, wie z. B. Mobiltelefone mit 3G-Verbindungen oder Orte auf der Welt, an denen es noch keine Glasfaser gibt, kann dieser Datenverkehr die Daten verzerren. Für Google kann Ihre Website daher langsam erscheinen, selbst wenn sie für andere Benutzer in Ordnung ist und Labordaten zeigen, dass Sie eine leistungsstarke Website haben.

Warum sind CWVs wichtig?

Dies ist ein Beispiel für eine Website, die vom CWV-Update betroffen war und innerhalb von drei Monaten die Hälfte ihres Verkehrs verloren hat. Autsch. Diese Daten stammen von der Google Search Console (dazu später mehr).

Google bestraft langsame Websites, weil Benutzer langsame Websites nicht mögen. Was Google mit CWVs zu tun versucht, ist, das Web nutzerzentrierter zu machen, was eine gute Sache ist. Die Benutzererfahrung ist wichtig, wenn Sie Dinge verkaufen. Die Conversion-Raten sinken für jede weitere Sekunde Ladezeit bis zu fünf Sekunden und dann um 4,42 Prozent. Kurz gesagt, wenn Ihre Website sechs Sekunden zum Laden benötigt und die Website Ihres Konkurrenten eine Sekunde zum Laden benötigt, werden sie eine bessere Konversionsrate sehen als Sie.

Das Core Web Vitals-Update hat diese Faktoren einfach priorisiert, wenn es um das SEO-Spiel geht. Wer weiterspielen will, muss akzeptieren, dass sich die Regeln geändert haben. Dann passen Sie sich an.

So messen Sie die Core Web Vitals Ihrer Website

Das Problem zu sehen ist der erste Schritt zur Lösung des Problems. Leider gibt es kein Tool, das alle Ihre Probleme beim Messen und Optimieren von CWVs lösen kann.

Was Sie versuchen, ist zu testen, ob eine Änderung auf Ihrer Website Auswirkungen auf den Datenverkehr hat, richtig? Sie nehmen also eine Änderung vor, warten, bis sich echte Benutzerdaten über einen oder zwei Monate angesammelt haben (Labordaten können nur so viel vorhersagen) und warten dann, bis Google es bemerkt.

Sie müssen das Problem aus verschiedenen Perspektiven betrachten, um ein vollständiges Bild zu erhalten. Das bedeutet mehrere Werkzeuge. Nach langem Ausprobieren ist dies das Toolkit, das wir empfehlen würden:

1. Google-Suchkonsole

Die Google Search Console **** ist ein kostenloses Tool, das Sie unbedingt verwenden müssen, wenn Sie echte Daten zu CWVs auf Ihrer gesamten Website wünschen. Wie viele Seiten schneiden gut ab? Wie viele müssen verbessert werden? Wie viele schneiden schlecht ab? Grün, gelb, rot. Es ist der einzige Ort, an dem Sie den eigenen Bericht von Google auf dieser Ebene erhalten können.

Sie können Google bitten, Ihre Website offiziell zu überprüfen, indem Sie auf "Erneut validieren" klicken, und Google wird über mehrere Wochen Felddaten sammeln oder überprüfen. Sie sagen, es dauert bis zu 28 Tage.

Ja, Sie haben richtig gehört. Die Aktualisierung der Daten dauert einen Monat. Das ist eine sehr langsame Rückkopplungsschleife.

2. Clickio

Clickio bietet Echtzeitdaten zu Core Web Vitals, die Sie erhalten können, am nächsten. Es erfordert, dass Sie einen Tracker auf Ihrer Website platzieren, was ironischerweise ein wenig Seitengewicht hinzufügt, aber es ist nützlich genug, um es wert zu sein, solange Sie auf die Daten reagieren, die Sie daraus erhalten.

Clickio gibt Ihnen Feedback zu Änderungen im Laufe der Zeit. Wie hoch ist die kumulative Layoutverschiebung auf allen Seiten unserer Website, die im letzten Monat in einem bestimmten Land für Mobilgeräte bereitgestellt wurden? Wie viel Prozent der Benutzer erhalten in diesem Quartal auf Desktop-Geräten einen Largest Contentful Paint von mehr als vier Sekunden von unseren Blogseiten? Sie können die Daten auf verschiedene Weise zerlegen und würfeln, um die benötigten Informationen zu erhalten.

Gesundheitswarnung: Das Tool zeigt die Interpretation von Google-Daten durch Clickio. Es zeigt Ihnen NICHT, was Google sieht. Es ist der beste Frühindikator, den wir gefunden haben, um potenzielle CWV-Probleme anzugehen, ohne monatelang auf Feedback warten zu müssen, und es bietet eine gute Granularität , z. B. länderspezifische Daten. Aber es sind keine tatsächlichen Google-Daten. Da es sich um Echtzeitdaten handelt , müssen Sie einige Zeit einplanen, damit sich genügend aussagekräftige Daten ansammeln, bevor Sie mit Sicherheit sagen können, ob eine von Ihnen vorgenommene Änderung funktioniert hat oder nicht. Es ist nicht sofort, aber Sie müssen auch nicht einen ganzen Monat warten, bis es aktualisiert wird.

3. Google-Analytics

Google Analytics nimmt einige repräsentative Datenpunkte und zeigt Ihnen auf dieser Grundlage im Laufe der Zeit Seitenleistungsstatistiken an , damit Sie sehen können, wo der Verkehr abfällt oder ansteigt. Wenn Sie nicht viele Besucher haben, werden diese Daten wahrscheinlich nicht sehr nützlich für Sie sein, aber es ist eine gute Möglichkeit, diese Informationen im Laufe der Zeit zu verfolgen und langsame Seiten hervorzuheben, die Ihre Aufmerksamkeit erfordern.

4. Google Data Studio

Google Data Studio zeigt einen Leistungsprozentsatz auf Ihrer Website für jedes der Core Web Vitals an. Im Wesentlichen ist es eine Geschichte von Veränderungen im Laufe der Zeit. Verbesserungen, idealerweise.

Das wäre erstaunlich, wenn es in Echtzeit wäre. Wenn Sie sich die letzten 28 Tage fortlaufend ansehen könnten, wäre Ihre Arbeit erledigt, Sie würden einfach wissen, dass das, was Sie tun, eine Wirkung hat. Leider aktualisiert Google diese monatlich nachträglich in der Mitte des Folgemonats. Das ist eine noch langsamere Feedback-Schleife als die Google Search Console. Daher handelt es sich um eine Momentaufnahme retrospektiver Daten. Nützlich für die Überwachung des Fortschritts, aber langsam.

5. Web.dev – Leuchtturm

Web.dev, eine Website von Google, bietet ein Open-Source-Tool namens Lighthouse. Dieses Tool zeigt Ihnen Labordaten auf einzelnen Seiten an. Sie geben eine URL ein und sie zeigt Ihnen Leistungszugänglichkeit, Best Practices, SEO-Score und so weiter – Sie können weitere Daten sehen, wenn Sie in der App auf „View Treemap“ klicken.

Es gibt eine gewisse Flüchtigkeit in den Daten, da sich die Daten je nach Browser, Tageszeit, Caching oder anderen Arten von "Internetwetter" ein wenig ändern können. Allerdings ist es immer noch ziemlich gut.

6. Web.dev – PageSpeed-Einblicke

In Google PageSpeed ​​Insights erhalten Sie Felddaten auf Seitenebene . Auch hier geben Sie eine URL ein und erhalten die Felddaten für LCP, CLS, FID usw. Sie benötigen jedoch ein bestimmtes Verkehrsaufkommen auf einer Seite, um anständige Felddaten zu erhalten.

7. GTmetrix

GTmetrix dekonstruiert eine Webseite und sagt, wie groß jede der Dateien ist, wie viele Dinge geladen werden, wie sie aufgebaut ist und so weiter. Dies ist ein großartiges Tool für Entwickler, um QA-Seiten zu überprüfen und zu überprüfen, ob sie keine riesige Bilddatei oder ein aufgeblähtes Widget hinzugefügt haben, das die Ladezeiten verlangsamen wird.

Wir empfehlen, dieses Tool und die web.dev-Tools zusammen zu verwenden, um zu messen, welche Änderungen Seite für Seite funktioniert haben.

8. DebugBear

DebugBear erstellt eine Liste von Seiten und Berichten zu Core Web Vitals und einigen anderen Metriken. Es ist eher als Gesundheitsüberwachungstool als als Diagnosetool nützlich. Sie können es verwenden, um etwa 20 "Kanarienvogel in der Kohlengrube"-Seiten zu überwachen. Wenn also Aktivitäten Ihrer Website mehr Gewicht verleihen, können Sie dies hier sehen.

So optimieren Sie Ihre Website, um Core Web Vitals zu verbessern

Lassen Sie uns nun darüber sprechen, welche Aktivitäten Sie durchführen können, um Core Web Vitals zu verbessern. Sie erhalten viele Informationen aus den oben genannten Tools darüber, wo die Probleme liegen. Dies sind also nur einige der Dinge, die wir für uns selbst und für Kunden getan haben und von denen wir wissen, dass sie Auswirkungen haben.

1. Rehosten Sie Ihre Website

Dabei wird Ihre Website nicht neu erstellt oder neu gestaltet. Es verschiebt es nur woanders hin. Normalerweise sehen wir etwa 30 Prozent Leistungsverbesserungen für Websites, die wir von WordPress zu HubSpot verschieben.

Wenn Sie bei WordPress bleiben, kann der Umzug Ihrer Website zu einem dedizierten Hosting-Unternehmen wie WP Engine, das sich tatsächlich mit Leistung auskennt, einen wirklich großen Unterschied machen.

Indem Sie Ihre Website auf HubSpot (oder WP Engine) neu hosten, profitieren Sie von:

• Caching – dadurch werden Websites nach dem ersten Besuch schneller geladen. Eine generische WordPress-Site benötigt ein Caching-Plugin, aber HubSpot hat es integriert.
• Content Delivery Network (CDN), z. B. Akamai – liefert dem Benutzer Dateien von einem lokalen Server, auch wenn Ihre Website woanders gehostet wird.
• CloudFlare DNS - im Grunde hilft dies, die Domain-Name-Server-Seite der Dinge zu beschleunigen.

2. Deaktivieren Sie den Social-Share-Code von HubSpot

Wenn Sie bereits auf einem HubSpot sind, besteht der schnellste Gewinn darin, den Social Share-Code von HubSpot in Ihrem Blog zu deaktivieren. HubSpot lässt diese Schaltflächen ärgerlicherweise standardmäßig eingeschaltet. Dadurch werden etwa 450 Kilobyte JavaScript-Code von jeder Seite Ihres Blogs gelöscht.

Machen Sie einen Vorher-Nachher-Schnappschuss der Seitengeschwindigkeit und Ladezeit in GTmetrix und web.dev. Es ist wirklich befriedigend.

3. Bilder komprimieren

Als Sie Ihre Website zum ersten Mal gestartet haben, haben Ihre Entwickler es möglicherweise vermieden, riesige Bilder zu verwenden. Wir hoffen. Und wir hoffen, dass sie Lazy Loading für Bilder verwendet haben, nur als allgemeines Prinzip.

Aber später werden wohlmeinende Vermarkter plötzlich vorgestellte Bilder zu Blogs und Seiten hinzufügen. Bam. Ihre Website wird durch eine 40 MB große Bilddatei verlangsamt, die die Seite eines Jumbo-Jets zieren könnte.

Komprimieren Sie Bilder auf <250 KB, idealerweise <100 KB. Konvertieren Sie Bilder in JPG oder verwenden Sie nach Möglichkeit SVG-Dateien. Seien Sie besonders vorsichtig mit Logos, insbesondere Logos in der Fußzeile, da diese auf jeder Seite Ihrer Website zu finden sind.

Wenn Sie HubSpot haben, hat Articulate ein Tool namens Fizz+Ginger entwickelt, um Bilder in Blog-Posts und Website-Seiten in HubSpot zu komprimieren.

4. Vermeiden Sie Einbettungen

Dies ist ein Screenshot von einer Seite unserer Website, die eine eingebettete Präsentation, ein eingebettetes YouTube-Video, ein Popup, Bilder und einige Live-Social-Media-Inhalte enthielt. All das Zeug summierte sich zu sechs Megabyte an einfach … Zeug. Wenn Sie so viel wie möglich davon entfernen, wird die Seite viel schneller geladen. Wir haben zum Beispiel eingebettete Videos durch verlinkte Thumbnails ersetzt.

5. Vereinfachen Sie Ihre Marketing-Tools

Marketing-Tools erhöhen das Seitengewicht. Dinge wie Hot Jar oder Lucky Orange, die die Seitennutzung überwachen, oder Calls-to-Action verfolgen, oder Google Tag Manager – diese Tools auf Ihrer Website zu haben, ist nützlich, aber sie haben ihren Preis. Der Preis ist Leistung. Sie müssen sie also sparsam und mit Bedacht einsetzen.

6. AMP einschalten

Es gibt einen Standard von Google namens Accelerated Mobile Pages oder AMP. Mit AMP erhalten Sie blitzschnelle Ladezeiten. Wenn ein Nutzer in einem Google-Browser auf ein Suchergebnis klickt, wird ihm die AMP-Version der Seite von Google-Servern bereitgestellt.

Dabei verlieren Sie jedoch die Kontrolle darüber, wer diese Seite bedient und wie sie aussieht. Sie reduzieren es in Bezug auf das Styling auf das Nötigste. Es ist ein Kompromiss.

7. Optimieren Sie Ihren Code

Dies ist die lange, harte Plackerei der Website-Optimierung. Du kannst das nicht einfach Plug and Play machen. Sie müssen Ihren Code optimieren. Dafür benötigen Sie ein hochqualifiziertes Team von erfahrenen Entwicklern, die Dinge implementieren wie:

• Minimierung von Javascript und CSS
• Verzögertes Laden von Javascript
• Lazy Loading standardmäßig
• Selbstverstärkung (z. B. kein Anzeigen von im Blog vorgestellten Bildern auf Mobilgeräten)
• Gute Codierungspraktiken innerhalb der Entwicklungspipeline
• Minimaler Einsatz von Plugins und externem Code

User Experience ist die Website-Metrik der Zukunft

In den kommenden Jahren wird Core Web Vitals noch an Bedeutung gewinnen. Unternehmen müssen ihre Websites jetzt an Leistung und Benutzererfahrung anpassen, um nicht beim nächsten großen Update bestraft zu werden.

Natürlich bieten wir Ihnen gerne unsere SEO- und Website-Entwicklungsdienste an, um Ihnen dabei zu helfen, Ihr Ziel zu erreichen. Wir haben viel über Core Web Vitals gelernt und dieses Wissen in unsere Prozesse eingebettet, wodurch unsere Websites hochgradig optimiert und leichtgewichtig sind.

Kontaktieren Sie uns, um die Website zu erhalten, die Ihre Benutzer wünschen.