Arhive etichetă: Mobile Apps

Top 9 Mobile Browsers

Daca doriti sa vizualizati site-ul ca si cum ai fi fost pe un browser mobil, aici sunt cateva opţiuni:

  • Web Developer extensie pentru Firefox.
  • Simulator de iPhone numit iPhoney
  • Opera Mini browser . Exista o versiune online si este gratuit. Pur si simplu adauga un URL si il vor face un site web de parca ar fi fost pe un telefon mobil.

Mai jos va ofer un top pus la dispozitie de statcounter.com cu cele mai populare 9 browsere din perioada 9 martie 2010 – 9 martie 2011 folosite in Europa.

mobile browser eu
mobile browser eu
Publicitate

Cum sa optimizezi site-ul tau pentru mobile

Exista doar cateva lucruri care trebuie sa le faceti, in scopul de a optimiza site-ul dvs. pentru vizualizarea pe mobil. Procesul este simplu, si implica doar adaugarea unui simplu cod HTML in site-ul dvs. Va trebui sa adaugati codul pentru (1) mobil CSS, (2) un meta tag viewport si (3) iconita apple.

Acest articol explica pe scurt fiecare element si cum sa adaugi codul HTML in pagina unui site.

Mobile CSS

Mobile CSS va permite sa schimbati modul in care site-ul dvs. este organizat si afisat pe dispozitive mobile. La fel cum poti avea o versiune prietenoasa pentru imprimanta a site-ului, puteti avea si o versiune CSS pentru mobil.

Daca site-ului ii lipseste Mobile CSS, trebuie sa adaugati urmatoarea linie de cod la sectiunea <head> din site-ul dumneavoastra.

<link rel=”stylesheet” href=”http://ipsum.ro/mobile.css&#8221; type=”text/css” media=”handheld” />

Meta Viewport Tag

Meta tag-ul viewport spune unui dispozitiv mobil cum sa orienteze pagina, atunci cand este incarcat. De asemenea, determina daca o pagina poate fi redimensionata mai mult sau mai putin sau in cazul in care ar trebui sa se roteasca atunci cand utilizatorul roteste dispozitivul mobil.

Daca site-ului dvs. ii lipseste un meta tag viewport, trebuie sa adaugati urmatoarea linie de cod la sectiunea <head> din site-ul dumneavoastra.

<meta name=”viewport” content=”width=device-width,initial-scale=1,user-scalable=no” />

Apple Icons

Daca site-ului ii lipseste iconita Apple iPhone si iconita iPad, va trebui sa se faca doua lucruri. In primul rand, proiectati o pictograma de 57×57 pixeli pe care sa o utilizati pentru iPhone-ul Apple si una pentru pictograma iPad si incarcatile in managerul de fisiere ale site-ul. In al doilea rand, se adauga LINK-ul catre pictograma nou creata in linia de cod de mai jos.

Daca site-ului dvs. ii lipseste iconita apple, trebuie sa adaugati urmatoarea linie de cod la sectiunea <head> din site-ul dumneavoastra.

<link rel=”apple-touch-icon” href=”/iconita-apple.png” />

Related post:

SEO pentru Telefoane mobile – Mobile Website

Site-ul dvs. este gata pentru Web-ul mobil?
Utilizarea telefoanelor mobile inteligente pentru navigarea online, pentru e-mail, retele sociale si chiar cumparaturi online se extinde si devine din ce in ce mai populara si in tara noastra. Versiunile online ale site-urilor mobile-friendly se bucura de mult timp de traficul generat de utilizatori de telefoane mobile, proprietarii acestora recunoscand ca acestia pot schimba in mod semnificativ traficul site-ului si eventual sa contribuie la venituri. Cu toate acestea, cele mai multe site-uri nu sunt optimizate pentru dispozitivele portabile precum telefoane mobile.

SEO pentru telefoanele mobile sau SEO Mobile Website
Exista o notiune in care SEO Mobil este o ramura separata de SEO-ul traditional. Desi exista mici diferente intre cele doua concepte, cele doua procese avand un scop similar: pentru a ajuta site-urile web sa atinga rezultate cat mai bune in motoarele de cautare si pentru dominarea nisei lor respectiv.

Primul lucru care ar trebui sa se pastreze in minte atunci cand faci SEO mobile este ca procesul este bazat pe principiile SEO traditionale. Utilizarea corecta a cuvintelor cheie, tag-uri, si ancora link-urilor este la fel de importanta pentru site-urile mobile-friendly. Cu toate acestea, ar trebui sa ne amintim ca motoarele de cautare mobila considera importanta de cele mai multe ori viteza unui site si capacitatea acestuia de a fi folosit cat mai bine pe un anumit model de telefon.

Smartphone-urile si telefoanele mobile cu acces direct la retele sociale precum Facebook si Twitter se vinde ca painea calda in momentul actual si nu exista nici un motiv pentru tine, pentru a nu profita de tendinta si a te bucura de succes pentru afacerea ta. Citeste Sfaturi pentru optimizarea unui site pentru telefoanele mobile

Cere acum o cotatie de pret
Pentru mai multe informatii despre SEO si Dezvoltare de Aplicatii Mobile, contactati-ne la 0762.800.822 sau e-mail laurentiuvlad84@yahoo.com Pentru detalii despre web design si servicii profesionale si personalizate vizitati www.ipsum.ro

Optimizare pentru telefoane mobile

Cum optimizezi un site pentru telefoanele mobile?

Vestea buna este ca in cele mai multe cazuri, nu este nevoie de un site separat, ai nevoie doar de „o foaie de stil in cascada” CSS (cascading style sheet) atasat la site care transmite instructiuni specifice pentru un browser mobil. Pentru telefoanele mai vechi navigatoarele (browsers) mobile folosesc doar text si link-uri. Cele mai noi precum iPhone, Google/Android Phones si alte dispozitive vin cu caracteristici de navigare mai avansate. Cele mai multe telefoane inteligente, precum iPhone sau cele dotate cu tehnologie WLAN (Wi-Fi) oferite de Nokia nu mai au nevoie de alte actiuni dificile.

Utilizarea corecta a cuvintelor cheie, tag-uri, si ancora link-urilor este la fel de importanta pentru site-urile mobile-friendly. Cu toate acestea, ar trebui sa ne amintim ca motoarele de cautare mobila considera importanta de cele mai multe ori viteza unui site si capacitatea acestuia de a fi folosit cat mai bine pe un anumit model de telefon.

Sfaturi pentru optimizarea unui site pentru telefoanele mobile
In principal sunt doar cateva caracteristici care se iau in considerare la proiectarea CSS pentru browserele telefoanelor mobile:

  1. Marimea ecranului este de obicei 3×2 ( 320×240)
  2. Fonturile folosite ar trebui sa fie cat mai simple. Uita de culoare
  3. Toate imaginile trebuie sa fie in dungi (striped out), cu exceptia cazului in care sunt absolut necesare
  4. Elimina toate reclamele, aveti deja spatiu pe display limitat.
  5. Elimina orice servicii precum Google Friend Connect, Facebook Fan Box, Twitter. Concentreaza-te doar pe continut.
  6. Scoate toate culorile de fundal, text negru pe fond alb este ok.
  7. Elimina Flash, Java si orice alt plug-in de continut, pastreazal doar daca este absolut necesar.
  8. In principiu trebuie sa devina cat mai simplu

Cere acum o cotatie de pret
Pentru mai multe informatii despre SEO si Dezvoltare de Aplicatii Mobile, contactati-ne la 0762.800.822 sau e-mail laurentiuvlad84@yahoo.com Pentru detalii despre web design si servicii profesionale si personalizate vizitati www.ipsum.ro