Core Web Vitals: definiție, introducere în LCP, FID și CLS și sfaturi de optimizare Core Web Vitals

Anul 2021 este remarcabil din mai multe puncte de vedere. Motoarele de căutare au evoluat și au devenit mai competitive decât oricând. Google intenționează să lanseze o nouă măsurătoare care schimbă jocul pentru clasarea site-urilor web pe motorul său de căutare. UX și o experiență bună a paginii vor deveni un factor crucial de clasare – totul datorită noilor elemente vitale web de bază recent introduse de Google și care vor fi lansate în curând.

Odată cu lansarea anticipată a elementelor vitale web de bază ale Google la sfârșitul acestui an, a devenit din ce în ce mai esențial pentru companii să-și recupereze și să-și optimizeze site-urile web în funcție de acest factor de clasare.

Dacă nu știți ce sunt elementele vitale web de bază, în ce constă și ce puteți face pentru a optimiza elementele vitale web de bază ale site-ului dvs., citiți mai departe. Acest blog este pentru tine.

În acest blog, vom acoperi AZ a elementelor vitale web de bază și vă vom ajuta să vă optimizați pagina web pentru același lucru. Sa incepem.

Ce este Core Web Vitals?

Sursa imagine: web.dev

Elementele vitale web de bază sunt semnale de clasare sau un set de criterii și valori pe care Google le utilizează pentru a evalua experiența generală a utilizatorului site-ului dvs. Elementele vitale web de bază Google evaluează viteza, capacitatea de răspuns și stabilitatea vizuală a site-ului dvs., alături de semnalele existente ale experienței utilizatorului, pentru a evalua experiența generală a paginii și ușurința de utilizare.

Google intenționează să lanseze acest nou semnal de clasare în încercarea de a îmbunătăți modul în care studiază experiența generală oferită de pagina dvs. Punctul culminant al acestor date va fi luat împreună de acest motor de căutare pentru a vă clasa site-ul pe SERPS.

Cu cât clasarea site-ului dvs. este mai mare, cu atât va fi mai mare vizibilitatea acestuia. Pe măsură ce experiența paginii devine un element important de clasare, este inevitabil să îi acordați atenție. Pentru a verifica datele Core Web Vitals ale site-ului dvs., căutați secțiunea „îmbunătățiri” a contului dvs. Google Search Console.

De ce este important Core Web Vitals?

Core Web Vitals sunt semnale de clasare care fac parte din scorul Google pentru „experiența în pagină”. Este important pentru că Google face din experiența paginii un factor oficial de clasare pe Google.
Sursa imagine: backlinko.com

Iată câteva motive pentru care elementele vitale web de bază sunt importante și de ce ar trebui să conteze pentru tine:

• Este o oportunitate enormă de clasare pentru site-urile viitoare care pot profita din plin de această nouă schimbare în evaluarea clasamentului Google de la început.
• În războiul dintre două site-uri web cu o calitate similară a conținutului și clasarea site-urilor web, experiența paginii poate face toată diferența.
• Elementele vitale web de bază devin din ce în ce mai critice acum, deoarece site-urile web care s-au bucurat de poziții de neegalat pe SERP-urile Google riscă acum să-și piardă clasamentul actual în favoarea site-urilor web la fel de competitive dacă nu îndeplinesc noile standarde de experiență a paginii.

Luând în considerare totul, este esențial să rețineți că scorul experienței paginii dvs. este doar unul dintre cei aproximativ 200 de factori de clasare pe care Google îi folosește pentru a clasifica site-urile web.

Pentru a rămâne în frunte și pentru a vă bucura de un avantaj competitiv în clasament față de ceilalți, ar trebui să continuați să optimizați strategia SEO existentă în pagină și în afara paginii, optimizând simultan elementele vitale web de bază ale site-ului dvs. Deși nu vă veți pierde clasamentul peste noapte, cu siguranță vă puteți îmbunătăți șansele de clasare optimizând în avans elementele vitale de bază ale web.

Trei semnale ale principalelor elemente vitale web:

Sursa imagine: web.dev

Cele mai importante trei măsurători ale vitezei paginii și ale interacțiunii utilizatorului luate în considerare de Google în evaluarea principală a elementelor vitale web includ:

• Cea mai mare vopsea plină de conținut (LCP)
• Întârziere la prima intrare (FID)
• Schimbare cumulativă a aspectului (CLS)

Semnal 1: Cea mai mare vopsea cu conținut maxim (LCP): verifică performanța de încărcare

LCP este prima măsură vitală web de bază pe care Google o folosește pentru a calcula scorul experienței dvs. în pagină. Măsoară performanța de încărcare a paginii dvs. web.

Cea mai mare vopsea de conținut sau LCP poate fi definită ca durata necesară pentru ca o pagină de pe site-ul dvs. să se încarce din perspectiva unui utilizator real. Cu cuvinte simple, timpul necesar utilizatorului dvs. de la clic pe un link până la vizualizarea pe ecran a majorității conținutului site-ului dvs. se numește LCP.

LCP se concentrează pe ceea ce contează cu adevărat în ceea ce privește viteza paginii, adică capacitatea unui utilizator de a vedea și interacționa cu pagina dvs. fără obstacole.

Pentru a vă verifica scorul LCP, utilizați Page Speed ​​Insights de la Google. Tot ce trebuie să faci este:

• Accesați Instrumentul Google pentru informații despre viteza paginii .
• Introduceți site-ul dvs. în caseta de căutare.
• Faceți clic pe Analizați.

După ce faceți clic pe „analizați”, Google vă va afișa un raport cuprinzător al paginii dvs. curente. Parcurgeți-l pentru a afla despre lacunele din site-ul dvs. Rezultatele vă vor oferi, de asemenea, o perspectivă asupra performanței paginii dvs. web în lumea reală, pe baza datelor browserului Chrome.

De asemenea, puteți să vă uitați direct la datele dvs. LCP în Search Console (GSC) de la Google. Vă recomandăm să folosiți pagina Google Speed ​​Insights din următoarele motive:

• Pe PageSpeed ​​Insights, veți primi un raport al unei singure pagini web pe care ați introdus-o în bara de căutare pentru analiză. Pe consola de căutare, veți vedea datele LCP ale întregului site web.
• Prin Search Console de la Google, veți obține o listă completă de adrese URL de pe site-ul dvs. care sunt bune, rele sau undeva la mijloc.
• Orientările Google LCP clasifică LCP-ul site-ului dvs. drept „bun”, „slab” și „necesită îmbunătățire”.

Măsurarea LCP ideală este de 2,5 secunde sau mai rapidă. Cu cât conținutul principal al paginii se încarcă mai repede, cu atât scorul LCP este mai bun. Acest lucru poate fi o provocare pentru dvs. dacă aveți un site web mare, cu pagini mari și funcții multiple.

Semnal 2: Întârziere la prima intrare (FID): Verifică interactivitatea / capacitatea de răspuns

Prima întârziere a introducerii este al doilea nucleu web vital al Google. Măsoară interactivitatea.

În termeni simpli, First Input Delay (FID) se referă la timpul necesar pentru ca o pagină să devină interactivă. Puteți spune că măsoară durata necesară pentru ca o activitate să se desfășoare pe o pagină. Mai precis, măsoară timpul necesar utilizatorilor pentru a face efectiv ceva pe pagina ta.

Măsurarea ideală FID este mai mică de 100 ms.

Iată câteva exemple de interacțiuni pe pagină care sunt calculate pentru scorul FID:

• Timpul necesar unui utilizator pentru a alege o opțiune din meniu.
• Timpul necesar unui utilizator pentru a vă introduce e-mailul într-un câmp.
• Timpul necesar unui utilizator pentru a face clic pe un link din navigarea site-ului.

Pentru site-urile web de afaceri care colectează date despre utilizatori sau solicită detalii de conectare, scorul FID este incredibil de crucial.

Semnal 3: Schimbare cumulativă a planului (CLS): Verifică stabilitatea vizuală

O schimbare cumulativă a aspectului (CLS) este o rețea de bază vitală care măsoară stabilitatea vizuală. Este o valoare care calculează toate modificările aspectului care nu sunt cauzate de interacțiunea utilizatorului. Cu alte cuvinte, putem spune că această măsură ține cont de stabilitatea vizuală a unei pagini pe măsură ce se încarcă.

Dacă mai multe elemente de pe pagina dvs. se mișcă în timp ce pagina se încarcă, cu atât CLS-ul dvs. ar fi mai mare. Dacă mai puține elemente se mișcă în timp ce pagina web se încarcă, cu atât CLS este mai mic.

Cu cât CLS este mai mic, cu atât scorul paginii este mai bun.

Un scor CLS mai mic de 0,1 este considerat ideal pentru o pagină web, așa că asigurați-vă că îl vizați în timp ce vă optimizați site-ul pentru o experiență optimă a paginii.

Cum să optimizați cele trei elemente vitale web (LCP, FID, CLS)

Optimizarea celor trei elemente vitale de bază web este importantă pentru a îmbunătăți performanța paginii și experiența generală a paginii dvs. web. Iată câteva modalități prin care le puteți îmbunătăți.
Cum să optimizați cea mai mare vopsea cu conținut maxim (LCP):

Iată o listă cu ceea ce puteți face pentru a îmbunătăți LCP-ul site-ului dvs.:

• Minimizează-ți CSS: cu cât este mai mic CSS, cu atât LCP-ul tău este mai rapid.
• Eliminați elementele mari ale paginii: Din fericire, statisticile privind viteza paginii de la Google vă vor arăta dacă există un element pe site-ul dvs. care încetinește LCP-ul paginii. Odată ce ați identificat ce este, o puteți rezolva rapid. De exemplu, o analiză a scorului LCP al Techmagnate pe pagina Google Page Speed ​​Insights arată că acest element este defect:
• Actualizați-vă gazda web: o găzduire mai bună vine cu viteze de încărcare mai mari (inclusiv LCP).
• Eliminați scripturile terță parte inutile: evitați scripturile terțe părți cât puteți.
• Configurați încărcare leneră: încărcarea leneră înseamnă că imaginile se încarcă numai atunci când un utilizator ajunge la acel punct al paginii dvs. web care conține o imagine. Prin configurarea încărcării leneșe, puteți obține LCP mai rapid.

Executarea sfaturilor menționate mai sus vă poate ajuta să îmbunătățiți perfecțiunea LCP necesară pentru a obține un scor LCP bun. Cu cât scorul tău LCP este mai bun, cu atât scorul tău în experiența paginii și șansele de clasare sunt mai bune. Deci, optimizați-vă LCP acum, dacă nu ați făcut-o deja.

Cum să optimizați întârzierea primei intrări (FID):

Iată câțiva pași pe care îi puteți face pentru a îmbunătăți scorurile FID ale site-ului dvs.:

• Minimizarea (sau amânarea) Javascript: Minimizarea sau amânarea JS pe pagina dvs. vă poate ajuta să îmbunătățiți viteza FID a paginii dvs. web, deoarece nevoia ca browserul dvs. să încarce JS este redusă sau eliminată.
• Eliminați scripturile terțe care nu sunt critice: scripturile terță parte precum Google Analytics și hărțile termice pot avea un impact negativ asupra FID și viteza de încărcare a conținutului. Identificați-le pe cele care nu sunt esențiale pentru site-ul dvs. web și eliminați-le dacă nu sunt esențiale pentru pagina dvs. web.
• Mențineți numărul de solicitări scăzut și dimensiunile de transfer reduse: optimizați codul pentru a restricționa numărul de solicitări și minimizați dimensiunile de transfer ale fișierelor HTML, media, imagini etc.

Cum să optimizați Cumulative Layout Shift (CLS):

Iată câteva acțiuni simple pe care le puteți lua pentru a vă îmbunătăți CLS:

• Atribuiți elementelor publicitare un spațiu rezervat pe pagina dvs. web: efectuarea acestei sarcini simple vă va asigura că conținutul dvs. rămâne acolo unde ar trebui să fie. Paginile web care nu au un spațiu publicitar desemnat tind să deranjeze structura și poziționarea conținutului, uneori împingându-l în sus și în jos pe pagină, rezultând un CLS ridicat și un scor prost al experienței paginii.
• Adăugați noi elemente de interfață de utilizare sub pliul: atunci când un utilizator navighează printr-o pagină de pe site-ul dvs., se așteaptă ca elementele să rămână acolo unde se află. Adăugând elemente de UI, vă puteți asigura că acest lucru se întâmplă și că structura conținutului paginii rămâne neafectată.
• Utilizați dimensiuni ale atributului de dimensiune setată pentru media: este importantă utilizarea unei dimensiuni de atribut de dimensiune setată pentru media, cum ar fi videoclipuri, imagini, GIF-uri, infografice sau alte elemente media. Făcând acest lucru, vă va arăta cât spațiu va ocupa acel element pe pagina respectivă, ajutându-vă astfel să vă protejați pagina web de deplasarea fără precedent a conținutului.

Serviciile noastre de proiectare și dezvoltare site-uri web ajută la optimizarea scorului Core Web Vitals.

Cum se măsoară scorul Web Vitals:

Acum că știți care sunt cele trei elemente vitale web de bază, iată câteva instrumente care vă vor ajuta să le măsurați.

• Google Search Console: un alt instrument puternic și extrem de convenabil pentru analizarea elementelor vitale web de bază este Google Search Console. Vine cu un raport unic de bază vitală web în secțiunea de îmbunătățiri, pe care îl puteți verifica de fiecare dată când efectuați un audit al site-ului. Partea cea mai bună: în loc să prezinte performanța paginii unei singure pagini web, consola de căutare vă arată toate datele de performanță a paginii web dintr-o singură mișcare.
• PageSpeed ​​Insight: PageSpeed ​​Insight de la Google este un instrument puternic care vă arată elementele vitale ale paginii dvs. web, alături de sfaturi valoroase despre îmbunătățirile pe care le puteți face.
• Lighthouse: Lighthouse este un alt instrument Google pe care îl puteți folosi pentru a vă măsura valorile vitale web de bază. Proiectat anterior pentru a audita PWA, s-a transformat acum într-un instrument puternic pentru monitorizarea performanței. Înarmat cu funcții suplimentare și verificări SEO, farul poate fi descris în mod adecvat ca un instrument puternic pentru analizarea vitezei paginii dvs. web și a datelor despre experiența paginii.
• GT Metrix: GT Metrix este un site web de testare și monitorizare a performanței site-ului. Este un instrument gratuit pe care îl puteți folosi pentru a vă evalua performanța LCP, TBT și CLS.

Cum să auditezi Core Web Vitals folosind Screaming Frog:

Conceptul de auditare a elementelor vitale web de bază este relativ nou. Pentru cei dintre voi care doresc să fie pregătiți și să optimizeze elementele vitale web de bază ale site-ului dvs., utilizarea unui instrument precum Screaming Frog vă poate ajuta, mai ales dacă aveți deja un abonament la abonamentul său premium.

Iată ce veți avea nevoie:

• O versiune plătită a Screaming Frog.
• O cheie API PageSpeed ​​Insights.
• Domeniul site-urilor web pe care doriți să le auditați.

Sa incepem.

Pasul 1: Conectați cheia API PageSpeed ​​Insights la Screaming Frog

Pasul 1 pentru utilizarea Screaming Frog pentru optimizarea elementelor vitale web de bază include conectarea cheii API PageSpeed ​​Insights la aceasta. Când le conectați, puteți accesa datele și recomandările PageSpeed ​​Insights, pagină cu pagină, pe tabloul de bord Screaming Frog.

Iată pașii pe care ar trebui să-i urmezi:

• Deschideți Screaming Frog → Configurare → Acces API → PageSpeed ​​Insights.
• Introduceți cheia API din PageSpeed ​​Insights în caseta „Cheie secretă”.
• Faceți clic pe „ Conectați ”.
• După ce faceți clic pe „Conectați”, faceți clic pe „ Metrici ”.
• Alegeți valorile pe care doriți să le auditați și faceți clic pe „ Ok ”.

Pasul 2: Accesați cu crawlere site-ul web.

Următorul pas include accesarea cu crawlere a site-ului dvs.

Tot ce trebuie să faceți este să introduceți numele de domeniu al site-ului web pe care doriți să-l accesați cu crawlere în caseta care scrie: „Introduceți adresa URL pentru spider”. După ce ați introdus, așteptați să se încarce bara de progres „Crawler” și „API”.

Odată ce se încarcă la 100%, vă puteți analiza datele.

Pasul 3: Raportați problema autorităților relevante.

După ce instrumentul vă încarcă datele, veți obține o compilație a tuturor paginilor web de pe site-ul dvs. web. Aici, trebuie să analizați numărul de pagini web care eșuează pragurile minime Core Web Vitals în termeni de cifre procentuale.

Iată câțiva pași pe care îi puteți urma:

• Faceți clic pe bara de navigare de sus.
• Faceți clic pe Paginare .
• Faceți clic pe Viteza paginii din meniul derulant.
• Faceți clic pe Export .

După ce exportați datele, completați următoarele coloane:

• Cel mai mare timp de vopsire cu conținut maxim (ms): puneți un filtru pentru a găsi pagini cu LCP de 4000 ms sau mai mult.
• Timp total de blocare (ms): puneți un filtru pentru a găsi pagini cu 300 ms TBT sau mai mult.
• Schimbare cumulativă a aspectului: puneți un filtru pentru a găsi pagini cu 0,25 CLS sau mai mult.

Pe baza acestor date, puteți crea un raport și îl puteți trimite unui client. Dacă efectuați acest audit pentru cerințele interne de optimizare a experienței paginii dvs., puteți trimite aceste date echipei relevante, iar aceasta poate executa optimizările paginii în consecință.

Pasul 4: Raportați probleme la nivel de pagină cu recomandări.

Acum, acesta este pasul în care devine interesant. Acum sunteți conștient de procentul de pagini de pe site-ul dvs. care nu îndeplinesc standardele minime de bază Google Web Vitals. Ce urmează?

Efectuați o compilare atentă a problemelor relevante pe baza valorii pe care doriți să o vizați. Iată ce poți face:

• În partea dreaptă a filei „Prezentare generală”, derulați în jos la Viteza paginii.
• Aici veți găsi probleme și recomandări legate de viteza paginii site-ului dvs., inclusiv soluții potențiale pentru a vă îmbunătăți elementele vitale de bază.
• Meniul derulant al vitezei paginii va include diverse valori, cum ar fi:
  • Eliminați resursele care blochează redarea (afectează LCP)
  • Reduceți CSS (afectează LCP)
  • Reduceți JavaScript (afectează FID)
  • Eliminați CSS neutilizat (afectează LCP)
  • S-a eliminat JavaScript neutilizat (afectează FID)
  • (si multe altele)
• Faceți clic pe o problemă pentru a vedea numărul de pagini afectate și exportați aceste date în foaia de lucru. Acest lucru vă va ajuta să exportați toate adresele URL cu problemele relevante.
• Pe baza datelor, puteți face un apel de judecată cu privire la eliminarea sau amânarea acestor elemente de pe pagina dvs. web.

Citire suplimentară: Ce este viteza SEO a paginii

Pasul 5: Post-audit și optimizare, accesați din nou cu crawlere site-ul și comparați.

După ce ați identificat factorii care vă afectează principalul google web vitals, puteți face optimizările. După optimizare, sarcina dvs. este să vă accesați din nou site-ul cu crawlere pentru a evalua rezultatele.

Comparați procentul de pagini web care nu îndeplinesc cerințele minime de bază de web vitals post-optimizare cu pre-optimizarea numerelor.

Alți factori de experiență a paginii pe care ar trebui să îi luați în considerare:

Iată o listă cu principalii factori suplimentari pe care Google îi consideră necesari pentru experiența utilizatorului:

• Navigare sigură: dacă site-ul dvs. web nu permite navigarea în siguranță, aceasta va fi considerată o încălcare a standardelor de experiență a paginii și veți obține un scor scăzut în experiența paginii. Prin urmare, asigurați-vă că site-ul dvs. web nu conține conținut rău intenționat sau înșelător, cum ar fi malware. Puteți verifica standardele de conformitate de siguranță ale site-ului dvs. în Raportul Google privind problemele de securitate.
• HTTPS: site-urile care încep cu un HTTPS au mai multe șanse să aibă o conexiune securizată la site. Dacă nu aveți un site web care începe cu HTTPS, aflați aici cum să vă securizați site-ul web cu HTTPS.
• Utilizare pentru dispozitive mobile : verificați dacă pagina dvs. web este compatibilă cu dispozitivele mobile folosind Testul Google pentru compatibilitatea cu dispozitivele mobile. Dacă pagina dvs. web nu apare ca fiind „compatibilă cu dispozitivele mobile” în această evaluare rapidă, executați strategii pentru a vă optimiza site-ul pentru telefoane mobile și tablete. Printre altele, îmbunătățirea UX și UI și perfecționarea navigației off-canvas poate ajuta.
• Fără anunțuri intercalate intruzive: conținutul de pe pagina dvs. web ar trebui să fie ușor accesibil pentru un utilizator. Lipsa acestuia vă poate duce la un scor scăzut al experienței pe pagină. Iată principalele lucruri pe care ar trebui să le evitați pentru a face conținutul paginii web mai accesibil pentru utilizatorii dvs.:
  • Evitați utilizarea ferestrelor pop-up care blochează majoritatea conținutului site-ului dvs.
  • Evitați afișarea unui interstițial autonom care acoperă întregul ecran. Acest lucru este intruziv, deoarece un utilizator trebuie să îl respingă înainte de a putea accesa conținutul principal.

Concluzie:

Google este gata să lanseze elementele vitale web de bază ca semnal cheie de clasare în mai 2021. Nevoia momentului este ca companiile să își optimizeze site-urile web pentru acest criteriu cheie de clasare în avans.

În acest blog, am ilustrat pașii atât de necesari pe care îi puteți lua pentru a vă îmbunătăți elementele vitale de bază ale web. Am discutat despre ce este o vitalitate web de bază, primele trei valori pentru elementele vitale web de bază și ce puteți face pentru a vă optimiza pagina web pentru un scor SEO bun pentru elementele vitale web de bază.

Am subliniat, de asemenea, un truc rapid pentru analiza experienței paginii pentru cei care folosesc Screaming Frog pentru auditarea site-ului web. Sperăm că informațiile pe care le-am furnizat aici au fost de ajutor. Implementați-le în strategia de optimizare a site-ului dvs. pentru a vă menține clasamentul pe Google.

Anunțați-ne în secțiunea de comentarii dacă aveți nelămuriri sau întrebări.

Ne-ar plăcea să auzim de la tine.