Warum Sie der Seitenerfahrung auf Ihrer Website Priorität einräumen müssen

Die Corona-Pandemie zeigt eines: Das Internet und der Zugang dazu sind essenziell. Da die Menschen aufgrund von Shelter-in-Place-Verordnungen zu Hause bleiben, ist das Internet zu einem wichtigen Werkzeug geworden, um von zu Hause aus zu arbeiten, zu lernen, Kontakte zu knüpfen und das Nötigste zu kaufen. In einer Studie von Pew Research sagen 53 % der Amerikaner, dass das Internet während der Coronavirus-Pandemie unerlässlich war.

Als der Datenverkehr zunahm, wurden Konnektivitätsprobleme unter den Benutzern weit verbreitet. Da viele Menschen ihre Internetverbindung zu Hause für Videokonferenzen , die Arbeit, Online-Shopping, den Besuch von Kursen, das Spielen von Online-Spielen und mehr nutzen, ist die Nachfrage nach dem Netzwerk stark gestiegen. Diese hohe Nachfrage führt zu Netzwerküberlastung und hoher Latenz. Und diese Probleme äußern sich als nicht synchrones Video bei Online-Spielen, eingefrorenes oder verzögertes Audio bei Videoanrufen, langsame Ladegeschwindigkeit von Websites und mehr. Insgesamt haben Verbindungsprobleme für viele Online-Besucher zu einer schlechten Website-Benutzererfahrung geführt.

Nach der aktuellen Krise hat Google angekündigt, die Seitenerfahrung ab 2021 als Ranking-Faktor zu verwenden. Die Suchmaschine sagt, dass sie Websites eine 6-monatige Vorwarnung geben wird, bevor der neue Algorithmus eingeführt wird. Das Seitenerfahrungssignal misst, wie Benutzer die Interaktion und Erfahrung bei der Nutzung einer Webseite wahrnehmen.

Core Web Vitals bilden die Grundlage für die Messung der Seitenerfahrung. Es besteht aus 3 zentralen Benutzermetriken:

• Largest Contentful Paint misst die wahrgenommene Ladegeschwindigkeit und markiert den Zeitpunkt, zu dem der Inhalt der Hauptseite geladen wurde.
• Die erste Eingabeverzögerung misst die Reaktionsfähigkeit und die Erfahrung der Benutzer, wenn sie versuchen, mit der Webseite zu interagieren (z. B. das Klicken auf Links).
• Die kumulative Layout-Verschiebung misst die visuelle Stabilität und wie viel unerwartete Layout-Verschiebung auf dem Inhalt einer Seite auftritt.

Sollte sich dies auf Ihre Website-Optimierungsbemühungen auswirken?

Die kurze Antwort ist ja !

Obwohl Google dieses neue Signal noch nicht implementiert hat, ist es wichtig, dass Optimierungsspezialisten diese Richtlinien zur Verbesserung der Benutzererfahrung verwenden, bevor die Änderung eingeführt wird.

Die Verbesserung der Website-Benutzererfahrung führt zu Kundenzufriedenheit und höheren Umsätzen. Es ist auch wichtig, gerade jetzt die beste Benutzererfahrung zu bieten, wenn Sie viel Verkehr haben. Ein zufriedener Kunde kommt immer wieder!

Das Beste an der Seitenerfahrung ist, dass Sie keine außergewöhnlichen Optimierungsleistungen erbringen müssen. Es reicht aus, die Ladezeit der Website zu verbessern, wie visuelle Elemente und Layouts funktionieren.

Google hat sogar Tools bereitgestellt, mit denen Sie die Seitenerfahrung Ihrer Website verfolgen und verbessern können:

• PageSpeed-Einblicke
• Bericht zur Chrome-Benutzererfahrung
• Search Console (Core Web Vitals-Bericht)

Schritte zur Verbesserung der Seitenerfahrung jetzt

Hier sind einige einfache Schritte, um mit der Verbesserung der Benutzererfahrung auf Ihrer Website zu beginnen:

1. Verwenden Sie ein CDN

Content Delivery Networks verwenden Server in der Nähe von Benutzern, um ihnen Inhalte bereitzustellen, wodurch die Roundtrip-Zeit verkürzt und das Laden Ihrer Website beschleunigt wird. Wenn Sie ein großes internationales Publikum bedienen, bringt die Verwendung eines CDN Ihre Website-Inhalte näher an Ihr Publikum und verringert die Reisedistanz Ihrer Inhalte. Die Verkürzung der Entfernung zwischen Ihrem Server und den Benutzern trägt dazu bei, die Seitenladezeit zu verkürzen und ihre Erfahrung auf Ihrer Website zu verbessern.

2. Lazy Load-Bilder

Die Optimierung von Bildern und anderen visuellen Inhalten auf Ihrer Website ist ein Muss, da dadurch die Dateigröße reduziert wird. Fügen Sie neben der Verwendung von PNGs/JPEGs-Formaten und dem Komprimieren von Bildern immer Abmessungen hinzu, damit das Bild beim Laden nicht Ihr Seitenlayout stört. Der nächste Schritt besteht darin, Bilder faul zu laden, um die Geschwindigkeit Ihrer Website zu erhöhen.

Verzögertes Laden von Bildern auf einer Website bedeutet, dass Bilder, die sich nicht im Ansichtsfenster befinden, nicht geladen werden, bis der Benutzer zu ihnen scrollt. Das bedeutet, dass Ihre Website nur so lange "above the fold"-Inhalte lädt, bis ein Benutzer nach unten scrollt.

Beispielsweise kann eine stark frequentierte E- Commerce-Website diese Methode verwenden, um die Gewichtung von Bildeigenschaften auf ihrer Website zu reduzieren. Nach der Implementierung werden Benutzern, die beim Anzeigen eines Produkts nicht zum Ende der Seite scrollen, keine Bilder verwandter Produkte angezeigt. Dies beschleunigt die Ladezeit der Website.

3. Optimieren Sie Ihren Code

Eine weitere Verbesserung der Benutzererfahrung, die Sie vornehmen können, besteht darin, Codekommentare, Kommas, Leerzeichen, Formatierungen usw. zu entfernen, um die Ladezeiten der Seiten zu verkürzen.

Sie können auch noch weiter gehen, indem Sie dieses PageSpeed- Tool verwenden, um Skripte zu finden, die Ihre Website verlangsamen . Browser bauen einen DOM-Baum (Document Object Model) auf, um HTML zu verarbeiten und eine Webseite zu rendern. Wenn der Browser dabei auf ein Skript trifft, hält er das Rendering an, um dieses Skript auszuführen. Und dies kann die Geschwindigkeit der Webseite dramatisch verlangsamen.

Wenn das Skript wichtig ist, können Sie das Skript direkt in den HTML-Code der Seite einfügen, wo es bei Bedarf geladen wird. Wenn nicht, verzögern Sie das Skript, bis alle anderen Elemente gerendert wurden. Der beste Weg, dies zu tun, besteht darin, Ihre Seite asynchron zu laden.

Sie können auch .js- und .css-Dateien verketten, um Render-blockierende Skripts zu reduzieren.

4. Caching aktivieren

Das Abrufen und Herunterladen von Ressourcen über ein Netzwerk jedes Mal, wenn ein Benutzer Ihre Website besucht, ist teuer und verschwendet Zeit. Daher cachen Browser Informationen, um diesen Prozess zu beschleunigen.

Browser speichern Bilder, JavaScript-Dateien, Stylesheets und andere Eigenschaften, sodass eine Website nicht von Grund auf neu geladen werden muss, wenn ein Benutzer Ihre Website erneut besucht. Dies erhöht die Geschwindigkeit Ihrer Website, wenn ein wiederkehrender Benutzer sie besucht. Die meisten Website-Geschwindigkeitstest-Tools bieten Möglichkeiten, das Browser-Caching für Ihre Website zu überprüfen und zu optimieren.

Sie können auch das Caching auf Serverebene mit Ihrem CDN aktivieren, um die Ladezeit der Website zu verkürzen.

5. Achten Sie auf die Platzierung von Anzeigen und Inhalten

Um ein Verschieben des Webseitenlayouts zu vermeiden, achten Sie darauf, wo Sie Inhalte und Anzeigenplätze auf Ihrer Website platzieren. Dynamische Inhalte, die wie Anmeldeformulare auftauchen, DSGVO-Hinweise verzerren das Seitenlayout, wenn sie oben oder unten im Darstellungsbereich angezeigt werden. Reservieren Sie am besten genügend Platz für Ihr Pop-up, damit es andere Inhalte auf Ihrer Seite nicht verzerrt.

Vermeiden Sie es, Anzeigen ganz oben im Darstellungsbereich zu platzieren, da dies den Inhalt und das visuelle Layout auf der Seite dramatisch verändern kann. Dies liegt daran, dass oben platzierte Anzeigen normalerweise mehr Elemente enthalten, die zu einer Verschiebung des Inhalts auf der Seite führen. Außerdem mögen es Benutzer möglicherweise nicht, zuerst eine Anzeige zu sehen, bevor sie den Inhalt sehen, für den sie gekommen sind.

Fazit

Maßnahmen zur Verbesserung der Website-Benutzererfahrung zahlen sich jetzt nicht nur in zufriedenen Kunden aus. Es wird sich auch auszahlen, wenn es darum geht, Ihren Inhalten zu helfen, wenn der Google Page Experience-Algorithmus eingeführt wird. Und wenn Sie früh anfangen, werden Sie nicht im Stich gelassen, wenn die Änderung kommt.