Google Page Experience: Ranking-Update

Veröffentlicht: 2021-04-08

Dieser Artikel wurde erstmals im Mai 2020 veröffentlicht und im April 2021 aktualisiert.

Studien und Branchenstudien von Google haben gezeigt, dass Nutzer Websites mit einem großartigen Seitenerlebnis bevorzugen. Google prüft immer, welche Faktoren bei Ranking-Ergebnissen zu berücksichtigen sind, wie z. B. Seitenladegeschwindigkeit und Mobilfreundlichkeit. Das bevorstehende Update der Seitenerfahrung berücksichtigt eine Reihe von Faktoren, die den Benutzer in den Mittelpunkt stellen. Diese „Core Web Vitals“ helfen Google dabei, Suchenden die besten Inhalte bereitzustellen.

Page Experience und Core Web Vitals

Core Web Vitals sind eine Reihe von Metriken, mit denen Website-Eigentümer Dimensionen der Benutzererfahrung wie Ladezeit, Interaktivität und Stabilität von Inhalten beim Laden messen können. Google hat jetzt Details zu einer bevorstehenden Änderung des Suchrankings bereitgestellt, die diese Seitenerfahrungsmetriken enthalten wird.

Ein neues Signal wird eingeführt, das laut Google "Core Web Vitals mit unseren bestehenden Signalen für die Seitenerfahrung kombiniert, um ein ganzheitliches Bild der Qualität der Erfahrung eines Benutzers auf einer Webseite zu liefern".

Diese Änderungen werden im Juni 2021 eingeführt.

Darüber hinaus werden jährlich weitere Seitenerfahrungssignale aufgenommen, wenn sich die Erwartungen der Benutzer weiterentwickeln und die Fähigkeit von Google, weitere Aspekte zu messen, zunimmt.

Ranking der Seitenerfahrung

Also, was ist die Idee dahinter? Im Wesentlichen ermöglicht eine gute Erfahrung Menschen, das zu erreichen, was sie wollen, und eine schlechte Erfahrung könnte jemanden daran hindern, die gesuchten Informationen zu finden. Google möchte die Anlaufstelle für Menschen bleiben, die nach Informationen suchen, und muss daher das beste Sucherlebnis bieten.

Durch das Hinzufügen von Page Experience in den Mix mit allen anderen Signalen soll es den Benutzern von Websites erleichtert werden, das zu finden, wonach sie suchen.

Seitenmetriken der obersten Ebene

Die drei Hauptkomponenten des Seitenerlebnisses sind:

  • Wie schnell lädt die Seite?
  • Wie schnell reagiert die Seite auf Benutzer?
  • Wie stabil ist die Seite (springen Elemente beim Laden herum)?

Jetzt können wir einige der Metriken der obersten Ebene durchgehen, um zu entschlüsseln, was sie bedeuten. (Die ersten 3 sind das, was als „Core Web Vitals“ bezeichnet wird.)

Core Web Vitals

  • Largest contentful paint (LCP) – diese Metrik sucht nach dem größten Bild oder Textblock. Es misst, wie lange es dauert, dieses Element in das Ansichtsfenster zu laden. Dies kann ein Heldenbild oder ein großer Textabschnitt sein. (Idealerweise sollte dies kleiner oder gleich 2,5 Sekunden sein.)

  • Cumulative Layout Shift (CLS) – diese Metrik misst die visuelle Stabilität. Mit anderen Worten, es misst, wie stark sich der Inhalt beim Laden der Seite verschiebt, was das Lesen oder Anzeigen des Inhalts erschwert. (Sie möchten, dass dies kleiner oder gleich 0,1 ist.)

  • First Input Delay (FID) – dies bezieht sich darauf, wie schnell die Seite auf einen Benutzer reagiert (z. B. nach dem Klicken auf eine Schaltfläche). Weniger als oder gleich 100 ms ist ideal für diesen.

Die folgenden Metriken sollten auch als nützliche Messwerte für die Effektivität einer Seite berücksichtigt werden:

  • First Contentful Paint (FCP) – diese Metrik misst, wie lange es dauert, bis der Text „above the fold“ geladen wird. Dies ist der Inhalt, den Sie sehen, ohne scrollen zu müssen. Zu viele Schriftarten und große Schriftartdateien wirken sich auf diese Punktzahl aus. Ebenso verlangsamt sich das Laden von Schriftarten aus externen Ressourcen.

  • Geschwindigkeitsindex (SI) – Dieser Messwert zeichnet auf, wann visuelle Änderungen „above the fold“ aufhören. Das bedeutet, dass Videos und Heldenbilder alle den Geschwindigkeitsindexwert beeinflussen.

  • Time to Interactive (TTI) – diese Metrik misst, wie lange es dauert, bis die Seite für Benutzereingaben bereit ist. Spät ladende Apps und Tracking- oder Analyseskripte wirken sich auf diese Metrik aus.

  • Total Blocking Time (TBT) – diese Metrik ist wie TTI, aber sie misst die Gesamtdauer der Blockierung auf einer Seite. Dies bezieht sich darauf, dass der Benutzer nicht in der Lage ist, Elemente anzuklicken oder die Seite zu scrollen.

Es ist wichtig, sich daran zu erinnern, dass diese zentralen Web-Vitals keineswegs die einzige Methode sind, anhand derer Ihre Website beurteilt wird. Es gibt viele, viele Faktoren, die von Google bei der Bewertung Ihrer Seiten berücksichtigt werden. Während der Schwerpunkt hier sicherlich auf der Benutzererfahrung liegt, hat Google gesagt, dass großartige Inhalte immer noch die wichtigere Überlegung sein werden: Es wird versucht, Seiten mit den besten Gesamtinformationen zu ranken, auch wenn die Seitenerfahrung nicht die beste der besten ist.

Google hat nicht gesagt, wie stark jeder Faktor gewichtet wird, aber sie haben bestätigt, dass „ein gutes Seitenerlebnis keinen Vorrang vor großartigen, relevanten Inhalten hat“. Wenn jedoch alle anderen Faktoren gleich sind, könnte die Seitenerfahrung der entscheidende Faktor für Ihre Sichtbarkeit sein.

Search Console-Update

Google hat der Search Console einen neuen Abschnitt mit dem Namen „Core Web Vitals“ hinzugefügt, der darüber berichtet, wie Ihre Website im Vergleich zu diesen neuen „Page Experience“-Metriken abschneidet. Dieser Bericht zeigt Ihnen, wo Sie sich verbessern müssen und wie Sie diese Verbesserungen umsetzen können.

Google hat seine Tools wie Lighthouse und PageSpeed ​​Insights aktualisiert, damit Websitebesitzer ihre eigene Leistung besser messen und das Seitenerlebnis für ihre Besucher verbessern können. Unser Artikel über Website-Geschwindigkeitsprüfungen gibt einen guten Überblick über die verschiedenen Tools, die Sie verwenden können, sowie über ihre Vor- und Nachteile bei der Bewertung Ihrer Website.

So bereiten Sie sich auf Core Web Vitals vor (gilt nicht alle für Shopify-Shops)

1 Größte zufriedene Farbe (LCP)

Mögliches Problem: Langsame Serverantwortzeiten

Lösungen

a) Assets zwischenspeichern – Wenn Ihr HTML statisch ist, kann das Zwischenspeichern verhindern, dass es neu erstellt wird, wenn dies nicht erforderlich ist, wodurch die Ressourcennutzung reduziert wird.

b) Leiten Sie Benutzer zu einem CDN – ein Content-Delivery-Netzwerk verwendet Server an vielen Standorten auf der ganzen Welt, wodurch das Problem beseitigt wird, dass Benutzer eine langsamere Website erleben, weil sie weit von einem einzelnen Server entfernt sind.

Mögliches Problem: Langsame Ressourcenladezeiten

Lösungen

a) Optimieren und komprimieren Sie Ihre Bilder mit tinypng – es reduziert die Größe der Dateien ohne Qualitätseinbußen, sodass sie schneller geladen werden, aber immer noch gut aussehen.

b) Verwenden Sie ein Bild-CDN – dies verringert die Bildnutzlast, liefert Bilder, die auf jedes Gerät zugeschnitten sind, das es anfordert, und sendet Bilder vom Rand des Netzwerks.

Mögliches Problem: Clientseitiges Rendern

Lösungen

a) Verkleinern Sie Ihr JavaScript und verschieben Sie unbenutztes JavaScript

b) Verwenden Sie serverseitiges Rendern, wenn dies möglich ist

Mögliches Problem: JavaScript und CSS

Lösungen

a) Verkleinern Sie Ihr CSS - CSS-Dateien enthalten oft Zeichen, die das Lesen erleichtern sollen, die aber für den Browser nicht benötigt werden. Wenn Sie sie minimieren, werden sie entfernt und bereinigt, sodass die zum Rendern der Seite benötigte Zeit verkürzt wird.

b) Herunterladen und Bereitstellen der minimalen Menge an erforderlichem JavaScript für Benutzer. Das Reduzieren der Menge an blockierendem JavaScript bedeutet ein schnelleres Rendern und daher ein besseres LCP.

2 Kumulative Layoutverschiebung (CLS)

Mögliches Problem: Unerwartete Layoutverschiebungen

Lösungen

a) Fügen Sie Größenattribute für Assets wie Videos und Bilder hinzu, damit der Browser dem Objekt vor dem Laden die entsprechende Menge an Speicherplatz zuweist.

b) Stellen Sie sicher, dass dynamisch eingefügter Inhalt nur unter vorhandenem Inhalt eingefügt wird, damit er keine unerwarteten Layoutverschiebungen auslöst.

3 Erste Eingangsverzögerung (FID)

Mögliches Problem: Der Browser reagiert nicht schnell auf den Benutzer (wahrscheinlich, da er immer noch JavaScript ausführt)

Lösungen

a) Langlaufenden Code in kleinere Tasks aufteilen. Bei langen Aufgaben reagiert die Seite während der Bearbeitung der Aufgaben nicht mehr. Diese in überschaubarere Blöcke aufzuteilen, kann dazu beitragen, die Eingabeverzögerung zu reduzieren.

b) Reduzieren Sie die JavaScript-Ausführungszeit weiter, indem Sie ungenutztes JS zurückstellen. Wenn der Browser den Code zum Rendern der Seite nicht benötigt, verzögern Sie ihn – dies bedeutet, dass die Seite schneller für die Benutzerinteraktion bereit ist.

Wenn Sie Unterstützung benötigen, um sicherzustellen, dass Ihre SEO, Ihre Inhalte oder Ihre Website den neuesten Richtlinien entsprechen, setzen Sie sich mit uns in Verbindung und unsere Design-, Entwicklungs- und SEO-Experten von Shopify werden Ihnen gerne mitteilen, wie wir Ihnen helfen können.