Пренасочване на мобилни устройства към мобилно съдържание или дизайн
От години експертите твърдят, че трафикът към уебсайтове от посетители на мобилни устройства се увеличава драстично. Поради тази причина много компании разумно започнаха да приемат мобилна стратегия за тяхното онлайн присъствие, създавайки опит, който е подходящ за телефони и други мобилни устройства.
След като сте прекарали времето да учите как да проектирате уеб страници за мобилни телефони и да прилагате стратегията си, вие също така ще искате да сте сигурни, че посетителите на сайта Ви могат да видят тези проекти. Има много начини да направите това и някои да работят по-добре от други. Ето един поглед върху метода, който можете да използвате, за да приложите мобилната поддръжка на уебсайтовете си - заедно с препоръка в края на краищата за това, което най-добрият начин за постигане на това е на днешния уеб!
Осигурете връзка към друга версия на сайта
Това е най-лесният начин за обработка на потребителите на мобилни телефони. Вместо да се притеснявате дали могат или не могат да виждат страниците ви, просто поставете връзка някъде близо до горната част на страницата, която сочи към отделна мобилна версия на сайта Ви. След това читателите могат сами да изберат дали искат да видят мобилната версия или да продължат с "нормалната" версия.
Ползата от това решение е, че е лесно да се приложи. Той изисква да създадете оптимизирана версия за мобилни устройства и след това да добавите връзка някъде близо до върха на нормалните страници на сайта.
Недостатъците са:
- Трябва да поддържате отделна версия на сайта за мобилни потребители. Тъй като сайтът Ви става по-голям, може да забравите да поддържате тази втора версия и вашите сайтове да не могат да бъдат синхронизирани.
- Също така създавате трета версия за таблети? Какво ще кажете за четвъртата версия за носене? Тази концепция за специфични за устройството версии може много бързо да излезе извън контрол.
- Трябва да поставите грозна връзка в горната част на страницата, която могат да виждат не-мобилните читатели (и евентуално да кликнат върху тях).
В крайна сметка този подход е остарял, който е малко вероятно да бъде част от модерна мобилна стратегия. Понякога се използва като решение за спиране на отпадането, докато се разработва по-добро решение, но в този момент това е наистина краткосрочна помощ.
Използвайте JavaScript
В един вариант на гореспоменатия подход някои разработчици използват някакъв скрипт за откриване на браузър, за да открият дали клиентът е на мобилно устройство и след това да ги пренасочат към този отделен мобилен сайт. Проблемът с откриването на браузър и мобилните устройства е, че там има хиляди мобилни устройства. За да се опитате да ги откриете с един, JavaScript може да превърне всичките ви страници в изтеглящ се кошмар - и вие все още сте подложени на много от същите недостатъци като гореспоменатия подход.
Използвайте CSS & media media handheld
CSS командата @media handheld изглежда е идеален начин за показване на CSS стилове само за преносими устройства - като мобилни телефони. Това изглежда като идеално решение за показване на страници за мобилни устройства. Пишете една уеб страница и след това създавате два стилови листа. Първият за типа носител "екран" стилизира вашата страница за монитори и компютърни екрани. Вторият за "джобните" стилове на страницата ви за малки устройства, като тези мобилни телефони. Звучи лесно, но на практика не работи.
Най-голямото предимство на този метод е, че не е нужно да поддържате две версии на уебсайта си. Просто го поддържате и листа стил определя как трябва да изглежда - което всъщност се приближава до крайното решение, което искаме.
Проблемът с този метод е, че много от телефоните не поддържат типа ръчна хартия - вместо това те показват страниците си с типа на екрана. И много по-стари мобилни телефони и преносими компютри изобщо не поддържат CSS. В крайна сметка, този метод е ненадежден и следователно рядко се използва за предоставяне на мобилни версии на уебсайт.
Използвайте PHP, JSP, ASP за откриване на User-Agent
Това е много по-добър начин да пренасочите мобилните потребители към мобилна версия на сайта, защото не разчита на скриптов език или CSS, които мобилното устройство не използва. Вместо това той използва език на сървъра (PHP, ASP, JSP, ColdFusion и т.н.), за да разгледа потребителския агент и след това да промени HTTP заявката, за да сочи към мобилна страница, ако е мобилно устройство.
Един прост PHP код, за да направите това, ще изглежда така:
($ ua, "Windows CE") или
stristr ($ ua, "AvantGo") или
stristr ($ ua, "Mazingo") или
stristr ($ ua, "Mobile") или
stristr ($ ua, "T68") или
stristr ($ ua, "Syncalot") или
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
ако (isset ($ DEVICE_TYPE) и $ DEVICE_TYPE == "MOBILE") {
$ място = 'мобилен / index.php ";
заглавие ("Местоположение:". $ местоположение);
изход;
}
?>
Проблемът тук е, че има много и много други потенциални потребителски агенти, които се използват от мобилни устройства. Този скрипт ще улови и пренасочи много от тях, но не всички по никакъв начин. И повече се добавят през цялото време.
Освен това, както при другите решения по-горе, ще трябва да поддържате отделен мобилен сайт за тези читатели! Този недостатък на това, че трябва да управлявате два (или повече!) Уеб сайтове, е достатъчно основание да се намери по-добро решение.
Използвайте WURFL
Ако все още сте решени да пренасочвате мобилните си потребители към отделен сайт, WURFL (Безжичен универсален ресурсен файл) е добро решение. Това е XML файл (а сега и DB файл) и различни DBI библиотеки, които не само съдържат актуални данни за безжични потребителски агенти, но също така и кои функции и възможности поддържат тези потребителски агенти.
За да използвате WURFL, изтеглете XML конфигурационния файл, след което изберете вашия език и приложете API на вашия уеб сайт. Има инструменти за използване на WURFL с Java, PHP, Perl, Ruby, Python, Net, XSLT и C ++.
Ползата от използването на WURFL е, че има много хора, които се актуализират и добавят към конфигурационния файл през цялото време. Така че, докато файлът, който използвате, е остарял, преди да сте го свалили, вероятността е, че ако го изтеглите веднъж месечно, ще имате всички мобилни браузъри, които вашите читатели обичайно използват без никакви проблеми. Недостатъкът, разбира се, е, че трябва непрекъснато да изтегляте и актуализирате това - всичко това, за да насочите потребителите към втори сайт и недостатъците, които създават.
Най-доброто решение е отзивчив дизайн
Така че, ако поддържането на различни сайтове за различни устройства не е отговорът, какво е това? Отзивчив уеб дизайн .
Отзивчивият дизайн е мястото, където използвате CSS медийни заявки за определяне на стилове за устройства с различни ширини. Отзивчивият дизайн ви позволява да създадете една уеб страница за мобилни и не-мобилни потребители. След това не е нужно да се притеснявате какво съдържание да се показва на мобилния сайт или не забравяйте да прехвърлите последните промени в мобилния си сайт. Освен това, след като сте написали CSS, не е нужно да изтегляте нищо ново.
Отзивчивият дизайн може да не работи перфектно на изключително стари устройства и браузъри (повечето от които днес са много малки и не трябва да ви притесняват), а защото е добавка (добавя се стилове към съдържанието, а не към съдържанието далеч) тези читатели все още ще могат да четат вашия уеб сайт, просто няма да изглеждат идеално на старото си устройство или браузър.