Évek óta a szakértők azt mondják, hogy a mobileszközökről érkező látogatók webhelyeire irányuló forgalom drámaian növekszik. Emiatt sok vállalat okosan kezdte el átültetni a mobil stratégiát az online jelenlétére, olyan élményeket teremtve, amelyek alkalmasak a telefonra és más mobil eszközökre.
Miután eltöltötte az időt a megtanulásával weboldalak tervezése mobiltelefonokhoz, és a stratégia megvalósításakor arra is ügyelnie kell, hogy webhelye látogatói láthassák ezeket a terveket. Ezt sokféleképpen teheti meg, és egyesek jobban működnek, mint mások. Íme egy áttekintés arról a módszerről, amellyel a mobil támogatást a webhelyein megvalósíthatja - a végéhez közeli ajánlással együtt, hogy mi a legjobb módszer ennek elérésére a mai interneten.
Adjon meg egy linket egy másik webhelyverzióhoz
Messze ez a legegyszerűbb módszer a mobiltelefon-felhasználók kezelésére. Ahelyett, hogy aggódna, hogy látják-e vagy sem az Ön oldalait, egyszerűen tegyen egy linket valahova az oldal teteje mellé, amely a webhely külön mobilverziójára mutat. Ezután az olvasók önállóan kiválaszthatják, hogy meg akarják-e nézni a mobil verziót, vagy folytatják a "normál" verziót.
A megoldás előnye, hogy könnyen megvalósítható. Ehhez létre kell hoznia egy optimalizált verziót a mobilhoz, majd hozzá kell adnia egy linket valahol a normál webhelyoldalak teteje közelében.
Hátrányai:
- A webhely külön verzióját kell fenntartania a mobil felhasználók számára. Amint a webhelye nagyobb lesz, elfelejtheti fenntartani ezt a második verziót, és a webhelyei kieshetnek a szinkronból.
- Létrehoz egy harmadik verziót is a táblagépekhez? Mit szólnál a negyedik verzióhoz viselhető? Az eszközspecifikus verziók ezen koncepciója nagyon gyorsan kiszabadulhat az irányításból.
- Csúnya linket kell tenni az oldal tetejére, amelyet a nem mobil olvasók láthatnak (és esetleg rákattinthatnak).
Végső soron ez a megközelítés elavult, és valószínűleg nem része a modern mobil stratégiának. Időnként stop-gap rögzítésként használják, miközben jobb megoldást fejlesztenek ki, de ezen a ponton valóban rövid távú sávsegélyről van szó.
Használjon JavaScript-et
A fent említett megközelítés variációjában egyes fejlesztők valamilyen típusú böngészőészlelést alkalmaznak parancsfájl, amely felismeri, hogy az ügyfél mobil eszközön van-e, majd átirányítja őket arra a külön mobilra webhely. A probléma a böngésző a mobileszközök észlelésével és mobileszközeivel több ezer mobileszköz van. Ha megpróbálja felderíteni mindet egy JavaScript segítségével, az összes oldala rémálommá válhat - és még mindig ugyanazok a hátrányok vannak, mint a fent említett megközelítés.
Használja a CSS @media kézi számítógépet
Úgy tűnik, hogy a @ media kézi CSS parancs ideális megjelenítési mód lenne CSS stílusok csak a kézi eszközökhöz - például a mobiltelefonokhoz. Ez ideális megoldásnak tűnik az oldalak mobileszközök megjelenítéséhez. Írsz egy weboldalt, majd létrehozsz két stíluslapot. Az első a "képernyő" adathordozó-típushoz stílusozza az oldalt a monitorokhoz és a számítógép képernyőihez. A "kézi" második a kis készülékekhez, például azokhoz a mobiltelefonokhoz stílusozza az oldalt. Könnyen hangzik, de a gyakorlatban nem igazán működik.
A módszer legnagyobb előnye, hogy nem kell fenntartania a webhely két verzióját. Csak fenntartod az egyet, és a stíluslap meghatározza, hogyan kell kinéznie - ami valójában egyre közelebb kerül a kívánt végső megoldáshoz.
Ezzel a módszerrel az a probléma, hogy sok telefon nem támogatja a médiatípust - ehelyett a képernyő médiatípusával jelenítik meg oldalaikat. És sok régebbi mobiltelefon és kézi szá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 verzióinak szállítására.
Használja a PHP, JSP, ASP elemeket a User-Agent felismerésére
Ez sokkal jobb módja a mobil felhasználók átirányítására a mobil verzió mert nem támaszkodik olyan szkriptnyelvre vagy CSS-re, amelyet a mobil eszköz nem használ. Ehelyett egy szerveroldali nyelvet (PHP, ASP, JSP, ColdFusion stb.) Használ a felhasználói ügynök megtekintésére, majd a HTTP kérés mutasson egy mobil oldalra, ha ez egy mobil eszköz.
Ehhez egy egyszerű PHP-kód így néz ki:
A probléma itt az, hogy sok-sok más potenciális felhasználói ügynök van, amelyet a mobil eszközök használnak. Ez a szkript sokakat elkap és átirányít, de semmiképpen sem. És folyamatosan újabbak adódnak hozzá.
Ráadásul, hasonlóan a fenti megoldásokhoz, továbbra is külön mobiloldalt kell fenntartania ezen olvasók számára! Ez a hátrány, hogy két (vagy több!) Weboldalt kell kezelnie, elég ok arra, hogy jobb megoldást keressen.
Használja a WURFL-t
Ha továbbra is elhatározta, hogy átirányítja mobilfelhasználóit egy külön webhelyre, akkor WURFL (Wireless Universal Resource File) jó megoldás. Ez egy XML fájl (és most már egy DB fájl) és különféle DBI könyvtárak, amelyek nemcsak naprakész vezeték nélküli felhasználói ügynök adatokat tartalmaznak, hanem azokat a szolgáltatásokat és képességeket is, amelyeket ezek a felhasználói ügynökök támogatnak.
A WURFL használatához töltse le az XML konfigurációs fájlt, majd válassza ki a nyelvet, és telepítse az API-t a webhelyén. Vannak eszközök a WURFL Java, PHP, Perl, Ruby, Python, Net, XSLTés C ++.
A WURFL használatának az az előnye, hogy rengeteg ember frissíti és egészíti ki a konfigurációs fájlt. Tehát bár az Ön által használt fájl majdnem a letöltés befejezése előtt elavult, akkor valószínű, hogy ha Körülbelül havonta egyszer töltse le, akkor minden mobil böngésző meg lesz, amelyet olvasói szoktak használni anélkül problémák. A hátránya természetesen az, hogy ezt folyamatosan le kell töltenie és frissítenie kell - mindezt annak érdekében, hogy a felhasználókat egy második webhelyre irányítsa, és a létrehozott hátrányokra.
A legjobb megoldás az érzékeny tervezés
Tehát, ha a különböző webhelyek fenntartása különböző eszközök számára nem a válasz, mi az? Reszponzív webdesign.
Az adaptív tervezés során CSS média lekérdezéssel határozhat meg stílusokat a különböző szélességű eszközökhöz. Az adaptív tervezés lehetővé teszi, hogy egy weboldalt hozzon létre mind mobil, mind 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 módosításokat a mobil webhelyére. Ráadásul, miután megírta a CSS-t, nem kell újat letöltenie.
Az adaptív tervezés nem biztos, hogy tökéletesen működik rendkívül régi eszközökön és böngészőkön (amelyek többsége ma nagyon kicsi a használat és nem okozhat sok aggodalmat az Ön számára), hanem azért, mert adalékanyag (stílusok hozzáadása a tartalomhoz, ahelyett, hogy elvinnék a tartalmat), ezek az olvasók továbbra is képesek lesznek elolvasni az Ön webhelyét, csak nem fog ideálisnak tűnni a régi eszközükön, vagy böngésző.