Мобилният уеб сайт може да е специална отделна мобилна версия на вече съществуващия уеб сайт. Най-често тази мобилна версия се създава на поддомейн към основния сайт, например m.mysupersite.com или mobile.mysupersite.com. Когато основният сайт е посетен от мобилен потребител, се извършва пренасочване към мобилния сайт.
Пренасочване от основния сайт mysupersite.com към мобилната му версия m.mysupersite.com може да се извърши по няколко начина, използвайки PHP, JavaScript или с поставяне на няколко реда с правила във файла .htaccess.
Пренасочване чрез правила в .htaccess файла
В тази статия се описва само пренасочването на мобилни уеб браузъри (user-agents) към поддомейн на основния сайт, с ползване на файл .htaccess. В директорията на поддомейна обаче, ще е необходимо да качите мобилна версия на съществуващия сайт.
- Първо е необходимо да създадете поддомейн за мобилната версия на вашия сайт.
- След това се поставят няколко реда в .htaccess файла на основния сайт, които извършват пренасочването.
След като сте създали поддомейна, в директорията на основния сайт, във файла .htaccess поставете следните пренаписващи правила:
RewriteEngine on
RewriteBase /
RewriteCond %{QUERY_STRING} (^|&)mobile=0(&|$)
RewriteRule ^ - [CO=mredir:0:http://mysupersite.com]
RewriteCond %{HTTP:x-wap-profile} !^$ [OR]
RewriteCond %{HTTP:Profile} !^$ [OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "maui|maxo|midp|mits|mmef|mobi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC]
# проверка дали вече не е заредена мобилната версия
RewriteCond %{HTTP_HOST} !^mobile\.
RewriteCond %{QUERY_STRING} !(^|&)mobile=0(&|$)
RewriteCond %{HTTP_COOKIE} !^.*mredir=0.*$ [NC]
# пренасочване към мобилната версия
RewriteRule ^ http://mobile.mysupersite.com [R,L]В маркираните редове (3,4,24,25 и 28) променете текста, спрямо името на основния сайт (mysupersite.com) и създадения поддомейн (mobile.mysupersite.com).
3
RewriteCond %{QUERY_STRING} (^|&)mobile=0(&|$)
заменете „mobile“ с името на поддомейна (например ако поддомейна е mobile.mysupersite.com, въведете само „mobile„);
4
RewriteRule ^ – [CO=mredir:0:http://mysupersite.com]
заменете „http://mysupersite.com“ с името на сайта; ако за сайта се ползва HTTPS, променете http:// на https://;
24
RewriteCond %{HTTP_HOST} !^mobile\.
заменете „mobile“ с името на поддомейна (например ако поддомейна е mobile.mysupersite.com, въведете само „mobile„);
25
RewriteCond %{QUERY_STRING} !(^|&)mobile=0(&|$)
заменете „mobile“ с името на поддомейна (например ако поддомейна е mobile.mysupersite.com, въведете само „mobile„);
28
RewriteRule ^ http://mobile.mysupersite.com [R,L]
заменете „http://mobile.mysupersite.com“ с пълното име на поддомейна; поставете https://, ако за поддомейна се ползва HTTPS;
Няколко съвета за мобилната версия на сайта
- Изображения с подходящ размер. Ако изображението е с прекалено малък размер, няма да се вижда добре и не може да подскаже на посетителя какво се крие зад него. Ако е с прекалено голям размер може да отнеме повече време за зареждане и не е сигурно, че ще се визуализира коректно на всички мобилни устройства.
- Навигация. Според вида на сайта, може да изберете по-подходяща навигация. Ако в сайта има много категории и подкатегории, навигирането през тях може да е по-интуитивно и достъпно чрез текстово меню. Ако категориите в сайта не са много, към менюто може да се добавят и изображения.
