Nu este optimizat pentru dispozitive mobile. Vă rugăm să rețineți că concurenții nu dorm! Adaptăm șablonul pentru confortul utilizatorilor de telefonie mobilă

Bună ziua, dragi cititori de blog! Astăzi vă voi povesti despre dificultățile pe care le-au întâmpinat mulți webmasteri. Cu siguranță mulți dintre voi ați dat peste un mesaj în Rezultate Google, care spunea că pagina site-ului nu a fost optimizată pentru dispozitive mobile. Făcând clic pe link, verificați compatibilitatea cu dispozitive mobileși primești 2 erori de afișare: conținutul este mai larg decât ecranul și elementele interactive sunt poziționate prea repede. Astăzi vă voi spune cum să rezolvați această problemă.

Mesaj despre o pagină neoptimizată din rezultatele Google

Optimizarea unei singure pagini pentru compatibilitatea cu dispozitivele mobile

Problema conținutului mai larg decât ecranul apare pe multe site-uri. Cel mai dificil este că această problemă apare chiar dacă ai șablon receptiv site-ul web sau a fost creată o versiune mobilă separată. Am încercat să rezolv prin crearea unei versiuni mobile separate această întrebare, totuși, totul s-a dovedit a fi mult mai simplu. Alte câteva încercări de a rezolva această problemă:

• Am instalat un plugin de compresie a imaginilor și media pentru diverse dispozitive
• a creat o versiune mobilă separată a site-ului
• a modificat setările de cache pentru site
• a comprimat CSS-ul site-ului și a schimbat setările de afișare

Dacă citiți despre rezolvarea acestei probleme pe Internet, puteți găsi multe soluții care nu vor aduce rezultate reale. Pentru a rezolva problema, este suficient să rezolvi o singură discrepanță. Nu este nevoie să editați codul CSS și Modificari PHP codul site-ului. Metoda mea este potrivită nu numai pentru un site WordPress, ci și pentru alte panouri de administrare unde dimensiunile fișierelor media pot fi ajustate. Mi se pare că majoritatea erorilor apar deoarece Google raportează plasarea incorectă a elementelor interactive pe site. Webmasterii se concentrează în mod special pe rezolvarea acestei probleme, pierzând totuși mult timp cu ea această problemă este secundară – urmează tocmai datorită conținutului mai larg.

Conținutul este mai larg decât ecranul - acesta este motivul inițial pentru care Google primește o reclamație cu privire la o pagină de site. Dacă site-ul este optimizat pentru dispozitive mobile, atunci se ridică plângeri în mod specific împotriva pagini specifice, și nu întreaga resursă web. Pentru a elimina Acest motiv, trebuie să verificați toate elementele afișate pe pagină. În general, Google are probleme cu imaginile care sunt mai largi de 600 de pixeli (din păcate, nu am putut găsi parametrii exacti în manualul Google). Primul lucru pe care trebuie să-l faceți este să schimbați dimensiunea fișierelor media la 500 de pixeli (aceasta este dimensiunea pe care o folosesc pentru site-urile mele).

Mesaj că conținutul tău este mai larg decât ecranul

Al doilea motiv pentru problema conținutului mai larg decât ecranul este lățimea elemente grafice depaseste instalat de Google dimensiuni pentru dispozitive mobile. Acestea ar putea fi glisoare, un antet de site sau imagini de fundal. Este tocmai problema șapei late (în ciuda design adaptiv) a fost motivul neoptimizării pentru dispozitivele mobile în funcție de parametrii Google pe unul dintre site-urile mele. După înlocuirea antetului, site-ul a devenit complet optimizat pentru dispozitive mobile.

Cum să vă optimizați site-ul web pentru dispozitive mobile pe Google

Pentru a optimiza site-ul pentru dispozitive mobile și pentru a elimina problema conținutului larg, trebuie să urmați următorul algoritm:

1. Să selectăm toate fișierele media posibile de pe site, începând de la Eticheta capuluiși se termină cu Footer.
2. Să notăm dimensiunile fiecărui fișier media
3. Să facem ca dimensiunea fiecărui fișier media să fie mai mică de 600 de pixeli

După parcurgerea acestor pași simpli, puteți verifica pagina în instrumentul de optimizare a dispozitivelor mobile. După cum puteți vedea, modificarea elementelor interactive poate fi necesară doar în cazuri rare. Sper că articolul meu v-a fost de folos și că ați reușit să rezolvați problema conținutului mai larg decât ecranul. Dacă în timpul deciziei aveți vreunul probleme suplimentare, asigurați-vă că scrieți despre ele în comentarii, vom încerca să ne dăm seama.

Verificați-vă, faceți totul pentru a vă poziționa în fruntea rezultatelor căutării mobile?

Conținutul articolului:
-
-
-
-
-
-
-

1. Specificul optimizării mobile

Optimizarea mobilă are propriile caracteristici și dificultăți, constând în faptul că confortul și simplitatea interacțiunii utilizatorului cu site-ul este cea mai mare. indicator important calitatea site-ului mobil. În plus, rezultatele căutării mobile sunt localizate, adică legate de locația utilizatorului, deci traficul mobil, adesea acesta este trafic regional. De asemenea, complică oarecum optimizarea mobilă este faptul că frecvența interogărilor în căutare pe mobil diferită de frecvența în căutare regulată iar statisticile privind cererile de căutare pe mobil trebuie colectate separat, prin urmare nucleu semantic versiune mobila site-ul va fi diferit. Apropo, puteți verifica frecvența interogărilor în rezultatele căutării mobile folosind Yandex.Wordstat. Și puteți analiza lista de interogări din rezultatele căutării mobile pentru care site-ul dvs. este afișat în rezultatele căutării mobile cu folosind Google Instrumente pentru webmasteri și Google Analytics.

Cum se verifică mobilitatea site-ului?

Verificați site-ul dvs. pentru ușurință în utilizare utilizatorii de telefonie mobilă puteți cu următoarele instrumente:

• Instrumentul principal - Informații despre viteza paginii– nu numai că verifică loialitatea site-ului față de utilizatorii de telefonie mobilă, dar oferă și recomandări privind accelerarea și optimizarea site-ului pentru dispozitive mobile.
• – cu ajutorul acestui instrument puteți vedea cum un robot de căutare mobil sistemele Google vă vede site-ul.
• - un serviciu intern de motor de căutare care verifică cât de bine îndeplinește site-ul dvs. cerințele de compatibilitate cu dispozitivele mobile.
• TestMySite- serviciu extern, verifică frumos și clar compatibilitatea cu dispozitivele mobile, viteza mobilului site-ul web și viteza de încărcare pe dispozitivele desktop.
• Verificatorul mobil W3- un instrument pentru dezvoltatorii web care doresc să își facă paginile web sau aplicațiile web să funcționeze mai bine pe mobil. În prezent în curs de dezvoltare.
• Redimensionare - program interactiv vizualizator, care îi ajută pe designeri să testeze conținutul site-ului computere desktop, mobil și tablete
• Quirktools- serviciu de vizualizare a site-ului pe diferite dispozitive: telefoane mobile, tablete, computere și chiar televizoare.
• Verificarea paginilor mobileîn Yandex.Webmaster – verifică, de asemenea, loialitatea site-ului față de utilizatorii de telefonie mobilă

3. Care sunt caracteristicile diferitelor metode de optimizare mobilă?

• versiune mobila- când se schimbă atât URL-ul, cât și codul. Serverul determină tipul de dispozitiv și apoi redirecționează către pagina dorită- m.site.com (pentru smartphone-uri), t.site.com (pentru tablete), phone.site.com – pentru telefoane mai simple. Pentru tipuri diferite sunt folosite dispozitive diferite variante cod și adrese URL diferite ale paginilor.
Pro: este ușor să faci modificări la versiunea mobilă alternativă fără a afecta site-ul principal; simplitate și comoditate pentru utilizatori, încărcare rapidă. Minusuri: diferit de adresa URL principală, există o posibilitate de conținut duplicat și erori 404, simplificarea funcționalității duce la limitări continutul cerut.
• Afișare dinamică (RESS - Responsive Design + Server Side)- o adresă URL, cod diferit sub diferiți user-agents. Serverul trimite ca răspuns la cerere URL specific diverse opțiuni Cod HTML și CSS. Ce cod de trimis este determinat prin scanare robot de căutare, un antet HTTP Vary găzduit care ajută la selectarea exactă a conținutului de pe site care este optimizat pentru mobil.
Pro: JavaScript inutil poate fi eliminat din HTML; Puteți configura propriul aspect și aplicații pentru fiecare dispozitiv. Minusuri: dificil de dezvoltat și definiția tipurilor de dispozitive mobile nu a fost complet dezvoltată.
• Design adaptiv- când URL-ul și codul nu se schimbă. Serverul trimite același cod HTML către toate dispozitivele, atât mobile, cât și desktop, care se adaptează în funcție de dimensiunea ecranului cu folosind CSS. În acest caz, trebuie să vă asigurați că cele necesare sunt deschise pentru indexare fișiere CSS, JavaScript și imagini.
Pro: relativ ușor de dezvoltat și faptul că URL-ul nu se modifică. Minusuri: viteza mica descărcări și lipsă de alternative.

4. Ce spun motoarele de căutare despre metodele de optimizare a site-urilor mobile?

GOOGLE: Instrucțiunile spun că sistemul nu dă preferință niciunui tip de adaptare, dar designul adaptiv iese în evidență în continuare așa cum este recomandat, deși la prima vedere este în TOP5 mob. 3 din 5 rezultate sunt site-uri cu versiune mobilă, totuși, aceasta este o observație izolată care pur și simplu are loc și nu se pretinde a fi.

ÎN YANDEX Algoritmul de clasare a căutării mobile Vladivostok determină toate tipurile de optimizare - design adaptiv, versiunea mobilă și RESS. La fel ca Google, Yandex lasă alegerea webmasterilor, care trebuie să aleagă ei înșiși metoda de optimizare. Dar, în același timp, raportează că în RuNet există o tendință constantă de scădere a numărului de versiuni mobile și de creștere a site-urilor cu design adaptiv și RESS. Prin urmare, pentru a alege metoda de optimizare adecvată pentru dvs., este recomandat să determinați exact ce sarcini ar trebui să îndeplinească utilizatorul folosind dispozitivul mobil pe site-ul dvs. Reflecțiile cu Google și discuțiile în Club despre căutarea Yandex vor ajuta la compararea în detaliu a tuturor argumentelor pro și contra în diverse moduri implementați versiuni mobile ale site-urilor web și alegeți-o pe cea care se potrivește cel mai bine site-ului și afacerii dvs.

5. Cum să optimizați corect un site web pentru dispozitive mobile?

<1> Viteza de încărcare a paginii este mai importantă pentru utilizatorii de dispozitive mobile decât pentru utilizatorii de desktop. Nu trebuie să depășească 3 secunde, totuși, paginile din rezultatele căutării mobile de pe dispozitivul utilizatorului se încarcă în medie până la 22 de secunde. Pentru a înțelege cum vă puteți ușura și comprima site-ul, utilizați serviciul Informații despre viteza paginii- în ea vei găsi recomandări detaliate pentru a vă accelera site-ul pentru dispozitive mobile. Și anume, compresia sau îndepărtarea într-un separat Fișier JavaScriptși CSS, analizorul oferă o listă detaliată a acestora. Nu uitați că puteți utiliza încărcarea asincronă a scripturilor, astfel încât utilizatorii să nu piardă timpul sau să părăsească site-ul dvs. în timp ce scripturile se încarcă în fundal.

<2> JavaScript, CSS și imaginile nu pot fi blocate. Puteți verifica blocarea la Cautare Google Consolă în secțiune Index Google>> Resurse blocate. Blocarea JavaScript, CSS și imaginile pot duce la poziții scăzute în rezultatele căutării mobile.

<3> Nu ar trebui să existe „erori 404” pe paginile care sunt afișate utilizatorilor de pe web mobil. Se întâmplă ca o pagină să se afișeze în mod normal pe desktop-uri, dar să afișeze o „eroare 404” pe smartphone-uri, de exemplu, sau tablete. Puteți verifica erori folosind Xenu, ScreamingFrog sau folosind Google Search Console sub Scanare >> Erori de scanare.

<4> Dacă aveți o versiune mobilă, atunci pentru a vă asigura că conținutul versiunilor principale și mobile nu este duplicat, trebuie să configurați corect indexarea acestora. Dacă versiunea mobilă pe un subdomeniu este inclusă în rezultatele obișnuite ale motorului de căutare, atunci nu este nevoie să creați un robots.txt separat și să specificați: User-agent: * Disallow: / Este mai bine să scrieți următorul cod pe pagini m.site.com/page-1 - și pe paginile site-ului principal iar motorul de căutare va înțelege care URL este cea principală.

<5> Pentru versiunile mobile ale paginilor site-ului, trebuie să configurați corect o redirecționare pentru fiecare dintre ele, deoarece redirecționarea, de exemplu, către pagina principală va fi considerată de motoarele de căutare ca o eroare. Cu toate acestea, pe pagini mobile ah, nu ar trebui să existe mai mult de 5 redirecționări, deoarece se crede că după a cincea redirecționare, motoarele de căutare nu le indexează.

<6> Dacă versiunea mobilă a site-ului are animație în format Flash sau video cu un player proprietar, atunci trebuie să le înlocuiți cu etichete HTML5, deoarece această metodă este acceptată de toate browserele. De exemplu, puteți crea o animație similară folosind Google Web Designer.

În loc de concluzie

Optimizarea mobilă este atât mai simplă, cât și mai complexă decât optimizarea convențională a site-urilor web. Pe de o parte, pentru dispozitivele mobile site-ul trebuie simplificat, făcut cât mai concis, ușor, rapid și precis posibil. Pe de altă parte, acest lucru nu este atât de ușor de făcut. Aceasta este similară cu pictura japoneză, care, folosind cele mai precise linii, creează o imagine unică, impresionantă. De asemenea, site-ul afișat utilizatorului în rezultatele căutării mobile ar trebui să fie simplu, dar luminos, concis, dar să conțină informatie necesara, rapid, dar în același timp vizual.

Cu toate acestea, ținând cont de toate nuanțele de optimizare pentru dispozitivele mobile descrise mai sus, nu numai că puteți primi trafic mobil binemeritat, ci și să îl monetizați în viitor, crescând în același timp conversia site-ului dvs. mobil, crescând astfel randamentul Afaceri. Dar citiți despre asta într-unul dintre următoarele articole.

Așteptăm cu nerăbdare comentariile dvs. despre opțiunea de optimizare mobilă pe care ați ales-o pentru dvs. Pentru că dacă experiența este împărtășită, se înmulțește!

O actualizare a fost lansată în aprilie 2015 algoritm de căutare Google sub numele neoficial „Mobilegeddon”, iar în februarie 2016 Yandex a anunțat lucrul unui algoritm similar numit „Vladivostok”. Esența lor este similară - în căutarea mobilă, se acordă preferință acelor site-uri care sunt adaptate pentru vizualizare pe dispozitive mobile. Aceasta înseamnă că capacitatea de răspuns mobilă nu mai poate fi ignorată.

Și nu este vorba doar de cerințe motoare de căutare. Traficul mobil global a ajuns din urmă cu traficul desktop la începutul anului 2014. Și astăzi, aproximativ 67% din traficul de pe RuNet provine de la dispozitive mobile. Ținând cont de nevoile cititorilor noștri, lucrăm la mobilizarea blogului. Foarte curând veți vedea resursa noastră actualizată, care va fi foarte convenabil de citit pe diferite dispozitive.

1. Analizează-ți publicul țintă

Înainte de a începe optimizarea pentru dispozitive mobile, analizați publicul țintă în următoarele domenii (de exemplu, folosind rapoartele standard de valori):

• demografie (sex și vârstă);
• geografie (care regiuni au cele mai multe tranziții);
• dispozitive (care dispozitive sunt cele mai populare printre vizitatorii dvs. - desktop-uri, Celulare sau tablete);
• sistem de operare (Android, iOS, Windows Phone, Windows 7 etc.);
• comportament pe site (profunzime de navigare, timp pe site, eșecuri etc.).

Cunoscând profilul public țintă, puteți adapta designul și conținutul la nevoile vizitatorilor dvs.

2. Adaptați șablonul pentru vizualizare pe dispozitive mobile

Sunt 3 fundamental abordări diferite La adaptare mobilă- toate sunt descrise în documentația Google pentru dezvoltatori. Fiecare dintre ele are propriile sale avantaje și dezavantaje.

versiune mobila

În acest caz, vor exista 2 site-uri: desktop și mobil. Versiunea mobilă este găzduită pe un domeniu nou (cum ar fi m.site.ru).

Avantaje:

• Designul site-ului este complet adaptat pentru dispozitivele mobile, nu este nevoie să faceți compromisuri;
• webmasterii au posibilitatea de a optimiza conținutul în conformitate cu specificul vizionării pe dispozitivele mobile;
• Site-urile pot fi modificate independent unele de altele;
• mai usor de realizat de mare viteză descărcări.

Defecte:

• necesitatea unei administrări complete a noului site;
• Datorită întreținerii separate, costurile cresc atunci când se fac modificări.

Magazinul trial-sport.ru are o versiune mobilă pe un domeniu separat.

Afișaj dinamic

În acest caz, designul este adaptat pentru anumite rezoluții ale ecranului. Liniile de grilă și aranjarea elementelor au dimensiuni fixe pentru diferite dispozitive.

Avantaje:

• ușurința dezvoltării;
• nu este nevoie să faceți modificări separate la versiunea mobilă;
• Este mai ușor pentru webmasteri să controleze modul în care designul și conținutul vor arăta pe diferite dispozitive.

Defect- pot apărea probleme la afișarea pe dispozitive ale căror dimensiuni de ecran nu se potrivesc cu cele specificate de dezvoltatori.

Site-ul web decathlon.ru folosește o adresă URL cu un set diferit de cod HTML

Design adaptiv

În acest caz, aspectul site-ului este ajustat cu precizie la orice dimensiune de afișare.

Avantaje:

• afișare corectă pe toate dispozitivele;
• nu este nevoie să faceți modificări separate la versiunea mobilă.

Defecte:

• complexitatea dezvoltării, în special pentru proiectele existente;
• Pot exista probleme la adaptarea blocurilor pe site-uri cu design complexe.

Site-ul web Vostok-Service folosește un design responsive care se adaptează la orice ecran al dispozitivului

Pe lângă aceste metode de adaptare, puteți utiliza pluginuri pentru CMS populare. De exemplu, pentru WordPress există WPtouch și WP Mobile Edition. Aceasta este o soluție ieftină, dar funcționarea corectă a site-urilor lasă de dorit. Și dacă aceasta este o cale de ieșire pentru bloguri, atunci pentru proiecte complexe o astfel de soluție este inacceptabilă.

3. Simplificați-vă designul

Proiecta versiune adaptivă Site-ul ar trebui să fie simplu și concis. Astăzi așa-numitul „ design plat”, care se caracterizează prin minimalism care simplifică utilizarea. Expresia se realizează prin jocul de culori, mai degrabă decât prin degrade, umbre, texturi și forme și elemente interactive complexe.

Un exemplu de minimalism în design

De asemenea, atunci când dezvoltați un site mobil, ar trebui să uitați de playerele Flash, widget-urile și ferestrele pop-up. Efectul de paralaxă, îndrăgit de mulți, ar trebui lăsat și el deoparte, deoarece nu este reprodus pe toate sistemele de operare mobile și încetinește redarea paginilor.

4. Lucrați la îmbunătățirea gradului de utilizare

Când proiectați navigarea, gândiți-vă mai întâi la utilizator și la experiența acestuia. Orice pagină ar trebui să fie accesibilă în câțiva pași - fără filtre și liste complexe. Pentru a efectua un apel cu un singur clic, introduceți corect formatul numărului cu codul țării și al orașului +7 495.... Furnizați autorizarea cu un singur clic prin intermediul rețelelor sociale. Într-un cuvânt, încercați să minimizați orice acțiuni ale vizitatorilor către obiectiv.

În loc de cursorul mouse-ului pe un smartphone, se folosește un deget, astfel încât toate elementele trebuie să aibă o dimensiune suficientă. O persoană nu trebuie să mărească imaginea pentru a face clic pe orice element. Evitați să utilizați fonturi serif, curlicue sau italic. Dimensiune optimă font - 16 pixeli, înălțimea liniei - 1,2 em.

5. Accelerează încărcarea paginii

Accelerația de încărcare, pe de o parte, se îmbunătățește factori comportamentali, iar pe de altă parte, are un efect pozitiv asupra clasamentului. Utilizare diverse servicii comprimare:

• HTML și scripturi (compresor HTML sau Gzip);
• Cod CSS (Minifier CSS sau compresor CSS);
• Cod JS (Javascriptcompressor, jscompress etc.);
• imagini (Optimizilla, Resizepiconline, EWWW Image Optimizer etc.);
• utilizați memoria cache a browserului.

Verificați viteza de încărcare a paginii și vedeți posibile probleme puteți folosi serviciul PageSpeed ​​​​Insights la acest link.

6. Folosește butoanele sociale

Utilizatorii de dispozitive mobile repostează în mod activ conținutul. Nu-i privați de această oportunitate. Astfel te vei asigura trafic suplimentarși îmbunătățirea semnalelor sociale. Adăugați butoane de link la cele mai populare rețele sociale, dar nu mai mult de 4-5 în partea vizibilă a ecranului, altfel butoanele fie vor fi prea mici, fie vor ocupa mult spațiu.

7. Optimizați-vă conținutul

Conținutul trebuie creat nu numai ținând cont de ușurința de a-l vizualiza mici ecrane, dar și comportamentul utilizatorilor de telefonie mobilă.

Urmați aceste reguli:

• liniaritatea conținutului (cel mai important este pe primul ecran și apoi în ordine descrescătoare);
• folosiți titluri scurte (pot fi citite rapid);
• sparge textul în paragrafe scurte, dar semnificative (zona ecranului mobil este mult mai mică decât un PC, iar dacă utilizatorul nu este captivat încă de la primele rânduri, își va pierde rapid interesul; evita apa în text și raționamentul gol);
• adăugați elemente de navigare pentru articol (conținut și ancore, butoane „sus”, „jos”, „citește”);
• oferiți posibilitatea de a trimite articolul prin e-mail (nu toată lumea are timp să citească până la sfârșit - așa caracteristică utilă vă va oferi posibilitatea de a citi mai târziu materialul care vă interesează);
• adaptați tabelele pentru vizualizare pe dispozitive mobile (utilizați pluginuri speciale, scripturi sau un element defilare orizontală numai la masă).

8. Nu restricționați accesul la conținut

Unii designeri, în loc să adapteze tot conținutul pentru mobil, ascund o parte din el. Acest lucru se face de obicei din cauza complexității șablonului, dar aceasta este abordarea greșită. Oferirea unei versiuni „lite” este nedreaptă pentru utilizatorii de telefonie mobilă. Trebuie să lucrați pentru a simplifica și optimiza designul, mai degrabă decât a reduce conținutul.

9. Rămâneți în tendințe

Monitorizați tendințele actuale în design și utilizare și faceți schimbări prompte pentru a nu rămâne în urmă. De exemplu, astăzi sunt relevante următoarele tendințe:

• design modular (conținutul este grupat în blocuri care sunt aranjate într-un singur flux sau mai multe fluxuri în funcție de dimensiunea ecranului);
• design plat (umbre, penumbra, volum - toate acestea sunt de domeniul trecutului);
• prima abordare mobilă (anterior site-urile web erau făcute pentru computere, iar apoi, din necesitate, au fost adaptate pentru mobil - astăzi este invers).

10. Nu uitați să analizați site-ul pentru utilizarea mobilă

Verificați periodic site-ul dvs. pentru conformitatea cu cerințele motoarelor de căutare pentru adaptarea mobilă. Puteți face acest lucru pe Google folosind acest link. Doar introduceți adresa paginii și așteptați rezultatul verificării. Orice erori găsite trebuie corectate cât mai curând posibil.

Pentru a verifica compatibilitatea mobilă în Yandex, adăugați site-ul la Yandex.Webmaster, apoi accesați secțiunea „Instrumente” / „Verificați paginile mobile” și introduceți adresa site-ului. Dacă există erori, le corectăm și noi.

Dacă nu aveți timp să vă ocupați în mod independent de verificări și erori în afișarea mobilă a site-ului, puteți comanda un serviciu de audit și puteți obține recomandări de la serviciul „Manager personal”.

Deci, receptivitatea mobilă nu este doar un factor de clasare, ci și o modalitate de a crește traficul și de a îmbunătăți comportamentul utilizatorilor pe site. Dacă vă concentrați pe a face experiența utilizatorului mai ușoară pe site-ul dvs., vă veți crește competitivitatea și conversiile.

Prin utilizarea remedieri rapide vă puteți salva site-ul din Mobilegeddon și vă puteți asigura că trece testul de compatibilitate Google.

Introducere

În aprilie 2015 a avut loc o adevărată revoluție în lume virtuala, care a fost deja numit „Mobilegeddon”. Acest lucru se datorează faptului că Google și-a schimbat algoritmul și a început să clasifice site-urile care sunt optimizate pentru dispozitive mobile deasupra celorlalte. Prin urmare, toți proprietarii de site-uri s-au grăbit în masă să facă modificări resurselor lor.

La momentul scrierii, putem spune că impactul algoritmului modificat asupra rezultatelor căutării nu este foarte puternic, dar este deja caracterizat prin adăugarea unei noi etichete lângă rezultatele căutării mobile.

Dar în viitor situația se poate schimba dramatic. Prin urmare, este o idee bună să verificați site-ul dvs. web pentru compatibilitate cu gadgeturile mobile.

Poate că anterior nu ați avut suficienți bani sau timp pentru a vă optimiza resursele. Dar acum este momentul să o faci, pentru că mai devreme sau mai târziu vei fi împins într-un colț și va trebui să faci la fel, dar rapid, gândindu-te puțin la consecințe.

Deci, ce caută testul? compatibilitate mobilă de la Google?

Google împarte testul în cinci componente și puteți câștiga puncte pentru fiecare promovare:

1. Configurarea ferestrei de vizualizare

Setarea unei ferestre de vizualizare în interiorul unei pagini permite browserului să controleze lățimea și scalarea paginii pentru diferite dispozitive.

2. Claritatea fontului

Folosit împreună cu o fereastră de vizualizare. Dimensiunea fontului poate fi scalată pentru a se potrivi dispozitivului de vizualizare a paginii. În acest caz, puteți specifica dimensiunea bazei font, iar scara tipografică va fi stabilită prin stiluri relative.

3. Evitați utilizarea pluginurilor

Flash, Java și Silverlight provoacă multe neplăceri utilizatorilor de dispozitive mobile. Optați pentru tehnologii web native (cum ar fi HTML5).

4. Dimensiunea conținutului

Asigurați-vă că conținutul se încadrează în limitele orizontale ale dispozitivului și că utilizatorii nu trebuie să deruleze vertical sau orizontal pentru a vedea conținutul.

5. Dimensiunea butoanelor și a legăturilor

Nu numai că ar trebui să vă testați singur site-ul pe dispozitive mobile, dar ar trebui să aplicați și PageSpeed ​​​​Insights de la Google pentru a optimiza timpii de încărcare și pentru a îmbunătăți experiența utilizatorului.

Câteva informații de fundal

Odată cu apariția masivă a smartphone-urilor și tabletelor, mulți proprietari de site-uri web au descoperit că creațiile lor, care sunt atât de convenabile și arată atât de bine pe un computer desktop, sunt ceva incomod și urât pe dispozitivele mobile. Majoritatea site-urilor la acea vreme au fost create pentru o anumită dimensiune a ecranului și nu aveau un aspect „fluid”.

A fost găsită o modalitate foarte specifică de ieșire din situație - multe companii au creat pur și simplu un alt site web separat, conceput special pentru dispozitive mobile.

Apoi au venit CSS3 și interogări media. Designerii web și dezvoltatorii pot acum să creeze site-uri care pot verifica dispozitivul de pe care pagina este vizualizată și să ajusteze aspectul designului în consecință. Conținutul poate fi adaptat la o gamă specifică de dispozitive de ieșire fără a fi nevoie să schimbați conținutul în sine.

Printre altele, acest lucru vă permite, de asemenea, să economisiți costurile pentru întreținerea unei alte versiuni mobile a site-ului.

Ei bine, hai să încercăm să facem asta.

Dar rețineți că toate aceste remedieri sunt temporare care vă pot ajuta în timp ce creați un site web real, cu drepturi depline și receptiv.

Orice decizie pe care o luați ar trebui să țină cont de nevoile afacerii dvs. și ale vizitatorilor site-ului. Oricare dintre aceste modificări poate avea, de asemenea, un impact asupra altor aspecte ale strategiei dvs. SEO.

Vă rugăm să consultați un profesionist calificat SEO înainte de a face orice modificare pe un site live.

Asa de,

*Aveți un site web existent;

*Doriți să faceți modificări minime la HTML și CSS ale site-ului.

În acest caz, aveți mai multe opțiuni:

Schimbați șablonul de site

Multe dintre CMS-urile de astăzi vă permit să schimbați tema sau șablonul. Și multe dintre șabloane sunt adaptative, adică se adaptează la lățimea dorită a ecranului.

Dacă, de exemplu, utilizați WordPress, atunci munca aici este de aproximativ cinci minute. Tema poate fi schimbată cu doar câteva clicuri. Aproape instantaneu site-ul dvs. va primi design proaspăt, și va fi potrivit pentru dispozitive mobile.

În funcție de modul în care a fost proiectat site-ul dvs. existent, este posibil să descoperiți că un anumit conținut nu apare automat în subiect nou. Așadar, poate fi necesar să se facă niște lucrări manuale.

pro

Abilitatea de a schimba designul instantaneu.

Sunt disponibile câteva mii de teme (unele gratuite).

Minusuri

Nu tot conținutul anterior poate fi vizibil pe noul șablon fără muncă suplimentară.

Este posibil ca un nou design să nu se potrivească întotdeauna cu marca dvs.

Creați un site web separat pentru dispozitivele mobile

Poate, după unii, aceasta înseamnă o recunoaștere a înfrângerii. Dar crearea unui site separat, prietenos pentru dispozitive mobile va fi probabil cea mai rentabilă solutie eficienta pe termen scurt pentru multe site-uri web care nu au acces la un CMS sau pentru care nu sunt posibile modificări de design.