Google Core Web Vitals și ce trebuie să faceți pentru a evita pierderea traficului

Ați văzut o scădere bruscă a traficului pe site-ul web în ultimul an? Actualizarea Google Core Web Vitals este cea mai probabilă vinovată.

În urma actualizării motorului de căutare din vara anului 2021, multe site-uri au înregistrat o scădere dramatică a traficului de căutare care ajunge pe site-ul lor. Acesta este trafic pe care nu l-au mai văzut de atunci, lăsându-i pe managerii de marketing transpirați în căutare de idei.

Suna familiar? Continuați să citiți dacă acest lucru descrie experiența dvs. sau dacă doriți să vă protejați traficul web de a fi penalizat de viitoarele actualizări Core Web Vitals (CWV).

Acest articol se bazează pe unul dintre webinarii noastre populare. Vizualizați videoclipul și descărcați diapozitivele:

Cum actualizarea Core Web Vitals de la Google a schimbat jocul SEO

Când vine vorba de SEO, există o mulțime de lucruri pe care nu le poți controla. Nu poți controla Google. Nu poți controla cine vine pe site-ul tău web sau la ce pagini merg.

Dar, puteți controla arhitectura, ingineria și viteza site-ului dvs.

Ce sunt Core Web Vitals?

Core Web Vitals (CWV) sunt modalitatea Google de a măsura ceea ce motorul de căutare consideră că este important despre performanța site-ului, adică viteza și capacitatea de răspuns. Există trei elemente:

1. Cea mai mare vopsea de conținut (LCP) - Cât timp durează încărcarea unei pagini? De obicei, măsurată în secunde sau, dacă site-ul dvs. este excepțional de lent, zeci de secunde.
2. Întârziere pentru prima introducere (FID) - Cât timp durează până când site-ul web răspunde la un clic sau la o interacțiune a unui utilizator? De obicei, măsurată în milisecunde.
3. Cumulative Layout Shift (CLS) - Cât de mult se modifică site-ul pe măsură ce se încarcă? De obicei, măsurată în secunde.

Google măsoară aceste elemente în două moduri. Date de laborator , în care introduceți pagina dvs. web într-un software sau într-un instrument de testare (mai multe despre asta mai târziu). Și date de câmp , care se bazează pe acțiunile reale ale utilizatorilor pe site-ul dvs.

Google nu va avea și nu va folosi date de câmp pentru fiecare pagină, dar va determina ce măsoară în funcție de volumul de trafic. Cu cât volumul este mai mare, cu atât este mai probabil să existe date reale de câmp. Și, Google poate agrega acele date pe site. Acea agregare poate cauza multă agravare. De ce? Dacă aveți o mulțime de vizitatori de la persoane cu conectivitate slabă, cum ar fi telefoane mobile cu conexiuni 3G sau locuri din lume în care fibra nu este încă un lucru, acel trafic poate denatura datele. Deci, pentru Google, site-ul dvs. ar putea părea lent, chiar dacă pentru alți utilizatori este în regulă, iar datele de laborator arată că aveți un site de înaltă performanță.

De ce contează CWV-urile?

Acesta este un exemplu de site care a fost lovit de actualizarea CWV și a pierdut jumătate din trafic în trei luni. Ai. Aceste date provin din Google Search Console (mai multe despre asta mai târziu).

Google penalizează site-urile lente deoarece utilizatorilor nu le plac site-urile lente. Ceea ce Google încearcă să facă cu CWV-urile este să facă web-ul mai centrat pe utilizator, ceea ce este un lucru bun. Experiența utilizatorului contează atunci când vindeți lucruri. Ratele de conversie scad pentru fiecare secundă suplimentară de încărcare până la cinci secunde și apoi scad cu 4,42 la sută. Pe scurt, dacă site-ul dvs. durează șase secunde pentru a se încărca, iar site-ul concurenței durează o secundă pentru a se încărca, ei vor vedea o rată de conversie mai bună decât dvs.

Actualizarea Core Web Vitals a prioritizat pur și simplu acești factori atunci când vine vorba de jocul SEO. Dacă vrei să continui să joci, trebuie să accepți că regulile s-au schimbat. Apoi, adaptează-te.

Cum să măsurați valorile vitale de bază ale site-ului dvs

Vederea problemei este primul pas către rezolvarea problemei. Din păcate, nu există un singur instrument care să vă rezolve toate problemele pentru măsurarea și optimizarea CWV-urilor.

Ceea ce încercați să faceți este să testați dacă modificarea a ceva pe site-ul dvs. are vreun impact asupra traficului, nu? Așa că faceți o schimbare, așteptați ca datele reale ale utilizatorilor să se acumuleze peste o lună sau două (datele de laborator pot prezice doar atât de multe), apoi așteptați ca Google să observe.

Trebuie să vedeți problema din diferite perspective pentru a obține o imagine completă. Asta înseamnă mai multe instrumente. După multe încercări și erori, acesta este setul de instrumente pe care l-am recomanda:

1. Google Search Console

Google Search Console **** este un instrument gratuit pe care trebuie neapărat să îl utilizați dacă doriți date reale despre CWV-urile pe întregul site. Câte pagini au scoruri bune? Câți au nevoie de îmbunătățiri? Câți au scoruri slabe? Verde, galben, rosu. Este singurul loc în care puteți obține raportul Google la acest nivel.

Puteți cere Google să vă revizuiască în mod oficial site-ul făcând clic pe „Revalidați”, iar Google va colecta sau examina datele de pe teren timp de câteva săptămâni. Se spune că durează până la 28 de zile.

Da, ai auzit bine. Datele durează o lună pentru a se reîmprospăta. Aceasta este o buclă de feedback foarte lentă.

2. Clickio

Clickio oferă cel mai apropiat lucru de datele în timp real pe Core Web Vitals pe care îl puteți obține. Este necesar să puneți un tracker pe site-ul dvs., ceea ce adaugă, în mod ironic, un pic de greutate a paginii, dar este suficient de util pentru a merita atâta timp cât acționați pe baza datelor pe care le obțineți din el.

Clickio vă va oferi feedback cu privire la schimbările de-a lungul timpului. Care este schimbarea cumulativă a aspectului pe toate paginile site-ului nostru web difuzate pe dispozitivele mobile dintr-o anumită țară în ultima lună? Ce procent de utilizatori primesc o vopsea cea mai mare cu conținut de mai mult de patru secunde din paginile noastre de blog pe dispozitive desktop în acest trimestru? Puteți tăia și tăia datele într-o varietate de moduri pentru a obține informațiile de care aveți nevoie.

Avertisment de sănătate: instrumentul arată interpretarea de către Clickio a datelor Google. NU vă arată ce vede Google. Este cel mai bun indicator principal pe care l-am găsit pentru a rezolva potențialele probleme legate de CWV fără a fi nevoie să așteptați luni întregi pentru a primi feedback și oferă o cantitate bună de granularitate , cum ar fi datele de la țară la țară. Dar nu sunt date Google reale. Și fiind date în timp real , trebuie să acordați ceva timp pentru a se acumula suficiente date semnificative înainte de a putea spune cu certitudine dacă o schimbare pe care ați făcut-o a funcționat sau nu. Nu este instant, dar nici nu trebuie să așteptați o lună întreagă pentru a se reîmprospăta.

3. Google Analytics

Google Analytics va prelua câteva puncte de date reprezentative și vă va oferi statistici de performanță a paginii pe această bază, de-a lungul timpului , astfel încât să puteți vedea unde scade sau crește traficul. Dacă nu aveți mulți vizitatori, probabil că aceste date nu vă vor fi foarte utile, dar este o modalitate bună de a urmări aceste informații în timp și de a evidenția paginile lente care necesită atenția dvs.

4. Google Data Studio

Google Data Studio arată un procentaj de performanță pe site-ul dvs. pentru fiecare dintre principalele elemente vitale web. În esență, este o istorie a schimbărilor în timp. Îmbunătățiri, în mod ideal.

Acest lucru ar fi uimitor dacă ar fi în timp real. Dacă ai putea să te uiți la ultimele 28 de zile în mod continuu, treaba gata, ai ști doar că ceea ce faci are un efect. Din păcate, Google actualizează lunar acest lucru în restanțe la mijlocul lunii următoare. Aceasta este o buclă de feedback și mai lentă decât Google Search Console. Prin urmare, este un instantaneu al datelor retrospective. Util pentru monitorizarea progresului, dar lent.

5. Web.dev - Far

Web.dev, un site deținut de Google, oferă un instrument open-source numit Lighthouse. Acest instrument vă oferă date de laborator pe pagini individuale. Introduceți o adresă URL și vă va spune accesibilitatea performanței, cele mai bune practici, scorul SEO și așa mai departe - puteți vedea mai multe date dacă faceți clic pe „Vizualizați harta arborescentă” în aplicație.

Există o oarecare volatilitate în date, deoarece datele se pot schimba puțin în funcție de browserul dvs., de ora din zi, de stocarea în cache sau de alte tipuri de „vteme pe internet”. Cu toate acestea, este încă destul de bine.

6. Web.dev - PageSpeed ​​Insights

Google PageSpeed ​​Insights este locul în care veți obține date de câmp la nivel de pagină. Din nou, introduceți o adresă URL și vă va oferi datele de câmp pentru LCP, CLS, FID și așa mai departe. Cu toate acestea, aveți nevoie de un anumit volum de trafic către o pagină pentru a obține date decente de câmp.

7. GTmetrix

GTmetrix deconstruiește o pagină web și spune cât de mare este fiecare fișier, câte lucruri sunt încărcate, cum este arhitecturată și așa mai departe. Acesta este un instrument excelent pentru dezvoltatori pentru paginile QA și pentru a verifica că nu au adăugat un fișier imagine uriaș sau un widget umflat care va încetini timpul de încărcare.

Vă sugerăm să utilizați acest instrument și instrumentele web.dev împreună pentru a măsura modificările care au funcționat pagină cu pagină.

8. DebugBear

DebugBear preia o listă de pagini și rapoarte despre Core Web Vitals și alte câteva valori. Este util mai degrabă ca instrument de monitorizare a sănătății decât ca instrument de diagnostic. Îl poți folosi pentru a monitoriza aproximativ 20 de pagini „canar în mina de cărbune”. Deci, dacă orice activitate adaugă greutate site-ului dvs., atunci o puteți vedea aici.

Cum să vă optimizați site-ul web pentru a îmbunătăți Core Web Vitals

Acum, să vorbim despre activitățile pe care le puteți face pentru a îmbunătăți Core Web Vitals. Veți obține o mulțime de informații din instrumentele de mai sus despre unde sunt problemele, așa că acestea sunt doar câteva dintre lucrurile pe care le-am făcut pentru noi înșine și pentru clienți și despre care știm că au avut un impact.

1. Regăzduiește site-ul tău

Aceasta nu este reconstruirea sau reproiectarea site-ului dvs. Doar o mută în altă parte. De obicei, vedem îmbunătățiri de performanță cu aproximativ 30% pentru site-urile pe care le mutăm de la WordPress la HubSpot.

Dacă rămâneți cu WordPress, mutarea site-ului dvs. la o companie de găzduire dedicată, cum ar fi WP Engine, care știe de fapt despre performanță, poate face o diferență foarte mare.

Regăzduind site-ul dvs. pe HubSpot (sau WP Engine), veți beneficia de:

• Memorarea în cache - aceasta face site-urile să se încarce mai rapid după prima vizită. Un site WordPress generic va avea nevoie de un plugin de stocare în cache, dar HubSpot îl are încorporat.
• Rețea de livrare de conținut (CDN), de exemplu Akamai - aceasta furnizează fișiere utilizatorului de pe un server local, chiar dacă site-ul dvs. este găzduit în altă parte.
• CloudFlare DNS - practic, acest lucru ajută la accelerarea părții serverului de nume de domeniu.

2. Dezactivați codul de distribuire socială al HubSpot

Dacă sunteți deja pe un HubSpot, cel mai rapid câștig numărul unu este dezactivarea codului de distribuire socială al HubSpot de pe blogul dvs. HubSpot lasă aceste butoane activate în mod implicit, enervant. Aceasta va șterge aproximativ 450 de kiloocteți de cod JavaScript din fiecare pagină de pe blogul dvs.

Faceți un instantaneu înainte și după a vitezei paginii și a timpului de încărcare în GTmetrix și web.dev. Este într-adevăr satisfăcător.

3. Comprimați imaginile

Când v-ați lansat pentru prima dată site-ul, dezvoltatorii dvs. ar fi putut evita să folosească imagini masive. Noi speram. Și sperăm că au folosit încărcarea leneșă pentru imagini, doar ca principiu general.

Dar mai târziu, marketerii bine intenționați vor adăuga imagini prezentate pe bloguri și pagini și dintr-o dată. Bam. Site-ul dvs. este încetinit de un fișier imagine de 40 MB care ar putea îmbrăca partea laterală a unui avion jumbo.

Comprimați imaginile la <250KB, ideal <100KB. Convertiți imaginile în jpg sau utilizați svg-uri ori de câte ori este posibil. Fiți deosebit de atenți cu logo-urile, în special cu logo-urile din subsol, deoarece acestea sunt pe fiecare pagină a site-ului dvs.

Din nou, dacă aveți HubSpot, Articulate a creat un instrument numit Fizz+Ginger pentru a comprima imaginile pe postările de blog și paginile site-urilor din HubSpot.

4. Evitați încorporarea

Aceasta este o captură de ecran dintr-o pagină de pe site-ul nostru care avea o prezentare încorporată, un videoclip YouTube încorporat, un pop-up, imagini și câteva rețele sociale live. Toate aceste lucruri au adăugat până la șase megaocteți de doar... chestii. Eliminarea cât mai mult posibil a făcut ca pagina să se încarce mult mai rapid. Am înlocuit videoclipurile încorporate cu miniaturi legate, de exemplu.

5. Simplificați-vă instrumentele de marketing

Instrumentele de marketing adaugă greutatea paginii. Lucruri precum Hot Jar sau Lucky Orange care monitorizează utilizarea paginii sau urmăresc apeluri la acțiuni sau Google Tag Manager - a avea aceste instrumente pe site-ul dvs. sunt utile, dar au un cost. Costul este performanța. Așa că trebuie să le folosești cu moderație și judicios.

6. Porniți AMP

Există un standard de la Google numit pagini mobile accelerate sau AMP. Cu AMP, obțineți timpi de încărcare fulgerător. Dacă un utilizator face clic pe un rezultat al căutării dintr-un browser Google, acesta îi va oferi versiunea AMP a paginii de pe serverele Google.

Dar, în acest proces, pierzi controlul asupra cine servește pagina respectivă și cum arată. Îl decupează la minimum în ceea ce privește stilul. Este un schimb.

7. Optimizați-vă codul

Acesta este sarcina lungă și grea de optimizare a site-ului web. Nu poți pur și simplu conecta și reda asta. Trebuie să vă optimizați codul. Pentru asta, trebuie să ai o echipă de dezvoltatori experți de calitate, care să implementeze lucruri precum:

• Minimizarea Javascript și CSS
• Încărcare întârziată a JavaScript
• Încărcare leneșă în mod implicit
• Auto-AMPificare (de exemplu, nu se afișează imaginile prezentate pe blog pe mobil)
• Bune practici de codificare în cadrul conductei de dezvoltare
• Utilizarea minimă a pluginurilor și a codului extern

Experiența utilizatorului este valoarea site-ului web a viitorului

În următorii ani, Core Web Vitals va crește doar în semnificație. Companiile trebuie să își adapteze site-urile web pentru performanță și experiența utilizatorului acum pentru a evita să fie penalizate în următoarea actualizare mare.

Desigur, am fi bucuroși să oferim serviciile noastre de SEO și dezvoltare de site-uri web pentru a vă ajuta să ajungeți acolo unde trebuie să ajungeți. Am învățat multe despre Core Web Vitals și am încorporat aceste cunoștințe în procesele noastre, făcând site-urile noastre extrem de optimizate și ușoare.

Contactați-ne pentru a obține site-ul pe care utilizatorii dvs. și l-ar fi dorit.