Noi criterii Google: Core Web Vitals
Publicat: 2020-12-01Actualizat mai 2021
În marketingul SEO, companiile, blogurile, site-urile web și platformele online concurează zilnic. În partea de sus a listei Google este locul unde își doresc să fie.
Dintre nenumăratele listări de pe Google, 90% dintre site-urile listate nu ajung niciodată pe prima pagină. Cei 10% care fac sunt reclamele plătite, graficele de cunoștințe și aproximativ zece listări organice. Traficul dintre ele este inegal. Mai puțin de 3% dintre utilizatorii web ajung la rezultate pe paginile următoare.
Până în acest moment, principalele mecanisme de influență de marketing SEO au fost titlurile, conținutul, etichetele de titlu, cuvintele cheie, descrierile imaginilor, link-urile interne, backlink-urile etc. Cu accent pe controlul calității, motorul mamut, Google va lua în considerare un nou necesar.
Core Web Vitals urmează să devină o componentă determinantă a agențiilor tehnice SEO din SUA . De asemenea, se poate aștepta și este predispus să redefinească rezultatele căutării. În timp ce marketingul SEO tradițional îmbrățișează în esență relevanța, distanța și proeminența, Core Web Vitals va consolida valoarea.
Cuprins
- Ce sunt principalele elemente vitale web?
- Cele trei elemente ale principalelor elemente vitale web
- Cea mai mare vopsea plină de conținut
- Întârziere la prima intrare
- Schimbare cumulativă a aspectului
- Core Web Vital Metrics
- Instrumente principale de analiză a elementelor vitale web
- De ce este importantă optimizarea Core Web Vitals
- Concluzie
Ce sunt principalele elemente vitale web?
Core Web Vitals sunt un set separat de valori care determină experiența utilizatorului (UX) pe site-uri web. Acesta din urmă încorporează trei măsurători diferite ale vitezei paginii și ale interacțiunii nodului client. Cumularea acestor factori va apărea într-un sistem de punctare care determină prioritatea pe care o primește o pagină ca listare.
Cele trei elemente ale principalelor elemente vitale web
Cea mai mare vopsea plină de conținut
Largest Contentful Paint (LCP) este o măsurătoare creată de Google pentru a asigura satisfacția utilizatorilor. Acest parametru se concentrează mai mult pe performanță decât pe prezentare. Dacă pagina durează prea mult să se încarce și navigatorul pleacă, acest lucru este considerat nesatisfăcător.
Timpul de încărcare a paginii web și factorii de experiență Google, cum ar fi etichetele de imagine și miniaturile video, determină evaluarea LCP. Imaginile de fundal cu CSS și elemente de text, cum ar fi paragrafe, titluri și liste, sunt, de asemenea, monitorizate pentru fluență.
Cauzele LCP slabe
Timp de răspuns lent al serverului
Viteza de redare a unui site web depinde de timpul de reacție al unui server. Cu cât serverul este mai lent, cu atât va dura ceva mai mult pentru a fi afișat pe ecranul unui dispozitiv.
Soluția principală aici este să vă optimizați serverul. Memorarea în cache a activelor și servirea HTML-urilor mai întâi accelerează procesele de service. În plus, este recomandabil să direcționați utilizatorii către un CDN din apropiere. Prin stabilirea devreme a conexiunilor terță parte, latența devine minimă, ceea ce este important pentru site-urile web responsive mobile.
Blocarea redării CSS și JavaScript.
Browserele furnizează conținut prin analizarea markupurilor HTML într-un arbore DOM. În cazul în care analizatorul întâlnește orice foi de stil externe, se întrerupe. Scripturile și foile de stil externe întârzie distribuția resurselor de blocare, FCP și, în cele din urmă, LCP.
CSS și Java sunt robuste și pot pierde „mult din greutate” prin respectare, minimizare și minimizare. Software-urile disponibile pentru compactarea Java includ UglifyJS2, Closure Compiler și YUI Compressor. CSSnano, UNCSS și CSSO sunt toate mecanisme capabile să comprima CSS. Timpul de optimizare a încărcării se va îmbunătăți odată cu implementarea acestor instrumente.
Timpi slabi de încărcare a resurselor
În timp ce creșterea activității CSS și JavaScript produce rezultate proaste, alte componente se dovedesc la fel de problematice. Elementele care afectează negativ LCP sunt < imagine >, < img > și < video > și componente la nivel de bloc care conțin noduri de text.
Optimizarea și compresia fișierelor de imagine și text vă vor ajuta aici. Prin preîncărcarea resurselor necesare și stocarea în cache a activelor, în timp ce se folosește un alt lucrător de servicii, timpul necesar se reduce.
Redarea utilizatorului final
Site-urile care fac cea mai mare parte din randarea lor la sfârșitul clientului pierd o cantitate suficientă de control. Dezavantajul acestei opțiuni devine evident odată cu utilizarea pachetelor JavaScript mari. În cele mai multe cazuri, conținutul nu este afișat până când JavaScript nu își finalizează redarea; va pune în pericol ratingurile LCP.
Minimizarea JavaScript este crucială, iar randarea la sfârșitul serverului este de preferată decât la sfârșitul utilizatorului. O altă soluție este pre-rendarea, care va ajuta la optimizarea timpului de încărcare.
Întârziere la prima intrare
First Input Delay (FID) măsoară timpul de la interacțiunea inițială a utilizatorului până la momentul în care browserul răspunde. Este un factor crucial dacă clientul va părăsi site-ul sau nu. Întârzierile apar, în general, atunci când firul principal al browserului este ocupat.
Fișierele JavaScript încărcate de aplicațiile locale sunt de obicei vinovate pentru problemele FID. Ceea ce se întâmplă este că browserele încearcă să analizeze și să execute, dar apare latența, ceea ce duce la lipsa de răspuns pe dispozitivele finale. O evaluare FID scăzută poate stabili că site-ul sau pagina în cauză este inutilizabilă.
Cauzele FID slabe
JavaScript
În general, în timp ce firul principal este ocupat, browserul nu poate răspunde la interacțiuni. Execuția grea JavaScript agravează această problemă, impunând întârzieri la viteza de încărcare.
Prin ruperea sarcinilor lungi, puteți atenua restanța. În plus, limitarea timpului de rulare JavaScript ar trebui să îmbunătățească capacitatea de răspuns. Utilizarea unui lucrător web este de asemenea utilă. Toate acestea sunt modalități de optimizare a valorilor site-ului pentru interacțiune.
Schimbare cumulativă a aspectului
Valoarea Cumulative Layout Shift (CLS) măsoară stabilitatea designului unei pagini web. Funcționează pentru a se asigura că interacțiunile clientului curg cât mai natural posibil. Navigatorii web se confruntă adesea cu întreruperi sau sărituri în timp ce vizualizează conținut de pe un site. Prin urmare, duce la o pauză de concentrare și creează o experiență slabă.
Inconvenientul este rezultatul unui design slab. Efectele prevalează pe site-urile web responsive mobile și pe browserele desktop.
Lipsa elementelor de design corecte provoacă instabilitate vizuală. Acesta din urmă tinde să forțeze schimbări bruște de aspect, de multe ori determinând utilizatorul să facă clic pe conținut nedorit din neatenție. Exemple tipice sunt site-urile cu anunțuri pop-up.
Noile modele, chiar dacă sunt structurate corect, pot, de asemenea, să încetinească paginile web. Algoritmul Google compensează permițând o omisiune de 500 ms înainte de a începe procesul de calcul.
Cauze comune ale CLS
Imagini fără dimensiuni
Excluderea atributelor de dimensiune pentru lățime și înălțime atât pentru videoclipuri, cât și pentru imagini va avea ca rezultat o clasare scăzută. Mulți oameni nu rezervă spațiu pentru media, iar acest lucru are ca rezultat sărituri și schimbări.
Soluția aici este simplă; includeți întotdeauna lățimea și înălțimea. Cealaltă opțiune sunt casetele cu raport de aspect CSS. Sunt utile pentru rezervarea de spațiu pe site-uri web. Este util în special pe site-urile care găzduiesc reclame.
Anunțuri, încorporare și cadre iframe fără dimensiuni
Reclamele contribuie semnificativ la această problemă. Rețelele publicitare optează pentru dimensionarea dinamică, spre deosebire de varianta statică, care crește traficul către site-uri web. Din păcate, acest lucru se face în detrimentul experienței desktop sau mobil.
Anumite widget-uri permit încorporarea de elemente precum videoclipuri, hărți și conținut din rețelele sociale în pagina web. Problema aici este că site-ul de multe ori nu are idee despre dimensiunea sau compoziția exactă a încorporarii. Nerezervând spațiu, instabilitatea devine evidentă odată ce pagina se încarcă.
Precalcularea nevoilor spațiale necesare pentru o încorporare sau o rezervă a site-ului previne pericolul CLS. Instrumentele de dezvoltare de browser sunt utile pentru a obține înălțimea și lățimea rezultatului. După stabilirea acestui lucru, iframe-ul se va potrivi automat în spațiul rezervat de fiecare dată când se încarcă pagina.
Conținut injectat dinamic
Elementele nou inserate peste mediile vechi sunt, de asemenea, cele care creează schimbări de aspect. Exemple tipice ale acestora sunt bannerele cu chemare la acțiune. Nu numai că blochează interacțiunea, dar mai degrabă irită decât convinge.
Încă o dată, rezervați spațiu. În plus, designerii de site-uri pot adăuga un schelet UI. Acesta din urmă este un substituent care va împiedica migrarea textului la încărcarea imaginii.
Fonturi Web care provoacă FOIT/FOUT
Descărcarea și redarea fonturilor web sunt esențiale pentru un Flash of Unstyled Text (FOUT). În acest caz, un stil nou înlocuiește imprimarea alternativă.
O consecință suplimentară este Flash of Invisible Text (FOIT) care ascunde caracterul până când devine disponibilă o nouă majuscule.
Font Loading API reduce timpul necesar pentru a obține stilurile de litere necesare, minimizând sau eradicând astfel apariția FOUT și FOIT.
Core Web Vital Metrics
După cum sa menționat, cele trei elemente Core Web Vital au măsurători individuale. Fiecare a fost evaluat în funcție de standarde de timp diferite.
- O evaluare LCP bună este mai mică de 2,5 s. Google va acorda clemență pentru orice vârstă sub 4 ani, dar asta înseamnă totuși că există loc de îmbunătățire.
- Unitatea de măsură a FID este milisecunde și dacă timpul dintre intrarea utilizatorului și reacția paginii web scade sub 100, acest lucru este ideal. O măsurătoare de 300 ms este acceptabilă, dar sugerează probleme viitoare. Orice peste 300 ms duce la retrogradarea listei web.
- Citirea ideală pentru CLS este zero. Algoritmii Google vor accepta 0,1, dar deoarece acceptabilitatea maximă este 0,25, creează o marjă prea mică pentru flexibilitate. Administratorii site-ului web se pot strădui la fel de bine pentru perfecțiunea completă.
Instrumente principale de analiză a elementelor vitale web
- Web Vitals pentru Chrome este ca orice altă extensie, iar unii ar putea să nu fie confortabil cu această opțiune din cauza problemelor de confidențialitate.
- Viteza paginii este o interfață simplă care vă permite să comutați între opțiunile desktop și cele mobile. Rezultatele PC și dispozitivele inteligente diferă, indiferent de software-ul de analiză pe care îl utilizați. Cele menționate mai sus generează date de câmp ale utilizatorilor Google reali pe parcursul a 28 de zile.
- Design-urile Chrome Dev Tools și Lighthouse le permit să monitorizeze LCP și CLS. Din păcate, același software nu este capabil să măsoare FID, dar pentru asta există TBT.
Pe măsură ce Core Web Vitals proliferează, vor apărea cu siguranță mai multe instrumente de monitorizare.
De ce este importantă optimizarea Core Web Vitals
Actualizarea de bază Google este programată să aibă loc în mai 2021. Aceasta înseamnă că de atunci încolo, semnalele obișnuite SEO nu vor fi suficiente pentru a menține un clasament ridicat pe Google.
Este o implementare a unui standard care susține calitatea UX. Site-urile aflate la curent cu noile criterii nu vor fi afectate. Paginile web care nu s-au ajustat vor simți cu siguranță efectele, în ciuda cât de eficient este SEO-ul lor. Listările cu Core Web Vitals slabe vor scădea în clasament, făcând loc entităților care se conformează.
Concluzie
Prin stabilirea unei noi reglementări în marketingul SEO, Google deschide calea spre îmbunătățire. Standardul Core Web Vital este primul și, cu siguranță, vor urma multe altele. Aceste măsuri creează o platformă pentru o nouă eră a internetului care să fuzioneze cu alte tehnologii care se dezvoltă impecabil. În plus, puteți folosi aceste sfaturi pentru a crește viteza de încărcare a site-ului dvs.