Redirigeix dispositius mòbils a contingut o dissenys mòbils
Des de fa anys, els experts han dit que el trànsit als llocs web de visitants en dispositius mòbils ha augmentat dramàticament. Per aquest motiu, moltes empreses han començat a adoptar una estratègia mòbil per a la seva presència en línia, creant experiències adequades per al telèfon i altres dispositius mòbils.
Una vegada que hàgiu dedicat el temps a aprendre a dissenyar pàgines web per a telèfons mòbils ia implementar la vostra estratègia, també voldreu assegurar-vos que els visitants del vostre lloc puguin veure aquests dissenys. Hi ha moltes maneres de fer-ho i alguns funcionen millor que d'altres. Aquí teniu una ullada al mètode que podeu utilitzar per implementar suport per a mòbils als vostres llocs web, juntament amb una recomanació al final del que és el millor mètode per aconseguir-ho a la web d'avui.
Proporcioneu un enllaç a una altra versió del lloc
Aquest és, amb diferència, el mètode més senzill per manejar els usuaris de telèfons mòbils. En lloc de preocupar-se de si poden o no poden veure les vostres pàgines, simplement poseu un enllaç a una part propera a la part superior de la pàgina que apunta a una versió per a mòbils separada del vostre lloc. A continuació, els lectors poden seleccionar automàticament si volen veure la versió per a mòbils o continuar amb la versió "normal".
El benefici d'aquesta solució és que és fàcil d'implementar. Es requereix que creeu una versió optimitzada per a mòbils i, a continuació, afegiu un enllaç a prop de la part superior de les pàgines web del lloc.
Els inconvenients són:
- Heu de mantenir una versió independent del lloc per als usuaris mòbils. A mesura que el vostre lloc sigui més gran, podeu oblidar mantenir aquesta segona versió i els vostres llocs podrien quedar fora de sincronització.
- També crees una tercera versió per a tauletes? Què tal una versió quarta per a portables? Aquest concepte de versions específiques del dispositiu pot quedar fora de control molt ràpidament.
- Heu de posar un enllaç lleig a la part superior de la pàgina que els lectors no mòbils poden veure (i, possiblement, feu clic a).
En definitiva, aquest enfocament és obsolet que és poc probable que sigui part d'una estratègia mòbil moderna. De vegades s'utilitza com a solució de detecció de parada mentre es desenvolupa una solució millor, però en aquest moment es tracta d'una ajuda de banda a curt termini.
Utilitzeu JavaScript
En una variació de l'enfocament abans esmentat, algun desenvolupador utilitza algun tipus de seqüència de detecció del navegador per detectar si el client està en un dispositiu mòbil i després redirigir-los a aquest lloc mòbil per separat. El problema amb la detecció del navegador i els dispositius mòbils és que hi ha milers de dispositius mòbils per aquí. Intentar detectar-los tot amb un JavaScript pot convertir totes les vostres pàgines en un malson de descàrrega, i encara esteu subjectes a molts dels mateixos inconvenients que l'enfocament abans esmentat.
Utilitzeu CSS & # 64; ordinador multimèdia
L'ordre CSS de l'equip de mà de @media sembla que seria una manera ideal de mostrar estils CSS només per a dispositius de mà, com ara telèfons mòbils. Sembla una solució ideal per mostrar pàgines per a dispositius mòbils. Escriu una pàgina web i després crea dos fulls d'estil. El primer del tipus de "pantalla" tipus d'estils la pàgina per a monitors i pantalles d'ordinador. El segon per als "ordinadors portàtils" obrí la vostra pàgina per dispositius petits com els telèfons mòbils. Sona fàcil, però no funciona realment.
L'avantatge més gran d'aquest mètode és que no haureu de mantenir dues versions del vostre lloc web. Simplement mantingueu l'únic, i el full d'estil defineix com ha de mirar -que s'està acostant a la solució final que volem.
Un problema amb aquest mètode és que molts telèfons no admeten el tipus de suport de mà: en canvi, mostren les seves pàgines amb el tipus de lletra de la pantalla. I molts telèfons mòbils i handheld més antics no admeten CSS en absolut. Al final, aquest mètode no és fiable i, per tant, poques vegades s'utilitza per oferir versions mòbils d'un lloc web.
Utilitzeu PHP, JSP, ASP per detectar l'agent d'usuari
Aquesta és una manera molt millor de redirigir els usuaris mòbils a una versió mòbil del lloc, ja que no es basa en un llenguatge de script o en un CSS que el dispositiu mòbil no utilitza. En lloc d'això, utilitza un llenguatge del servidor (PHP, ASP, JSP, ColdFusion, etc.) per mirar l'agent d'usuari i, a continuació, canviar la sol·licitud HTTP per apuntar a una pàgina mòbil si és un dispositiu mòbil.
Un simple codi PHP per fer-ho seria així:
stristr ($ ua, "Windows CE") o
stristr ($ ua, "AvantGo") o
stristr ($ ua, "Mazingo") o
stristr ($ ua, "mòbil") o
stristr ($ ua, "T68") o
stristr ($ ua, "Syncalot") o
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
si (isset ($ DEVICE_TYPE) i $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
encapçalament ('Ubicació:'. ubicació $);
sortir;
}
?>
El problema aquí és que hi ha molts i molts altres agents d'usuari potencials que utilitzen els dispositius mòbils. Aquest script capturarà i redirigirà molts d'ells, però no tots de cap manera. I més s'afegeixen tot el temps.
A més, igual que amb les altres solucions anteriors, haureu de mantenir un lloc mòbil independent per a aquests lectors. Aquest inconvenient d'haver de gestionar dos (o més!) Llocs web és prou motiu per buscar una solució millor.
Utilitzeu WURFL
Si encara esteu decidits a redirigir els vostres usuaris de mòbils a un lloc diferent, WURFL (Arxiu de recursos universal sense fils) és una bona solució. Aquest és un fitxer XML (i ara un fitxer DB) i diverses biblioteques de DBI que no només contenen dades actuals de l'agent d'usuari sense fils, sinó també quines funcions i capacitats són compatibles amb aquests agents d'usuari.
Per utilitzar WURFL, descarregueu el fitxer de configuració XML i, a continuació, seleccioneu el vostre idioma i implementeu l'API al vostre lloc web. Hi ha eines per utilitzar WURFL amb Java, PHP, Perl, Ruby, Python, Net, XSLT i C + +.
El benefici d'utilitzar WURFL és que hi ha molta gent que actualitza i afegeix al fitxer de configuració tot el temps. Així, mentre que el fitxer que esteu utilitzant no està actualitzat gairebé abans de finalitzar la descàrrega, és probable que, si ho descarreguem un cop al mes, tindreu tots els navegadors mòbils que els vostres lectors utilitzen habitualment sense cap problemes. El desavantatge, per descomptat, és que heu de descarregar i actualitzar-lo contínuament, tot per poder dirigir els usuaris a un segon lloc web i als inconvenients que crea.
La millor solució és un disseny sensible
Per tant, si el manteniment de diferents llocs per a diferents dispositius no és la resposta, què és? Disseny web responsable .
El disseny sensible és on s'utilitzen consultes de mitjans CSS per definir estils per a dispositius de diversos amples. El disseny de resposta us permet crear una pàgina web tant per a usuaris mòbils com no mòbils. A continuació, no s'ha de preocupar del contingut que es mostrarà al lloc web mòbil o recordeu transferir els canvis més recents al vostre lloc per a mòbils. A més, una vegada que tingui el CSS escrit, no haureu de descarregar res nou.
El disseny responsable pot no funcionar perfectament en dispositius i navegadors extremadament antics (la majoria dels quals són en molt pocs usos avui i no ha de ser una gran preocupació per a vostè), sinó perquè és additiu (afegint estils al contingut, en lloc de prendre contingut els lectors podran llegir el vostre lloc web, però no semblaran ideals al seu dispositiu o navegador antic.