Mittwoch , Oktober 28 2020

Kumulative Layoutverschiebung – Steigern Sie den Google-Ranking-Faktor

Core Web Vitals sind die Teilmenge der Web Vitals, die für alle Webseiten gelten, von allen Websitebesitzern gemessen werden sollten und in allen Google-Tools angezeigt werden. Jeder der Core Web Vitals stellt eine bestimmte Facette der Benutzererfahrung dar, ist vor Ort messbar und spiegelt die reale Erfahrung eines kritischen benutzerzentrierten Ergebnisses wider.

https://web.dev/vitals/ [19659004] Neue Seitenerfahrung nach Web Vitals

Die meisten Spezialisten geben zu, dass die Geschwindigkeitsmesswerte der Website schwer zu verstehen sind. Darüber hinaus kann es sich bei jedem Test der Website in gewisser Weise ändern. Manchmal zeigt es unterschiedliche Ergebnisse. Wenn Sie sich also die Metriken ansehen, müssen Sie nur beten, dass sie grün werden.

Von allen verfügbaren Metriken beschreibt drei sogenannte Core Web Vitals . Es ist das Hauptaugenmerk von Google im kommenden Jahr. Jedes Jahr kann Google die Metriken ändern, wenn diese über einen längeren Zeitraum ausgewertet werden. Heute werden wir über eine davon sprechen, die kumulative Layoutverschiebung.

Was macht die Grundlagen der Seitenerfahrung aus? Sie umfassen drei Grundlagen der Seitenerfahrung: Ladeleistung, Reaktionsfähigkeit und visuelle Stabilität, für die CLS (Cumulative Layout Shift) tatsächlich verantwortlich ist.

CLS: Cumulative Layout Shift

Dies ist eine brandneue Metrik von Core Web Vital . CLS ist dafür verantwortlich die "Stabilität" zu identifizieren, die auf Ihren Bildschirm geladen wird. Es prüft oft, wie viel Material beim Laden herumspringt und wie oft. Manchmal wird eine Schaltfläche angezeigt, während im Hintergrund noch ein großer Inhaltsbereich geladen wird. Das Ergebnis? Wenn der Inhalt endlich angezeigt wird, kann sich die Schaltfläche etwas seitwärts bewegen. Möglicherweise möchten Sie die Schaltfläche ausblenden. Ein solches Ereignis kann den Benutzer zu Frustration führen.

Diese Layoutverschiebungen treten regelmäßig bei Anzeigen auf. Obwohl Werbung schon lange Teil von Websites ist, frustriert sie die Nutzer, wenn sie so schlecht geladen werden. In der Zwischenzeit gibt es eine große Anzahl komplexer Websites, auf denen viele Aktionen ausgeführt werden, die schwer zu laden sind und deren Inhalt zufällig geladen wird. Dies kann auch zu Inhalten oder CTAs führen, die auf dem Bildschirm herumspringen und Platz für langsameres Laden von Inhalten schaffen.

Hat Ihre Website laut Google-Metriken eine hohe Punktzahl?

Was müssen Sie wissen?

Die kumulative Layoutverschiebung vergleicht die Frames, um die Bewegung der Komponenten zu definieren. Es schätzt alle Ereignisse, wenn Layoutverschiebungen auftreten, und berechnet die Dichte dieser Bewegungen. Google berücksichtigt alles unter 0,1 gut, während alles von 0,1 bis 0,25 verbessert werden muss. Sie sollten auf alles über 0,25 als schlecht achten.

 Die Ergebnisse für CLS

Das Ergebnis berücksichtigt nur unerwartete Verschiebungen. Wenn es sich um ein ausklappbares Menü oder ein Abonnement-Popup handelt, zählt dies nicht als Layoutverschiebung. Falls sich die Schaltfläche aufgrund eines anderen Elements im Design ändert oder verschoben wird, sollten Sie dies für den Benutzer klarstellen.

Hier sind vier Gründe, die zu einer kumulativen Layoutverschiebung führen können, die Google vorgeworfen wird:

  1. Bilder ohne Abmessungen
  2. Anzeigen und Iframes ohne Abmessungen
  3. Dynamisch eingefügter Inhalt
  4. Web-Schriftarten, die FOIT / FOUT verursachen

Für Bilder und Videos müssen die Abmessungen für Höhe und Breite im HTML deklariert sein . Stellen Sie in Bezug auf reaktionsschnelle Bilder sicher, dass die verschiedenen Bildgrößen für die verschiedenen Ansichtsfenster dasselbe Seitenverhältnis verwenden.

 pic

Wie oben erwähnt, kann Werbung der Hauptpunkt der Layoutverschiebung sein . Hier sind mehrere Gründe:

  • Der Anzeigencontainer wird in das DOM eingefügt.
  • Der Anzeigencontainer wird nach Site mit Erstanbietercode geändert.
  • Wenn die Anzeigen-Tag-Bibliothek geladen wird.
  • Wenn die Anzeige a füllt Container.

Best Practices zur Reduzierung der Anzeigenverschiebung sind:

  • Zuweisen eines bestimmten Speicherplatzes für einen Anzeigenplatz.
  • Achten Sie darauf, nicht klebrige Anzeigen oben im Ansichtsfenster zu platzieren.
  • Reservieren Sie die maximal mögliche Größe für die Anzeige.

Dynamisch injizierter Inhalt. Fügen Sie niemals Inhalte über vorhandene Inhalte ein, außer für Benutzerinteraktionen. Dies stellt die Antizipation von auftretenden Layoutverschiebungen sicher.

Sie hätten Layoutverschiebungen aufgrund einer Benutzeroberfläche bemerkt, die oben oder unten auf der Seite angezeigt wird, wenn Sie versuchen, eine Site zu laden. Wie bei einer Anzeige geschieht dies auch bei Bannern und Formularen, die einen Großteil des Seitenlayouts ändern.

Wenn Sie diese Art von UI-Vergünstigungen anzeigen möchten, reservieren Sie im Voraus genügend Platz im Ansichtsfenster. Versuchen Sie, einen Platzhalter oder eine Skelett-Benutzeroberfläche zu verwenden, damit sich der Seiteninhalt nach dem Laden nicht unerwartet bewegt.

Web-Schriftarten, die FOUT / FOIT verursachen D selbst geladene Web-Schriftarten können so genannte Flash-Schriftarten verursachen von unsichtbarem Text (FOIT) und Flash von nicht gestyltem Text (FOUT). Sie können es mit folgenden Tools auf ein Minimum reduzieren:

  • Schriftanzeige ermöglicht es Ihnen, das Renderverhalten von benutzerdefinierten Schriftarten mit Werten wie auto swap zu ändern. , Block Fallback und optional . Leider können diese Werte (außer optional ) zu einem der oben genannten Ereignisse führen.
  • Die API zum Laden von Schriftarten kann die Zeit zum Abrufen der erforderlichen Schriftarten verkürzen.
     pic

Ab Chrome 83 können wir raten:

  • Verwenden von für die wichtigsten Web-Schriftarten: Eine vorinstallierte Schriftart hat eine höhere Chance, die erste Farbe zu treffen. In diesem Fall gibt es keine Layoutverschiebung.
  • Kombinieren von und Schriftanzeige: optional

Jedes Mal, wenn Google neue Anforderungen an eine Website erstellt, versucht die ganze Welt, ihre Ressourcen daran anzupassen, weil nicht dies zu tun könnte bedeuten, alles auf einmal zu verlieren. Es ist sehr wichtig, ständig unter Ihrer Website zu arbeiten, insbesondere inhaltlich, jedes Element zu durchdenken und mit Bedacht Popups, Anzeigen usw. zu verwenden.

Die Verbesserung der Erfahrungsseite ist ein ziemlich komplexes Thema und erfordert technisches Wissen, um es lösen zu können. Beachten Sie, dass sich Google immer mehr auf die Nutzererfahrung konzentriert. Langfristig wird der CLS in der SEO an Bedeutung gewinnen. Sie haben Zeit, mit der Optimierung Ihrer Website zu beginnen, bevor sie sich auf sie auswirkt.

Benötigen Sie einen SEO-Spezialisten, um Ihre Website zu optimieren?

.

About BusinessIntelligence

Check Also

Streaming-Daten nutzen: Einblicke in Lebensgeschwindigkeit

Blog Wir leben in einer Welt der Daten: Es gibt mehr davon als je zuvor …

Schreibe einen Kommentar

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