Sfaturi despre cum să vă faceți blogul mai prietenos cu dispozitivele mobile

Google a anunțat recent că va folosi actualizarea algoritmului pentru a verifica dacă toate blogurile sunt compatibile cu dispozitivele mobile și îi va penaliza pe cei care nu sunt. Ceea ce i-a lăsat pe mulți bloggeri să se întrebe cum să-și facă site-urile web mai prietenoase cu dispozitivele mobile și cum să știi chiar dacă blogul tău este prietenos cu dispozitivele mobile sau nu. De aceea, am adunat cele mai importante informații despre motivul pentru care este atât de important să vă faceți blogul mai prietenos cu dispozitivele mobile și despre cum să faceți acest lucru.

În zilele noastre, o mare parte din vizitatorii blogului își folosesc dispozitivele mobile în loc de computere pentru a face acest lucru. Și, deoarece Google a promis că va crește clasamentul site-urilor, care sunt potrivite pentru a fi vizualizate pe dispozitive mobile, este mai important ca niciodată să vă asigurați că blogul sau site-ul dvs. este prietenos cu dispozitivele mobile.

Desigur, nu este vorba doar despre ceea ce își dorește Google. A face blogul tău prietenos pentru dispozitivele mobile este, de asemenea, în interesul tău și al cititorilor tăi, deoarece, deoarece atât de mulți oameni își folosesc dispozitivele mobile pentru a naviga pe internet, citirea blogului tău va face mai convenabilă pentru ei. Potrivit cercetării Pew Internet Project, mai mult de o treime din toți proprietarii de telefoane mobile își folosesc telefonul mai mult decât desktopul sau laptopul pentru a accesa internetul. Deci, dacă doriți ca blogul dvs. să fie vizualizat cu ușurință pe orice smartphone, precum și să creșteți numărul de cititori pentru blogul dvs., compatibilitatea cu dispozitivele mobile este ceva la care trebuie să vă gândiți. Și de fapt este mai ușor de realizat decât s-ar putea crede.

Testare pentru compatibilitatea cu dispozitivele mobile

Pe măsură ce Google a creat acest algoritm pentru dispozitive mobile, a făcut posibilă pentru toată lumea să-și testeze blogurile și site-urile web pentru această valoare folosind instrumentul lor de testare pentru dispozitive mobile. Introduceți adresa URL a blogului dvs. în caseta „ Introduceți adresa URL pentru testare ”, faceți clic pe „ Rulați testul ”, iar instrumentul vă va spune dacă blogul dvs. este compatibil sau nu pentru dispozitive mobile.

Dacă site-ul tău este compatibil cu dispozitivele mobile, te poți relaxa puțin, pentru că nu trebuie să faci nimic. Cu toate acestea, dacă acest instrument Google stabilește că blogul dvs. nu este cel mai ușor de citit pe un dispozitiv mobil, atunci trebuie să faceți câteva îmbunătățiri în acest departament cât mai curând posibil.

Pentru cei care folosesc un software de gestionare a conținutului (CMS) pentru a-și rula blogul, cum ar fi WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix etc., personalizarea nu ar trebui să fie o problemă, deoarece majoritatea acestor sisteme software oferă instrumente, care vor face automat site-ul dvs. prietenos pentru dispozitive mobile. Dar, dacă ați trecut la rădăcina mai vechi de a nu folosi niciun software CMS pentru a vă crea site-ul web sau dacă ați folosit CMS, dar site-ul dvs. încă nu este la standardele mobile, iată câteva sfaturi despre cum să vă îmbunătățiți compatibilitatea site-ului dvs. cu dispozitivele mobile.

1. Actualizați CMS la cea mai recentă versiune și utilizați teme mobile

Dacă utilizați CMS, tot ce trebuie să faceți este fie să vă actualizați software-ul, fie să schimbați tema pe care o utilizați pentru blogul dvs. Majoritatea CMS-urilor oferă deja toate instrumentele pentru a face site-ul dvs. prietenos pentru dispozitive mobile, dar trebuie să vă asigurați că CMS-ul dvs. este actualizat la cea mai recentă versiune. De exemplu, Joomla vine cu suport pentru mobil, numai atunci când este actualizat la cea mai recentă versiune a software-ului. Alte software-uri, totuși, ar putea cere să schimbați tema site-ului dvs. pentru a-l face prietenos cu dispozitivele mobile, deoarece unele teme mai vechi pur și simplu nu arată bine pe dispozitivele mobile, prin urmare, nici nu sunt potrivite pentru ele. Pentru a face acest lucru, accesați panoul administrativ al CMS-ului dvs., găsiți fila teme de pe tabloul de bord și schimbați tema blogului dvs. într-una, care să fie receptivă și prietenoasă cu dispozitivele mobile. De exemplu, WordPress oferă sute de teme diferite, iar o mare parte dintre ele sunt gratuite și receptive. Din păcate, dacă utilizați un CMS, care nu oferă suport mobil, vor fi necesare mai multe îmbunătățiri și ar putea fi mai inteligent să schimbați doar software-ul de gestionare a conținutului.

2. Folosiți subtitluri

O regulă generală când vine vorba de conținutul blogului care este convenabil pentru utilizatorii de telefonie mobilă este să îi lași să absoarbă textul în paragrafe mai mici, spre deosebire de a avea articolul într-un singur text lung. Prin urmare, textul postării de pe blog ar trebui să fie bine structurat, astfel încât cititorul să se poată orienta cu ușurință în text. Acest lucru se poate face cu ușurință folosind subtitluri. Când utilizați subtitluri, textul este împărțit automat în mai multe subcapitole și există șanse mai mici ca cititorul să-și piardă locul, în timp ce citește articolul. Și, deoarece pierderea locului în timp ce citiți ceva de pe smartphone este o problemă destul de comună pentru mulți utilizatori de dispozitive mobile, deoarece derularea mobilă îngreunează citirea textelor lungi și monotone, rezolvați-o folosind titluri.

Titlurile pot fi introduse cu ușurință folosind etichete de titlu. Eticheta pentru cel mai mare și cel mai important titlu este <h1>. Această etichetă este folosită cel mai frecvent pentru titlul textului. Alte titluri au o ierarhie de sus în jos de la <h1> la <h6>, care este un titlu abia vizibil, dar vă va ajuta totuși să vă împărțiți conținutul și să îl faceți mai ușor de citit.

3. Alegeți dimensiunea potrivită pentru imagini

Bloggerii aleg de obicei dimensiunea imaginilor pe care urmează să le folosească în postările lor de blog în funcție de dimensiunea normală a ecranului computerului, dar atunci când postările de blog sunt vizualizate pe un ecran mai mic, cum ar fi cel al unui telefon mobil, imaginile în general se termină. până având aceeași dimensiune. Înseamnă că utilizatorii de dispozitive mobile nu văd imaginile în proporție adecvată. Așadar, faceți-vă fotografiile astfel încât nu numai să aibă dimensiuni mai mici, de obicei imaginile sub 1500 pe 2500 pixeli sunt cele mai bune, dar și mai mici ca dimensiune - se recomandă sub 500 KB. Pe lângă fotografii compatibile cu dispozitivele mobile, micșorarea dimensiunilor fișierelor imaginilor dvs. va permite utilizatorilor să încarce paginile mai repede, deoarece imaginile mai mici folosesc mai puține date pentru a se încărca.

Pentru a vă micșora imaginile este dimensiunea și dimensiunile fișierului, utilizați orice editor foto pe care îl aveți la îndemână, deoarece nu aveți nevoie de Photoshop pentru a putea face acest lucru. Vă recomandăm să utilizați fie JPEGmini , fie Pixlr , deoarece cu aceste editoare foto puteți reduce dimensiunea imaginilor dvs. fără a le compromite calitatea.

4. Utilizați un design receptiv

Designul responsive pentru un blog sau un site web oferă șansa de a-l vizualiza de pe multe platforme și dispozitive diferite cu diferite dimensiuni de ecran, mai convenabil, deoarece adaptează automat site-ul dvs. la lățimea ferestrei browserului. Și, pentru a asigura o lectură convenabilă vizitatorilor blogului, în timpul acestei adaptări, de obicei, designul blogului se schimbă, de exemplu, imaginile se micșorează, coloanele se aliniază vertical și meniul se schimbă, de asemenea. Dar dacă aceste schimbări nu se produc de la sine, există instrumente pe care le puteți folosi pentru a le face singur.

De exemplu, Foundation 3 , Skeleton și Bootstrap . Aceste cadre vă vor ajusta automat blogul, astfel încât să fie ușor de citit pe orice dispozitiv. Pentru a le folosi este mult mai ușor decât să codificați singur fiecare combinație posibilă. Desigur, puteți face acest lucru și prin utilizarea noilor unități de lungime relativă ale CSS3, cum ar fi lățimea ferestrei (vw), înălțimea ferestrei (vh), înălțimea și lățimea minimă a ferestrei (vmin) și maximul înălțimii și lățimii ferestrei (vmax). Cu toate acestea, codificarea necesită abilități, precum și timp, iar dacă nu sunteți programator cu experiență, aș sugera să alegeți prima opțiune.

5. Folosiți modele simple

Utilizatorii de dispozitive mobile preferă designul site-urilor simple, deoarece site-urile web de design mari și complicate devin lente pe un dispozitiv mobil. Design-urile simple facilitează, de asemenea, menținerea atenției cititorului asupra conținutului, mai degrabă decât distragerea atenției cu un design elegant, deoarece statistic majoritatea utilizatorilor de telefonie mobilă au intervale de atenție destul de scurte.

Asta înseamnă să faci aspectul site-ului tău simplu și ușor de înțeles. Dacă utilizați o temă oferită de furnizorul dvs. de servicii, puteți să o schimbați pur și simplu cu una mai simplă. De exemplu, WordPress oferă multe modele elegante și simple, care nu vor copleși dispozitivele mobile, dar vor arăta în continuare bine și pe un desktop. Dar dacă v-ați creat site-ul folosind HTML, puteți descărca un șablon simplu, care va face site-ul dvs. să arate grozav și să fie, de asemenea, adaptabil pentru dispozitive mobile. De exemplu, Envato Market oferă multe modele simple diferite din care să alegeți și să le utilizați pe site-ul dvs.

6. Folosiți fonturi standard

Fonturile interesante pot face un blog să arate mai creativ, dar aceste fonturi pot fi, de asemenea, o supărare pentru cititorii mobili ai blogului, deoarece nu toate dispozitivele mobile acceptă fonturi de desktop luxoase. Deci, pentru a vedea conținutul, utilizatorii de dispozitive mobile vor trebui să descarce fonturi noi pe telefoanele lor, ceea ce este o bătaie de cap care nu merită pentru mulți. În plus, chiar dacă au toate fonturile preinstalate, unele fonturi mai creative pot fi greu de citit pe un smartphone, din cauza dimensiunii mai mici.

Așadar, alegeți fonturi tradiționale precum Times New Roman, Verdana, Comic Sans MS, WildWest sau Bedrock. Și, de asemenea, verificați lizibilitatea fontului pe care decideți să îl utilizați, pentru a vă asigura că textul nu devine ilizibil odată ce este vizualizat pe un ecran mai mic al unui smartphone. O regulă generală este că orice text de pe un site web ar trebui să aibă cel puțin 14 px, deoarece astfel textul va fi suficient de mare pentru a fi ușor de citit chiar dacă utilizați un dispozitiv mobil cu ecran foarte mic.

7. Minimizați conținutul pe pagină

Când o pagină este încărcată pe orice dispozitiv, fie că este un computer, o tabletă sau un smartphone, dispozitivul descarcă tot conținutul paginii. De obicei, nu provoacă probleme dacă utilizați un computer, dar cantități mari de date pot copleși dispozitivele mobile. Pentru a evita acest lucru, ar trebui să minimizați cantitatea de conținut de pe fiecare pagină, deoarece acest lucru vă va asigura că blogul dvs. funcționează pe fiecare dispozitiv mobil.

Se recomandă să reduceți conținutul paginii dvs. sub 5 MB pe pagină. Puteți verifica cu ușurință dimensiunea conținutului paginii dvs. în orice browser. Utilizați doar unul dintre multele instrumente de verificare a dimensiunii paginii web, care sunt disponibile online. Dacă depășește 5 MB, fie reduceți manual dimensiunea și cantitatea de text, imagini și alte componente ale paginii, fie folosiți fragmente de blog pentru a facilita vizitatorii să vă vizualizeze blogul.

8. Folosiți videoclipuri YouTube

Dacă aveți tendința de a posta o mulțime de videoclipuri în articolele de pe blogul dvs., trebuie să rețineți că acestea vor arăta mult diferit pe un dispozitiv mobil decât pe un computer. În plus, unele dispozitive mobile nici măcar nu acceptă anumite formate video, așa că pentru a evita șansa ca utilizatorul să nu poată reda videoclipul pe site-ul tău, folosește YouTube încorporat. Codul de încorporare pe care YouTube îl oferă pentru fiecare dintre videoclipurile lor este deja responsive, ceea ce înseamnă că veți putea viziona videoclipul pe aproape orice dispozitiv și nu va mai trebui să vă stresați cu privire la dimensiunile și formatele video.

Puteți obține codul de încorporare pentru un videoclip YouTube făcând clic pe butonul „Partajare”, care se află sub butonul „ Abonare ”, apoi faceți clic pe fila „ Încorporați ” și copiați codul furnizat pe site-ul dvs. Și aveți un videoclip de dimensiuni perfecte în postarea dvs., fără a fi nevoie să îl convertiți sau să îl ajustați în alt mod.

9. Înlocuiți linkurile cu butoane și meniuri care se pot apăsa

De multe ori linkurile de pe un site web sunt mult prea mici pentru ca un utilizator mobil să atingă ușor și precis cu degetul. Și poate fi cu adevărat enervant pentru un cititor de blog, când nu poate atinge cu precizie conținutul, pe care vrea să îl vadă. De aceea ar trebui să înlocuiți toate linkurile de pe site-ul dvs. cu butoane care au dimensiunea de cel puțin 44 de pixeli pe 44 de pixeli.

Dacă utilizați un CMS, cum ar fi WordPress, puteți utiliza doar pluginuri pentru a crea aceste butoane. Accesați panoul de control CMS, găsiți un plugin adecvat, instalați-l și urmați instrucțiunile pentru utilizarea corectă. Dar dacă ați codat singur site-ul, puteți utiliza unul dintre acele generatoare gratuite de butoane de link, care vă vor economisi timpul pe care l-ați folosi atunci când codificați singur butoanele.

10. Continuați să testați

În cele din urmă, când ați făcut toate îmbunătățirile și credeți că blogul dvs. este cât se poate de prietenos cu dispozitivele mobile, testați-vă din nou blogul cu instrumentul de testare Google sau cu un alt instrument de testare pentru mobil, pe care îl puteți găsi pe internet. Dacă acum totul este în regulă și instrumentul vă asigură că blogul dvs. nu va primi o penalizare, deoarece nu este adaptat pentru dispozitive mobile, atunci vă puteți relaxa și continua să vă dezvoltați site-ul web prin crearea de conținut grozav. Dar pentru a fi sigur, ți-aș sugera să-ți testezi site-ul de pe mai multe dispozitive diferite.

Cereți prietenilor sau membrilor familiei să vă uite blogul de pe telefoanele și tabletele lor. Testați-vă site-ul de pe dispozitivul Android și IOS, precum și de pe dispozitive care ar putea avea un sistem de operare complet diferit. Și parcurgeți toate paginile dvs. principale de pe blogul dvs. pe acele dispozitive. Numai testând compatibilitatea cu mobilul blogului dvs. în viața reală, puteți fi sigur că site-ul dvs. este de fapt ușor de vizualizat și citit de pe toate gadgeturile.

Utilizarea pentru dispozitive mobile nu se referă doar la un design frumos al site-ului, ci și la îmbunătățirea experienței utilizatorului pe site-ul dvs. De aceea, atunci când vă faceți blogul mai prietenos cu dispozitivele mobile, mai mulți oameni vor fi dispuși să revină pe site-ul dvs., deoarece va fi ușor de vizualizat și înțeles. Și, deoarece numărul de persoane care își folosesc telefoanele mobile ca dispozitiv principal pentru a naviga pe web crește doar cu fiecare an care vine, este doar în interesul tău să te asiguri că site-ul tău web este prietenos cu acești utilizatori de smartphone și afișează conținutul pentru ele într-un mod convenabil și ușor de citit.