Indexarea mai întâi mobilă

Citat:

Nu supraviețuiește cea mai puternică specie, ci cea mai adaptabilă la schimbare.
- Atribuit lui Charles Darwin

Internetul este încă relativ nou și este în continuă evoluție. Atunci când oamenii caută pe internet, nu mai stau în fața calculatorului și nu mai scriu căutări atent formulate. Din 2017, aproximativ jumătate dintre utilizatorii de internet folosesc dispozitivele mobile în locul calculatoarelor pentru a căuta pe internet.

Pe măsură ce utilizatorii își schimbă modul în care caută pe internet, motoarele de căutare trebuie să schimbe modul în care indexează conținutul pentru a afișa cele mai relevante și utile rezultate. Acest lucru înseamnă că trebuie să schimbați în mod constant modul în care organizați și prezentați informațiile prin intermediul site-ului dvs. web dacă doriți să vă poziționați mai sus în rezultatele căutărilor.

Deși variază în funcție de regiune, aproximativ jumătate din utilizatorii globali sunt accesarea internetului prin intermediul unui mobil dispozitiv, potrivit Statista.

Aceasta reprezintă o creștere semnificativă de la aproximativ 30 la sută în 2015. Dacă site-ul dvs. a fost conceput pentru un computer desktop sau dacă nu aveți un site adaptat la mobil, vă puteți aștepta să vedeți cum motorul dvs. de căutare clasament rezultatele scad în timp.

Inițial, site-urile web au fost dezvoltate pornind de la premisa că oamenii vor accesa internetul de pe un computer de birou. Acest lucru a permis companii pentru a construi site-uri web care conțin o logică de programare complicată care este încărcată și procesată foarte rapid de un browser pe un computer de birou.

Cu toate acestea, pe măsură ce utilizatorii migrează către telefoane și tablete, aceste site-uri web nu pot fi încărcate și procesate rapid de un browser de pe un dispozitiv mobil.
Prin urmare, unele companii au creat versiuni "ușoare" ale site-urilor lor web care sunt încărcate și procesate de un dispozitiv mobil într-un timp rezonabil. Pentru a crea aceste versiuni, companiile sunt adesea nevoite să elimine multe dintre caracteristicile și capacitățile versiunilor pentru desktop.

Atunci când un utilizator accesează un site web, site-ul web determină tipul de dispozitiv utilizat și oferă un set diferit de pagini web pentru un utilizator de dispozitiv mobil față de un utilizator de desktop.

Imaginați-vă că efectuați o căutare pe Google pe telefonul mobil și vedeți rezultate de căutare care sunt exact ce pe care îl căutați. Cu toate acestea, atunci când faceți clic pe rezultatele căutării, nu obțineți ceea ce rezultatele căutării indicau că veți vedea. În schimb, obțineți o versiune diluată a ceea ce vă așteptați, deoarece site-ul web v-a oferit un set diferit de pagini web atunci când a determinat că utilizați un dispozitiv mobil.

Utilizatorul mediu dă vina pe Google pentru această inadecvare, deoarece conținutul nu corespunde cu ceea ce este descris în rezultatele căutării.

Tocmai din acest motiv, Google a anunțat o strategie de indexare mobile-first în martie 2018. În loc să indexeze versiunile desktop ale site-urilor web, Google a început să indexeze versiunile mobile. În iulie 2018, Google a început, de asemenea, să utilizeze viteza paginilor în clasamentul căutărilor pe dispozitive mobile, ceea ce înseamnă că favorizează site-urile web care se încarcă rapid pe dispozitivele mobile atunci când clasifică rezultatele căutărilor, în detrimentul celor care se încarcă mai lent. Acest lucru nu înseamnă că site-urile web care nu au o versiune mobilă nu sunt indexate, dar înseamnă că site-urile web care se încarcă rapid și sunt adaptate la dispozitivele mobile au mai multe șanse să se claseze mai sus în rezultatele de căutare Google decât site-urile grele, cu performanțe mai lente, care necesită un computer de birou.

O strategie de indexare Google mobile-first înseamnă adesea o reproiectare completă a site-ului dvs. web. Designul ar fi destinat dispozitivelor mobile și apoi adaptat pentru alte platforme, cum ar fi computerele desktop. Un design de indexare mobile-first este, de obicei, simplu și concis și utilizează forme geometrice, culori vii, tipografie puternică și spațiu alb ca elemente de design.

Designul plasează elementele call-to-action în față și în centru și încorporează metode moderne de comunicare, cum ar fi chat-ul și chatbots. Inutil să mai spunem că un site indexat Google mobile-first se încarcă rapid și este măsurat constant pentru a menține sau îmbunătăți viteza.

Dacă nu sunteți pregătit pentru o reproiectare completă a site-ului dvs. web, puteți adapta ceea ce aveți în prezent pentru a fi adaptat pentru mobil. Deoarece încă luați o versiune desktop și o adaptați pentru dispozitivele mobile, în loc de invers, nu este, din punct de vedere tehnic, o strategie Google mobile-first. Dar este un pas practic pe drumul către un design de site web indexat mobile-first, care vă permite să apăreți ca mobile-first pentru motoarele de căutare.

Atunci când vă adaptați site-ul dvs. actual la acest mediu Google mobile-first, obiectivul este, de obicei, să oferiți același conținut tuturor utilizatorilor, indiferent de dispozitivul pe care îl folosesc.

Cu toate acestea, modul în care conținutul este formatat și prezentat este diferit în funcție de dimensiunea ecranului utilizat pentru a-l vizualiza. În cadrul acestei tranziții, este încă acceptabil să se includă unele funcționalități suplimentare, cum ar fi opțiunile de meniu sau butoanele, care apar numai atunci când site-ul web este accesat de un computer. Chiar și Google face acest lucru.

Din fericire, există instrumente care vă ajută să faceți tranziția către un site mobil mai ușor ca niciodată. Și există instrumente care vă permit să vă măsurați succesul și să identificați zonele care mai au nevoie de îmbunătățiri.

Pentru a face această tranziție către un site web mai ușor de utilizat pe mobil sau Google mobile-first, cuvântul pe care trebuie să îl adoptați este responsive. Responsive Web design este o abordare care adaptează automat prezentarea unui site web în funcție de platforma, orientarea și dimensiunea ecranului sau a ferestrei utilizatorului.

Imaginați-vă un site web care este deschis pe computerul dvs. de birou și care este vizibil pe monitorul computerului dvs. Când faceți clic pe colțul ferestrei și îl trageți pentru a face fereastra mai mică, ce se întâmplă? Pe un site web care nu este receptiv, nu se întâmplă nimic. Pur și simplu ați tăiat tot ceea ce era la vedere și acum trebuie să derulați în stânga și în dreapta pentru a vedea acel conținut.

Cu toate acestea, pe un site web receptiv, acesta se va reformata automat odată ce fereastra de vizualizare atinge anumite dimensiuni, astfel încât tot conținutul să rămână vizibil în acea fereastră. În loc să apară unul lângă altul, conținutul este suprapus pe verticală. Deși s-ar putea să trebuiască să derulați pagina în jos pentru a vedea tot conținutul, conținutul pe care îl vedeți se potrivește în fereastra de vizualizare și nu trebuie să derulați în stânga și în dreapta pentru a-l vedea.

Dacă folosiți un sistem de gestionare a conținutului (CMS), cum ar fi WordPress, ar trebui să folosiți o temă receptivă. Dacă tema dvs. actuală nu este responsivă și există o versiune mai nouă, responsivă, disponibilă, faceți upgrade la acea versiune. Dacă nu există o versiune responsivă, treceți la o temă responsivă.

Tema va face cea mai mare parte din munca grea pentru dumneavoastră. Va trebui să analizați modul în care arată paginile responsive pe diferite dispozitive mobile și să stabiliți dacă trebuie să schimbați modul în care prezentați anumite informații care nu se convertesc bine în paginile responsive.

Dacă nu folosiți un CMS, începeți să folosiți un set de instrumente precum Bootstrap. Bootstrap este un set de instrumente open-source pentru dezvoltarea web folosind HTML, CSS și JavaScript. Acesta vă ajută să construiți site-uri web receptive, indexate Google mobile-first, folosind sistemul său de grilă receptivă, componente front-end pre-construite și plugin-uri.

Pentru a vă verifica noul design, accesați Google Mobile-Friendly Test și introduceți URL-ul site-ului dvs. web. Veți primi un raport care vă va spune cât de prietenos pentru mobil este site-ul dvs. web, cu sugestii specifice pentru a vă îmbunătăți scorul.

Indiferent dacă aveți un site pentru desktop, un site web adaptat pentru mobil sau un site web pentru mobil, astăzi se presupune că site-ul dvs. se va încărca rapid. Deși o discuție despre toți factorii care influențează rapiditatea de încărcare a site-ului dvs. depășește scopul acestui articol, există câteva elemente de design care pot încetini în mod semnificativ încărcarea site-ului dvs. și de care ar trebui să fiți conștienți.

Din fericire, cele mai multe teme și seturi de instrumente responsive includ caracteristici care abordează cel puțin parțial unele dintre aceste domenii pentru a vă ajuta să vă încărcați site-ul web mai rapid pe un dispozitiv mobil.

Atunci când vizitați un site web, acesta încarcă codul paginii pe care o vizualizați în memoria dispozitivului dumneavoastră mobil și apoi procesează codul pentru a formata și afișa pagina pe dispozitivul dumneavoastră. Atunci când faceți clic pe un link pentru a trece la pagina următoare, acesta renunță la pagina în care vă aflați și încarcă pagina următoare în memorie. Cu cât trebuie să încarce mai multe pagini, cu atât mai mult timp este nevoie pentru a le prelua, a le trimite pe internet și a le încărca în dispozitivul dumneavoastră.

Cu cât trebuie să proceseze mai mult cod, cu atât durează mai mult timp pentru a formata și a prezenta ceea ce a încărcat pe ecran. Asta înseamnă că, dacă încărcați mai puțin și procesați mai puțin, site-ul dvs. se va încărca de obicei mai repede.

Fișierele de imagini sau de poze sunt adesea vinovate atunci când un site web se încarcă lent. Cu cât rezoluția imaginii este mai mare, cu atât fișierul este mai mare și durează mai mult să se încarce. Fiți realist în ceea ce privește rezoluția de care aveți nevoie pentru imaginile pe care le afișați și micșorați imaginile pentru a le încărca mai repede.

În funcție de formatul pe care îl utilizați, puteți micșora imaginile cu sau fără a sacrifica calitatea. Cele care sacrifică o parte din calitate sunt, de obicei, mult mai mici ca dimensiune decât cele care păstrează același nivel de calitate.

Browserul dvs. va începe să formateze pagina web pe măsură ce datele sunt încărcate. Cu toate acestea, unele coduri vor forța browserul să oprească formatarea și să aștepte mai mult cod sau chiar încărcarea întregii pagini înainte de a relua sarcina de formatare.

Acest lucru se numește blocare. În măsura în care puteți, doriți să reduceți dimensiunea codului care este încărcat și să eliminați orice cod de blocare. O modalitate de a reduce dimensiunea codului este de a-l minifica prin eliminarea comentariilor și a spațiului alb în exces.

Acestea sunt importante pentru ca programatorii să înțeleagă codul, dar nu sunt necesare pentru ca un browser să îl proceseze. Dacă nu puteți minifica codul, unele servere web vor trimite o versiune comprimată a codului către browser, care va încărca versiunea mai mică și apoi o va decomprima.

Atunci când vizualizați o pagină web, vedeți doar partea din pagină care se află în fereastra de vizualizare. Dacă browserul dumneavoastră încarcă și formatează mai întâi ceea ce vedeți în fereastra dumneavoastră, poate continua să încarce și să formateze alte date în fundal până când pagina este completă.

Pentru dumneavoastră, pagina web pare să se încarce rapid și nu vă dați seama neapărat că aceasta continuă să se încarce și să formateze conținutul decât dacă trebuie să așteptați mult timp atunci când încercați să derulați în jos.

O pagină de pe site-ul Google Developers numită Make the Web Faster oferă următoarele informații sfaturi, cel mai bunsfaturi și resurse practice pentru a vă ajuta să vă încărcați mai rapid site-ul web. Un instrument principal din acest set de instrumente se numește PageSpeed Perspective. PageSpeed Insights vă arată ce se întâmplă din momentul în care începeți să încărcați site-ul dvs. web și până când acesta este încărcat, formatat și prezentat pe un dispozitiv mobil sau desktop.

Acest lucru vă permite să vedeți care este cauza pentru care site-ul dvs. se încarcă mai greu, astfel încât să știți ce trebuie să schimbați. Instrumentul vă oferă adesea sugestii specifice pentru îmbunătățirea performanțelor și vă oferă chiar și versiuni optimizate ale fișierelor de imagine care se vor încărca mai rapid.

Chiar dacă nu poți do un design cu adevărat Google mobile-first în acest moment, puteți face ca site-ul dvs. să pară a fi mobile-first prin utilizarea de pagini web responsive și prin reducerea timpului de încărcare și afișare a site-ului dvs. Este posibil ca aceste două strategii să nu ducă la o clasare mai bună în motoarele de căutare, deoarece sunt obligatorii, dar ar trebui să vă ajute să evitați să fiți penalizat pentru că nu a adoptat o abordare bazată pe mobil.