Lassen Sie uns in erster Linie darüber sprechen, was Google Core -Web -Vitale Sind. Es handelt sich um eine Reihe verschiedener Metriken, die Google verwendet, um Ihre Website zu bewerten. Dazu gehören Parameter wie Seitengeschwindigkeit, wie interaktiv die Seite ist, UX/UI, ablenkende Bilder oder andere Elemente und wie viel sich das Design beim Scrollen auf der Seite ändert.
Diese Metriken sind so konzipiert, dass es den Website-Erstellern einfach ist, ihre Websites zu verbessern und benutzerfreundlicher zu gestalten. Also, was sind die Metriken?
Inhaltstabelle
- Metriken verwendet Google, um Kern -Web -Vitals zu messen
- Warum Google Core -Web -Vitals wichtig sind
- So testen Sie Ihre aktuellen Kern -Web -Vitals
- So verbessern Sie Ihr Web -Vitalwert
- Verbesseren
- So verbessern Sie Ihre erste Eingabeverzögerungsbewertung (FID)
- So verbessern Sie Ihre kumulative Layout -Schichtbewertung (CLS)
- Bonus: Beschleunigen Sie Ihre WordPress -Elementor -Site mit Elementor Speed Optimizer, um mit Kern -Web -Vitalen Schritt zu halten
- Abschluss
Metriken verwendet Google, um Kern -Web -Vitals zu messen
Google verwendet drei Metriken, um Ihr Web -Vital Score zu bestimmen: LCP, FID und CLS. Jeder misst einen anderen Aspekt Ihrer Website. Diese Begriffe können zwar etwas technisch erscheinen, aber in Wirklichkeit sind sie ziemlich einfach. Um zu verstehen, wie Google die Kern -Web -Vitale misst, schauen wir uns die einzelnen an:
LCP
LCP steht für den größten inhaltlichen Punkt. Dies misst im Wesentlichen nur die anfängliche Ladezeit einer Webseite. Insbesondere misst es die wahrgenommene Lastgeschwindigkeit des „Hauptinhalts“. Hauptinhalt bezieht nicht die gesamte Seite.
Dies ist wichtig zu verstehen, da es keinen Inhalt misst nicht In Ansicht, wenn die Seite geladen wird - zum Beispiel den Text eines Artikels, der erst nach dem Scrollen sichtbar ist. Es misst nur den sofort sichtbaren Teil der Seite.
Fid
Fid steht für die erste Eingabedeladung. Diese Metrik ist etwas nuancierter, bezieht sich aber im Grunde nur auf UX -Interaktivität und Reaktionsfähigkeit. Eine niedrigere (bessere) FID -Bewertung bedeutet, dass Ihre Seite reagiert und schnell auf jede Benutzerinteraktion reagiert. Wenn sie beispielsweise eine Taste drücken oder auf einen Link klicken, misst FID die Zeit aus dem Benutzeraktion zu dem Prozess beginnen.
Ihre Website sollte es dem Browser des Benutzers sehr einfach machen, mit der Verarbeitung der Aktion zu beginnen. Wenn ein Benutzer auf eine Schaltfläche klickt, es jedoch einige Sekunden dauert, bis die Aktion beginnt, wird Ihr FID -Score schlechter, da sich dies negativ auf die Benutzererfahrung auswirkt.
Cls
Endlich, Cls steht für die kumulative Layoutverschiebung. Dies verfolgt, wie sehr sich das Layout verschiebt nach Die Seite hat voll geladen. Dies wird normalerweise durch eines von zwei Dingen verursacht:
- Elemente wie Bilder werden nach dem Laden der Seite selbst erheblich geladen (normalerweise asynchron)
- Der Benutzer klickt auf eine Schaltfläche oder führt eine weitere Aktion aus, die dann zu verwirrender Weise ändert.
Warum Google Core -Web -Vitals wichtig sind
Jetzt wissen wir, welche Google -Web -Vitals oder Kern -Web -Vitals sind. Aber warum sind sie wichtig? Und wie wirken sie sich auf Ihre Website und die Suchergebnisse von Google aus?
Haupteffekt auf die SEO
Der größte Einfluss Ihrer wichtigsten Web -Score ist die Suchmaschinenoptimierung oder die SEO. Um Ihre Website zu bewerten, verwendet Google Web-Vitals-zusammen mit anderen Metriken wie Mobilfreundlichkeit, SSL, Pop-ups (oder Fehlen davon) und Inhaltsqualität.
Daher ist es sehr wichtig, sicherzustellen, dass Ihre Web -Vitals -Ergebnisse gut sind, wenn Sie Ihre SEO verbessern und in den Suchergebnissen höher erscheinen möchten.
Umsatz verloren
Wenn Sie eine E -Commerce -Website ausführen, möchten Sie auch Ihre Web -Vitals verbessern. Websites, die langsam laden, schleppende Schaltflächen und UX -Elemente haben und häufige Layoutverschiebungen haben, werden potenzielle Kunden abschrecken. Eine langsame Website scheint weniger zuverlässig zu sein und die Kunden zögern, Zahlungsinformationen einzugeben.
So testen Sie Ihre aktuellen Kern -Web -Vitals
Wenden wir uns nun Ihrer Website zu und sprechen Sie darüber, wie Sie Ihre eigenen wichtigen Ergebnisse testen können. Abhängig von Ihren technischen Fähigkeiten gibt es verschiedene Möglichkeiten, dies zu tun. Der einfachste Weg, sie zu überprüfen, ist jedoch über Google Page -Erkenntnisse, daher werden wir uns hauptsächlich darauf konzentrieren.
Beachten Sie, dass es normal ist, dass zwischen jedem Werkzeug geringfügige Unterschiede vorhanden sind. Machen Sie sich also keine Sorgen, wenn die Zahlen unterschiedlich sind. Ebenso variieren die Ergebnisse des Desktops und der mobilen Testergebnisse.
Google PageSpeed Insights
Google bietet ein Tool zur Analyse von Web -Vitalen für Sie. Es heißt PageSpeed -Erkenntnisse Und es gibt Ihnen eine Menge Daten über Ihre Website.
Um einen Test auszuführen, geben Sie einfach die URL Ihrer Website in die Bar ein und drücken Sie Analysieren. Sobald der Test abgeschlossen ist, werden Sie die Ergebnisse sehen. Das erste Element deckt Kern -Web -Vitals ab.
Wenn die Punktzahlen nicht zufriedenstellend sind, ist die Bar rot. Sie können auch klicken Ansicht erweitern Weitere Details sehen. Sie sollten auch die Einstellung auf Desktop umstellen, um sicherzustellen, dass Ihre Punktzahlen auch dort gut genug sind.
Lassen Sie uns nun kurz einige andere Optionen zum Testen Ihrer wichtigen Bewertungen abdecken oder sehen, wo Sie nach den Kern -Web -Vitalen von Google stehen.
Google -Suchkonsole
Der Google -Suchkonsole ist ein Tool, das Sie mit Ihrer Website einrichten können, um Feedback und Tipps zur Verbesserung Ihrer Google -Suchergebnisse zu erhalten. Im Gegensatz zu PageSpeed -Erkenntnissen müssen Sie überprüfen, ob Sie die Domain besitzen, indem Sie Ihrer DNS -Bestätigung einen TXT -Datensatz hinzufügen.
Sobald Sie dies tun, können Sie sich in das Administratorbereich von Google Search Console anmelden und dann die Registerkarte "Web -Vitals" in der linken Seitenleiste finden.
Die Web -Vitals -Erweiterung
Wenn Sie den Google Chrome -Browser verwenden, können Sie jetzt eine Erweiterung installieren, um Ihre wichtigen Bewertungen direkt im Browser zu überprüfen. Es heißt Web -Vitale Und Sie können es aus dem Chrome Web Store herunterladen.
Sobald Sie die Erweiterung installiert haben, navigieren Sie einfach zur URL Ihrer Website, klicken Sie auf die Schaltfläche Erweiterungen in der oberen Navigationsleiste und dann in der Web -Vitals -Erweiterung. Nach einem Moment sehen Sie die Ergebnisse der Web -Vitals:
Chrom Devtools und Leuchtturm
Eine weitere Option für Chrome -Benutzer ist die Devtools Suite von Webentwicklungstools, die in den Browser selbst integriert sind. Eines dieser Tools wird als Leuchtturm bezeichnet und ermöglicht es Ihnen, die Web -Vitals -Ergebnisse zu überprüfen.
Um den Leuchtturm zu öffnen, navigieren Sie zu Ihrer Website und klicken Sie dann mit der rechten Maustaste auf die Seite. Wählen Überprüfen und dann die wählen die Leuchtturm Registerkarte oben:
Dort dort klicken Sie Bericht erstellen und warten Sie einen Moment, bis der Bericht erstellt wird. Dieser Bericht enthält Bewertungen für Barrierefreiheit, SEO, Leistung und andere Metriken.
So verbessern Sie Ihr Web -Vitalwert
Sie haben also die obigen Tests durchgeführt und einen Verbesserungsbedarf gesehen. Lassen Sie uns über die Reparatur Ihrer Ergebnisse sprechen!
Unabhängig davon, welche Methode Sie oben verwendet haben, sollten Sie, wenn es Probleme gibt. Einige der Testmethoden (z. B. PageSpeed -Erkenntnisse) bieten Ihnen eine Liste von Verbesserungen direkt in den Testergebnissen. Es gibt aber auch einige andere Aktionen, die Sie ergreifen können, um Ihre Ergebnisse zu verbessern.
Da jede der drei Metriken für verschiedene Aspekte Ihrer Website gilt, ist es sinnvoll, die Lösungen getrennt zu organisieren. Für die meisten Websites ist es unwahrscheinlich, dass Sie gleichzeitig ein Problem mit LCP, FID und CLS haben.
Verbesseren
Beginnen wir mit der LCP -Punktzahl. Wie oben erwähnt, misst diese Punktzahl die anfängliche Ladezeit des Hauptinhalts auf einer Seite.
Was für eine ideale Punktzahl ist
Was ist eine ideale LCP -Punktzahl? Nach dem offizieller Google Guide, Sie sollten einen LCP von 2,5 Sekunden oder weniger haben. Je schneller Ihre Website lädt, desto besser, desto besser, um diese Zahl so niedrig wie möglich zu gestalten.
Wenn Ihr LCP -Wert 2,5 Sekunden oder höher beträgt, was sollten Sie dann tun? Lassen Sie uns einige Lösungen diskutieren.
Verwenden Sie einen besseren Host
Die vielleicht einfachste Lösung besteht darin, Ihren Host zu verbessern. Höhere Gastgeber (wie Convio) verbessern Ihre LCP -Punktzahl, ohne dass Sie selbst viel tun müssen. Die Verbesserung wird besonders auffällig sein, wenn Sie derzeit einen gemeinsam genutzten Hosting-Plan oder ein einstufiges Cloud-Hosting verwenden.
Convsio ist im Hinblick auf Geschwindigkeit, Skalierbarkeit und Sicherheit gebaut. Basierend auf leistungsstarken Google Compute-Servern, die Containerumgebungen ausführen und CloudFlare Enterprise für Geschwindigkeit und Sicherheit ausführen, können Sie sicher sein, dass Ihre Hochverkehrswebsite stabile Seitenladezeiten aufweist.
Page Caching
Die meisten Hosts werden ihre eigenen Caching -Lösungen implementieren, aber Sie können auch ein Seiten -Caching -Plugin wie WP Rocket oder WP Super Cache verwenden. Diese Plugins verringern die Zeit, die Ihre Website zum Laden benötigt.
Entfernen Sie unbenutzte JS und CSS & Große Bilder entfernen oder ändern Sie die Größe
JavaScript- und CSS -Dateien sind häufig einige der größten Dateien, daher lohnt es sich, sie definitiv zu minimieren. Es gibt viele verschiedene Möglichkeiten, dies zu tun, von einem Plugin wie WP Super Minify bis zu einer manuellen Lösung wie UglifyJs.
Ebenso möchten Sie in Betracht ziehen, nur unnötige JavaScript- und CSS -Code vollständig zu entfernen. Die meisten Websites haben einiges an alten, nicht verwendeten Code, daher lohnt es sich, einen Blick darauf zu werfen, ob Sie etwas entfernen können.
Bilder sind normalerweise die größten Dateien auf einer Website, insbesondere wenn sie nicht so weit wie möglich optimiert und komprimiert werden. Es ist auch üblich, Bilder hochzuladen, die unnötig breit sind.
Wenn Sie in der Lage sind, Bilder zu entfernen, ohne die Qualität Ihres Inhalts zu beeinflussen, empfehlen wir es. Wenn nicht, versuchen Sie, Ihre Bilder nach Bedarf nur breit genug zu machen. Für die meisten Geräte bedeutet dies maximal 2500px. Alles, was größer als dies ist, ist normalerweise unnötig und wirkt sich höchstwahrscheinlich negativ auf die Kern -Web -Vitals aus.
Verwenden Sie ein Content Delivery Network (CDN)
Ein CDN- oder Content -Zustellungsnetzwerk ist ein verteiltes Netzwerk von Servern, mit denen Ihre Website basierend auf dem Standort des Besuchers schneller geladen wird. Wenn ein Besucher beispielsweise in Europa ist, lädt ein CDN Ihre Website von einem nahe gelegenen Server und lädt nicht aus Nordamerika, Asien oder wo immer Ihr Zuhause sein kann.
Unbenutzte Plugins und Themen deinstallieren
Schließlich ist es immer eine gute Idee, nicht verwendete Plugins und Themen zu entfernen. Wir empfehlen, Ihre installierten Themen und Plugins regelmäßig durchzugehen und alle zu entfernen, die Sie seit einiger Zeit nicht mehr verwendet haben.
So verbessern Sie Ihre erste Eingabeverzögerungsbewertung (FID)
Schauen wir uns nun FID an. Wenn Sie sich aus dem vorherigen Abschnitt erinnern, befasst sich FID mit Interaktivität und der Verzögerung zwischen dem wann Eine Aktion wird ergriffen Und Der Prozess beginnt. Klicken Sie beispielsweise auf eine Schaltfläche und dann eine Aktion aus.
Was für eine ideale Punktzahl ist
Ein guter FID -Score sollte 100 Millisekunden oder weniger betragen, so laut Die Web.dev -Website von Google.
Also, wenn Ihre Punktzahl über 100 Millisekunden liegt, was können Sie dann tun, um sie zu senken? Zum größten Teil bezieht sich FID mit JavaScript Code, da JS in den meisten interaktiven Elementen verwendet wird.
Der beste Weg, um Ihren FID -Score zu verbessern, besteht darin, Ihren JavaScript -Code zu optimieren und alles zu entfernen, was Sie nicht verwenden. Sie sollten auch ein leichteres Front-End und weniger schweres Thema haben:
- Verwenden Sie Async, um JavaScript zu laden oder zu verschieben.
- Überprüfen Sie den WordPress Customizer, um festzustellen, ob Sie einen unnötigen JavaScript -Code eingefügt haben.
- Ihr Thema kann auch einen separaten Abschnitt zum Hinzufügen von JS haben. Überprüfen Sie es, um sicherzustellen, dass der Code noch verwendet wird.
- Wenn möglich Abhängigkeiten reduzieren. Je mehr Abhängigkeiten Ihr Code hat, desto mehr müssen Sie laden.
- Minimieren Sie Ihr JavaScript mit einem Plugin wie WP Super Minify oder direkt mit UglifyJs.
So verbessern Sie Ihre kumulative Layout -Schichtbewertung (CLS)
Schauen wir uns schließlich CLS an, was misst, wie sehr sich das Layout verschiebt.
Was für eine ideale Punktzahl ist
Wenn wir uns die offizielle Web.dev -Website von Google ansehen, ist eine gute Punktzahl als 0,1 oder weniger definiert. Diese Zahl wird auf ziemlich komplexe Weise berechnet, läuft jedoch im Wesentlichen auf die Berechnung der Bewegung instabiler Elemente.
Wenn Ihr CLS -Wert über 0,1 liegt, was können Sie dann tun, um es zu verbessern? Sie müssen meist nur bestimmte Dimensionen für „flexible“ Elemente angeben. Das heißt, wenn die Größe oder Form des Elements auf der Bildschirmgröße oder einer Aktion des Benutzers basiert, wie beim Klicken auf eine Schaltfläche.
- Bilder. Zunächst sollten Sie spezifische Dimensionen für alle Bilder auf Ihrer Website erstellen. Dies bedeutet, dass Sie kein riesiges Bild (5000px oder mehr) haben sollten, das das Layout der Site basierend auf dem Gerät dramatisch verändert.
- Dynamische Anzeigen. Wenn Sie auf Ihrer Website dynamische Anzeigenräume haben, stellen Sie sicher, dass Sie eine bestimmte Breite und Höhe für das Anzeigenfenster festlegen. Dies ist besonders wichtig, da Sie sonst normalerweise keine Kontrolle über die Größe und Form der angezeigten Anzeigen haben.
- Einbettungen und Iframes. Stellen Sie schließlich sicher, dass eingebettete Elemente (z. B. YouTube -Videos) bestimmte Dimensionen festlegen.
Andere Tipps und Tricks
Schließlich finden Sie hier auch einige andere Tipps, die Ihre Ergebnisse wahrscheinlich verbessern werden. Obwohl Sie Ihre Web -Vitals wahrscheinlich nicht drastisch verbessern, sind sie dennoch eine gute Idee. Diese könnten ein wenig dazu bringen, Google Core Web Vitals Metrics besser zu treffen.
Verwenden Sie optimierte leichte Plugins und Themen
Leider können viele WordPress -Themen und Plugins mit unnötigem oder schlecht geschriebenem Code, fremden Merkmalen und anderen Elementen aufgebläht werden. Diese machen Ihre Website langsamer und können den Browser manchmal beeinträchtigen. Dies führt zu einer niedrigeren Web -Vitalwerte.
Halten Sie Plugins und Themen aktualisiert
Es ist immer eine gute Idee, Themen und Plugins auf die neueste Version auf dem Laufenden zu halten. Dies wird normalerweise aus Sicherheitsgründen empfohlen, sollte jedoch auch beachtet werden, dass Updates (normalerweise) das Plugin effizienter machen. Wenn sich Entwickler verbessern, verbessert dies auch Ihre Web -Vitalwerte!
Bonus: Beschleunigen Sie Ihre WordPress -Elementor -Site mit Elementor Speed Optimizer, um mit Kern -Web -Vitalen Schritt zu halten
Elementor ist einer der Pioniere von Seitenbauern in der WordPress -Branche. Es bietet einige der erstaunlichsten Widgets und Funktionen, um in kurzer Zeit eine professionelle Website zu erstellen. Mit seinen erstaunlichen Funktionen werden die Leute verrückt und verwenden eine große Anzahl von Widgets und Funktionen, um ihre Websites zu erstellen.
Und schließlich haben sie eine Website, die langsam ist und nicht rechtzeitig lädt. Deshalb brauchen sie ein Plugin, das ihre WordPress -Sites beschleunigt.
Das Speed Optimizer -Plugin verfügt über viele interessante Funktionen, die es zu einem der besten Speed -Booster -Plugins machen. Die Funktion enthält,,
Blacklist -Modus
Sie können bestimmte Seiten oder Beiträge aus dem Laden von Elementor -Assets blockieren. Aktivieren Sie das Plugin und Sie finden Optionen, um jede Seite anzuzeigen und auf Ihrer Website zu veröffentlichen, um die zusätzlichen Vermögenswerte vom Laden zu blockieren. Sie können auch bis zu 20 Artikel auf der kostenlosen Version einschränken (10 für Seiten und Beiträge jeweils).
Woocommerce Booster
Jede Sekunde in Ihrem WooCommerce -Geschäft kann sich zwischen dem Gewinnen oder dem Verlust eines potenziellen Verkaufs entscheiden. Sie müssen also sicherstellen, dass Sie mit den richtigen Tools zur Optimierung der WooCommerce -Geschwindigkeit bereit sind. Im Gegensatz zu anderen WordPress -Cache -Plugins blockiert ein einzelner Klick aus dem Plugin alle unnötig Elementor -Vermögenswerte aus dem Laden in Ihrem WooCommerce -Geschäft.
Support für Premium-Elementor-Add-Ons
Auf dem Elementor Page Builder unterstützt dieses Plugin die beliebtesten Elementor-Add-Ons. Diese Liste enthält
- Elementkit für Elementor
- Essentielle Addons für Elementor:
- Premium -Addons für Elementor
- Happy Addons für Elementor.
- Power Pack Addons für Elementor
Ein-Klick-Beschränkung
Sie können alle Seiten/Beiträge vom Laden unnötiger Assets (Caches, Dateien oder Abfragen) mit einem einzigen Klick im Blacklist -Modus blockieren. Willkommen in der Zukunft der WordPress -Optimierung!
Verbesserte SEO -Punktzahl
Mit der ordnungsgemäßen Optimierung der Google -Seitengeschwindigkeit über das Plugin verbessert sich Ihr organisches Ranking erheblich, da Ihre Website schneller geladen wird. Außerdem wird Ihre Website mobiler freundlicher sein. Infolgedessen werden die Metriken von Google Core Web Vitals wie die größte inhaltliche Farbe (LCP), die Total Blocking Time (TBT) und die kumulative Layoutverschiebung (CLS) verbessert.
Verbesserte Leistungswerte
Sie können den Unterschied in Ihrer Seite Ladezeit leicht erkennen, indem Sie Ihre URL online testen. Es gibt viele vertrauenswürdige Online -Ressourcen, in denen Sie dies tun können, einschließlich GTMetrix und dem Google Page Speed -Tool.
Abschluss
In diesem Beitrag haben wir alles abgedeckt, was Sie über Google Core -Web -Vitals wissen müssen. Zuerst haben wir über die drei Metriken gesprochen, die Google verwendet (LCP, FID und CLS) und wie Sie Ihre eigenen Ergebnisse herausfinden. Dann gingen wir durch eine Vielzahl verschiedener Lösungen, um sie zu verbessern, die meistens sind dankbar recht einfach.