Google Core Web Vitals 2022

Publicat: 2021-04-19

Cuprinsul articolului

Core Web Vitals de la Google: ce, când, de ce și cum

După cum probabil ați observat, viteza paginii (The Biggest Ranking Factor) a ajuns recent în centrul discuțiilor comunității SEO.

Și, cele mai multe dintre aceste discuții se referă la noile valori vitale web ale vitezei Google. Cu toate acestea, aici este bijuteria.

SEO se străduiește să obțină cel mai bun scor de viteză a paginii în mod regulat, deoarece Google a declarat că implicarea utilizatorilor este un factor semnificativ de clasare.

Dar aceste forțe de optimizare au fost în mare parte despre câteva mituri care s-au reflectat asupra scorului ideal de viteză a paginii al unui site web.

Este exact ceea ce Google a distrus cu introducerea Core Web Vitals.

Prin declarația Google cu privire la noile valori ale Web Vitals, proprietarii de site-uri web înțeleg acum care este viteza ideală pentru care trebuie să se străduiască.

Deși, sunt puțin mai îngrijorați!

În zilele noastre, site-urile web se concentrează mai mult pe scoruri acumulate specifice care apar pe instrumente precum PageSpeed ​​Insights de la Google, Pingdom, precum și GTMetrix.

Totuși, acestea sunt instrumente excepționale pentru a verifica viteza specifică a unei pagini web.

Scopul a fost veșnic pe viteza generală de bunăvoie, metrica experienței individuale a utilizatorului, ceea ce a însemnat mai mult.

Google a venit cu conceptul specific de Core Web Vitals pentru a se asigura că webmasterii petrec timp de calitate îmbunătățind valorile vitezei.

Și mai mult, asta dă valoare utilizatorilor și nu browserului, fie Google bots pentru această preocupare.

Ce sunt Google Core Web Vitals?

Google Core Web Vitals, sau pur și simplu Web Vitals, sunt un set unic de valori de performanță care analizează semnalele de viteză necesare pentru a oferi o experiență mai bună pentru utilizator pe web.

Pe scurt, Web Vitals sunt o colecție de factori precisi,

Aceasta va fi o componentă a scorului de „experiență în pagină” Google, care măsoară modul în care utilizatorii experimentează viteza, capacitatea de răspuns, precum și stabilitatea vizuală a unei anumite pagini.

Google combină 3 factori noi în factorii lor de clasificare a experienței oficiale a paginii.

Factori de clasare Core Web Vitals de la Google După cum am înțeles că timpul de încărcare a paginii, fie „viteza paginii”, în plus, experiența utilizatorului influențează clasamentele de ceva timp, totuși această schimbare ne oferă 3 valori asupra cărora să ne concentrăm.

La fel ca majoritatea SEO în 2020, acești factori au făcut ca majoritatea site-urilor să fie mai atractive atât pentru utilizatori, cât și pentru Google, așa că se așteaptă să crească cât de bine se convertesc aceste site-uri și cât de bine se clasează.

Google anunțase deja în iunie 2021 că Core Web Vitals va funcționa ca factori de clasare.

Ei au declarat, de asemenea, că vor combina mai multe „semnale de experiență în pagină” în viitor:

„Scopul acestor actualizări continuă să evidențieze cele mai satisfăcătoare experiențe și să asigure că utilizatorii pot obține informațiile pentru care par.

Munca noastră continuă, de aceea ar trebui să planificăm să includem mai multe semnale de experiență în pagină în viitor și să le actualizăm în fiecare an.

Pe lângă faptul că deține un impact asupra clasamentului, Google se pregătește să aibă „un semn vizual care evidențiază paginile din rezultatele căutării care oferă o experiență excelentă a paginii”.

De ce experiența utilizatorului este o parte esențială a SEO?

Experiența utilizatorului (UX), în plus, SEO merge mână în mână.

Fiecare recomandare este făcută pentru a optimiza vizibilitatea, astfel încât utilizatorii să vă poată descoperi site-ul și interacțiunile în timp ce vă vizitează.

Criteriile de experiență pe pagină ale documentației Google conturează cele mai relevante valori UX, în plus, cât de bine înțeleg experiența unei anumite pagini web.

Factorii principali includ timpii de încărcare a paginii, compatibilitatea cu dispozitivele mobile, evitarea reclamelor intruzive, protocolul HTTPS securizat, precum și stabilitatea paginii.

Factorii actuali de clasare „Experiența paginii”.

Este experiența utilizatorului:

  • Securizat: site-ul specific posedă un certificat SSL?
  • Sigur: există vreun malware sau tactici înșelătoare utilizate pe site?
  • Mobile-Friendly: site-ul specific poate fi navigat cu ușurință pe orice mobil?
  • Non-intruziv: există unele interstițiale precum ferestrele pop-up?

Nou: Core Web Vitals

În plus față de cei de mai sus, există în principal trei factori de experiență a utilizatorului care se concentrează pe viteza paginii:

Încărcare: asigurați-vă întotdeauna că cel mai important conținut de pe pagina dvs. se încarcă rapid.

Interactivitate: Când orice utilizator interacționează cu o anumită pagină (de exemplu, făcând clic pe orice link), asigurați-vă că pagina rămâne rapidă să răspundă.

Stabilitate vizuală: modul în care conținutul se modifică pe măsură ce pagina se încarcă în timp ce utilizatorii comunică cu ea, ceea ce poate cauza o experiență frustrantă pentru utilizator.

Deci, ce înseamnă principalul Web Vitals pentru site-ul dvs.?

Sunt aici pentru a vă spune câteva dintre cele mai frecvente întrebări solicitate despre cum să vă pregătiți complet pentru o anumită actualizare Google Core Web Vitals.

Pe scurt, actualizarea Google Core Web Vital este concentrată pe interacțiunea utilizatorului de către paginile dvs. web, în ​​plus, ar putea fi considerată mai mult o actualizare a experienței paginii.

Google implică să privim lucrurile pe măsură ce aspectul se schimbă, în plus, stabilitatea vizuală pentru a măsura și a evalua o interacțiune pozitivă sau negativă a utilizatorului.

Și dacă există valori de comportament neadecvat (conversii scăzute, rată de respingere mare, timp scăzut pe site etc.), atunci pot apărea probleme cu semnalul experienței paginii.

Cunoașterea detaliilor actualizării experienței paginii ca un semnal de clasare va îmbunătăți experiența clientului dvs. pe site-ul dvs. web.

Astfel, îmbunătățirea gradului de clasificare a site-ului dvs., precum și a performanței în căutarea organică asigură că acesta nu este afectat negativ.

Ce impact va avea actualizarea Google Core Web Vitals?

Ca și în cazul oricăreia dintre actualizările Google, este dificil pentru noi să anticipăm exact care va fi impactul.

În linii mari, site-urile web cu o experiență proastă a paginii sunt de așteptat să se clasifice mai puțin bine în termeni competitivi decât cele cu o experiență mai bună a paginii.

De ce va trimite Google utilizatorii către un site web care îi va dezamăgi atunci când i-ar putea trimite către un site web care este mai plăcut de utilizat?

Modul în care Google a lansat acest anunț arată clar că va fi o actualizare semnificativă, în plus, vor să fim pregătiți pentru asta.

Anunțul lor oficial afirmă acest lucru ca fiind ceva bun pentru experiența generală web.

Ce măsoară Google Core Web Vitals?

Există trei valori pentru a vă familiariza cu corelarea cu Google Core Web Vitals:

Cea mai mare vopsea plină de conținut (LCP)

Core Web Vitals Cea mai mare vopsea cu conținut LCP

LCP rămâne măsurat prin cantitatea de timp necesară pentru încărcarea conținutului principal al oricărei pagini. Acesta este timpul de la clic pe linkul specific până la vizualizarea conținutului pe ecran.

LCP înseamnă influențat enorm prin timpul de randare a celui mai mare videoclip, imagine sau text din fereastra de vizualizare. Proprietarii de site-uri web pot actualiza LCP prin:

  • Eliminarea tuturor scripturilor terțe care nu sunt necesare
  • Configurarea încărcării leneșe
  • Își actualizează gazda web
  • Eliminarea tuturor elementelor mari ale paginii

Întotdeauna măsurarea LCP ideală ar trebui să fie de cel puțin 2,5 secunde sau mai rapidă.

Întârziere la prima intrare (FID)

Core Web Vitals First Input Delay FID

FID măsoară timpul specific necesar pentru ca orice pagină să devină mai interactivă.

Este timpul specific necesar pentru ca o pagină să fie disponibilă pentru interactivitatea utilizatorului, cum ar fi derulări, clicuri sau introducerea de la tastatură.

Google obișnuia să considere FID-ul esențial, deoarece ține cont de modul în care utilizatorii din viața reală comunică cu site-urile. Proprietarii de site-uri web pot îmbunătăți FID prin:

  • Minimizarea (sau amânarea JavaScript)
  • Eliminarea tuturor scripturilor terțe care nu sunt critice
  • Utilizarea unui cache de browser

O măsurătoare ideală pentru FID rămâne întotdeauna mai mică de 100 ms.

Schimbare cumulativă a aspectului (CLS)

Core Web Vitals Cumulative Layout Shift CLS

CLS măsoară stabilitatea vizuală a oricărei pagini web. Este cantitatea de schimbare neașteptată a aspectului conținutului vizual al paginii. Proprietarii de site-uri web pot minimiza CLS prin:

  • Utilizarea dimensiunilor atributelor de dimensiune setată pentru toate mediile, cum ar fi imagini, videoclipuri etc.)
  • Reclamele ar trebui să aibă un spațiu rezervat
  • Combinând elemente noi ale interfeței de utilizare sub fold

Întotdeauna măsurarea ideală a CLS ar trebui să fie mai mică de 0,1.

Pe măsură ce tehnologia avansează, scorurile actuale se pot schimba în funcție de ceea ce se așteaptă utilizatorii pentru ca o experiență web bună să continue.

Cum vă puteți evalua elementele vitale de bază ale dvs. web?

Acum, deoarece sper că știți cu toții despre Google Core Web Vitals, cum aflăm unde ajung paginile noastre?

Din fericire, există câteva modalități de a vă analiza site-ul.

Puteți găsi matricele Core Web Vitals printr-o serie de instrumente precum Google Search Console, PageSpeed ​​Insights și Lighthouse.

Dacă nu sunteți familiarizat cu aceste instrumente, cea mai simplă alternativă a dvs. este să introduceți adresa URL a site-ului dvs. în un instrument specific PageSpeed ​​Insights.

De asemenea, uitați-vă la scorul din 100 pe care îl obțineți atât pentru dispozitive mobile, cât și pentru desktop. Acesta este scorul general al vitezei paginii, care este o imagine excelentă a modului în care site-ul dvs. web.

Utilizarea Google Search Console este o altă modalitate cea mai simplă de a adresa mai multe pagini.

GSC are o secțiune sub Îmbunătățiri în prima navigare, unde puteți vizualiza numărul de pagini de pe site-ul dvs. web afectate de fiecare Google Core Web Vital.

După ce faceți clic pe acea secțiune, veți vedea un raport pentru fiecare problemă Google Core Web Vital în care site-ul dvs. ar putea avea dificultăți.

Am menționat cum să citești cel mai bine raportul:

1. Problema, precum și un ghid, în acest caz, CLS mai mare de .25

2. Numărul de pagini de pe site-ul dvs. care sunt afectate de acel Google Core Web Vital.

3. O pagină exemplu în care apare această problemă. Acesta este un factor cheie de diferențiere între raport și alte rapoarte GSC.

Rapoartele Google Core Web Vitals nu vă vor afișa toate paginile pe care trebuie să le remediați.

Sincer, ar fi o modalitate lentă, precum și dureroasă de a aborda toate problemele Google Web Vital, deoarece probabil va trebui să remediați lucrurile la orice nivel de șablon pentru a remedia mai mult de o pagină deodată.

4. Orice listă de până la 20 de pagini similare în care se întâmplă problema respectivă. Fiecare exemplu de adresă URL vă va oferi niște pagini similare.

Google continuă să folosească această metodă pentru a evidenția locurile în care problemele similare găsite pe pagina ta eșantion se găsesc pe alte pagini de peste tot pe site-ul tău.

De exemplu, dacă aveți vreo problemă pe /blogul/, aceeași problemă se întâmplă și în paginile din secțiunea /comunicate de presă/,

Apoi veți vedea doar unul dintre acestea în exemplele de URL-uri, dar va apărea altul în aspectele exemplu.

Acest lucru ar trebui să vă recomande că mai multe pagini din /press-releases/ vor necesita aceeași remediere.

Remedierea elementelor vitale web de bază

Acum că înțelegeți mai bine ce măsoară fiecare valoare Core Web Vitals.

Și modul în care reprezintă punctele dureroase pentru publicul dvs. care încearcă să vă acceseze conținutul și să interacționeze cu mărcile dvs.

Este timpul să luați măsuri pentru a îmbunătăți aceste valori, dar, mai important, îmbunătățiți-vă implicarea cu publicul.

Fiecare site va fi oarecum unic. Ar fi rar ca două site-uri separate să sufere de aceleași probleme.

Așadar, este necesar să cercetați și să analizați domeniile în mod individual pentru a prioritiza actualizările care vor fi cele mai utile.

Desigur, există și probleme comune cu care se confruntă site-urile web și, ulterior, puteți duce la remedieri comune pentru problemele cu care vă puteți confrunta.

Activități comune pentru adresarea LCP

  • Implementați încărcarea instantanee după modelul PRPL
  • Optimizarea fișierelor CSS
  • Optimizați-vă calea critică de redare
  • Optimizări ale dimensiunii fișierelor de imagine, precum și compresii
  • Optimizarea JavaScript (pentru site-urile oferite de client)
  • Optimizați sau eliminați fonturile web

Activități comune pentru adresarea FID

  • Reduceți impactul specific al codului terță parte
  • Minimizați activitatea principală a firului
  • Reduceți timpul de execuție JavaScript
  • Solicitările de apucare sunt reduse, precum și transferul, dimensiunile mici

Activități comune pentru adresa CLS

  • Adăugați atributele de dimensiune pe imaginile dvs., precum și elementele video sau rezervați spațiul specific prin casetele cu raportul de aspect CSS.
  • Nu include niciodată conținut deasupra conținutului existent, fără ca răspuns la o interacțiune a utilizatorului.
  • Utilizați animații de transformare mai degrabă decât animații ale proprietăților care forțau modificările aspectului.

Resurse pentru Google Core Web Vitals Optimization

Numeroși factori contribuie la reducerea timpului de încărcare a paginii.

Javascript mari, fișiere de imagine, fișiere CSS, precum și solicitările generate de oricare dintre acestea măresc sarcina utilă a browserelor și rețin utilizatorii să aștepte mult timp.

Din fericire, există câteva soluții recomandate de Google care sunt folosite pentru a asigura o experiență de utilizator plăcută pe site-ul dvs., care, la rândul său, îmbunătățește și rentabilitatea investiției.

Optimizarea imaginilor pentru viteza paginii

Fișierele de imagine mari sunt responsabile pentru încărcarea maximă a browserelor, fie că este Google Chrome, Mozilla sau oricare altul.

Optimizarea imaginilor ar putea ajuta la accelerarea unui site web și poate oferi o experiență excelentă pentru utilizator.

1. Image CDN: Dacă imaginile se încarcă de pe același server, aceasta ar putea pune o presiune mare de încărcare pe server.

Cea mai puternică modalitate de a înlătura acest obstacol este utilizarea unui server CDN.

AWS, precum și Cloudflare, sunt în prezent cele mai de încredere alegeri dacă pariți un furnizor bun Image CDN.

2. Format WebP: De asemenea, trebuie să vă asigurați că CDN-ul pe care l-ați ales convertește imaginile în format WebP, care este formatul de imagine recomandat de Google pentru imaginile Web.

3. LazyLoad: Executarea unei tehnici de încărcare leneră crește, de asemenea, scorul WebVitals, deoarece pur și simplu resursele de imagine de pe ecran vin împreună cu încărcarea utilă de început.

Imaginile în afara ecranului se vor încărca ca și atunci când spectatorii ajung în apropierea punctului de vedere al imaginii corespunzător de pe site.

Pe tot parcursul procesului de încărcare, doar dimensiunile imaginilor în afara ecranului se încarcă pentru a evita întreruperea paginii.

Optimizarea Java și CSS

1. Comprimarea GZip: compresia GZip a crescut ca practică standard pentru aproape toate site-urile. Cu toate acestea, acest lucru este încă necesar, deoarece prezintă fișierele mai mici și permite transferul mai rapid în rețea.

2. Minimizarea resurselor: Primul pas pentru optimizarea JavaScript și CSS este reducerea anumitor resurse.

Minificarea este o metodă în care resursele necritice, precum și cele redundante, sunt eliminate pentru a accelera metoda.

Este o caracteristică de bază permisă de majoritatea pluginurilor de optimizare.

3. Combinați CSS și Javascript: Utilizarea unui singur fișier pentru încărcarea codului JavaScript specific și CSS va reduce numărul de solicitări, în plus, poate accelera redarea.

Facilitând acest lucru, un singur fișier va fi folosit pentru a livra toate resursele CSS și fiecare resursă va fi grupată după tipul media.

Același lucru se întâmplă și cu JavaScript, deoarece numărul de solicitări DOM poate fi redus, ceea ce va crește performanța generală a vitezei.

4. Reduceți blocarea randării: cel mai frecvent motiv pentru un scor PageSpeed ​​lent este utilizarea excesivă a Javascript și CSS.

Deși unele fișiere Java și CSS sunt esențiale pentru stabilitatea generală a site-urilor web, nu toate trebuie să se încarce deasupra paginii, ceea ce o face să blocheze randarea.

Este foarte important să optimizați realizarea JavaScript-ului non-critic, precum și CSS. Asigurați-vă că aceste fișiere sunt redate imediat după ce interacțiunea utilizatorului cu site-ul web este detectată.

Opțiunea poate îmbunătăți drastic scorul PageSpeed ​​și, în plus, vă poate ajuta să obțineți scorul perfect Web Vitals.

5. Livrați CSS și JavaScript folosind CDN: Încă o dată, până când implementați CDN-ul pentru încărcarea JavaScript și CSS, vă bazați pe viteza specifică a serverului dvs. pentru a furniza toate aceste resurse.

De cele mai multe ori, fără CDN, puteți reduce sarcina pusă pe server, deși va transpira în continuare.

Optimizarea fontului web

Comportamentul de redare a fonturilor rămâne unul dintre cei mai puternici drenatori de viteză. Browserele sunt ghidate să nu redeze textul, cu excepția încărcărilor de font din încărcătura utilă.

Acest lucru cauzează într-adevăr multă întârziere în redarea paginilor specifice și are ca rezultat o viteză mai mică a paginii.

Pentru a optimiza fontul, asigurați-vă că CDN-ul dvs. poate suprascrie comportamentul de redare a fonturilor.

Ca un CDN de încredere, poate schimba fontul unui anumit text redat și poate afișa fontul original de îndată ce acesta se încarcă din CSS.

În cazurile obișnuite, se întâmplă în câteva microsecunde, deoarece ambele resurse sunt livrate simultan de la un server CDN similar.

Acest lucru poate reduce semnificativ schimbarea cumulativă a aspectului și vă poate oferi un scor perfect pentru Web Vitals.

Codurile încorporate

Încorporarea de imagini, GIF-uri, infografice, cadre iframe și precum și videoclipuri într-o anumită pagină dintr-un site web poate încetini viteza site-ului.

Dar multe companii nu pot prefera să scape de aceste videoclipuri, deoarece fac parte din demo-ul produsului, fie din videoclipul de introducere.

Google recomandă o soluție rapidă pentru imaginile încorporate, precum și videoclipurile în care puteți încărca leneș aceste materiale.

De asemenea, asigurați-vă că resursele video se încarcă pur și simplu atunci când un utilizator face clic pe butonul specific „Redați media/video” (Dată conform celei mai bune experiențe de utilizator).

Și când veți implementa această optimizare, cu siguranță va arăta 70% de îmbunătățire a performanței în Lighthouse.

AMP (Accelerated Mobile Pages)

Un server lent ar putea afecta semnificativ performanța site-ului web.

Cache-ul AMP poate ajuta la optimizarea difuzării, cu toate acestea, activarea AMP pentru desktop poate provoca modificări semnificative ale interfeței de utilizare și poate avea un impact asupra conversiei.

Prin urmare, rămâne necesar să vă asigurați că serverul rămâne receptiv și rapid.

Concluzie: Google Core Web Vitals

Dacă doriți ca site-ul dvs. web să funcționeze adecvat în Google, vă voi recomanda să verificați performanța experienței actuale a paginii dvs.

Chiar și, puteți să vă examinați și site-ul concurenților.

Vă va ajuta să înțelegeți cât timp veți avea nevoie pentru a investi pentru a rămâne în fața acestei actualizări specifice, precum și a concurenților dvs.

Din aceasta, poți crea un plan cu ceea ce trebuie să faci anul acesta.

Este posibil să observați că modificările de dezvoltare sunt necesare pentru a oferi o experiență mai bună pentru utilizator, mai ales dacă site-ul dvs. rămâne vechi de mai mult de câțiva ani.

Vestea grozavă este că toate aceste valori date sunt foarte ușor de testat.

De asemenea, veți putea măsura mai multe îmbunătățiri ale celei mai mari întârzieri la prima introducere, Vopsea conținută, precum și schimbarea cumulativă a aspectului înaintea creșterii semnalelor de clasare ale Google.

După implementarea celor de mai sus, puteți observa cu siguranță o creștere semnificativă și a traficului site-ului dvs.

Angajați-mă pentru Google Core Web Vitals Solutions

Dacă credeți că elementele vitale web de bază Google nu sunt ceașca dvs. de ceai, atunci pur și simplu mă puteți angaja să vă examinez site-ul și să-i îmbunătățesc statisticile de scor.

Citind acest ghid de mai sus, puteți îmbunătăți cu ușurință scorul site-ului dvs. Dar dacă credeți că aveți nevoie de un specialist în marketing SEO pentru a face acest lucru, atunci trimiteți-mi un e-mail. Mulțumiri!