Core Web Vitals: Was sind sie und wie wirken sie sich auf Anwalts-SEO aus?

Inhalt. Backlinks. RangBrain. Das sind die drei Top-Ranking-Faktoren bei den Google SERPs – so der Suchmaschinenriese selbst.

Aber bereits im Mai 2020 kündigte Google an, dass in naher Zukunft ein weiteres Ranking-Signal die Aufmerksamkeit der Suchmaschine auf sich ziehen wird: Core Web Vitals.

Kurz gesagt, Google beginnt, viel mehr Wert auf die Benutzererfahrung (UX) zu legen, insbesondere wenn es um die Seitenerfahrung geht.

Was bedeutet das für Ihr Kanzlei-SEO-Projekt? Wir erklären Ihnen im Folgenden alles, was Sie wissen müssen, und bieten einige umsetzbare Lösungen, die Ihnen dabei helfen, erfolgreich zu sein.

Was sind Core Web Vitals?

Durch Core Web Vitals möchte Google einfach, dass Website-Besucher beim Surfen auf Ihrer Website ein außergewöhnliches Erlebnis haben. Core Web Vitals sind Metriken, die die Benutzererfahrung beim Laden einer Webseite bewerten.

Zu den drei wichtigsten Web-Vitalpunkten von Anwalts-SEO gehören:

• Größte Contentful Paint (LCP)
• Erste Eingabeanzeige (FID)
• Kumulative Layoutverschiebung (CLS)

Diese Metriken messen, wie schnell Ihr Seiteninhalt geladen wird , wie schnell ein Browser, der eine Webseite lädt , auf Benutzereingaben reagiert und wie instabil Ihr Inhalt beim Laden im Browser ist .

Schauen wir uns also diese zentralen Web-Vitals genauer an.

Größte Contentful Paint (LCP)

Largest Contentful Paint (LCP) misst, wie lange ein Webbrowser braucht, um den größten Bild- oder Textblock zu rendern.

Mit anderen Worten, es schätzt, wie schnell Benutzer über dem Faltblatt angezeigte Inhalte anzeigen können. Um eine gute Benutzererfahrung zu gewährleisten, sollten Sie eine Ladezeit von maximal 2,5 Sekunden für Contentful Paint anstreben.

Critical CSS ist der größte Einflussfaktor für LCP-Scores. Es handelt sich um eine Reihe von Stilen, die benötigt werden, um die Struktur, das Gefühl und das Aussehen Ihrer Seite im Ansichtsfenster oder über dem Falz anzuzeigen.

Auf einer Webseite sollten nur zwei Stile synchron geladen und in die HTML-Ausgabe Ihrer Site eingebettet werden. Der Rest des CSS sollte nach dem Laden der ersten Seite asynchron geladen werden.

Dadurch wird CSS als Ressource zum Blockieren des Renderns eliminiert, wodurch die Fähigkeit des Browsers optimiert wird, die erforderlichen Assets schneller bereitzustellen und den oben angezeigten Inhalt viel schneller anzuzeigen.

Wie kann ich meinen LCP-Score verbessern?

Um Ihren LCP-Score weiter zu verbessern, sollten Sie Folgendes tun:

• Bilder optimieren: Bilder sind oft die größten Bandbreitenfresser. Verwenden Sie den richtigen Bildtyp, die richtige Größe und Komprimierung, um das zusätzliche Aufblähen zu reduzieren, das der Browser zum Herunterladen des Inhalts benötigt, wodurch ein schnellerer LCP-Score gewährleistet wird.
• Verwenden Sie das richtige Dateiformat: Die beiden gängigen Bilddateiformate sind JPEG und PNG. Verwenden Sie JPEG für Bilder mit mehreren Farben (Tausende oder sogar Millionen) und PNG für Strichzeichnungen und Bilder mit weniger Farben.
• Komprimieren Sie Ihre Bilder: Verwenden Sie den Komprimierungsalgorithmus Ihres Bildformats, um noch größere Einsparungen zu erzielen. Glücklicherweise gibt es mehrere verfügbare Plugins, mit denen Sie Bilder in großen Mengen komprimieren können.
• Größe von Bildern ändern: Webseiten und Bilder haben Abmessungen. Sie können die richtigen Bildabmessungen mit einer Bildbearbeitungssoftware einstellen oder die Breiten- und Höhenattribute des HTML-IMG-Tags konfigurieren.
• Reduzieren der Server-Antwortzeit: Normalerweise wird die Server-Antwortzeit von der Servergeschwindigkeit Ihres Hosts bestimmt. Die Server-Antwortzeit wird auch als Zeit bis zum ersten Byte (TTFB) bezeichnet. Die Zeit, die Ihr Webserver benötigt, um auf eine Benutzeranfrage zu reagieren, einschließlich der HTML-, JavaScript-, CSS- und Schriftartdateien. Wenn Ihre Server-Reaktionszeit extrem langsam ist, ziehen Sie in Betracht, den Host zu wechseln oder Ihr Paket für bessere SEO-Services von Anwaltskanzleien zu aktualisieren.

LCP ist nur ein Teil des Puzzles. Auch das First Input Display ist ein wichtiger Bestandteil von Core Web Vitals.

Erste Eingabeanzeige (FID)

First Input Display (FID) verfolgt die Zeit von der ersten Interaktion eines Besuchers mit Ihrer Webseite, nachdem er darauf gelandet ist, bis zu dem Zeitpunkt, an dem der Browser mit der Verarbeitung dieser Interaktion beginnt.

Einfacher ausgedrückt bezieht sich FID auf die Verzögerung zwischen dem Klicken eines Benutzers auf einen Link oder dem Tippen auf eine Schaltfläche in den sozialen Medien und dem Zeitpunkt, zu dem der Browser auf die Aktion reagiert und mit der Verarbeitung beginnt.

Normalerweise wird FID in Millisekunden (ms) gemessen. Ihre Website sollte danach streben, einen FID-Score von 100 Millisekunden oder weniger zu erreichen. Wenn Benutzer auf Ihrer Kanzleiwebsite landen, erscheinen zu Beginn Widgets und Schaltflächen zum Teilen und können die Möglichkeit des Benutzers, seine erste Aktion auszuführen, verzögern. Durch die richtigen Optimierungen können Sie solche Verzögerungen reduzieren und die Benutzererfahrung verbessern.

Wie kann ich meinen FID-Score verbessern?

Wenn Ihr FID-Score nicht beeindruckend ist, ist dies normalerweise ein Hinweis darauf, dass Ihre CSS- oder JavaScript-Nutzung nicht optimiert ist. Die CSS-Dateien müssen schneller heruntergeladen und geparst werden, damit der Browser das Seitenlayout rendern kann. Durch das Minimieren und Komprimieren von Dateien oder das Entfernen von ungenutztem CSS-Code kann der FID-Score Ihrer Website erheblich verbessert werden.

Hier sind andere Strategien, mit denen Sie die Anzeigezeit für die erste Eingabe Ihrer Website minimieren können:

• Unbenutztes JavaScript zurückstellen: Wenn Sie modernes JS verwenden, können Sie ES6-Module einfach so konfigurieren, dass JavaScript bei Bedarf geladen wird.
• Minimieren Sie nicht verwendete Polyfills: Ältere Browser benötigen normalerweise Polyfills. Stellen Sie sicher, dass Polyfills nicht ausgeführt werden, wenn sie nicht benötigt werden. Sie können separate Bundles mit Modulen oder ohne Module liefern.

Es gibt noch ein letztes Teil des Core Web Vitals-Puzzles: Kumulative Layoutverschiebung.

Kumulative Layoutverschiebung (CLS)

Trotz großer Betonung der Benutzererfahrung ist es überraschend, dass viele Website-Besitzer nichts unternommen haben, um ihre Layouts zu stabilisieren. Stattdessen füllen sie ihre Seiten immer noch mit Bannern, Interstitials und aufdringlichen Anzeigen, die die Benutzererfahrung beeinträchtigen.

Aus diesem Grund hat Google Cumulative Layout Shift (CLS) als eines der wichtigsten Signale für die Seitenerfahrung eingeführt. Die Metrik wird berechnet, indem alle Layoutverschiebungen summiert werden, die nicht durch Benutzerinteraktionen verursacht wurden. CLS betrachtet normalerweise den Prozentsatz des Ansichtsfensters, der von Layoutverschiebungen und der Bewegungsdistanz der Parameter beeinflusst wird.

Ein CLS-Score kann für vollständig statische Seiten 0 sein und wird höher, wenn mehr Layoutverschiebungen auf der Webseite auftreten. In der Regel ist die visuelle Stabilität Ihrer Website umso größer, je niedriger Ihr CLS-Wert ist. Google empfiehlt, dass Sie einen CLS-Wert von unter 0,1 beibehalten.

Ein schlechter CLS-Score ist bei kommerziell orientierten Websites üblich, die versuchen, den Traffic durch Werbung zu monetarisieren. Wenn Benutzer auf Ihrer Website landen, sollten sie nicht mit Pop-ups und sich bewegenden Dingen konfrontiert werden. Es schadet ihrer Browsing-Erfahrung, anstatt Antworten auf ihre Fragen zu finden – weshalb sie in erster Linie die Website Ihrer Anwaltskanzlei besuchen.

Wie kann ich meinen CLS-Score verbessern?

Glücklicherweise können Sie einige Optimierungen vornehmen, um die kumulative Layoutverschiebung zu verbessern. Sie beinhalten:

• Verwendung von link rel=preload und font:display-Werten: Wenn Ihre Kanzleiwebsite online gehostete Schriftarten verwendet, können Sie FOUT (Flashes Of the Unstyled Text) und FOIT (Flashes Of the Invisible Text) erleben. Wenn ein Browser Schriftarten vom Server herunterlädt, zeigt er normalerweise eine leere Seite an, bis die benutzerdefinierten Schriftarten geladen sind. Sobald die angezeigte Schriftart heruntergeladen wurde, kann sich das Layout ziemlich bewegen. Die Verwendung von link rel=preload und font:display Werten kann helfen, das Layout zu stabilisieren.
• Einschließen von Breiten- und Höhenaspekten für Bilder und Videos: Es ist immer am besten, die Größe von Bildern mit dem Seitenverhältnis, dem Breiten-Höhen-Verhältnis (z. B. 16:9), zu ändern. Es ermöglicht Browsern, den für die Anzeige des Bilds erforderlichen Platz zu berechnen, wodurch das Risiko von Layoutverschiebungen verringert wird. Verwenden Sie bei responsiven Bildern das srcset-Attribut, um mehrere Bildgrößen einzurichten, um geeignete Größen anzuzeigen.

Da Sie nun besser verstehen, was Core Web Vitals sind, ist es wichtig, einen Blick hinter den Vorhang zu werfen, um die Ergebnisse Ihrer eigenen Website zu überprüfen.

Wie kann ich Core Web Vitals messen?

Seit Google Core Web Vitals eingeführt hat, ist die Zahl der Möglichkeiten, die Leistung einer Website zu überprüfen oder zu messen, sprunghaft angestiegen. Heute gibt es Dutzende verschiedener Core Web Vital-Messtools.

Diese Tools fallen in eine von zwei Kategorien: Feldtools und Labortools. Feldtools liefern Rohdaten, die von Benutzern gesammelt wurden, während Labortools Daten basierend darauf liefern, wie Benutzer eine Site wahrscheinlich erleben.

Zu den beliebtesten Tools zum Überprüfen von Core Web Vitals gehören:

• Google Search Console
• Google PageSpeed ​​Insights
• Chrome-UX-Bericht (CrUX)
• Google-Leuchtturm
• Chrome DevTools und
• WebseitenTest.

Welches Tool sollten Sie also verwenden? Nehmen Sie sich etwas Zeit, um zu sehen, wie die verschiedenen Tools funktionieren. Unsere SEO-Experten lieben Lighthouse – es ist das führende laborbasierte Tool und bietet Flexibilität als Chrome-Erweiterung.

Um die Ergebnisse einer Website zu überprüfen, führen Sie einfach das Lighthouse-Entwicklertool in Ihrem Google Chrome-Browser aus, besuchen Sie die Website, die Sie messen möchten, und erstellen Sie einen Core Web Vitals-Bericht.

Nach einer kurzen Prüfung erhalten Sie detaillierte Ergebnisse zur Leistung Ihrer Website (einschließlich Metriken, die über die drei wichtigsten Web Vitals hinausgehen) sowie Vorschläge zur Verbesserung Ihrer Gesamtpunktzahl.

Wie sich Core Web Vitals auf Anwalts-SEO auswirken

Core Web Vitals in Kombination mit anderen Site-Variablen kann eine hervorragende Bewertung für die Benutzererfahrung erzielen.

Obwohl Core Web Vitals den Löwenanteil des User Experience-Scores ausmachen, beeinflussen sie auch andere Faktoren, darunter:

• HTTPS : Sichere Websites bieten oft eine bessere Benutzererfahrung, da viele Menschen ungesicherte Websites meiden. Stellen Sie sicher, dass alle Adressen auf Ihrer Website HTTPS-Seiten sind, um Ihre Benutzerfreundlichkeit zu verbessern.
• Mobilfreundlich: Google betrachtet den Support für Mobilgeräte als wichtiges Signal für die Benutzerfreundlichkeit und verbessert Ihr Ranking in den Suchergebnissen.
• Sicherheit: Jeder Virus oder jede Malware auf Ihrer Website kann Ihre Benutzererfahrung beeinträchtigen. Sicheres Surfen ist für ein positives Nutzererlebnis mit Ihren Inhalten unerlässlich und ein Rankingfaktor, den Google für entscheidend hält.
• Keine interstitiellen Pop-ups: Wenn Ihre Website mit Pop-ups gefüllt ist, können diese die Seite überfordern und zu einem Ärgernis werden, was sich negativ auf das Google-Ranking auswirkt. Vermeiden Sie immer anmaßende Werbung, um die Benutzererfahrung zu verbessern.

Obwohl diese Parameter eine wichtige Rolle bei der Bewertung der Benutzererfahrung spielen, haben Core Web Vitals einen großen Einfluss auf Ihre Benutzererfahrung und Ihr Google-Ranking. Wenn die Core Web Vital-Werte Ihrer Website insgesamt nicht beeindruckend sind, stellen Sie möglicherweise einen Rückgang des Rankings Ihrer Website fest. Und je mehr Gewicht Google Core Web Vitals als Ranking-Signal beimisst, desto wahrscheinlicher werden Sie signifikante Veränderungen beim Ranking von Websites feststellen.

LawRank kann Ihnen helfen, Ihre wichtigsten Web-Vitalwerte zu verbessern und SEO-Erfolg zu erzielen

Letztendlich wird die Optimierung Ihrer Website basierend auf diesen drei Metriken die Benutzererfahrung verbessern. Das Letzte, was Sie möchten, ist, dass Besucher Ihre Kanzleiwebsite erreichen und frustriert sind, wenn Seiten langsam geladen werden oder sich Layouts unerwartet von ihrem mobilen Gerät verschieben. Solche negativen Erfahrungen werden sich letztendlich nur schlecht auf Ihre Anwaltspraxis auswirken.

Die Optimierung Ihrer Kanzleiwebsite für Core Web Vitals ist ein besonders komplizierter Aspekt des SEO-Prozesses. Die besten Ergebnisse zu erzielen, erfordert Zeit, eine erfahrene Hand und fundierte Kenntnisse der technischen On-Site-SEO für Anwälte.

Konzentrieren Sie sich darauf, Ihren Kunden den bestmöglichen Service zu bieten – lassen Sie die Anwalts-SEO-Spezialisten von LawRank die Website Ihrer Kanzlei für die ultimative Benutzererfahrung verbessern. Wir sind ein führendes SEO-Unternehmen für Anwälte – wir bringen Anwaltskanzleien wie Ihre dazu, wann und wo es am wichtigsten ist, zu ranken – und unsere Ergebnisse sprechen für sich. Das liegt daran, dass wir einen umfassenden SEO-Ansatz verfolgen, was bedeutet, dass kein Stein auf dem anderen bleibt und kein Detail ungeprüft bleibt.

Kontaktieren Sie uns noch heute, um mehr darüber zu erfahren, wie unser Team Ihnen helfen kann, Ihre Core Web Vitals und andere Aspekte Ihrer SEO-Kampagne zu verbessern.