NEXT 4/2009 - Strona WWW w komórce

Prawidłowo wykonanych i popularnych witryn mobilnych w Polsce nie ma zbyt wiele, chociaż stworzenie takiej strony jest dosyć łatwym zadaniem. Z artykułu dowiesz się, jak przygotować własną stronę WWW tak, by poprawnie wyświetlała się na urządzeniach mobilnych.

Zarabiaj na reklamach

Na witrynie mobilnej, mimo braku obsługi JavaScriptu w większości przeglądarek, można umieścić reklamy. Przykładem są te z Google AdSense for Mobile. Istota ich działania jest podobna do reklam kontekstowych, z tą różnicą, że wstawką wyświetlającą reklamę jest nie kod JavaScript, ale kod wykonywany po stronie serwera (do wyboru Google oferuje: PHP, Perl, JSP lub ASP). Wstawka umieszczona w odpowiednim miejscu strony będzie pobierać z serwera Google treść reklamy i bezpośrednio ją wyświetlać, np. poprzez instrukcję echo w PHP.

Zanim zbudujesz wersję swojej witryny do komórki, zastanów się, jakie treści wyselekcjonujesz z głównej strony. Nie ma potrzeby tworzenia kopii całego serwisu do urządzeń mobilnych. Załóż raczej, że na bazie istniejącej witryny z contentem chcesz wyodrębnić część zawartości i udostępnić ją urządzeniom mobilnym. Internauta używający komórki do odwiedzania stron WWW najprawdopodobniej jest w podróży, a więc nie ma dostępu do swojego komputera. Czego zatem może szukać na poszczególnych witrynach?

Przede wszystkim aktualności. Poza typowymi newsami mogą to być indeksy giełdowe oraz informacje związane z samą podróżą, np. pogoda. Jeśli zarządzasz sklepem internetowym, to zamiast całej oferty możesz zaprezentować m.in. ostatnie promocje, dane kontaktowe i adresowe. Witryna mobilna będzie funkcjonować obok zwykłej, a więc musisz zapewnić jej osobną poddomenę. Główna zasada jest taka: im krótsza, tym lepsza, np. m.nextmag.pl. Jednocześnie warto pomyśleć o aliasie, który czasem może być użyty przez internautów, np. mobile.nextmag.pl (ciekawym rozwiązaniem jest nazwa przyjęta przez Onet – lajt.onet.pl). Alternatywnym podejściem jest zakup nowej domeny .mobi (patrz: ramka).

Pamiętaj, żeby wszystkie aliasy twojej poddomeny przekierowały użytkownika do jednej, wybranej przez ciebie. Dana zawartość może być dostępna z wielu adresów, ale widnieć musi pod jednym. Najprostsza reguła dla Apache’a w pliku .htaccess może brzmieć tak (przekierowuje wszystkie żądania w danej poddomenie do m.nextmag.pl z kodem 301):

RewriteEngine on
RewriteCond %{HTTP_HOST} !^m\.nextmag\.pl [NC]
RewriteCond %{HTTP_HOST} !^$
RewriteRule (.*) http://m.nextmag.pl/$1 [L,R=permanent]

Wymagania i ograniczenia layoutu

Głównym ograniczeniem urządzeń mobilnych są wymiary wyświetlacza – twoja strona powinna zmieścić się w szerokości 150 pikseli, bez konieczności przewijania w poziomie. Przeglądarka sama ograniczy tekst do wymaganych rozmiarów, więc musisz tylko się upewnić, czy nie masz szerszych grafik niepotrzebnie rozszerzających ekran.

Kolejnym ważnym aspektem jest łącze (większość abonamentów sieci komórkowych ma ograniczenia transferu). Strona główna wersji mobilnej nie powinna zawierać żadnych grafik poza raczej małym logo. Tam, gdzie nie jest to konieczne, nie wyświetlaj żadnych obrazków. Jeśli masz możliwość zmniejszenia rozmiarów samego kodu HTML czy arkuszy CSS, zrób to, np. używając HTML Tidy.

Poza nielicznymi wyjątkami praktycznie żadna mobilna przeglądarka nie obsługuje JavaScriptu (lepiej nie używaj go na stronie). W mobilnym serwisie nie ma również miejsca na animacje Flash czy elementy napisane w Javie, aczkolwiek niektóre przeglądarki na smartfony obsługują starsze wersje Flasha. Nie należy opierać działania witryny na ciasteczkach – część mobilnych klientów je akceptuje, część nie.

Ocena:    (aby ocenić, musisz się zalogować w serwisie)

 del.icio.us |  Wykop mnie |  Digg this story |  dodajdo.com

• Użyteczna strona WWW »
  jak tworzyć przyjazne i funkcjonalne strony WWW
• Serwis zgodny z prawem »
  prawo autorskie w internecie
• Zbuduj własną stronę internetową »
  pełne wersje
• Ładny i funkcjonalny serwis WWW »
  serwis www ZenBe
• Hosting - zaistnieć w sieci »
  Raport - Informatyka w firmie