Im Jahr 2021 wird Google sein Aktualisierung seines Algorithmus Seitenerfahrung als Ranking-Signal zu integrieren.

Ziel dieser Änderung ist es, Faktor in der Benutzererfahrung von Seiten wird in den SERPs zurückgegeben und nicht in den traditionellen und objektiveren Signalen wie PageRank und On-Page-Targeting, die in der Vergangenheit verwendet wurden.

Angesichts des bevorstehenden Updates ist es wichtig, die verschiedenen Facetten der Seitenerfahrung zu verstehen und zu erfahren, wie Sie Ihre Website für jede einzelne davon optimieren können.

Zum Glück Google hat angekündigt Die verschiedenen Elemente, die zur Bestimmung des Gesamterlebnisses einer Seite beitragen. Diese sind:

Core Web Vitals: Eine Kombination aus drei wichtigen Leistungsmetriken – Größte inhaltliche Farbe, Verzögerung der ersten Eingabe und kumulative Layoutverschiebung -, die das visuelle Laden, die Interaktivität und die visuelle Stabilität einer Seite beim Laden für Benutzer messen. Mobilfreundlichkeit: Betrachtet, wie einfach Websites sind Verwenden und Navigieren auf Mobilgeräten, einschließlich der Lesbarkeit von Inhalten und der Frage, ob Links und On-Page-Elemente anklickbar und zugänglich sind. Sicheres Surfen: Bewertet, ob auf einer Website Probleme wie Malware, Phishing und gehackte Inhalte auftreten, um sicherzustellen, dass Benutzer dies können sicher durchsuchen.HTTPS: Konzentriert sich darauf, ob die Verbindung einer Website sicher ist und ob die Website wie empfohlen über HTTPS bereitgestellt wird oder nicht. Nicht aufdringliche Interstitials: Stellt sicher, dass wichtige On-Page-Inhalte für Benutzer nicht behindert werden Surfen.

Um sicherzustellen, dass Ihre Website für diese Änderung bereit ist, habe ich einige Tipps zur Optimierung Ihrer Website für die wichtigsten Bereiche der Seitenerfahrung zusammengestellt.

Diese decken Bereiche wie schnelleres und reibungsloseres visuelles Laden, verbesserte Benutzerfreundlichkeit für Mobilgeräte und verbesserte Website-Sicherheit ab.

1. Laden Sie wichtige Ressourcen vor, um die visuellen Ladezeiten zu verkürzen

Einer der ersten Indikatoren für einen Benutzer, dass eine Seite geladen wird, ist das Erscheinungsbild von Inhalten, die über dem Falz liegen.

Hier kommen LCP (Largest Contentful Paint) und die erste Core Web Vitals-Metrik ins Spiel, um zu messen, wie schnell das Hauptelement auf der Seite geladen wird.

Um das LCP-Element einer Seite zu ermitteln, überprüfen Sie einfach die Seite in Chrome DevTools. Sie wird im Wasserfalldiagramm auf der Registerkarte Leistung angezeigt.

Wenn Sie wissen, was das LCP-Element ist, können Sie den visuellen Fortschritt der Ladezeit auf einfache Weise über die Registerkarte Leistung in Chrome DevTools anzeigen.

Stellen Sie sicher, dass Screenshots ausgewählt ist, und starten Sie die Profilerstellung der Seite, während sie geladen wird.

Sobald Ihr Profil vollständig ist, wird durch Bewegen des Mauszeigers über das Lastdiagramm oben ein Screenshot der Seite angezeigt, die im Laufe der Zeit geladen wurde.

Auf diese Weise können Sie visualisieren, wie schnell die verschiedenen Seitenelemente geladen werden.

Um das Laden des LCP-Elements und des Inhalts über dem Falz zu beschleunigen, sollten Sie Methoden wie das Vorladen verwenden, um den Browser anzuweisen, diese Ressourcen zuerst vorrangig abzurufen.

Beispiel aus MDN-Webdokumenten

2. Optimieren Sie die Haupt-Thread-Aktivität, indem Sie lange Aufgaben minimieren

Hinter den Kulissen gibt es viele verschiedene Probleme, die dazu führen können, dass ein Benutzer warten muss, bis der Browser auf das Tippen oder Klicken auf eine Seite reagiert.

Dies wird anhand der zweiten Core Web Vitals-Metrik, First Input Delay (FID), gemessen.

Während diese Erfahrung für Benutzer frustrierend sein kann, können wir dieses Problem beheben und die Wartezeiten zwischen menschlichen Interaktionen und Browserantworten verkürzen.

Lange Aufgaben tragen häufig zu diesem Problem bei.

Im Wesentlichen sind dies Stücke von JavaScript-Code Dadurch wird der Hauptthread für einen langen Zeitraum blockiert und die Seite friert ein und reagiert nicht mehr.

Lange Aufgaben in Chrome DevTools befinden sich oben in der Wasserfallkarte unter der Registerkarte “Haupt” und sind mit einem roten Dreieck hervorgehoben.

Wenn Sie auf eine lange Aufgabe klicken und zur Registerkarte “Bottom-Up” wechseln, werden die verschiedenen Aktivitäten innerhalb der Aufgabe aufgelistet, z. B. das Kompilieren und Parsen von Skripten.

Der erforderliche Fix hängt von den Aktivitäten ab, die zu Blockierungen des Hauptthreads beitragen. Ein häufiger Fix zum Lösen langer Aufgaben ist jedoch das Aufteilen von Code und das Bereitstellen von Skripten in kleineren Blöcken.

3. Reservieren Sie Speicherplatz für Bilder und Einbettungen zum Laden

Die dritte Core Web Vitals-Metrik, Cumulative Layout Shift (CLS), untersucht den Betrag, um den sich das visuelle Layout einer Seite beim Laden einer Seite bewegt.

Dies dient dazu, einen frustrierenden Bereich von UX zu messen, den wir wahrscheinlich alle erlebt haben:

Ein Benutzer klickt auf einen bestimmten Link, aber die Seite verschiebt sich und er klickt versehentlich in einen anderen Bereich der Seite.

Eine der häufigsten Ursachen für einen hohen CLS-Score und damit eine schlechte UX ist, dass keine Speicherplätze für Bilder und eingebettete Ressourcen zum Laden reserviert werden.

Wenn Sie beispielsweise die Funktion “Chrome DevTools-Screenshots” auf der Registerkarte “Leistung” verwenden, können Sie feststellen, dass dem BBC Weather-Cookie-Zustimmungsbanner kein Speicherplatz zum Laden zugewiesen ist.

Sobald es geladen ist, wird der sichtbare Inhalt im Ansichtsfenster um die 3-Sekunden-Marke nach unten verschoben.

In diesem Beispiel von CNN können wir jedoch sehen, dass das auf ihrer Homepage vorgestellte Video einen reservierten Platz in der Seitenstruktur hat, sodass der Rest des Seitenlayouts nach dem Laden des Videos unverändert bleibt.

4. Stellen Sie sicher, dass wichtige Seitenvorlagen für Handys geeignet sind

Nach Der mobile Verkehr überholte 2016 den Desktop-VerkehrEs wurde entscheidend sicherzustellen, dass Websites für die mobilen Geräte optimiert wurden, mit denen immer mehr Benutzer surften.

Das Layout und Benutzerfreundlichkeit einer Website auf einem mobilen Gerät kann die Benutzererfahrung machen oder brechen.

Beispielsweise sollten Benutzer in der Lage sein, wichtige Inhalte klar und zugänglich anzuzeigen, ohne sie vergrößern zu müssen.

Links ein Beispiel für ein schlechtes mobiles Layout, rechts ein gutes Beispiel.

Es gibt zwei Möglichkeiten, um die Benutzerfreundlichkeit Ihrer Website auf Mobilgeräten zu bewerten. Die erste ist die Überwachung der Mobile Usability-Bericht in der Google Search Console.

In diesem Bericht werden Probleme wie nicht auf den Bildschirm passender Inhalt und zu kleiner Text angezeigt sowie eine Liste der betroffenen URLs für jedes Problem angezeigt.

Die zweite Methode besteht darin, wichtige Seitenvorlagen über Google auszuführen Handyfreundlicher Test.

Dies ist eine gute Möglichkeit, einzelne Seiten vor Ort zu überprüfen.

5. Überprüfen Sie Ihre Site auf Sicherheitsprobleme

Neben der Ladeleistung und der mobilen Benutzerfreundlichkeit Website-Sicherheit wird auch eine Rolle bei der Bestimmung der Seitenerfahrung spielen.

Google möchte sicherstellen, dass die in den SERPs präsentierten Websites für Nutzer ohne das Risiko von Sicherheitsproblemen sicher sind.

Die wichtigsten Sicherheitsprobleme sind Malware, unerwünschte Software, Phishing und irreführende Inhalte.

Eine einfache Möglichkeit, um zu überprüfen, ob Ihre Website Probleme aufweist, die Ihre Nutzer gefährden könnten, finden Sie im Bericht zu Sicherheitsproblemen in der Google Search Console.

Dieser Bericht befindet sich unter der Überschrift Sicherheit und manuelle Aktionen.

6. Stellen Sie sicher, dass Formulare und eingebettete Ressourcen über HTTPS bereitgestellt werden

Die Einbindung von HTTPS als Signal für das Seitenerlebnis ist eine weitere Möglichkeit, mit der Google versucht, die Sicherheit der Nutzer beim Surfen zu gewährleisten.

Das Bereitstellen von Inhalten, die Benutzerinteraktion und -eingabe über eine nicht sichere HTTP-Verbindung erfordern, stellt ein Risiko für Benutzer dar und macht sie und ihre Daten anfälliger.

Dies ist besonders wichtig für Formulare, in denen Benutzer persönliche Informationen eingeben, z. B. an Kassen, an denen Zahlungsinformationen weitergegeben werden.

Ein Beispiel für eine unsichere Verbindung links neben einer Checkout-Seite mit einer sicheren Verbindung rechts

Eine Möglichkeit, diese Probleme zu überprüfen, besteht darin, den Sicherheitsbericht in Screaming Frog zu verwenden.

In diesem Bericht können Sie die Anzahl der Instanzen von Formularen anzeigen, die auf HTTPS-URLs bereitgestellt werden, sowie Probleme mit gemischten Inhalten, bei denen eine Mischung von Seitenressourcen über HTTP und HTTPS bereitgestellt wird.

Damit Ihre Benutzer sicher surfen können, stellen Sie sicher, dass Ihre Site über ein aktuelles SSL-Zertifikat verfügt, und migrieren Sie Ihre URLs und On-Page-Ressourcen zu HTTPS.

7. Stellen Sie sicher, dass Interstitials wichtige Inhalte nicht behindern

Wenn eine Website aufdringliche Interstitials enthält, die viel Platz auf einer Seite beanspruchen und es Benutzern erschweren, auf wichtige Inhalte auf der Seite zuzugreifen, kann dies negative und frustrierende Erfahrungen für Benutzer verursachen.

Ein Beispiel für ein aufdringliches Interstitial auf der linken Seite neben einem nicht aufdringlichen Popup auf der rechten Seite

Durch manuelles Überprüfen Ihrer Seiten auf verschiedenen Geräten oder erneut mithilfe der Funktion “Chrome DevTools-Screenshots” können Sie visualisieren, wie sich Interstitials auf Ihre Benutzer auswirken können.

Um die Surferfahrung Ihrer Benutzer nicht zu stören.

Ziehen Sie in Betracht, Popups und Interstitials neu zu gestalten, damit sie wichtige Inhalte auf der Seite nicht behindern und die Benutzer sie nicht physisch schließen müssen, um ihre Reise auf Ihrer Website fortsetzen zu können.

Fazit

Befolgen Sie diese Tipps und integrieren Sie die Optimierung der Seitenerfahrung in Ihre SEO Strategiekönnen Sie dazu beitragen, die Seitenerlebnissignale Ihrer Website zu verbessern.

Dies wird sich sowohl kurzfristig als auch langfristig positiv auswirken.

Durch die Verbesserung des Seitenerlebnisses können Sie nicht nur die Leistung Ihrer Website zukunftssicher machen, indem Sie sie in die bestmögliche Position bringen, um vom bevorstehenden Algorithmus-Update zu profitieren, sondern auch den Nutzern Ihrer Website jetzt positive Erfahrungen bieten.

Bei der Optimierung der Seitenerfahrung geht es nicht darum, bestimmte Kriterien für Suchmaschinen zu erfüllen.

Es geht darum, echten Benutzern die bestmöglichen Erfahrungen zu bieten.

Und das ist ein Endziel, auf das wir uns alle einlassen können.

Mehr Ressourcen:

Bildnachweis

Alle Screenshots vom Autor, November 2020

Quelle

Erzählen Sie Ihren Freunden davon: