Cum să optimizați pentru Google Core Web Vitals

Cum să vă pregătiți pentru lansarea Core Web Vitals

Actualizat la 15.10.2021

Remedierea experiențelor slabe ale utilizatorilor pe site-ul unei companii a trecut în fruntea multor liste de priorități.

Un lucru pe care îl știm deja este că Google intenționează să utilizeze și să dezvolte noul său raport Google Search Console Core Web Vitals. Este menit să ajute companiile să facă mai mult, doar că paginile lor sunt accesate cu crawlere și indexate, este mai mult despre a le face mai valoroase pentru utilizatori.

Ce sunt Google Core Web Vitals?

Google Core Web Vitals este un set de rapoarte adăugate la Google Search Console în 2019, care cuprind un mic set de valori de bază privind viteza de încărcare. Acestea ajută agenții de marketing și echipele de dezvoltare să știe cât de bine sau de prost își livrează un site paginile web. Google punctează fiecare pagină web în funcție de performanțele acesteia, oferind o experiență încântătoare vizitatorilor site-ului. Raportul Core Web Vitals detaliază modul în care paginile web funcționează pe baza datelor de utilizare din lumea reală, cunoscute și ca date de câmp.

Acești noi factori de clasare se apropie rapid. În timp ce fiecare site beneficiază de adăugarea unor tipuri esențiale de marcare a schemei, utilizați imbricarea și păstrați ceea ce este mai important pentru a evita umflarea codului.

Pe 5 octombrie 2021, Google a încărcat sfaturi utile într-o prezentare YouTube intitulată Cum să îmbunătățiți Largest Contentful Paint pentru o experiență mai bună a paginii .

Sfaturi de la Google despre cum să obțineți un scor mai bun pentru cea mai mare vopsea de conținut (LCP):

Imaginile sunt de obicei motivul problemelor cu Greatest Contentful Paint. Fiecare mușcătură salvată poate accelera încărcarea paginii. Utilizați formate moderne de imagine precum AVIF și WebP. Există o mulțime de cazuri limită care se referă la modul în care este calculat scorul LCP.

Ce este Google Page Experience?

Experiența paginii este un subset al Experienței utilizatorului.

Page Experience se concentrează pe aspectele tehnice ale produselor web care influențează cel mai adesea experiența utilizatorului. Deși nu măsoară și nu reflectă asupra aspectelor de design UX, cum ar fi calitatea conținutului sau designul vizual, toate semnalele Page Experience dețin practic controlul echipei de dezvoltatori care creează site-ul web. Aceste semnale au un efect direct asupra experienței generale a utilizatorului.

Inițiativa intenționată a Google de a promova Page Experience intenționează să aibă un impact pozitiv pe web. Gândește-te la asta ca la un lucru pozitiv. Este util să aveți aceste valori suplimentare de performanță care se corelează cu valorile de afaceri pentru a obține mai ușor acceptarea de la membrii echipei care nu sunt tehnici.

Să revenim puțin și să revizuim cum am ajuns aici.

Istoria vitezei site-ului și Google Core Web Vitals

Care este momentul pentru lansarea experienței în pagină Google?

Pe 10 noiembrie 2020, Google a anunțat: „Semnalele experienței paginii în clasament vor fi lansate în mai 2021. Noile semnale ale experienței paginii combină Core Web Vitals cu semnalele noastre de căutare existente, inclusiv compatibilitatea mobilă, navigarea în siguranță, securitatea HTTPS, și ghiduri interstițiale intruzive”.

Să revenim și să obținem o imagine de ansamblu clară. În 2010, Google a început să folosească pentru prima dată cât de repede se încarcă o pagină web pe un computer desktop ca semnal de clasare.

Google a promovat compatibilitatea cu dispozitivele mobile ca un semnal de clasare începând cu 2015. Până în 2018, procesul Mobile-First Index a fost lansat oficial. Webmasterii și proprietarii de site-uri au fost anunțați în Search Console atunci când Google stabilește că un site este pregătit pentru indexare pe mobil. Acest lucru se întâmplă atunci când Google evaluează versiunea mobilă a site-ului dvs. în timpul procesului de evaluare a acesteia în scopuri de căutare; nu o poți declanșa.

La începutul anului 2020, Google a introdus noul său set de instrumente în Google Search Console, numit Core Web Vitals. Acesta a spus în mod explicit că valorile din aceste rapoarte vor deveni semnale de clasare în 2021. Core Web Vitals extinde valorile anterioare ale vitezei site-ului pentru a ajuta companiile să abordeze modul în care se încarcă anumite pagini web, reclamele mobile și fișierele de asistență.

Introducerea Web Core Vitals avertizează pe toți proprietarii de site-uri web care nu se preocupă de compatibilitatea cu dispozitivele mobile că este în mod clar important. În timp ce actualizarea Mobilegeddon a fost o lansare lentă, trebuie să ne confruntăm acum cu importanța de a face un site o experiență mai bună pentru utilizatorii de telefonie mobilă.

Investițiile Google în instrumente și rapoarte privind Viteza site-ului și Mobil sunt semnale pentru proprietarii de site-uri web că trebuie să își facă site-urile mai ușor de utilizat sau se așteaptă să devină doar o carte de vizită online. Astăzi anunțăm că semnalele privind experiența paginii în clasament vor fi lansate în mai 2021.

Ce valori de bază alcătuiesc experiența în pagina de căutare Google?

Primele trei valori ale experienței în pagina de căutare Google au fost explicate:

• Încărcare: LCP evaluează cât durează cel mai mare element de conținut (cum ar fi o imagine prezentată, o imagine eroă sau un text de titlu H1) dintr-o anumită pagină web pentru a deveni vizibil în fereastra de vizualizare a vizitatorilor. Încercați să obțineți un LCP de 1,2 secunde sau mai puțin.
• Interactivitate: FID (întârziere pentru prima introducere): ceasul curge de la momentul în care un utilizator interacționează pentru prima dată cu pagina dvs. (cum ar fi când se face clic pe un link, se declanșează un buton etc.) până la momentul în care browserul răspunde la acea interacțiune. Această măsurare este derivată din orice element interactiv pe care persoana face clic pentru prima dată. Acest lucru este important în paginile în care vizitatorul trebuie să facă ceva, deoarece acesta este momentul în care pagina a devenit interactivă. Denumite și rapoarte TBT (în GTmetrix); reprezintă cât timp este blocat de scripturile care sunt apelate în timpul procesului de încărcare a paginii. Încercați să obțineți un TBT de 150 de milisecunde sau mai puțin.
• Stabilitate vizuală: CLS indică cât de mult din aspectul unei pagini experimentează un vizitator pe măsură ce pagina se încarcă. Căutați un scor CLS de 0,1 sau mai puțin.

Pentru a verifica conținutul dvs. pentru a determina dacă îndeplinește pragul Core Web Vitals pentru a fi etichetat cu o insignă Fast Page, utilizați instrumentele pentru dezvoltatori Google pentru a evalua viteza de încărcare. Pentru a ajuta la aceste sarcini de optimizare, GTmetrix a devenit mai sofisticat. GTmetrix Reports a adăugat o nouă metodologie de notare. Fostele rapoarte PageSpeed ​​și YSlow au fost actualizate la o notă generală GTmetrix. Produs de Lighthouse, utilizatorii GTmetrix obțin acum un scor de performanță și structură.

Ce este întârzierea primei intrări (FID)?

FID este un scor care evaluează cât timp i-a luat browserului să gestioneze alte sarcini înainte de a putea face față unei persoane care efectuează acțiuni, cum ar fi o atingere sau un clic. Acest lucru indică cât de receptivă este experiența UI pentru un utilizator și măsoară sarcina procesorului cu procesarea JavaScript.

Modul în care o pagină execută JavaScript, atât la încărcarea paginii, cât și în timpul ciclului de viață al paginii, afectează direct FID-ul. Timpul necesar pentru ca JavaScript să fie complet executat contează dacă vizitatorii încearcă să finalizeze o acțiune înainte ca aplicația să fie complet gata.

Modalități de îmbunătățire a întârzierii primei introduceri:

• Întârzieți sau eliminați fișierele terță parte sau pixelii de urmărire.
• Amână toate scripturile neesențiale.
• Îmbunătățiți execuția JavaScript.

GTmetric și alte cascade fac o urmărire excelentă a performanței pentru a dezvălui unde timpul de încărcare este consumat excesiv. Odată identificate, acestea pot fi investigate și rezolvate.

Ce este noul indicator de experiență în pagină Google?

Google va arăta utilizatorilor calitatea Core Web Vitals a unei pagini web cu noul său indicator de experiență în pagină. Acest lucru este deja afișat în unele SERPS. Este similară ca dimensiune și formă cu pictograma AMP care indică starea unei pagini mobile accelerate. Deoarece Google este excelent la testarea și realizarea de interacțiuni, acest lucru poate arăta diferit, deoarece este adoptat pe scară largă.

În timp ce valorile Core Web Vitals oferă informații mai detaliate decât am avut până acum în rapoartele Google Search Console, este probabil ca multe fals pozitive să apară după lansarea completă.

Cum să determinați cele mai importante sarcini vitale web de bază

Concentrați-vă mai întâi pe cele mai impactante valori ale vitezei de încărcare înainte de a întreprinde optimizări mai profunde ale performanței site-ului web.

1. Rezolvați mai întâi tot ceea ce este etichetat „Slab”.

2. În continuare, prioritizați lista de sarcini în funcție de problemele care influențează negativ cele mai multe adrese URL sau de problemele care vă afectează cele mai multe adrese URL generatoare de venituri.

3. Problemele „Necesită îmbunătățiri” sunt acum următoarele pe lista de priorități.

Nevoia de îmbunătățire drastică în schimbarea conținutului aspectului m-a surprins, dar, în mod clar, ea contribuie la obținerea celor mai bune rezultate SEO. Pagina nu are reclame cu încărcare târzie deasupra conținutului, niciun interstițial intruziv și toate imaginile au avut lățimea și înălțimea definite corespunzător. Cu toate acestea, dimensiunea imaginii prezentate inițial a fost de 1280 pe 860 de pixeli. Acest lucru a cauzat o problemă de redimensionare a imaginii; când browserele îl încărcau, îl redimensionau la 1200 pe 800 pixeli. Acest lucru determină o schimbare a aspectului și o întârziere a încărcării. Asigurați-vă că imaginile sunt dimensionate corect pentru marcajul Schema JASON-LD.

După ce ați remediat o anumită problemă în toate adresele URL, puteți confirma dacă ați remediat problema pentru toate adresele URL. Faceți clic pe Începeți urmărirea pentru a începe o sesiune de monitorizare de 28 de zile pentru a verifica cazurile acestei probleme pe site-ul dvs. Dacă această problemă nu este prezentă în nicio adresă URL de pe site-ul dvs. în intervalul de 28 de zile, problema este considerată rezolvată. Prezența acelei probleme în orice adresă URL este suficientă pentru a marca problema ca neremediată; cu toate acestea, starea adreselor URL individuale rămâne în curs de evaluare timp de 28 de zile, indiferent de starea problemei.

Întrebări frecvente despre CVW

Poate dura mult timp pentru a învăța, a depana și a testa/modifica o mulțime de opțiuni pentru a îmbunătăți scorurile CWV. Iată răspunsurile:

Cum se calculează scorul CLS?

Scorul CLS al unei pagini este calculat prin înmulțirea proporției din ecranul utilizatorului care s-a deplasat în mod neașteptat la încărcare cu distanța pe care a parcurs-o. Uneori, site-urile se confruntă chiar și cu jumătate din ecran afectată de schimbarea conținutului. Este enervant pentru telespectatori. Simultan, distanța pe care a trebuit să parcurgă conținutul pe ecran este luată în considerare. Prin urmare, pentru a calcula scorul CLS, înmulțiți suprafața ecranului afectată (0,5) cu distanța parcursă (0,15) și puteți obține un scor util.

Care sunt cauzele comune care creează probleme de schimbare a aspectului conținutului?

• Eliminați marginile pe imaginea prezentată : rulând instrumentul Lighthouse împreună cu Chrome Dev Tools, pe un site web, codul figure class="featured-media" sa dovedit a fi o problemă. Prin adăugarea acestui cod CSS suplimentar .featured-media { img display: none; } .featured-media { img display: none; } , scorul de performanță al desktop-ului a îmbunătățit imediat două puncte.
• Rezolvați orice probleme legate de modul în care se încarcă fonturile : Unii designeri web preferă aspectul fonturilor web pentru titluri de lux; cu toate acestea, adesea modul în care se încarcă provoacă o schimbare a aspectului. Testați pentru a descoperi dacă există potențiale probleme de diluare a memoriei cache de rezolvat, precum și modul în care este furnizată dimensiunea totală a fonturilor. Am descoperit că prin specificarea font-display alternativ, prin adăugarea { font-display: fallback;} , putem îmbunătăți comportamentul de randare al elementelor folosind instrucțiunea font face.
• Conținut injectat dinamic : acest lucru se întâmplă de obicei atunci când bannere sau formulare sunt adăugate dinamic la o pagină. În plus, utilizatorii care nu pot vedea un „x” pentru renunțarea la o fereastră pop-up pot fi frustrați. De asemenea, atunci când elementele de pe pagină sunt utilizabile, ele sunt încă vinovatele pentru care pagina este rearanjată și „deplasată”.
• Lipsa specificațiilor de imagine : atunci când imaginile unei pagini au dimensiuni greșite, slabe sau nu sunt specificate, browserele au adăugat muncă și timp pentru a încărca pagina fără aceste informații și apoi trebuie să se schimbe ulterior pentru a o calcula.
• Încorporare în pagină, anunțuri și cadre iframe fără dimensiuni : informând browserele cu privire la spațiul de aspect necesar pentru aceste elemente vizuale de pe pagină, puteți evita ca browserul să fie nevoit să se schimbe odată ce fiecare dintre acestea este vizual la locul lor.

După ce a urmat strategiile de îmbunătățire a CLS de mai sus, scorul cumulativ al schimbului de aspect al aceluiași site este acum 0,01. Acest lucru contribuie în mare măsură la îmbunătățirea rezultatelor căutării mobile ale unui site.

Ce valori de bază pentru Web Vitals pot fi îmbunătățite prin încărcarea CSS Async?

Deoarece este ceea ce oamenii văd mai întâi, valorile calculate în secțiunea de deasupra paginii înseamnă asigurarea că conținutul cheie care este vizibil pentru utilizator este văzut rapid. Unele fișiere de conținut și de asistență se pot încărca în fundal până când ajungeți la „Timp de încărcare completă”.

Potrivit proprietarului Koray Tugberk GUBUR al Holistic SEO, „În relația dintre încărcarea fișierelor CSS ca asincron și deschiderea mai devreme a paginilor web pentru utilizator, unele valori Pagespeed sunt afectate mai pozitiv decât altele. Încărcarea mai rapidă a fișierelor CSS îmbunătățește în special valorile First Paint, First Contentful Paint, Largest Contentful Paint și Speed ​​Index”.

Plasați conținutul cheie deasupra pliului, unde poate fi văzut cu ușurință pentru a se potrivi cu intenția celor care caută. Nu faceți vizitatorii site-ului să aștepte să găsească răspunsuri la întrebările lor.

Cum măsoară Google viteza de încărcare?

Sugestiile de îmbunătățire și diagnosticare găsite în PageSpeed ​​Insights sunt generate din testele de laborator; valorile de performanță sunt mai precise atunci când sunt culese din rezultatele pe teren. Odată ce aveți o idee generală despre cum să îmbunătățiți PageSpeed, logica modului în care Google obține acest punctaj poate avea un impact pozitiv asupra rezultatelor vitale de pe web.

Trei noi valori de performanță umbrelă această lume a performanței web. Sunt acceptate printr-un API în browserele Chrome, Chrome pe Android, Chrome Edge. Datele pe care se bazează Google pentru măsurarea experienței paginii sunt derivate din Raportul Chrome UX (CRUX). Este compus din statistici de performanță anonimizate pe care le oferă încărcările reale ale paginilor din browserele Chrome de pe tot globul.

Fiind independent de starea memoriei cache, CRUX evaluează toate încărcările obișnuite ale paginilor, inclusiv paginile web de destinație și de la mijlocul sesiunii. Omite navigațiile soft, numite și schimbări de rută, în cadrul aplicațiilor cu o singură pagină. Navigațiile soft au potențialul de a fi penalizate. Scorurile CLS mai mici și valorile LCP semnalează o schimbare redusă a utilizatorilor care se confruntă cu schimbări neașteptate de aspect.

Cât de importantă este compresia imaginii pentru un scor CWV?

Nu trebuie să compromiteți calitatea imaginii pentru a obține un scor bun CWV.

Browserele de astăzi pot gestiona imagini de înaltă rezoluție atunci când sunt furnizate; în timp ce încă doriți să le comprimați, utilizați doar dimensiunea de care aveți nevoie, pentru a arăta grozav pe afișajele de înaltă rezoluție. Puteți folosi un CND și vă gândiți să începeți cu o imagine sau un fundal mai puțin complex. Aflați și urmați Ghidul Google pentru imagini.

@Jamsession18 l-a întrebat pe John Mueller de la Google pe 26 martie 2021:

„Puteți vă rog să răspundeți la întrebarea mea cu privire la calitatea imaginilor utilizate? Lucrez pentru un site de știri care se optimizează în prezent pentru CWV și, în acest scop, tehnologia noastră comprimă imaginile la un nivel extrem cu prețul calității imaginii (imagini încețoșate acum). Merită costul?”

„Sună ca o idee proastă. Experiența paginii este doar unul dintre multele lucruri pe care le analizăm pentru clasare, dar dacă utilizatorilor nu le place conținutul dvs., este puțin probabil să facă conversie (oricum doriți) și este puțin probabil să vrea să revină.” -???? Ioan ???? @JohnMu

Prin ce sunt diferite datele de teren și de laborator?

O diferență este că datele de laborator sunt utile pentru testare, datele de câmp sunt mai bune pentru clasare.

Datele de laborator sunt despre datele de performanță găsite într-un mediu unic. Instrumentele Chrome Dev și instrumentele webpagetest.org sunt utilizate în mod obișnuit pentru a obține date de laborator. Field Data cuprind date colectate din colecția de utilizatori care vizitează paginile site-ului dvs. utilizând browserul Chrome. Field Data este ceea ce populează rapoartele dvs. Google Search Console, precum și Google Page Speed ​​Insights (care se bazează atât pe datele Lab, cât și pe câmpul pentru rapoartele din pagină).

Datele de câmp pot fi obținute folosind automatizarea prin BigQuery. Pentru site-urile sau paginile mai noi care nu primesc mult trafic organic, este posibil să descoperiți că nu sunt disponibile date Field.

De ce este important să îmbunătățim toate cele trei valori vitale de bază ale web?

Toate cele trei puncte de referință Core Web Vitals (CWV) semnalează o componentă cheie a ceea ce este necesar pentru a oferi o experiență bună pentru utilizator. Fiecare dintre cele 3 valori trebuie îndeplinite pentru a se califica pentru creșterea semnalului de clasare Google aferent, lansată în mai 2021. Google ne oferă 6 modalități de măsurare a acestor valori vitale web de bază. După cum aflăm de la John Mueller, Senior Webmaster Trends Analyst la Google, toate cerințele minime trebuie îndeplinite pentru a beneficia de această actualizare a algoritmului care va sosi în curând.

„Înțelegerea mea este că vedem dacă este în verde și atunci asta contează că este în regulă sau nu. Deci, dacă este în galben, atunci nu ar fi în verde, dar nu știu care va fi abordarea finală.

Există o serie de factori care vin împreună și cred că ideea generală este că dacă putem recunoaște că o pagină se potrivește cu toate aceste criterii, atunci am dori să o folosim în mod corespunzător în clasarea căutării.

Nu știu care ar fi abordarea în cazul în care există unele lucruri care sunt în regulă și altele care nu sunt perfect în regulă, cum ar fi cum s-ar echilibra asta.” – John Mueller

Acest lucru face ca percepția unei pagini de încărcare rapidă față de o încărcare lentă să fie una de mare importanță. Întâlnirea tuturor celor trei valori este o oportunitate; întreprinderile mici își pot îmbunătăți SEO și pot obține un avantaj competitiv pentru a le ajuta să câștige noi afaceri. Fiecărui site ar trebui să se concentreze pe îmbunătățirea rezultatelor căutării mobile în experiența desktopului, deoarece acest lucru contează cel mai mult pentru cel mai mare volum de căutare.

La fel ca mare parte din marketingul de căutare, o abordare holistică este cea mai bună. Este ușor să vă concentrați prea mult pe o anumită zonă a performanței site-ului, pentru a renunța la altele care au nevoie de atenție. Un exemplu în acest sens este adăugarea întregului marcaj de schemă la care vă puteți gândi când ar putea fi doar adăugarea unui cod de mică valoare. Citiți Ghidul nostru cuprinzător pentru marcarea schemei de comerț electronic pentru a amplifica cel mai bine vizibilitatea produselor dvs. în SERP-uri.

O persoană care efectuează o căutare va putea spune ce site-uri trec testul Core Web Vitals?

Persoanele care doresc să semnaleze că viteza paginii, capacitatea de răspuns a paginii și factorii de stabilitate vizuală a paginii au fost luați în considerare de o companie înainte de a face clic pe o pagină vor vedea o insignă.

John Mueller a indicat că Google poate introduce o insignă în rezultatele căutării pentru paginile care depășesc Core Web Vitals de la Google. Insigna va acționa ca un fel de filtru. Se afirmă unei persoane care utilizează Căutarea Google că, dacă face clic pe o pagină web cu această insignă CWV, se poate aștepta la o experiență pozitivă.

Instrumente principale de testare a elementelor vitale web

Când testați Core Web Vitals, utilizați o fereastră incognito pentru a ocoli problemele nedorite.

Există mai multe instrumente acum disponibile; preferăm Lighthouse. Folosind multe, puteți avea mai multă perspectivă de ansamblu. Cu toate acestea, diferă considerabil în aplicațiile lor, nivelurile de calificare necesare pentru competența tehnică și rapoartele. Search Console este foarte utilă pentru a fi tabloul de bord Core Web Vitals al fiecărui site. Obținerea unei vederi generale a unui întreg site – conform Google – este vitală pentru succes. Extensia Chrome și PageSpeed ​​Insights sunt mai bune pentru acele evaluări rapide ale paginilor. Vom adăuga mai multe aici în timp.

Odată ce acest lucru este pus în aplicare, vom acoperi personal rapoartele dvs. de progres în marketingul de căutare. Vrem să înțelegeți și să vă bucurați de beneficii.

Îmbunătățirea aspectelor tehnice SEO a necesitat întotdeauna buy-in-ul și resursele de dezvoltator necesare pentru a fi finalizate. Agenții de marketing care lucrează cu companii de toate dimensiunile s-au luptat pentru totdeauna cu aprobările bugetare. Astăzi, performanța fiecărui site web are acum un scor de crucialitate clar. Dacă cineva nu a reușit să ia acest lucru în serios în trecut, acum este o realitate crudă. De ce să aștepți până ești penalizat în clasamente?

Google a fost martor la aceste lupte și a ascultat de ani de zile întrebările SEO despre cum să obțineți buy-in. Gigantul tehnologic subliniază în mod inteligent importanța performanței, făcând-o transparentă în rapoartele Google Search Console și stabilind-o ca un semnal suplimentar de clasare. Google Page Experience este cel mai bine descrisă ca un set de factori care măsoară cât de satisfăcător este pentru o persoană să interacționeze cu o pagină web. Concentrați-vă asupra clienților și vizitatorilor site-ului și asupra modului în care experiența lor pe site-ul dvs. este cea mai bună pentru ei.

REZUMAT

Optimizarea pentru valorile de performanță Core Web Vital, măsurate de Google în CRUX, poate fi un mare impuls în viitor. Dar chiar înainte ca aceste elemente vitale web să devină un factor de clasare, va avea un impact pozitiv asupra experienței utilizatorului site-ului dvs. Consumatorii doresc experiențe mai rapide. Îmbunătățirea problemelor legate de viteza de încărcare duce la o rată de respingere mai mică, o durată mai mare a sesiunii de pagină, scoruri mai bune de satisfacție a utilizatorilor, o evaluare mai bună a conversiilor, un trafic SEO crescut. În cele din urmă, toate acestea duc la creșterea veniturilor.

Lucrul grozav despre optimizările performanței paginii este că se realizează adesea cu îmbunătățiri relativ minore ale codului.

Hill Web Creations vă poate conduce eforturile de optimizare pornind de la un Audit SEO Tehnic Cuprinzător .