wersja mobilna strony - strona responsywna?

Hej, optymalizując stronę myślę o zrobieniu wersji na urządzenia mobilne. myślałem, że muszę zawrzeć kod który rozpozna po adresie urządzenia, czy jest PC'tem czy jakimś innym smartfonem - i przekieruje na właściwą stronę np onet.pl lubi m.onet.pl.

Czytając w guglach wyszukałem termin "strona responsywna". Założenie jest szczytne - strona dopasowująca się do każdej rozdzielczości ekranu. Jako przykład http://roxik.com/cat/

Otwórzcie w całym oknie, a potem zwężajcie okno. Strona sama się dopasowuje, co wydaje się najlepszym rozwiązaniem. Aktualnie jakieś 10-15% wejść mam z mobile devices. To spory ruch.

Kolejna sprawa - indeksowanie. Zrobienie strony m.domena.pl będzie przez google jak się nie mylę traktowane jako osobna domena. Google ma robota do indeksowania stron na urządzenia mobilne, dlatego naszym celem jest, gdy ktoś z tabletu wyszuka nasza stronę, pokazanie mu wersji mobilnej na szczycie.

Ma ktoś doświadczenie z robieniem czegoś takiego? Najbardziej kusi mnie strona responsywna, bo robienie subdomeny mi się nie widzi osobiście.

Na start sprawdz swoja strone na np. http://www.responsinator.com/

Co do poradników przerabiania takiej strony to sa widzialem takie w Smashing Magazine oraz wiele szablonow jest od razu na to gotowych, a jak rozumiem masz WP

Na start sprawdz swoja strone na np. http://www.responsinator.com/

 

Co do poradników przerabiania takiej strony to sa widzialem takie w Smashing Magazine oraz wiele szablonow jest od razu na to gotowych, a jak rozumiem masz WP

wiem jak moja strona wygląda mobilnie, jest ok, ale lepsza byłaby "lżejsza wersja" : ) póki co mam joomlę, na innej domenie jest WP. Co do joomli, to przed momentem zrobiłem osobny temat, może tam mi pomożesz, bo tam mam problem do rozwiazania na "już : )

Robisz osobny styl dla komórek, dodajesz opcję, żeby rozpoznawał user-agenta. To tak w wielkim skrócie, są do tego poradniki.

//mobile

Z tego co pamiętam z wykładu w szkole to można również w CSSie zrobić różne wersje wyglądu dla różnych rozdzielczości.

Media queries  + fluid layout- to czego potrzebujesz:D