Dimensiune Layout pentru dispozitivele mobile? Exista un stas?

Salutare!

Pana acum nu m-am lovit de aceasta problema insa observ in tool-ul de trafic cum useri care ajung pe site de pe dispozitive mobile il parasesc imediat. Interesul meu [logic] este sa ramana si sa efectueze actiunea pentru care a ajuns acolo. Este frustrant sa vezi cat de greu ii aduci si cat de usor te parasesc.

Mentionez ca site-ul nu are o varianta m.hahahahahaha.com ... tocmai de aceea am deschis acest subiect pentru a afla cu ce se mananca acest m.hahahahahaha.com version, asadar ma intereseaza urmatoarele aspecte:

SEO

- daca implementez redirect de pe varianta care apare in cautari [browser] catre cei pe care ii depistez ca vin de pe mobile pot pierde pozitia in google [am citit pe undeva ca Google chiar recomanda asta fara sa afecteze] deoarece le afiseaza altceva?

- varianta de mobil se optimizeaza onpage identic cu cea de browser?

- se face SEO pentru varianta m.hahahahahaha.com?

Tehnic - Implementare

- exista un default size de template ce poate fi facut si care sa se afiseze bine pentru orice tip de varianta mobila [spre exemplu 640x480px]

- pentru un site custom ce are un singur camp de imput si un buton de actiune este recomandat sa creezi designul pe cea mai mica rezolutie sa zicem 240 x 320, aceasta marindu-se in functie de device, trebuie sa tin cont de dpi?

Cam atat vad eu ... desigur sunt binevenite orice sugestii vis-a-vis de acest subiect.

Multumesc anticipat pentru raspunsuri!

Salut,

Cred ca vremea m.hahahahahaha.com a cam trecut, acum se pot folosi framework-uri responsive de genul bootstrap.

Dimensiunile pentru design responsive se exprima in %, mai toate device-urile unde poti testa un site aici.

Mai totul se face din css, de ex.:
@media only screen and (max-width: 480px) {
#header, #container, #footer {width: 100%; }
}

Spor la documentat !

Citat:

---

- exista un default size de template ce poate fi facut si care sa se afiseze bine pentru orice tip de varianta mobila [spre exemplu 640x480px]

---

De obicei se folosesc: 240, 320, 480, 768, 1024 dar totul depinde de layoutul tau si de ce vrei sa scoti in evidenta sau sa elimini.

Citat:

---

- pentru un site custom ce are un singur camp de imput si un buton de actiune este recomandat sa creezi designul pe cea mai mica rezolutie sa zicem 240 x 320, aceasta marindu-se in functie de device, trebuie sa tin cont de dpi?

---

Ordinea in care faci designul ramane la aprecierea ta, poti incepe de la 240 sau de la 1024.

Citat:

---

Postat în original de gabetu

Salut!

---

Daca aveam ce sa testez, testam, dupa cum spuneam nu am pagina m.hahahahahaha.com, varianta dekstop stiu ca arata nashpa pe mobil doar de aceea am postat acest subiect. NU mi-ai spus nimic, am citit si eu aici ce incerci sa-mi povestesti tu. In cazul meu nu am cum sa fac site-ul responsive intr-un singur url de aceea ma intereseaza m. pe care si google o recomanda, aici fiind o gramada de discutii cum ca e bine asu nu cu m., una dintre ele este aici insa motivele pentru care one url ar fi mai iubit de Google nu m-au convins. Asadar daca mai postezi te rog spune-mi ceva din ce am intrebat eu. Merci!

Citat:

---

Postat în original de Hakuna Matata

- se face SEO pentru varianta m.hahahahahaha.com?

---

Nu prea ai de ce sa faci seo specific pt ca varianta cu m nu o sa apara in cautari. O sa apara varianta normala, care face redirect la varianta cu m.

Citat:

---

Postat în original de Robi09

Ordinea in care faci designul ramane la aprecierea ta, poti incepe de la 240 sau de la 1024.

---

Adica trebuie sa implementez o gramada de lay-out-uri cu dimensiuni diferite detectabile printr-un script in functie de rezolutia dispozitivului mobil?:|

Citat:

---

Postat în original de Hakuna Matata

Asadar daca mai postezi te rog spune-mi ceva din ce am intrebat eu. Merci!

---

Cred ca gabetu ti-a raspuns la

Citat:

---

Postat în original de Hakuna Matata

desigur sunt binevenite orice sugestii vis-a-vis de acest subiect.

---

Varianta responsive e cea mai buna optiune. Nu inteleg de ce cauti solutia cea mai alambicata.

In functie de rezolutie userului i se serveste varianta de design adaptata dimensiunii respective, nu e nevoie de nici un m.numesite.com

Citat:

---

Postat în original de Nichita

Nu inteleg de ce cauti solutia cea mai alambicata.

---

Pentru ceea ce ofer eu este ideal ca userul de dispozitiv mobil sa fie redirectat intr-o pagina unde poate face actiunea direct. Varianta dekstop nu ma ajuta si nici nu o pot face responsive, varianta dekstop este pentru SEO, mult text, poze, nebunii ... iar userul care poposeste acolo nu il intereseaza, el vrea actiunea imediat.

Este un site de quotes [nu citate]

Nu, implementezi un singur layout fluid care schimba diverse elemente la anumite breackpoint-uri ( rezolutii ).

Citat:

---

Postat în original de Robi09

Nu, implementezi un singur layout fluid care schimba diverse elemente la anumite breackpoint-uri ( rezolutii ).

---

Am inteles acum!

Multumesc!

Daca nu am explicat cum trebuie sau vrei sa mai intrebi ceva...fell free to ask. :D

Citat:

---

Postat în original de Hakuna Matata

Pentru ceea ce ofer eu este ideal ca userul de dispozitiv mobil sa fie redirectat intr-o pagina unde poate face actiunea direct. Varianta dekstop nu ma ajuta si nici nu o pot face responsive, varianta dekstop este pentru SEO, mult text, poze, nebunii ... iar userul care poposeste acolo nu il intereseaza, el vrea actiunea imediat.

---

Cu media queries poti sa ii lasi userului afisata doar informatia pe care doresti sa i-o afisezi.

Daca doresti, nu e nevoie sa ii mai afisezi textul, de exemplu. Daca vrei sa ii afisezi doar o imagine din intreaga pagina (de ex.), o poti face fara probleme.

Telefoanele au 320 sau 360px in portrait si 480px in landscape de obicei.

Tabletele de 7 inci au cam 600px, iar cele de 10 800px.

Daca siteul nu e foarte complex, atunci cea mai buna solutie e responsive.

Altfel poti folosi subdomeniu fara nici o problema, dar sa respecti tot ce spune Google aici.

La numarul mare de device-uri care exista pe piata si apoi de browsere si aplicatii de pe care iti viziteaza userii siteul, nu faci nici-o branza daca folosesti o dimensiune anume. O sa ramai fix in aceeasi situatie, o sa ii multumesti doar pe unii, si nu ai garantie ca sunt cei care te intereseaza pe tine mai mult.

Cel mai bine e cu responsive. Dar daca chiar nu poti implementa responsive, atunci serveste-i userului, exact ce-l intereseaza in partea stanga sus fie din html, fie din css/js.

Totul depinde de aplicația ta. Soluția responsive din CSS e cea mai simplă, dar mărește dimensiunea fișierelor, se încarcă uneori resurse nefolosite și anumite funcționalități sunt inutile pe mobile (ex. mouseover).

O soluție mai complexă e una hibrid - cu variante pentru desktop, tabletă, smartphone și telefon și, în cadrul fiecăreia să folosești media queries în funcție de dimensiunea viewport-ului (nu există un standard aici, folosești un amestec de dimensiuni uzuale și dimensiuni la care layout-ul trebuie neapărat schimbat). Pe varianta desktop pui <link rel="alternate" href="...url mobile..." > și pe cea mobilă <link rel="canonical" href="...url desktop..." >.

Faci cate un fisier .css pentru fiecare rezolutie si folosesti AdaptJS ca sa incarci doar .css-ul de care ai nevoie
Info-> Adapt.js - Adaptive CSS