Cum optimizam site-ul / blogul pentru telefon sau tableta

21 iunie 2013

Din cate am citit zilele acestea, am inteles ca motorul de cautare Google pune mare accent pe optimizarea site-ului sau blogului pentru dispozitivele mobile. Ii dau si dreptate, la cat de mult s-a extins utilizarea smartphone-urilor si a tabletelor pentru navigarea pe internet. Pe langa alte reguli de care trebuie sa tinem cont cand optimizam un site, citirea acestuia de pe dispozitivele mobile este foarte importanta.

In acest articol voi vorbi despre cum putem face usor de citit un site sau blog wordpress de pe smartphone sau tableta.

Exista anumite teme wordpress care se pot adapta automat pentru diferite rezolutii. Cand o tema nu are inclusa aceasta functionalitate, este nevoie sa apelam la un plugin, care de multe ori, nu numai ca face posibila citirea usoara a site-ului de pe tableta sau mobil, dar ofera si un aspect atragator.

La un asemenea plugin am apelat si eu pentru mystreet7. Acesta se numeste WPtouch si este o solutie simpla, puternica si eleganta, care da viata site-ului pe dispozitivele mobile. Practic, acest plugin transforma site-ul si il imbina perfect pentru ecranul telefonului sau tabletei.

Pluginul este unul foarte popular, cu peste 4 milioane descarcari. Dupa instalare, am testat blogul de pe un iPhone. Am fost incantat de rezultat. Din pacate, plugin-ul nu suporta si telefoanele mai vechi și mai slab performante, gen Nokia C5-03. Am testat de pe un asemenea telefon, dar nu apare nici o schimbare. In orice caz, nu cred ca ar naviga cineva pe net de pe un asa telefon in afara de mine. Pluginul ofera suport pentru iPhone, iPod touch, telefoanele mobile Android, BlackBerry OS6+ si multe altele.

WPtouch se foloseste de o tema foarte prietenoasa atat cu cititorul, cat si cu mobilul. Pentru incarcarea paginilor, acesta apeleaza la ajax si smooth effects, iar incarcarea este foarte rapida.

Pe mystreet7 folosesc versiunea gratuita a plugin-ului, dar care ofera suficiente setari si pot configura destul de multe lucruri. Cu toate ca, dupa instalare, acesta lucreaza automat fara a avea nevoie de anumite modificari.

Versiunea PRO ofera foarte multe alte caracteristici, dar la un pret care nu poate fi accesibil pentru toti. Si sa fiu sincer, nu merita sa investesti bani in blog, daca nu scoti ceva de pe urma acestuia.

Revenind la versiune gratuita a pluginului, am sa va prezint pe scurt si cateva optiuni ce pot fi gasite pe pagina de setari ale acestuia. Dupa ce l-ai instalat, il gasiti in WordPress Dashboard – Settings – WPtouch.

1. pluginul poate fi setat in mai multe limbi, printre care: franceza, spaniola, germana, italiana etc.. (nu si romana)

2. in mod normal, cititorului ii este servit ca homepage, ceea ce noi avem setat in Wordress – Reading Options. Adica homepage-ul site-ului nostru. Dar in cazul in care mai exista si alte pagini statice (nu articole), si sa va dau exemplu la mine: Contact, Despre, Sustine Blogul. Plugin-ul poate seta oricare dintre acestea ca homepage.

3. putem exclude anumite categorii, sau taguri.

optimizare site pentru mobil 1

4. optiuni de listare a posturilor.

5. putem insera un mesaj care sa apara in footer

optimizare site pentru mobil 2

6. custom user-agents, pentru a activa plugin-ul si pentru alte dispozitive care nu sunt suportate oficial. Eu am incercat cu telefonul meu, dar nu mi-a iesit.

7. setari avansate: zoom in continut, activarea tabului cu categorii in header, activarea tabului cu taguri in header, search, posibilitatea de logare din header, afisarea sau nu comentariilor in articole sau pagina, activarea sa nu a gravatarelor in comentarii, daca la prima vizita a unui utilizator sa-i fie servita tema desktop, etc..

optimizare site pentru mobil 3

 

8. optiuni pentru personalizare, culoarea textelor, header-ului, sub-header-ului, culoarea link-urilor site-wide etc.

optimizare site pentru mobil 4

9. FOARTE IMPORTANT. putem alege daca afisam sau nu anunturile adsense de pe blog sau site, pe dispozitivele mobile.

optimizare site pentru mobil 5

10. iconite, plus posibilitatea de a incarca si altele.

optimizare site pentru mobil 6

 

optimizare site pentru mobil 7Practic, plugin-ul are propria tema care transforma blogul sau site-ul si il optimizeaza pentru telefoane sau tablete in cel mai interesant mod posibil. Din pacate, nu am sansa sa vad cum apare si pe Blackberry sau Windows Phone. Daca cineva are placerea de a accesa si a face un printscreen, apoi sa-mi lase link catre imagine, as aprecia. Eu l-am testat doar de pe un iPhone si da bine.

Aveti ceva screenshot-uri aici. Descarcati WPtouch, si pagina oficiala a dezvoltatorului.

UPDATE: între timp, am renunțat la utilizarea acestui plugin pentru că tema blogului a fost actualizată, iar acum aceasta este responsive, ceea ce o face prietenoasă cu dispozitivele mobile.

12 Comments

  • D-Petre 21 iunie 2013 at 9:13 am

    Decat inca un pligin mai bine o tema responsive.

    http://www.d-petre.ro/gsm-it/wordpress-gsm-it/teme-wordpress-responsive/

    Pe blog inca mai folosesc un plugin numit WPMS Mobile Edition care atunci cand blogul e accesat de pe dispozitive mobile afiseaza o tema simpla.

    • Alexandru Ionut 21 iunie 2013 at 3:29 pm

      Pai da, dar cei care nu au o tema care face treaba singura? Oricum, o tema nu poate face ce face plugin-ul asta. Sau diverse motive.

    • Bibu Mihai 18 octombrie 2016 at 11:30 pm

      Am avut instalat prestashop. Dupa 1 am aveam indexata fix o pagina. Aveam si adaptare ptr mobil

  • Ovidiu 23 iunie 2013 at 7:45 pm

    Frate cat am cautat eu un plugin pentru pagina mea si acum accidental am ajuns la tine pe blog si am aflat de WPtouch. eu folosesc un template gratis si nu are versiunea pentru mobil si tablete. Mersi frumos, m-ai castigat ca urmaritor, LIKE!!!

    • Alexandru Ionut 23 iunie 2013 at 8:31 pm

      Imi pare bine ca te-a ajutat articolul. Te mai astept

  • Alex 27 iunie 2013 at 9:28 pm

    L-am instalat si eu. Pe iPhone merge perfect, maine verific pe Windows Phone si Android ;)

  • dojo 1 iulie 2013 at 9:33 am

    O tema responsive iti face treaba. Daca e facuta cum trebuie, atat pe desktop cat si pe mobile e simpla, se incarca repede, nu afiseaza toate rahaturile. Am vazut multe bloguri cu teme ‘suplimentare’ de mobil. Sunt urate ca naiba, de multe ori nu se pot dezactiva (sunt pe tableta, care are o rezolutie nativa suficienta incat sa vad tema normala, dar mi-e bagata aia de mobile si nu o pot scoate etc.). Cu un minim efort, orice tema se poate ‘responsiviza’ si ai terminat balciul. Ai acelasi look pe orice display, nu 2 teme care arata fiecare mai ciudat :)

    • Alexandru Ionut 1 iulie 2013 at 3:37 pm

      Si eu am patit pe tableta sa-mi bage tema de pe mobil, cu toate ca are 10 inch. Acum nu toti avem teme responsive. Nu stiam ce trebuie sa-mi cumpar acum cateva luni. Intre timp am mai invatat. In orice caz, plugin-ul e minunat pentru mobil, iar tema nu arata deloc rau. Pe tableta, intr-adevar, putea fi afisata tema full.

      PS: si sunt onorat sa te am pe aici. Multumesc de comentarii.

      UPDATE
      – pe samsung tab2 de 10.1, apare ok tema mea fara a fi nevoie de pluginul de mai sus
      – poti comuta foarte usor, intre teme, din footer
      – pentru telefoane, recomand pluginul. Au ecranele prea mici pentru anumite teme, asa ca va fi nevoie de ceva ajutator.

      Am testat eu acum cateva minute. Eu vorbesc fix de blogul meu :D.

  • vasile 4 decembrie 2015 at 11:36 am

    Salut.
    Am facut un site in HTML, pt. desktop. Se comporta bine, dar cand intru de pe mobil sau tableta este varza. Totul este in HTML simplu, cum pot sa fac sa mi se vada bine si de pe alte dispozitive?

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *