От години експертите твърдят, че трафикът към уебсайтове от посетители на мобилни устройства се увеличава драстично. Поради тази причина много компании умно започнаха да възприемат мобилна стратегия за присъствието си онлайн, създавайки преживявания, подходящи за телефон и други мобилни устройства.
След като сте прекарали времето да се научите как да дизайн на уеб страници за мобилни телефонии прилагайки вашата стратегия, вие също ще искате да сте сигурни, че посетителите на вашия сайт могат да видят тези дизайни. Има много начини да направите това и някои работят по-добре от други. Ето един поглед към метода, който можете да използвате за внедряване на мобилна поддръжка на вашите уебсайтове - заедно с препоръка в края за това кой е най-добрият метод за постигане на това в днешната мрежа.
Осигурете връзка към друга версия на сайта
Това е най-лесният метод за справяне с потребителите на мобилни телефони. Вместо да се притеснявате дали могат или не могат да видят страниците ви, просто поставете връзка някъде в горната част на страницата, която сочи към отделна мобилна версия на вашия сайт. Тогава читателите могат сами да изберат дали искат да видят мобилната версия или да продължат с „нормалната“ версия.
Предимството на това решение е, че е лесно за изпълнение. Това изисква от вас да създадете оптимизирана версия за мобилни устройства и след това да добавите връзка някъде в горната част на нормалните страници на сайта.
Недостатъците са:
- Трябва да поддържате отделна версия на сайта за мобилни потребители. Тъй като вашият сайт се увеличава, може да забравите да поддържате тази втора версия и вашите сайтове може да изпаднат в синхрон.
- Създавате ли и трета версия за таблети? Какво ще кажете за четвърта версия за носими? Тази концепция за специфични за устройства версии може много бързо да излезе извън контрол.
- Трябва да поставите грозна връзка в горната част на страницата, която да могат да видят немобилните читатели (и евентуално да кликнете върху нея).
В крайна сметка този подход е остарял, който е малко вероятно да бъде част от съвременната мобилна стратегия. Понякога се използва като пречка за спиране, докато се разработва по-добро решение, но в момента това е краткосрочна лепенка.
Използвайте JavaScript
Като вариант на гореспоменатия подход някои разработчици използват някакъв тип откриване на браузър скрипт, за да открие дали клиентът е на мобилно устройство и след това да ги пренасочи към този отделен мобилен телефон сайт. Проблемът с браузър откриване и мобилни устройства е, че има хиляди мобилни устройства там. За да се опитате да ги откриете с един JavaScript, бихте могли да превърнете всичките си страници в кошмар за изтегляне - и вие все още сте обект на много от същите недостатъци като гореспоменатия подход.
Използвайте CSS @media Handheld
CSS командата @media handheld изглежда като идеален начин за показване CSS стилове само за преносими устройства - като мобилни телефони. Това изглежда като идеално решение за показване на страници за мобилни устройства. Пишете една уеб страница и след това създавате две таблици със стилове. Първият за тип "екран" носител оформя вашата страница за монитори и компютърни екрани. Второто за „ръчните“ оформя вашата страница за малки устройства като тези мобилни телефони. Звучи лесно, но на практика не работи.
Най-голямото предимство на този метод е, че не е нужно да поддържате две версии на уебсайта си. Вие просто поддържате този и таблица със стилове определя как трябва да изглежда - което всъщност се приближава до крайното решение, което искаме.
Проблемът с този метод е, че много телефони не поддържат типа мултимедия - вместо това те показват страниците си с екранния тип мултимедия. А много по-стари мобилни телефони и джобни устройства изобщо не поддържат CSS. В крайна сметка този метод е ненадежден и поради това рядко се използва за доставяне на мобилни версии на уебсайт.
Използвайте PHP, JSP, ASP, за да откриете потребителския агент
Това е много по-добър начин за пренасочване на мобилни потребители към мобилна версия на уебсайта, тъй като не разчита на скриптов език или CSS, които мобилното устройство не използва. Вместо това използва език от страна на сървъра (PHP, ASP, JSP, ColdFusion и др.), За да разгледа потребителския агент и след това да промени HTTP заявка да сочи към мобилна страница, ако е мобилно устройство.
Един прост PHP код за това ще изглежда така:
Проблемът тук е, че има много и много други потенциални потребителски агенти, които се използват от мобилни устройства. Този скрипт ще улови и пренасочи много от тях, но не всички по никакъв начин. И през цялото време се добавят още.
Освен това, както и при другите решения по-горе, ще трябва да поддържате отделен мобилен сайт за тези читатели! Този недостатък на необходимостта от управление на два (или повече!) Уебсайта е достатъчна причина да се търси по-добро решение.
Използвайте WURFL
Ако все още сте решени да пренасочите мобилните си потребители към отделен сайт, тогава WURFL (Wireless Universal Resource File) е добро решение. Това е XML файл (и вече DB файл) и различни DBI библиотеки, които не само съдържат актуални данни за безжичен потребителски агент, но и кои функции и възможности поддържат тези потребителски агенти.
За да използвате WURFL, изтегляте XML конфигурационния файл и след това избирате вашия език и прилагате API на вашия уебсайт. Има инструменти за използване на WURFL с Java, PHP, Perl, Ruby, Python, Net, XSLTи C ++.
Ползата от използването на WURFL е, че има много хора, които непрекъснато актуализират и добавят към конфигурационния файл. Така че, докато файлът, който използвате, е остарял почти преди да приключите с изтеглянето му, шансовете са, че ако сте изтеглете го веднъж месечно или така, ще имате всички мобилни браузъри, които вашите читатели обикновено използват без никакви проблеми. Недостатъкът, разбира се, е, че трябва непрекъснато да изтегляте и актуализирате това - всичко, за да можете да насочвате потребителите към втори уебсайт и създаващите недостатъци.
Най-доброто решение е отзивчивият дизайн
Така че, ако поддържането на различни сайтове за различни устройства не е отговорът, какво е? Отзивчив уеб дизайн.
Отзивчивият дизайн е мястото, където използвате CSS медийни заявки, за да дефинирате стилове за устройства с различна ширина. Отзивчивият дизайн ви позволява да създадете една уеб страница както за мобилни, така и за немобилни потребители. Тогава не е нужно да се притеснявате какво съдържание да покажете на мобилния сайт или да не забравяте да прехвърлите последните промени на вашия мобилен сайт. Освен това, след като сте написали CSS, не е нужно да изтегляте нищо ново.
Отзивчивият дизайн може да не работи перфектно на изключително стари устройства и браузъри (повечето от които днес се използват много малко и не би трябвало да ви тревожат много), но тъй като е добавка (добавяне на стилове към съдържанието, вместо отнемане на съдържание) тези четци ще продължат да четат уебсайта ви, просто няма да изглежда идеално на старото им устройство браузър.