Zdravím,

potřebuji poradit. Chtěl bych svůj web optimalizovat pro mobilní zařízení. Jedná se o stránky www.freebit.cz. Chtěl bych se zeptat, zda zvolit m.freebit.cz popřípadě nějaký plugin či kód. Co je pro obyčejného smrtelníka použitelné.

Díky za odpovědi a návrhy!

S pozdravem Martin

...

Většina lidí je zvyklá, že když chce mobilní verzi, tak zadá m.domena.cz , tak že bych to taky takhle řešil ;)

to je zajímavé, já právě myslel, že většina lidí neví ani že něco jako m.domena existuje kde jsi to zjistil?

peeeeta píše:
Většina lidí je zvyklá, že když chce mobilní verzi, tak zadá m.domena.cz , tak že bych to taky takhle řešil ;)

Plně souhlasim s wicem... Většina lidí neví, že m.domena existuje (ani mě nenapadá ji ručně psát). Kromě toho je trendem responzivní design na hlavní doméně a takovou cestou by ses měl vydat.

Je otázkou na jaký web se to nasazuje.
Já jsem třeba zvyklí zadávat m.domena.cz (a spousty lidí v mém okolí to má stejně) . A také může být automaticky uživatel přesměrován.
Výhoda m.domena.cz je menší velikost a díky tomu i rychlejší přenos. Zase na wordpress, na kterým web běží je snadnější subdoménu přidat.
Za to při tvorbě responzivního designu se musí upravit stávající design a nebo zvolit úplně jiný. To že je něco trend neznamená, že to musí být nejvhodnější řešení. Je to web od webu.

Já se tedy myslím, že většina lidí ani netuší, že nějaké m.něco.něco existuje, prostě na tabletu - telefonu zadá například Seznam.cz a dál to neřeší, jelikož je to samo někam navede, něco se jim zobrazí. Takže použít m.něco.něco může být a nemusí přímo řešením, lidem je to jedno.

Vlastní mobilní verze na m.domena.cz je slepá cesta. Lepší je použít responzivní design, pak spravuješ pouze jednu verzi webu, pro uživatele a vyhledávače je to také lepší, URL totiž zůstává stejná.

Technicky se to řeší přes Media queries:
http://cs.wikipedia.org/wiki/Media_Queries
http://www.w3.org/TR/css3-mediaqueries/

Používám například toto:
_______________________________________________________________________
@media (max-width: 840px) { /*320, 480, 568, 640, 800*/
.content {max-width: 100%; margin: 10px auto;}
}
@media (max-width: 1200px) and (min-width: 841px) { /*960, 1024, 1138, 1152*/
.content {width: 820px; margin: 0 auto;}
}

@media (min-width: 1201px) { /*1280, 1366, 1440, 1600, 1680, 1920*/
.content {width: 1140px; margin: 0 auto;}
}

@media all { /*styly, které se použijí pro všechny rozlišení*/
h1 {font-size: 200%;}
}
_______________________________________________________________________

No říkám, že je to web od webu. Podle toho jaký kdo potřebuje věci.

http://www.artfocus.cz/blog/mobilni-str ... nzivni-web
http://interval.cz/clanky/mylne-predsta ... m-designu/

Někomu bude vyhovovat mobilní někomu responzivní.

m.domena určitě ne, to dělal tak možná seznam.cz když frčelo první mobilní rozhraní. Responzivní šablonu na hlavní doméně a je to, sama pozná na jakém zařízení se zobrazuje a je to. Dnešní responzivní šablony nabízejí řadu možností a výběr co na kterém rozlišení bude a kde to bude. Navíc při dnešním rozsahu rozlišení mobilních zařízení a rychlosti připojení je m.doména dost o ničem.

Tak oni lidé ani nemusí vědět, že m.doména existuje. Stačí, když jsou tam přesměrováni při přístupu z mobilního zařízení. Poradí mi někdo, popřípadě někoho, kdo by to byl ochotný za drobný úplatek provést? Popřípadě použít plugin?

...

Já bych toto neřešil, design bych nakódoval tak, aby se zobrazoval sám správně na každém zařízení a neměnila se doména. Naposledy jsem děla něco takového: 10.8u.cz, web se přizpůsobí sám.

Samostatná URL pro desktopy a mobily přinášejí víc problémů než užitku.

Zkuste si přečíst dokumentaci od Google:
https://developers.google.com/webmaster ... parateurls
a porovnat s weby, které se o mobilní verzi na samostatných URL pokoušejí. 99,9% z nich implementují mobilní verzi na samostatných URL chybně.

Správná cesta je responsivní design