Comunicate de Afaceri

10 Cele mai bune practici de optimizare pentru dispozitive mobile pe care trebuie să le cunoașteți

Pentru a obține cea mai bună implementare mobilă, asigurați-vă că creați un site mobil care respectă aceste 10 bune practici.

A trecut ceva timp de când Google a început să-și lanseze indexul pe mobil .

Când acest lucru a fost anunțat pentru prima dată, profesioniștii SEO se grăbeau peste tot pentru a se asigura că site-ul lor respectă Core Web Vitals și ghidurile de dezvoltare pentru cele mai bune practici ale Google.

Optimizarea pentru web-ul mobil este un subdomeniu complet cuprinzător în cadrul SEO, care necesită cunoștințe la nivel de specialist și propriile bune practici pentru a avea succes.

Atât de mult, încât multe industrii necesită o implementare completă și de calitate a site-ului lor pe mobil. Și nu toată lumea se măsoară.

În multe cazuri, uneori, majoritatea site-urilor nu își îndeplinesc obiectivul de a fi conforme.

În mod clar, aceasta este o greșeală din cauza faptului că designul mobil este o parte atât de răspândită a societății noastre digitale:

  • 96% dintre americanii cu vârsta cuprinsă între 18 și 29 de ani dețin un smartphone.
  • Începând cu 2020, peste 3,6 miliarde de utilizatori au folosit un dispozitiv smartphone în întreaga lume. Vor fi 4,3 miliarde până în 2023.
  • În 2020, utilizatorii de telefonie mobilă și-au petrecut 90% din timp în aplicații, spre deosebire de browserele mobile.
  • Google reprezintă 93,22% din cota de piață a căutării mobile din Statele Unite în 2021.
  • Rezultatul inițial al căutării mobile pe Google tinde să atingă un CTR organic (rata de clic) de 26,9% .

Pentru a profita de cea mai bună prezență online posibilă, trebuie să vă optimizați pentru multe tipuri diferite de dispozitive și rezoluții de ecran. Nu doar pentru desktop-uri.

Și acum, Google lansează actualizarea experienței paginii desktop . Dar această actualizare depășește scopul acestui articol, deși joacă în general experiența paginii.

Pentru a obține cea mai bună implementare mobilă, este important să vă asigurați că creați un site mobil care respectă aceste bune practici și care, de asemenea, creează oportunități de a vă crește numărul Core Web Vitals .

Folosind un design receptiv și nu un subdomeniu m-dot, respectând cele mai bune practici cu crearea și optimizarea imaginilor și observând compresia și minimizarea, puteți obține un site mobil de calitate, care ajunge la cât mai mulți oameni din audiența dvs.

Aici site-ul tău mobil va avea succes.

1. Asigurați-vă că tot conținutul este același pe desktop și pe mobil

Ideea din spatele acestei bune practici este aceea de a evita conținutul duplicat și acuzațiile de desimulare.

Pentru a fi în siguranță, asigurați-vă întotdeauna că tot conținutul este același pe versiunea desktop a site-ului dvs. ca și pe mobil.

Una dintre cele mai bune tehnici de utilizat pentru a vă asigura că acest lucru se întâmplă este designul responsive.

Designul responsive , pentru cei care nu știu, implică crearea unei foi de stil care utilizează „interogări media” pentru a trece automat design-urile între o mare varietate de platforme și dispozitive.

Dacă doriți să strângeți toată viteza posibilă și să vă faceți designul slab și rău, luați în considerare analizarea sprite-urilor CSS pentru a reduce solicitările de pe partea serverului.

2. Deasupra pliului nu este complet

Este important să ne amintim că într-un mediu mobil, în care lucrurile se derulează la nesfârșit, deasupra pliului nu dispare complet.

Este totuși de preferat să aveți cel puțin o parte din conținutul textului deasupra pliului pe un design mobil, pentru a arăta cuiva că există un motiv pentru a derula.

Beneficiile psihologice și dorințele de a vedea ceea ce oferiți nu au dispărut în totalitate, așa că mai trebuie să vă optimizați oarecum pentru acest lucru pe multe dispozitive mobile diferite.

3. Utilizați o abordare de dezvoltare „de sus în jos”.

O abordare de dezvoltare „de sus în jos” înseamnă că luați în considerare toate consecințele potențiale ale fiecărei decizii luate într-un proiect de la început până la sfârșit.

Dezvolti mai întâi pentru mobil, mai degrabă decât pentru desktop, și apoi abordezi un design mobil. Această abordare de dezvoltare este ideală deoarece nu introduceți probleme în designul final.

Iată un exemplu: creați un site web pentru desktop. Aproximativ trei sferturi din timpul procesului, decideți că doriți să creați un site mobil deasupra acestuia.

Tu creezi macheta. Dar, după codificarea machetei și mutarea de-a lungul tranzițiilor, găsiți o eroare aici. Și găsești un bug acolo. Atunci găsești un bug acolo. Acest lucru se datorează faptului că abordarea de jos în sus nu funcționează și provoacă o modificare a domeniului de aplicare.

Acesta este fenomenul în care problemele nevăzute apar în ultimul moment, provocând erori neprevăzute și creșteri ale orelor care nu au fost prevăzute inițial atunci când proiectul a fost inițial stabilit.

Adevărul este că, dacă abordarea de sus în jos a designului mobil responsive ar fi luată în considerare chiar de la început, aceste erori și lucruri care trebuie rezolvate nu ar apărea la sfârșit, provocând această problemă de temut.

4. Nu vă concentrați exclusiv pe consumatorul mobil, totuși

Pe măsură ce mobilul și desktopul se îmbină , la fel sunt și obiectivele și dorințele utilizatorilor acestor platforme.

Când vă concentrați pe ceea ce utilizatorul dvs. dorește să obțină pe baza platformei, creați o abordare holistică care ajunge la clienți prin site-ul dvs. mai eficient.

Indiferent dacă un utilizator cumpără un produs sau efectuează cercetări cu privire la serviciile pe care le oferiți, amestecul de obiective ale utilizatorilor și achiziții de clienți ale afacerii va continua.

Atât de mult, încât concentrarea specială asupra acestor idealuri și valori va deveni mai puțin necesară.

Nu mai puțin important, ține cont, doar mai puțin necesar pe măsură ce acest amestec de dispozitive mobile și desktop continuă.

5. Utilizați tehnici de design responsive

Zilele site-urilor web separate m-dot (m.example.com) au trecut.

Nu există un motiv posibil de răscumpărare pentru a utiliza o astfel de implementare în epoca mobile-first.

Structura poate fi foarte dezordonată, cu mai multe adrese URL creând probleme de conținut duplicat dacă nu sunt optimizate corespunzător.

Există multe tehnici disponibile pentru a se asigura că o tranziție eficientă este finalizată, dar în rest, implementările m-dot au mers pe calea dodo odată cu apariția noilor tehnologii.

Astăzi, implementarea ideală implică un design receptiv . Aceste modele folosesc ceea ce se numesc interogări media pentru a defini rezoluțiile de afișare pe care le va suporta designul.

Fiecare rezoluție separată este ceea ce se numește „punct de întrerupere” în design sau punctul în care designul receptiv trece de la o rezoluție la alta.

Avantajul utilizării acestui tip de structură este că nu vă confruntați cu problemele de conținut duplicat pe care le-ați face într-o implementare m-dot.

De asemenea, implementarea dvs. mobilă va fi pe cea mai recentă tehnologie.

6. Gândiți-vă la „Cod” în loc de „Imagini de pretutindeni” pentru a crește viteza site-ului

Chiar trebuie să utilizați acel fundal cu două culori ca fundal repetat de 2 pixeli lățime și 1200 de pixeli înălțime?

Dacă nu o faceți și îl puteți codifica în schimb, codificați-l.

În timp ce ceva atât de mic nu va afecta viteza site-ului, optimizările se pot adăuga pe măsură ce sunt finalizate.

Data viitoare când efectuați un audit al site-ului sau creați în alt mod un site web, gândiți-vă: „Într-adevăr am nevoie de această imagine aici sau pot să o codez pur și simplu?”

Dacă imaginea nu este într-adevăr necesară, codificarea obiectului ar putea ajuta la creșterea vitezei site-ului în mod exponențial, în special a design-urilor la fața locului care utilizează o supraabundență de grafică.

7. Personalizați WordPress pentru mobil

Există multe pluginuri disponibile pentru WordPress .

Atât de mult, încât unii chiar oferă funcționalități pentru o compatibilitate sporită pentru mobil.

Cele mai utile plug-in-uri în acest scop sunt Duda Mobile, W3 Total Cache, precum și plug-in-uri pentru minimizarea HTML și CSS.

8. Nu folosiți interstițiale intruzive pentru a vă vinde produsul

Da. Noi stim. Produsul dumneavoastră este cel mai grozav, cel mai grozav lucru care să împodobească această planetă. De aceea, probabil că vă vizităm site-ul web și facem cercetări înainte de a cumpăra.

Dar, nu trebuie să avem un anunț intruziv care ne blochează activitatea pe site-ul dvs. pentru a ne deranja cu privire la vânzare.

Acolo unde este posibil, mențineți interstițiale intruzive la minimum și păstrați anunțurile în partea de jos sau în lateral, cu opțiunea de a face clic pe anunț și de a-l elimina cel puțin.

Este important să rețineți că Google penalizează intercațiile intruzive .

Merită să citiți ghidurile lor pentru dezvoltatori împreună cu instrucțiunile pentru webmasteri cu privire la această problemă, precum și postarea lor de blog pe acest subiect.

9. Verificați-vă site-ul pe mai multe sisteme de operare și afișare

Orice SEO ar trebui să știe cum să identifice punctele slabe în implementarea existentă a unui site web, inclusiv unde și cum să găsească probleme pe diferite afișaje și dispozitive.

Doriți să vă verificați site-ul pe mai multe sisteme de operare, precum și pe mai multe dispozitive de afișare. Acest lucru vă asigură că site-ul dvs. este compatibil cu o gamă cât mai largă de afișaje și platforme.

Dar, ce se întâmplă dacă nu vă puteți permite o mie de dispozitive pentru a le verifica?

Toate acestea se rezumă la câteva aplicații. Da! Este posibil să verificați aceste tipuri de probleme cu mai multe aplicații.

Extensia Chrome pentru dezvoltatori web de la Google

Dacă aveți un buget redus, folosirea extensiei Google pentru dezvoltatori web pentru Chrome vă poate ajuta să examinați cum arată site-ul dvs. în multe dimensiuni și rezoluții diferite de ecran.

De asemenea, oferă posibilitatea de a vedea cum arată site-ul dvs. prin diferite orientări ale dispozitivului, cum interacționează intrările tactile prin simulare și multe altele.

De asemenea, este posibil să utilizați instrumentul lor de depanare pentru a examina codul unui site pentru probleme.

BrowserStack

BrowserStack.com este un instrument excelent pentru testare pe multe browsere, sisteme de operare și rezoluții de afișare diferite. Au și o extensie Google Chrome de care poți profita în acest scop.

Puteți testa orice site pe peste 2.000 de dispozitive, browsere și sisteme de operare reale.

Având un cont plătit, obțineți acces nelimitat la extensia lor de browser pentru testare.

Testare între browsere

CrossBrowserTesting.com este o alternativă la BrowserStack pe care o puteți folosi pentru testarea browserelor și dispozitivelor.

Oferind peste 1.500 de browsere și platforme pentru testare, oferta sa de produse nu este lipsită de ceea ce puteți face.

Comparațiile cu capturile de ecran sunt posibile cu instrumentul lor, împreună cu posibilitatea de a simula modul în care site-ul dvs. se comportă pe dispozitivele din lumea reală.

10. Urmați cele mai bune practici pentru videoclipurile mobile

Da, există cele mai bune practici SEO pentru video mobile ! Google încă trebuie să aibă unele semnale încorporate în pagină, astfel încât motorul său de căutare să înțeleagă mai bine videoclipul care se află pe pagina respectivă.

Acest articol din Search Engine Journal, Matt Southern , detaliază cele mai bune practici SEO recomandate de Google pentru videoclipuri.

Lucruri precum textul de pe pagină, linkurile de recomandare, datele structurate și fișierele video sunt importante.

Există și alte lucruri la care doriți să fiți atenți când creați videoclipuri

De exemplu, doriți să vă asigurați că videoclipurile dvs. sunt accesibile publicului. Aceasta înseamnă să vă asigurați că setările dvs. de confidențialitate YouTube sunt publice și că ar trebui să aveți o pagină web accesibilă de Google cu acel videoclip.

În cazul datelor structurate, se recomandă utilizarea tipului de date VideoObject de pe Schema.org.

Google recomandă utilizarea următoarelor cele mai bune practici video pentru mobil pentru o implementare impecabilă a videoclipurilor mobile:

  • Utilizarea controalelor personalizate cu un element rădăcină div, împreună cu un element media video și un element secundar div care este dedicat controalelor video.
  • Folosind un buton de redare/pauză video.
  • Asigurarea că utilizatorul poate căuta înapoi și înainte.
  • Implementarea lor tehnică cuprinzătoare a unui videoclip mobil este nemaipomenită și vă ghidează prin proces pas cu pas.

După cum spune Google:

„Dacă motivul principal de vizită al utilizatorului este pentru video, această experiență de utilizator trebuie să devină captivantă și reangajantă.”

Pentru ca Google să găsească cu adevărat videoclipurile dvs. cât mai ușor posibil. Acest lucru înseamnă:

  • Utilizarea unui sitemap video: dacă nu trimiteți un sitemap video, este posibil ca Google să nu poată găsi videoclipurile dvs. direct. Un sitemap video vă ajută să trimiteți acest sitemap în Google Search Console, ceea ce facilitează accesul cu crawlere și eventual indexarea videoclipurilor dvs.
  • Nu utilizați acțiuni complexe ale utilizatorului sau fragmente de adrese URL: dacă acestea sunt folosite pentru a vă încărca videoclipurile, este posibil ca Google să nu găsească deloc videoclipurile dvs., deoarece aceste lucruri de pe pagina dvs. sunt prea complexe pentru ca Google să le înțeleagă.
  • Utilizați o etichetă HTML ușor de identificat:  unele dintre cele valide includ videoclip, iframe, obiect sau încorporare. Este mai ușor pentru Google să identifice videoclipurile atunci când sunt încorporate în etichete comune.
  • Asigurați-vă că videoclipurile dvs. pot fi indexate. Se întâmplă: uneori, cineva poate face o modificare la un fișier robots.txt care blochează accesarea cu crawlere a fișierelor video (din nicio vină a dvs.... sperăm). Dacă videoclipurile dvs. au fost indexate, iar acum dintr-o dată nu mai sunt, merită să aruncați o privire la fișierul dvs. robots.txt pentru a vă asigura că nu sunt blocate.
  • Utilizați formate de miniaturi acceptate de Google: există și cele mai bune practici pentru miniaturi pe care trebuie să le urmați în documentația de mai sus pentru dezvoltatori web Google.

SEO video mobil nu este întotdeauna atât de ușor pe cât s-ar putea crede.

Deși nu fiecare casetă trebuie bifată, există lucruri care ar putea fi dăunătoare accesării cu crawlere și indexării videoclipurilor pe mobil dacă nu sunt

Social Media
Vezi toate articolele autorului: Angelos Ranger

Comentarii

Cauta

Categorii populare