Google Core Web Vitals Optimierung für WordPress – 11blog

Google nimmt das ganze Jahr über Dutzende von Algorithmus-Änderungen vor, die darauf abzielen, schlechte Suchergebnisse auszusortieren und den Suchenden nur die vorteilhaftesten, relevanten Inhalte zu liefern. Letzten Herbst kündigte der Suchmaschinengigant einige ziemlich große Änderungen an, die sich auf das Ranking deiner Website auswirken könnten.

>

Die gute Nachricht ist, dass du dir keine Sorgen machen musst, wenn du die Optimierung deiner Website und das Nutzererlebnis (UX) bereits priorisiert hast, um alle möglichen Änderungen an deiner Seite vorzunehmen. Das bedeutet jedoch nicht, dass du die Google Core Web Vitals an dir vorbeiziehen lassen willst, ohne dir einen Moment Zeit zu nehmen, um zu verstehen, was sie sind und wie sie sich auf die Suchmaschinenergebnisse auswirken werden, sobald diese Änderungen Ende Mai 2021 eingeführt werden.

Was sind die Google Core Web Vitals?

Die Web Vitals sind nicht gerade ein neues Konzept für diejenigen, die auf die Leistung einer Website achten und wie sie sich auf das gesamte Kundenerlebnis auswirkt. Studien zeigen, dass sich die Seitengeschwindigkeit direkt auf das Nutzererlebnis auswirkt, und Google nutzt sie seit 2010 als Rankingfaktor.

Zu den Webvitalen, denen die meisten Webmaster besondere Aufmerksamkeit schenken, gehören:

  • Web-Geschwindigkeit
  • Seitensicherheit
  • Mobilfreundlichkeit
  • Robots.txt und Sitemaps

Google schenkt diesen Faktoren schon seit vielen Jahren besondere Aufmerksamkeit, aber jetzt werden sie kritischer denn je. Was ändert sich?

Google Core Web Vitals sind neue und komplexere Web Vitals, die ein Teil von Googles Core Algorithmus sein werden. Das bedeutet, wenn deine Seite nicht den Standards dieser neuen Webvitalien entspricht, könnte sie von den Änderungen negativ betroffen sein.

Die neuen Webvitalien, die als Teil von Googles neuestem Update priorisiert werden, sind die Seiten-/Site-Ladung, Interaktivität und visuelle Stabilität und werden wie folgt dargestellt:

  • Largest Contentful Paint (LCP): konzentriert sich auf die Seitenladezeit und wird dadurch dargestellt, wie lange eine einzelne Seite aus Sicht des Nutzers zum Laden braucht.
  • First Input Delay (FID): konzentriert sich auf die Interaktivität und die Fähigkeit des Nutzers, mit deiner Seite zu interagieren.
  • Cumulative Layout Shift (CLS): konzentriert sich auf die visuelle Stabilität und stellt dar, wie stabil eine Seite ist, während sie geladen wird.

Großes inhaltliches Bild (LCP)

Die Ladezeit einer Website ist ein großer Faktor für die Erfahrung eines Nutzers. Studien haben gezeigt, dass eine langsam ladende Website einen negativen Effekt auf die Markenwahrnehmung hat und zu einem Rückgang der Konversionen führen kann. Wenn eine Seite zu lange zum Laden braucht, können Nutzer frustriert werden und deine Seite verlassen, bevor sie eine Chance hat, vollständig zu laden.

Die LCP-Metrik gibt die Renderzeit des prominentesten Text- oder Bildblocks an, der im Viewport sichtbar ist, relativ zu dem Zeitpunkt, an dem die Seite anfängt zu laden. Idealerweise solltest du einen LCP-Wert von 2,5 Sekunden oder weniger haben.

First Input Delay (FID)

FID ist dazu gedacht, die Zeit zu messen, die zwischen der Interaktion eines Nutzers mit einem Element auf deiner Seite und der Reaktion des Browsers auf diese Anfrage vergeht. Interaktionen können das Klicken auf einen Link, das Auswählen einer Menüoption usw. sein.

Während Websites, die hauptsächlich große Inhalte hosten, sich wahrscheinlich weniger Sorgen um diesen speziellen Web-Kern machen müssen, ist er essentiell für diejenigen, die einen interaktiven Call-to-Action am Ende einer Seite beinhalten oder einen Kunden-/Abonnenten-Login oder sogar eine Anmeldeseite haben. Je langsamer die Reaktionszeiten sind, desto frustrierter wird dein Besucher. Idealerweise möchtest du einen FID-Score von 100 Millisekunden oder weniger haben.

Cumulative Layout Shift (CLS)

Der CLS soll schließlich messen, wie stabil eine Seite beim Laden ist. Wenn du dir zum Beispiel einen Inhalt auf deinem mobilen Gerät ansiehst und der Text, den du gerade gelesen hast, während des Ladevorgangs springt, wird dieser Textblock als instabil angesehen. Diese Fälle sind unglaublich frustrierend für die Kunden und führen zu höheren Absprungraten, da sie von deiner Seite weg navigieren, um die notwendigen Informationen woanders zu finden.

Je stabiler deine Seite ist, desto niedriger wird dein Gesamt-CLS-Score sein. Idealerweise sollte jede deiner Seiten einen CLS-Score von 0,1 oder weniger haben. Alles, was höher ist, deutet darauf hin, dass sich Elemente auf deiner Seite verschieben, wenn sie es nicht sollten, und sich negativ auf die Ladezeiten und die UX deiner Seite auswirken.

Sind Core Web Vitals ein Ranking-Faktor für deine Website?

Web Vitals haben schon immer eine kleine Rolle im Website Ranking gespielt. Allerdings werden sie jetzt von Google priorisiert, da immer mehr Nutzer verlangen, dass Websites für sie arbeiten – nicht umgekehrt. Verbraucher haben kein Problem damit, von einer Website zu einer anderen zu wechseln, wenn die Seite zu kompliziert zu navigieren ist oder zu lange zum Laden braucht.

Längere Ladezeiten haben laut Google einen “starken Einfluss auf die Absprungrate”

  • Wenn die Seitenladezeit von 1 Sekunde auf 3 Sekunden steigt, erhöht sich die Absprungrate um 32%.
  • Wenn die Ladezeit einer einzelnen Seite von 1 Sekunde auf 6 Sekunden ansteigt, erhöht sich die Absprungrate um 106%.

Diese Core Web Vitals gesellen sich zu Googles aktuellen Search Signals für das Seitenerlebnis, zu denen gehören:

  • Mobile-Friendliness: Da der mobile Anteil der organischen Suchmaschinenbesuche in den USA im 1. Quartal 2021 bei 59 % liegt und im 2. und 3. Quartal 2020 ein Allzeithoch (64 %) erreicht hat, macht es Sinn, dass Google die Mobilfreundlichkeit als Rankingfaktor für Websites einbezieht. Das bedeutet, dass deine Website nicht nur auf einem mobilen Gerät geöffnet werden kann, sondern auch so dargestellt wird, dass sie für Nutzer von Smartphones, Tablets und anderen mobilen Geräten einfach zu navigieren und zu nutzen ist.
  • Safe-Browsing: Deine Seite enthält keine bösartigen oder betrügerischen Inhalte, wie z.B. Malware oder Social Engineering, die Besucher dazu verleiten, vertrauliche Informationen preiszugeben oder Software herunterzuladen.
  • HTTPS: Deine Website ist gesichert und verfügt über ein SSL-Zertifikat, das sicherstellt, dass deine Website sensible Daten wie Bankdaten und Anmeldeinformationen sicher über das Internet übertragen kann, indem es Verschlüsselungs-, Authentifizierungs- und Integritätsprotokolle verwendet.
  • Keine aufdringlichen Interstitials: Aufdringliche Interstitials werden als interaktive Elemente definiert, die im Wesentlichen aufpoppen und die Seite übernehmen, die ein Besucher gerade betrachtet. In den meisten Fällen handelt es sich dabei um Pop-up-Anzeigen und Overlays. Während einige Interstitials notwendig sind (z.B. legale Interstitials), wird Google eine Seite bestrafen, die aufdringliche Interstitials enthält, die nicht als notwendig erachtet werden.

Jedes dieser Website-Vitalien und die aktualisierten Kern-Website-Vitalien werden nun für Ranking-Entscheidungen in Googles Algorithmus verwendet. Wenn du diesen Webvitalen bereits sorgfältige Aufmerksamkeit geschenkt hast, dann musst du dir keine Sorgen machen! Wenn du jedoch nicht besonders auf die Seitengeschwindigkeit, die Sicherheit der Seite und die anderen skizzierten UX-Kennzahlen geachtet hast, dann solltest du lieber früher als später damit beginnen, einige große Änderungen an deiner Seite vorzunehmen oder sie bereits bei der Erstellung deiner Website im Hinterkopf behalten.

Wie verbesserst du die Kernvitalitäten deiner Website?

Ob du nun kleine Korrekturen an deiner bereits optimierten Website vornehmen willst oder eine komplette Überholung vorbereitest, es gibt mehrere Möglichkeiten, wie du deine Core Web Vitals verbessern kannst. Hier sind die fünf besten Core Web Vitals.

1. Optimiere deine Bilder

Bei der Einbindung von Bildern und Videos in eine Website machen sich die meisten Ersteller leider nur wenig Gedanken über die Optimierung der Elemente, um die UX zu verbessern. Da Bilder und Videos ca. 63% der Bandbreite auf einer modernen Website beanspruchen, ist es wichtig, dass du dir die Zeit nimmst, sie für die Performance der Website zu optimieren. Der beste Weg, um an die Bild-/Video-Optimierung heranzugehen, ist, diese drei Elemente zu berücksichtigen:

  • Dateigröße: Das erste, was man beim Einfügen von Bildern und Videos in eine Website beachten sollte, ist die Dateigröße. Wenn du ein Bild oder ein Video in deine Seite einbettest, solltest du darauf achten, dass die Datei nicht zu groß ist. Je größer die Datei ist, desto länger braucht das Bild zum Laden.
  • Dateityp: Die zweite Sache, die du beachten solltest, ist der Dateityp. Während die meisten modernen Browser jeden Dateityp verwenden, ist es am besten, sicherzustellen, dass du den richtigen Dateityp für das Bild oder Video verwendest.
  • Bildformat: Der dritte Punkt, den es zu beachten gilt, ist das Bildformat. Während die meisten Browser PNG- und GIF-Dateien (und sogar gelegentlich BMP) akzeptieren, solltest du darauf achten, dass das Bild richtig formatiert ist. PNG-Dateien sind viel effizienter als GIFs und sind das bevorzugte Dateiformat der meisten Designer.

Um deine Bilder zu komprimieren und zu optimieren, kannst du Webseiten von Drittanbietern wie TinyPNG nutzen. Oder wenn du eine WordPress-Website hast, gibt es Bildoptimierungs-Plugins wie:

  • Smush
  • ShortPixel Image Optimizer
  • Imagify

Das wird deine Mediendateien automatisch für dich optimieren.

2. Optimiere dein CSS und JavaScript

Während deine CSS und JavaScript Dateien wichtig für die Funktionalität deiner Seite sind, sind sie auch wichtig für die Performance deiner Seite. Indem du diese Dateien optimierst, kannst du die Ladezeiten deiner Seite verbessern, was dazu beiträgt, dass deine Seite in den Suchergebnissen von Google besser platziert wird.

Es gibt mehrere Möglichkeiten, deine CSS und JavaScript Dateien für die Performance zu optimieren. Hier sind ein paar Tipps:

  • Beschränke die Anzahl der CSS-Dateien: Je mehr CSS-Dateien du hast, desto länger braucht deine Seite zum Laden. Du willst sicherstellen, dass deine CSS-Dateien nicht zu groß sind und dass du nur die Anzahl der Dateien verwendest, die notwendig sind.
  • Kleinere CSS/JavaScript Dateien: Das Verkleinern deiner CSS- und JavaScript-Dateien kann dazu beitragen, die Leistung deiner Seite zu erhöhen. Indem du unnötige Leerzeichen und Zeichen aus deinen CSS- und JavaScript-Dateien entfernst, kannst du dazu beitragen, dass deine Seite schneller lädt.
  • Beschränke die Anzahl der externen Skripte: Je mehr externe Skripte du hast, desto länger dauert es, bis deine Seite geladen ist.

Um diese Taktiken umzusetzen, wirst du höchstwahrscheinlich mit einem Entwickler zusammenarbeiten müssen. Wenn du jedoch eine WordPress Website hast, gibt es Plugins wie:

  • Hummingbird
  • LiteSpeed Cache
  • Autoptimize

Das wird das schwere Heben für dich erledigen. Wenn du zusätzliche Hilfe brauchst, kannst du dir diese Anleitung ansehen, wie du die Leistung deiner Website mit dem Hummingbird Plugin verbessern kannst.

3. Stelle sicher, dass deine Website sicher ist

Google hat deutlich gemacht, dass es die Sicherheit für seinen Ranking-Algorithmus berücksichtigen wird. Das bedeutet, dass du in ein SSL (auch bekannt als SSL/TLS oder einfach TLS) Zertifikat investieren musst. Ein SSL-Zertifikat hilft dabei, deine Seite zu sichern, was dazu beiträgt, die Daten deiner Besucher zu schützen und sicherzustellen, dass alle Informationen, die sie auf deiner Seite eingeben, verschlüsselt und gesichert sind. Glücklicherweise unterstützen die meisten gut verwalteten WordPress-Hosting-Unternehmen jetzt kostenloses Let’s Encrypt SSL – du musst also nicht die Bank sprengen, um deine Seite zu sichern.

4. Stelle sicher, dass deine Website mobilfreundlich ist

Mit dem Wachstum der mobilen Suche muss deine Website mobil-freundlich sein. Das bedeutet, dass deine Website auf mobilen Geräten korrekt geladen und dargestellt wird. Du willst sicherstellen, dass deine Website responsive ist und deine Besucher leicht navigieren können.

Die meisten populären WordPress Themes sind standardmäßig responsive. Wenn du jedoch ein altes oder benutzerdefiniertes Theme verwendest, ist das vielleicht nicht der Fall. Du bist dir nicht ganz sicher, wie du deine Seite mobilfreundlich machen kannst? Hier sind ein paar Dinge, die du beachten solltest:

  • Formatierung: Achte darauf, dass deine Website richtig formatiert ist. Dazu gehören die richtige Größe von Bildern, die Verwendung der passenden Dateitypen und die richtige CSS- und JavaScript-Formatierung.
  • Ladezeit/Geschwindigkeit: Stelle sicher, dass deine Seite angemessen geladen und gerendert wird. Du willst sicherstellen, dass deine Website auf mobilen Geräten nicht zu lange zum Laden braucht und nicht verzögert/einfriert.
  • Responsivität: Stelle sicher, dass deine Website responsive ist. Du willst sicherstellen, dass deine Website über mehrere Browser und Geräte hinweg responsive ist.
  • Navigation: Stelle sicher, dass deine Seite einfach zu navigieren ist. Du willst sicherstellen, dass deine Menüs einfach zu bedienen sind und dass deine Seite keine Engpässe hat, die es deinen Besuchern unmöglich machen, zu navigieren.

5. Optimiere deine Server

Zuletzt willst du sicherstellen, dass deine Hosting-Server die Last deiner Website bewältigen können. Wenn deine Server damit nicht umgehen können, kannst du alle möglichen Probleme bekommen, einschließlich langsamer Ladezeiten und Ausfallzeiten. Es ist am besten, wenn du sicherstellst, dass deine Server für die Leistung optimiert sind, und eine Möglichkeit, dies zu tun, ist, sicherzustellen, dass du den richtigen Server verwendest. Hier sind ein paar Optionen, die du in Betracht ziehen solltest:

  • VPS Server: Wenn deine Website klein ist, ist ein VPS Server eine großartige Lösung. VPS Server sind kostengünstig und flexibel, was sie für die meisten kleinen Unternehmen großartig macht.
  • Dedicated Server: Wenn deine Website groß ist, kann ein dedizierter Server die richtige Lösung für dich sein. Ein dedizierter Server ist eine ausgezeichnete Lösung, wenn du eine große Anzahl von Besuchern hast und/oder deine Website eine große Anzahl von Seiten hat.
  • Cloud Server: Wenn deine Website klein ist und du nicht viele Besucher hast, kann ein Cloud Server die richtige Lösung für dich sein. Cloud Server sind kostengünstig und skalierbar, was sie zu einer guten Option für kleine Unternehmen macht.
  • Shared Hosting: Wenn deine Website groß ist und du viele Besucher hast, kann Shared Hosting die beste Lösung für dich sein. Shared Hosting ist kostengünstig und skalierbar, was es zu einer großartigen Lösung für größere Unternehmen macht.

Für die meisten Marketingexperten wird Googles Core Web Vitals Update nicht viel Aufsehen erregen, da die Best Practices der Suchmaschinenoptimierung (SEO) bereits die Notwendigkeit der Priorisierung der Nutzererfahrung hervorheben.

Wenn du jedoch gerade erst mit deiner Website anfängst oder in der Vergangenheit die Nutzererfahrung nicht priorisiert hast, solltest du die notwendigen Schritte unternehmen, um sicherzustellen, dass deine Website im Ranking nicht abgestraft wird. Die fünf Schritte, die oben beschrieben wurden, sind ein guter Startpunkt. Mach einfach einen Schritt nach dem anderen, und deine Website wird bereit sein, loszulegen!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.