Cum să vă optimizați site-ul web pentru Core Web Vitals (Adsense)

Cursa pentru îmbunătățirea Core Web Vitals nu este una ușoară. Devine mai greu dacă te bazezi pe un program de publicitate precum Google AdSense pentru a-ți genera bani pe site.

Site-urile care rulează Google AdSense au de 10 ori mai multe șanse să eșueze testul Core Web Vitals decât același site fără Google AdSense. Acest lucru se datorează în mare parte numărului de solicitări terță parte și de active pe care Google AdSense le adaugă pe site-ul dvs. Cele mai multe dintre aceste active sunt neoptimizate, mari și nu sunt ușor de utilizat.

În afara platformelor AdSense și de publicitate, dacă aveți o mulțime de imagini neoptimizate, JavaScript și CSS, în special deasupra pliului, atunci este foarte probabil să nu reușiți testul Core Web Vitals.

Dacă te-ai chinuit să treci testul Core Web Vitals și să-ți îmbunătățești potențialul de clasare în motoarele de căutare, vei găsi soluții practice în acest articol.

Ce sunt Core Web Vitals?

Core Web Vitals sunt valori bazate pe Google Lighthouse care determină modul în care un site oferă o experiență bună a paginii. Deși există multe valori la rularea unui test, cele mai importante valori sunt cea mai mare vopsea de conținut (LCP), Întârzierea primei introduceri (FID) și Schimbarea aspectului cumulativ (CLS).

Google a anunțat că din mai 2021, aceste valori vor deveni o parte a semnalelor lor de clasare utilizate pentru a determina pozițiile paginilor web în rezultatele căutării.

În rezumat, puteți spune că Core Web Vitals nu a fost menit să fie o teroare pentru webmasteri, ci un mijloc de a îmbunătăți experiența paginilor site-urilor web.

Cea mai mare vopsea de conținut (LCP) : LCP măsoară timpul necesar pentru încărcarea celei mai mari imagini vizibile sau bloc de text dintr-o pagină web. Dacă cel mai mare text sau imagine vizibilă se încarcă rapid, se percepe că restul imaginilor și textului dvs. se vor încărca rapid. Timpul necesar de încărcare pentru a trece este de 2,5 secunde .

First Input Delay (FID) : FID măsoară interactivitatea paginii web. Acest lucru este determinat de cât timp durează browserul pentru a începe procesarea gestionarilor de evenimente după ce un utilizator a făcut clic pe site-ul dvs. Aceasta este denumită prima impresie a site-ului dvs. web. Timpul necesar pentru a trece este de 100 de milisecunde .

Cumulative Layout Shift (CLS) : CLS măsoară schimbarea aspectului care are loc pe o pagină web. Când o pagină web se încarcă și apoi dintr-o dată apare sau dispare ceva și pagina trebuie să se adapteze pentru a fi mai mare sau mai mică, acea schimbare este cea care se măsoară. Este groaznic pentru experiența utilizatorului și sunt de acord. Scorul pe care ar trebui să-l treci este 0,1 .

Cum să vă optimizați site-ul web pentru Core Web Vitals

Urmați acești pași pentru a vă optimiza site-ul:

1. Începeți cu o gazdă web rapidă

Dacă aveți o gazdă web cu un timp de răspuns groaznic, atunci orice alt lucru pe care îl voi enumera aici s-ar putea să nu dea rezultatele dorite. Cu cât serverul dumneavoastră răspunde mai repede la solicitări, cu atât mai bine.

De ce este importantă o gazdă web cu un Time to first byte (TTFB) rapid? Unii vor argumenta că TTFB nu contează, dar contează. Acesta este fundamentul tuturor celorlalte. Dacă aveți utilizatori în orașe cu internet lent, cât de repede poate răspunde gazda dvs. web va însemna totul. Orice gazdă web poate funcționa bine dacă aveți utilizatori în principal din orașe cu internet super-rapid.

Încercați să testați modul în care gazda dvs. web va răspunde la 3G sau 2G în loc de 4G. Pentru că dacă obțineți o mulțime de utilizatori care se conectează prin 3G sau 2G, aceasta se adaugă la scorul dvs. Core Web Vitals. Deci, fiecare milisecundă contează. Diferența dintre obținerea de 100 ms în FID și obținerea de 101 ms este că, cu 100 ms, treci, dar cu 101 ms eșuezi. Deci, dacă cineva vă spune că 1 ms nu contează, acea persoană s-ar putea să greșească.

Când alegeți o gazdă web, asigurați-vă întotdeauna că aveți un centru de date mai aproape de majoritatea utilizatorilor site-ului dvs. Puteți găsi locațiile lor uitându-vă la analizele dvs. De unde provin majoritatea utilizatorilor tăi? Alegeți un centru de date mai aproape de ei. Cu cât mai aproape, cu atât mai bine.

Personal, am observat o schimbare semnificativă a datelor de câmp ale unui site web pentru Core Web Vitals după schimbarea gazdei web. nu am făcut nimic altceva.

Dacă sunteți în căutarea unei gazdă web rapidă, există o mulțime de recomandări care sunt conduse exclusiv de afiliați fără sinceritate. Dacă utilizați WordPress și vă puteți permite, vă recomand cu căldură Kinsta. Sunt cele mai bune pentru WordPress. Dacă aveți nevoie de ceva mai ieftin sau nu utilizați WordPress, atunci Cloudways este și el foarte eficient.

2. Folosiți o temă ușoară și optimizată pentru viteza

Acest sfat este deosebit de util pentru non-codatori și chiar pentru cei care au mai puțin timp. Mai ales dacă utilizați WordPress unde există atât de multe opțiuni, asigurați-vă că utilizați o temă ușoară și optimizată pentru viteză.

Deoarece tema este ca scheletul site-ului dvs., dacă scheletul este rupt atunci corpul va fi rupt. Doar asta este.

Există o listă lungă de bune practici pe care ar trebui să le căutați într-o temă. Unele dintre cele mai frecvente practici proaste depind excesiv de JQuery, încărcarea prea multor CSS/JS atunci când nu este necesar, dimensiunea mare a temei și multe altele. Puteți utiliza oricând un instrument precum Yellow labs, pentru a testa demonstrația.

Dacă utilizați WordPress, puteți verifica lista cu cele mai rapide teme WordPress.

3. Optimizați-vă imaginile

Imaginile sunt misto. Ei fac conținutul atât de atrăgător. Dar pot fi o povară dacă nu sunt optimizate. Dacă aveți imagini mari, cum ar fi 3 MB, vă va afecta cu siguranță viteza. Și dacă aceste imagini sunt vizibile atunci când site-ul dvs. este vizitat înainte de derulare, ele vor afecta cu siguranță valoarea LCP.

Adevărul este că imaginile neoptimizate sporesc dimensiunea paginii tale. Cu cât dimensiunea paginii este mai mare, cu atât este nevoie de mai mult pentru încărcare.

Eu personal prefer să optimizez fiecare imagine înainte de a le încărca. Nu folosesc niciun serviciu extern pentru optimizarea imaginii. Cu toate acestea, dacă utilizați WordPress sau CMS similar, există plugin-uri și soluții pentru optimizarea automată a imaginilor. Există, de asemenea, soluții cloud, indiferent de ceea ce utilizați.

4. Eliminați sau reduceți dimensiunea imaginilor de fundal

Imaginile de fundal sunt de obicei foarte mari. Și vă poate încetini timpul de încărcare, deoarece trebuie încărcat mai întâi înainte ca conținutul semnificativ să fie afișat.

Puteți elimina complet imaginea de fundal pentru a avea un site web mai rapid. Dacă sunt atât de importante, atunci luați în considerare optimizarea lor la cea mai mică dimensiune posibilă sau utilizarea modelelor în loc de imagini.

5. Utilizați memorarea în cache a browserului

Dacă aveți o mulțime de cititori fideli, atunci ar trebui să luați în considerare stocarea în cache a browserului. Când un utilizator vă vizitează site-ul pentru prima dată, browserul va stoca acel site în cache. Pentru fiecare altă vizită, se va încărca într-o clipă. Acest lucru poate îmbunătăți foarte mult FID și LCP de la a doua vizită în sus.

Pentru utilizatorii WordPress, majoritatea pluginurilor de cache vă pot ajuta să realizați acest lucru.

6. Reduceți JavaScript și amânați JavaScript neutilizat

Deși JavaScript este uimitor, adesea blochează randarea. Aceasta înseamnă că poate afecta timpul de încărcare și, în cele din urmă, FID.

Încercați să reduceți JavaScript prin eliminarea spațiilor albe și a comentariilor pentru a reduce dimensiunea fișierului. De asemenea, asigurați-vă că amânați JavaScript non-critice. Acest lucru ar trebui să vă îmbunătățească FID.

Pentru utilizatorii WordPress, există plugin-uri precum Autoptimize, WP Rocket și altele care pot face acest lucru pentru tine.

7. Setați atributul dimensiune AdSense

Dacă rulați AdSense pe site-ul dvs. și vă confruntați cu CLS, atunci acest lucru vă poate rezolva toate problemele. A fost pentru mine și ar trebui să fie pentru tine.

Dacă aveți o unitate de anunțuri în apropierea antetului care este vizibilă atunci când un utilizator o vizitează, o problemă este că anunțul poate să nu se încarce imediat. Se poate încărca după ce pagina este deja încărcată, iar atunci când se încarcă, există o schimbare în aspect. Acest lucru este foarte frecvent pentru unitățile de anunțuri adaptabile. În acest caz, este imposibil să treceți metrica CLS.

Cel mai bun mod de a gestiona acest lucru este să editați puțin codul AdSense. Nu vă faceți griji, este foarte legitim. Trebuie doar să specificați atributul de dimensiune pentru anunț, în special înălțimea. După ce ați făcut asta, nu veți mai observa o schimbare a aspectului de fiecare dată când se încarcă anunțul.

Mai jos este un exemplu de unitate de anunțuri adaptabile pe care am folosit-o pe blogul meu, chiar sub antet. Mi-am înlocuit ID-ul de editor și spațiul publicitar cu XXXXXX. Am observat că am adăugat atributul înălțime (min-height: 300px). În momentul în care am făcut asta, toate problemele CLS au dispărut pentru totdeauna.

 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Header ad --> <ins class="adsbygoogle" data-ad-client="ca-pub-xxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

Ceea ce face aceasta este să rezervi această dimensiune pe pagină. Deci, ori de câte ori apar anunțuri, nu există nicio schimbare de aspect, deoarece ați setat deja dimensiunea.

8. Setați atributul de dimensiune pentru imaginile dvs. și alte medii

La fel ca în cazul reclamelor, imaginile și alte conținuturi media pot provoca schimbări de aspect atunci când sunt încărcate pe site-ul dvs. Este posibil să citiți ceva, apoi se încarcă o imagine și dintr-o dată apare o schimbare de aspect, ceea ce citiți nu este vizibil și tot ce vedeți este altceva sau chiar faceți clic pe altceva din greșeală.

Puteți evita toate acestea setând atributul de dimensiune fișierelor dvs. media. Valoarea dvs. CLS va fi fericită.

9. Imagini Lazy Load.

Este posibil să fi văzut sfaturile privind PageSpeed ​​Insight pentru a amâna imaginile în afara ecranului. Ceea ce înseamnă pur și simplu este să vă încărcați leneș imaginile.

Ceea ce face încărcarea leneșă este să reducă dimensiunea paginii și, de asemenea, să reducă timpul de încărcare a paginii tale atunci când un utilizator o vizitează. Ceea ce este bun pentru valorile CWV.

Acest lucru va ajuta în special la îmbunătățirea LCP.

10. Optimizați CSS prin reducerea și generarea de CSS critice

CSS este ceea ce face ca un site să arate cool, dar un fișier CSS mare poate fi o problemă mare, deoarece va întârzia redarea paginii către utilizator.

Când un utilizator vă vizitează site-ul web, browserul, prin comportament normal, va întârzia redarea paginii dvs. web către utilizator până când acesta a încărcat, analizat și executa toate CSS la care se face referire în antetul paginii dvs. web. Dacă aveți un fișier CSS mare, aceasta poate fi o problemă mare. Va încetini site-ul dvs.

CSS critic poate ajuta doar încărcând CSS-ul necesar pentru încărcarea paginii. În timp ce restul CSS-ului poate fi încărcat asincron.

De asemenea, reducerea CSS-ului prin eliminarea spațiilor albe și a comentariilor pentru a reduce dimensiunea fișierului poate ajuta.

De asemenea, puteți elimina CSS neutilizat. Dacă un serviciu pe care îl utilizați împinge CSS care nu sunt utilizate, este sigur să le eliminați.

Dacă utilizați WordPress, există plugin-uri precum WP Rocket, LiteSpeed ​​Cache, FlyingPress și altele care vă pot ajuta să realizați acest lucru.

11. Implementați încărcarea inteligentă AdSense

Această metodă poate elimina aproape complet toate provocările dacă AdSense este responsabil pentru încetinirea site-ului dvs.

Este vorba despre încărcarea AdSense într-un mod inteligent. AdSense nu va fi încărcat până când un utilizator nu efectuează o acțiune cum ar fi derularea sau clicul. Acest lucru va îmbunătăți considerabil timpul de încărcare și orice elemente vitale web de bază afectate de AdSense.

Există multe pluginuri WordPress care vă pot ajuta să faceți acest lucru, WP Rocket și Flying Scripts sunt un exemplu. Din câte știu, această metodă nu încalcă politica Google AdSense.

Notă: deși această metodă poate ajuta la îmbunătățirea vitezei percepute și a scorurilor de pagină, poate afecta veniturile dvs. AdSense. Vă recomand să faceți un experiment pentru a vă asigura că merită

12. Folosiți fontul System Stack dacă puteți

Fonturile adaugă timp de încărcare suplimentar pe orice site web. Și pentru paginile web fără imagini, blocul de text ar putea fi responsabil pentru evaluarea LCP. În acest caz, scorul tău LCP va fi influențat direct de fontul tău.

În timp ce Google Font și Font Awesome continuă să se îmbunătățească, utilizarea fontului stivă de sistem oferă o îmbunătățire semnificativă. Deși nu la fel de fantezist în funcție de dispozitiv.

13. Utilizați un CDN

Dacă aveți utilizatori din diferite părți ale lumii, atunci utilizarea unui CDN vă poate ajuta să vă îmbunătățiți viteza și, indirect, valorile Core Web Vitals.

Un CDN într-o explicație simplă face multe copii ale site-ului dvs. și le stochează în diferite puncte de prezență (POP) în diferite părți ale lumii. Când cineva solicită site-ul dvs., acesta vă servește site-ul din cea mai apropiată locație.

De exemplu, dacă site-ul dvs. este găzduit în Statele Unite și aveți un vizitator din Regatul Unit, în loc să vă preluați site-ul din Statele Unite, CDN-ul va servi site-ul dvs. din Regatul Unit. Efectul va fi livrarea rapidă. Viteză.

Puteți verifica cele mai bune CDN-uri de acolo.

14. Configurați preîncărcarea DNS

Dacă vă bazați pe un serviciu extern, cum ar fi un CDN, pentru livrarea site-ului dvs., atunci poate fi necesar să configurați o preîncărcare DNS pentru a minimiza întârzierea din cauza căutării DNS.

Preluarea DNS va preleva DNS-ul înainte de a fi apelat. Astfel încât să se încarce într-o clipă când este în sfârșit apelat.

15. Optimizați scripturile de la terți

Verificați pentru a vă asigura că unele dintre serviciile pe care le utilizați pe site-ul dvs. nu adaugă scripturi terță parte care ar putea încetini site-urile dvs.

Puteți înlocui soluția cu solicitări terță parte, ceea ce vă încetinește site-ul cu o soluție mai bună.

Când vine vorba de Google AdSense, un alt script terță parte, nu poți face nimic. Cea mai bună practică este să utilizați maximum 3 anunțuri unite pe o pagină. Evitați conținutul potrivit, deoarece aduce venituri mici, dar crește timpul de încărcare.

16. Scoateți AdSense de deasupra pliului

Acest sfat se bazează pe experimente. Dacă toate valorile dvs. sunt bune în raportul din consola de căutare, cu excepția LCP, asigurați-vă mai întâi că imaginile și fonturile sunt optimizate. Dacă sunt optimizate și încă nu reușiți LCP, atunci AdSense ar putea fi responsabil.

Dacă vă puteți permite, eliminați AdSense de deasupra pliului timp de o lună și vedeți dacă problema dispare.

Dacă nu doriți să-l eliminați, îl puteți întârzia manual sau cu ajutorul unui plugin precum Flying Scripts.

17. Comutați la AMP

AMP înseamnă Accelerated Mobile Pages. Ideea AMP este de a optimiza paginile web pentru a se încărca mai rapid pe mobil. Și, desigur, proiectul open source AMP a fost început de Google.

În timp ce AMP a fost inițial destinat să accelereze paginile mobile, poate, de asemenea, să accelereze paginile desktop.

Paginile AMP sunt în mod constant mai rapide decât paginile mobile sau desktop, uneori cu peste 100% conform observației noastre.

Dacă singura strategie de generare de bani a site-ului dvs. este Google AdSense, atunci vă recomandăm să treceți întregul site la AMP. Am observat personal că pe un blog pe care îl dețin, AdSense pe paginile AMP uneori face mai multe conversii decât pe dispozitive mobile și desktop!

Concluzie

Core Web vitals vă poate ajuta să vă îmbunătățiți site-ul pentru utilizatorii dvs., nu doar pentru Google. Este foarte obișnuit să aveți un scor bun la testul datelor de laborator, dar un scor prost pentru datele de câmp.

Acest lucru se datorează componenței utilizatorilor dvs. Dacă majoritatea utilizatorilor dvs. provin din locuri cu internet lent, este posibil să fi făcut o treabă bună de optimizare, dar încă nu ați reușit în datele de teren.