I årevis har eksperter sagt, at trafikken til websteder fra besøgende på mobile enheder er steget dramatisk. Af denne grund er mange virksomheder smart begyndt at omfavne en mobilstrategi for deres online tilstedeværelse, hvilket skaber oplevelser, der passer til telefon og andre mobile enheder.
Når du har brugt tiden på at lære at design websider til mobiltelefonerog implementering af din strategi vil du også være sikker på, at besøgende på dit websted kan se disse designs. Der er mange måder, du kan gøre dette på, og nogle fungerer bedre end andre. Her er et kig på den metode, du kan bruge til at implementere mobil support på dine websteder - sammen med en anbefaling i slutningen af, hvad den bedste metode til at opnå dette er på dagens web.
Giv et link til en anden sideversion
Dette er langt den nemmeste metode til at håndtere mobiltelefonbrugere. I stedet for at bekymre sig om, hvorvidt de kan eller ikke kan se dine sider, skal du blot placere et link et sted nær toppen af siden, der peger på en separat mobilversion af dit websted. Derefter kan læserne selv vælge, om de vil se mobilversionen eller fortsætte med den "normale" version.
Fordelen ved denne løsning er, at den er let at implementere. Det kræver, at du opretter en optimeret version til mobil og derefter tilføjer et link et sted nær toppen af de normale websidesider.
Ulemperne er:
- Du skal vedligeholde en separat version af webstedet til mobilbrugere. Da dit websted bliver større, kan du glemme at vedligeholde den anden version, og dine websteder kan falde ud af synkronisering.
- Opretter du også en tredje version til tablets? Hvad med en fjerde version til bærbare? Dette koncept med enhedsspecifikke versioner kan komme ud af kontrol meget hurtigt.
- Du skal sætte et grimt link øverst på siden, som ikke-mobile læsere kan se (og muligvis klikke på).
I sidste ende er denne tilgang en forældet, der sandsynligvis ikke vil være en del af en moderne mobilstrategi. Det bruges undertiden som en stop-gap fix, mens der udvikles en bedre løsning, men det er virkelig et kortvarigt plaster på dette tidspunkt.
Brug JavaScript
I en variation af den ovennævnte tilgang bruger nogle udviklere en eller anden type browserdetektering script for at opdage, om kunden er på en mobilenhed og derefter omdirigere dem til den separate mobil websted. Problemet med browser detektion og mobile enheder er, at der er tusinder af mobile enheder derude. At forsøge at opdage dem alle med en JavaScript kunne gøre alle dine sider til et downloadende mareridt - og du er stadig underlagt mange af de samme ulemper som den ovennævnte tilgang.
Brug CSS @media håndholdt
CSS-kommandoen @media håndholdt virker som om det ville være en ideel måde at vise på CSS stilarter kun til håndholdte enheder - som mobiltelefoner. Dette virker som en ideel løsning til visning af sider til mobile enheder. Du skriver en webside og opretter derefter to stilark. Den første til "skærm" -medietypen formaterer din side til skærme og computerskærme. Den anden for "håndholdte" stilarter din side til små enheder som disse mobiltelefoner. Det lyder let, men det fungerer ikke rigtig i praksis.
Den største fordel ved denne metode er, at du ikke behøver at vedligeholde to versioner af dit websted. Du vedligeholder bare den ene og den stilark definerer, hvordan det skal se ud - hvilket faktisk nærmer sig den endelige løsning, vi ønsker.
Et problem med denne metode er, at mange telefoner ikke understøtter medietypen - de viser deres sider med skærmmedietypen i stedet. Og mange ældre mobiltelefoner og håndholdte understøtter slet ikke CSS. I sidste ende er denne metode upålidelig og bruges derfor sjældent til at levere mobile versioner af et websted.
Brug PHP, JSP, ASP til at opdage brugeragenten
Dette er en meget bedre måde at omdirigere mobilbrugere til en mobil version af webstedet, fordi det ikke er afhængigt af et scriptingsprog eller CSS, som den mobile enhed ikke bruger. I stedet bruger den et serversidesprog (PHP, ASP, JSP, ColdFusion osv.) Til at se på brugeragenten og derefter ændre HTTP-anmodning at pege på en mobilside, hvis det er en mobilenhed.
En simpel PHP-kode til at gøre dette ser sådan ud:
Problemet her er, at der er masser af andre potentielle brugeragenter, der bruges af mobile enheder. Dette script vil fange og omdirigere mange af dem, men ikke alle på nogen måde. Og mere tilføjes hele tiden.
Plus, som med de andre løsninger ovenfor, bliver du stadig nødt til at opretholde et separat mobilsite for disse læsere! Denne ulempe ved at skulle administrere to (eller flere!) Websteder er grund nok til at finde en bedre løsning.
Brug WURFL
Hvis du stadig er fast besluttet på at omdirigere dine mobilbrugere til et separat sted, så WURFL (Wireless Universal Resource File) er en god løsning. Dette er en XML-fil (og nu en DB-fil) og forskellige DBI-biblioteker, der ikke kun indeholder opdaterede trådløse brugeragentdata, men også hvilke funktioner og funktioner disse brugeragenter understøtter.
For at bruge WURFL downloader du XML-konfigurationsfilen og vælger derefter dit sprog og implementerer API'en på dit websted. Der er værktøjer til brug af WURFL med Java, PHP, Perl, Ruby, Python, Net, XSLTog C ++.
Fordelen ved at bruge WURFL er, at der er mange mennesker, der opdaterer og føjer til konfigurationsfilen hele tiden. Så mens den fil, du bruger, er forældet næsten inden du er færdig med at downloade den, er chancerne det, hvis du download det en gang om måneden eller deromkring, du får alle de mobilbrowsere, som dine læsere sædvanligvis bruger uden nogen problemer. Ulempen er naturligvis, at du hele tiden skal downloade og opdatere dette - alt sammen, så du kan henvise brugere til et andet websted og de ulemper, der skaber.
Den bedste løsning er responsivt design
Så hvis vedligeholdelse af forskellige websteder til forskellige enheder ikke er svaret, hvad er det? Responsivt webdesign.
Responsivt design er, hvor du bruger CSS-medieforespørgsler til at definere stilarter til enheder med forskellige bredder. Responsivt design giver dig mulighed for at oprette en webside til både mobile og ikke-mobile brugere. Derefter behøver du ikke bekymre dig om, hvilket indhold der skal vises på mobilwebstedet, eller husk at overføre de seneste ændringer til dit mobilwebsted. Plus, når du først har skrevet CSS, behøver du ikke downloade noget nyt.
Responsivt design fungerer muligvis ikke perfekt på ekstremt gamle enheder og browsere (hvoraf de fleste er i meget lille brug i dag og burde ikke være meget bekymrende for dig), men fordi det er additiv (tilføj typografier til indholdet i stedet for at fjerne indhold) disse læsere vil stadig være i stand til at læse dit websted, det vil bare ikke se ideelt ud på deres gamle enhed eller browser.