A szakértők már évek óta azt mondják, hogy a mobileszközökön érkező látogatók weboldalakra irányuló forgalma drámaian megnőtt. Emiatt sok vállalat elegánsan elkezdte bevonni egy mobil stratégiát az online jelenlétükhöz, és olyan élményeket teremtve, amelyek megfelelnek a telefon és más mobil eszközök számára.
Miután időt töltöttél megtanulva, hogyan tervezhet weboldalakat a mobiltelefonok számára, és megvalósíthatja stratégiáját, azt is szeretné meggyőződni arról, hogy a webhely látogatói láthassák ezeket a terveket. Számos mód van erre, és néhányan jobban működnek, mint mások. Íme egy pillantás a módszerre, amelyet a mobiltámogatás weboldalakon történő implementálásához használhat - a végére vonatkozó ajánlást követve, hogy mi a legjobb módszer a mai webes elérésére!
Adjon hivatkozást egy másik webhely verziójára
Ez messze a legegyszerűbb módszer a mobiltelefon-használók kezelésére. Ahelyett, hogy aggódnának, hogy láthatják-e vagy nem látják-e az oldaladat, egyszerűen helyezzen el egy linket az oldal tetejénél, amely a webhely különálló mobilverziójára mutat. Ezután az olvasók önállóan választhatják ki, hogy látják-e a mobil verziót, vagy folytatják-e a "normál" verziót.
A megoldás előnye, hogy könnyen megvalósítható. Megköveteli, hogy hozzon létre egy optimalizált verziót a mobileszközökhöz, majd hozzon létre egy linket valahol a normál webhelyoldal tetejénél.
A hátrányok a következők:
- Meg kell őriznie a webhely külön verzióját mobil felhasználók számára. Ahogy a webhelyed nagyobb lesz, elfelejtheti fenntartani azt a második verziót, és a webhelye nem tud szinkronizálni.
- Hozzon létre még egy harmadik verziót a tablettákhoz? Mi lenne a negyedik változat a viselhetőkkel? Az eszközspecifikus változatok ezen koncepciója nagyon gyorsan elkerülheti az irányítást.
- Az oldal tetején egy csúnya linket kell elhelyeznie, amelyet a nem mobil olvasók láthatnak (és esetleg rákattintanak).
Végső soron ez a megközelítés olyan elavult, amely nem valószínű, hogy része egy modern mobilstratégianak. Időnként javító megoldásként használják, míg jobb megoldást fejlesztenek ki, de valójában egy rövid távú sávszélesítés ezen a ponton.
Használja a JavaScriptet
A fent említett megközelítés egyik változatában egyes fejlesztők bizonyos típusú böngészőfelderítési parancsfájlokat használnak annak megállapítására, hogy az ügyfél mobileszközön tartózkodik-e, majd átirányítja őket az adott különálló mobil webhelyre. A böngészőfelderítés és a mobileszközök problémája az, hogy ott több ezer mobileszköz van. Ha mindegyiket egy JavaScript alkalmazással próbáltad meg észlelni, az összes oldalt letöltheti rémálommá - és még mindig sok hasonló hátránnyal jár, mint a fent említett megközelítés.
Használja a CSS @media kézi számítógépet
A CSS parancs, a @media kéziszámítógép úgy tűnik, ideális módja a CSS-stílusok megjelenítésének csak kézi eszközök - például mobiltelefonok számára. Ez úgy tűnik, mint egy ideális megoldás az oldalak megjelenítésére a mobileszközökön. Egy weblapot ír, majd két stíluslapot hoz létre. A "képernyő" médiatípusok közül az első a lapokat monitorok és számítógépes képernyők számára tervezi. A második a "kézi" stílusokhoz az oldalad olyan kis eszközökhöz, mint az ilyen mobiltelefonok. Jól hangzik, de gyakorlatilag nem működik.
A módszer legnagyobb előnye, hogy nem kell fenntartania a webhelyének két verzióját. Csak megtartja az egyiket, és a stíluslap határozza meg, hogyan kell kinéznie - ami valójában egyre közelebb áll a kívánt megoldáshoz.
Ennek a módszernek az a problémája, hogy sok telefon nem támogatja a médiatípust - helyüket inkább a képernyő médiatípusával jelenítik meg. És sok régebbi mobiltelefon és kéziszámítógép egyáltalán nem támogatja a CSS-t. Végül ez a módszer megbízhatatlan, ezért ritkán használják a weboldal mobil változatainak megjelenítésére.
Használja a PHP-t, a JSP-t és az ASP-t a felhasználói ügynök észleléséhez
Ez sokkal jobb módja annak, hogy a mobil felhasználókat a webhely mobil verziójára irányítsák, mert nem támaszkodik egy olyan szkriptnyelvre vagy CSS-re, amelyet a mobileszköz nem használ. Ehelyett a kiszolgálóoldali nyelvet használja (PHP, ASP, JSP, ColdFusion stb.), Hogy megnézze a felhasználói ügyintézőt, majd módosítsa a HTTP kérést, hogy mutasson egy mobil oldalra, ha mobileszköz.
Ehhez egy egyszerű PHP-kód fog kinézni:
stristr ($ ua, "Windows CE") vagystristr ($ ua, "AvantGo") vagystristr ($ ua, "Mazingo") vagystristr ($ ua, "Mobile") vagystristr ($ ua, "T68") vagystristr ($ ua, "Syncalot") vagystristr ($ ua, "Blazer")) {$ DEVICE_TYPE = "MOBIL";}ha (isset ($ DEVICE_TYPE) és $ DEVICE_TYPE == "MOBILE") {$ Location = 'mobile / index.php';fejléc ('Hely:'. $ hely);kijárat;}?>
A probléma itt az, hogy rengeteg más potenciális felhasználó-ügynök létezik, amelyet a mobil eszközök használnak. Ez a szkript sok mindent elkap és átirányít, de semmiképpen sem. És egyre többen egészítik ki.
Ráadásul, mint a fentiekben felsorolt megoldásoknál, továbbra is fenn kell tartania egy külön mobil webhelyet ezeknek az olvasóknak! Ez a hátránya, hogy két (vagy több!) Weboldalt kell kezelnie, elég ok arra, hogy jobb megoldást találjunk.
Használja a WURFL-ot
Ha továbbra is eltökélt szándéka, hogy a mobilfelhasználókat egy másik webhelyre irányítja át, akkor a WURFL (Wireless Universal Resource File) jó megoldás. Ez egy XML-fájl (és most egy DB-fájl) és különböző DBI-könyvtárak, amelyek nemcsak naprakész vezeték nélküli felhasználói adatokat tartalmaznak, hanem azokról a funkciókról és képességekről is, amelyeket a felhasználói ügyfelek támogatnak.
A WURFL használatához letölti az XML-konfigurációs fájlt, majd kiválasztja a nyelvet és végrehajtja az API-t webhelyén. Vannak eszközök a WURFL használatához Java, PHP, Perl, Ruby, Python, Net, XSLT és C ++ segítségével.
A WURFL használatának előnye, hogy sok ember frissíti és egészíti ki a konfigurációs fájlt. Tehát míg a használt fájl korábban elavult, mielőtt letöltötte volna, akkor valószínűleg havonta egyszer letöltheti az összes olyan mobilböngészőt, amelyet az olvasó rendszeresen használ problémákat. A hátránya természetesen az, hogy folyamatosan le kell töltenie és frissítenie kell ezt - mindezt úgy, hogy a felhasználókat egy másik webhelyre irányíthassa, és a hátrányokat okozhatja.
A legjobb megoldás az érzékeny tervezés
Tehát ha a különféle eszközök különböző webhelyek karbantartása nem a válasz, akkor mi az? Érzékeny webdesign.
Az érzékeny kialakítás az, ahol a CSS médiakérdéseket különböző szélességű eszközök stílusainak meghatározására használhatja. Az érzékeny kialakítás lehetővé teszi egy weboldal létrehozását mind a mobil, mind a nem mobil felhasználók számára. Akkor nem kell aggódnia, hogy milyen tartalmat jelenítsen meg a mobil webhelyen, vagy ne felejtse el átvinni a legújabb változásokat a mobil webhelyére. Plusz, miután elkészítette a CSS-t, nem kell semmit letöltenie.
A felelősségteljes kialakítás nem feltétlenül működik tökéletesen a régi eszközökön és böngészőkön (amelyek közül a legtöbb ma nagyon kevés használatban van, és nem kell aggódnia az Ön számára), hanem azért, mert additív (a stílusok hozzáadása a tartalomra, távol) ezek az olvasók továbbra is képesek lesznek olvasni a webhelyet, de nem fognak ideálisnak lenni a régi eszközön vagy böngészőn.
