Slik Omdirigerer Du Mobilbrukere På Nettstedet Ditt
Har du noen gang prøvd å skrive INN NETTADRESSEN m.facebook.com på skrivebordet ditt? Prøv det, og du vil se at nettstedet ser rart ut på den store skjermen.
Prøv på samme måte å åpne et tilfeldig lokalt nettsted på mobilen din. Du kan komme over noen nettsteder som ikke er optimalisert for mobil, og dermed kaster du av ved første blikk. Slike nettsteder har en tendens til å miste sine mobile publikum til sine konkurrenter.
Responsivt Webdesign
I Disse dager lar alle gode CMS-plattformer deg bygge nettsteder ved hjelp av responsivt design, som tilpasser seg avhengig av skjermstørrelsen.
Det er viktig å se gjennom hvordan nettstedet ditt vises på forskjellige enheter – dette kan bety forskjellen mellom å holde besøkende engasjert på nettstedet ditt og miste dem, aldri å returnere.
det er også viktig å nevne at Siden Google flyttet til mobile first-indeksering, er mobilversjonen av nettstedet ditt det som teller For Google, noe som betyr At Det ikke er sannsynlig å gjøre det bra i søk hvis det får besøkende til å ha en dårlig brukeropplevelse.
Mobile Nettsteder
mens det blir mer og mer uvanlig, foretrekker noen bedrifter fortsatt å ha et eget nettsted for mobile brukere. Dette kommer med mange potensielle problemer som lett kan unngås.
Kontroller at nettstedet ditt er mobilvennlig 
du kan sjekke at nettstedet ditt har blitt riktig konfigurert for mobil ved å kjøre En Gratis WooRank-Gjennomgang.
når du går ned den separate mobile nettsiden rute, tdet er to viktige ting som må tas vare på for å sikre en god mobil surfing opplevelse for mobilbrukere:
- Lag et mobilnettsted som gir en flott brukeropplevelse
- Omdirigere nettstedet ditt for mobilbrukere
selvfølgelig, hvis du har et mobilnettsted opprettet ved hjelp av verktøy for responsivt webdesign, trenger du ikke å bekymre deg for å omdirigere mobilbesøkende.
Omdirigering Av Mobilnettstedet
hvis du oppretter et eget mobilnettsted, men ikke konfigurerer det for å omdirigere til mobilbrukere på riktig måte, vil all tid og krefter som legges inn i å lage et mobilnettsted, gå til spill.
Derfor skal vi i dag diskutere de forskjellige måtene du kan omdirigere mobilbrukere til mobilnettstedet ditt. Viderekoblinger gjelder bare hvis du har et eget mobilnettsted.
Hvordan Omdirigerer jeg Til Et Mobilnettsted?
nå som du er i ferd med å lære å omdirigere mobilbrukere til mobilnettstedet, la oss forklare hvordan viderekoblingen fungerer.
det er desktop browser for brukere av desktop, og mobile nettlesere for brukere av mobil. Begge disse nettlesertypene sender data i form av en brukeragent til webserveren der nettstedet ditt ligger. Denne brukeragenten inneholder informasjon som forteller webserveren hvilken type enhet nettleseren åpnes i. Denne informasjonen inkluderer navnet på nettleseren, versjonen og annen informasjon om operativsystemet ditt.
prøv for eksempel å skrive inn FØLGENDE URL på smarttelefonen din – detectmobilebrowser.com. informasjonen du ser der er noe som ligner på informasjonen som sendes til webserveren din fra alle mobile enheter som nettstedet ditt er tilgjengelig fra.
Annet enn ‘user-agent’ – metoden for deteksjon, er det en faktor som hjelper til med å oppdage mobilbrukere. Denne faktoren er skjermoppløsningen. Men med moderne enheter er skjermoppløsninger høyere for enda mindre smarttelefonskjermer. Derfor er brukeragentfaktoren den vanligste metoden som brukes til å identifisere mobilbrukere.
Nå, la oss komme ned til virksomheten og snakke om de ulike metodene som du kan bruke en viderekobling til nettstedet ditt for mobilbrukere.
- Plugin-Metoden
- Javascript-Metoden
- PHP-Metoden
- DEN.htaccess Metode
- DEN Nye CSS @media Metoden
Plugin Metoden
hvis du bruker En Content Management System (CMS) plattform Som WordPress Eller Joomla, du er på hell. De har ferdige plugins som hjelper omdirigere mobilbrukere til mobilnettstedet ditt.
Noen AV DISSE CMS-spesifikke mobile redirect plugins er som følger:
For WordPress –Simple Mobile URL Redirect, WordPress Mobile Pack
For Joomla – Simple Mobile Detection
For Magento – URL Omdirigeringer
For Drupal-Simple Mobile Redirect, Mobile JS Redirect
hvis nettstedet ditt er opprettet i andre CMS, prøv Et google-søk Etter et plugin som hjelper med mobile omdirigeringer for det aktuelle CMS.
JavaScript-Metoden
Ved Hjelp Av En JavaScript-kode kan du omdirigere mobilbesøkende til mobilnettstedet ditt. DENNE js-koden kan enten oppdage skjermstørrelse eller brukeragenten.
js-koden som bruker skjermstørrelsen, finner du i følgende artikkel: hvordan omdirigere nettstedet ditt til mobilversjonen.
js-koden som bruker user-agent-denne koden i følgende artikkel: Omdirigere mobile enheter.
du kan bruke begge disse kodene på nettstedet ditt. Det er imidlertid ulemper for begge disse metodene.
i skjermstørrelsesmetoden definerer du skjermoppløsningen, men i disse dager har vi mindre håndholdte skjermer med høyere oppløsning. Dette kan ende opp med feil gjenkjenning av mobilbrukere.
i user-agent-metoden er det vanskelig å holde styr på alle nye og kommende brukeragenter og legge DEM TIL js-koden. Det er mange brukeragenter, og dette fortsetter å forandre seg med å utvikle teknologier. For eksempel, ta en titt på denne omfattende listen over brukeragenter.
og den største ulempen av alt er for brukere som ikke har JavaScript installert på sine telefoner. Selv om de fleste telefoner er utstyrt Med JavaScript, velger noen å deaktivere den. Noen Gamle Blackberry-modeller støtter Ikke JavaScript. For å overvinne disse hindringene, kan du bruke server side omdirigering for nettsteder kodet I PHP eller ASP.
PHP-Metoden
hvis nettstedet ditt er kodet I PHP, kan du bruke denne metoden til å omdirigere mobilbrukere. Fordelen med å bruke denne metoden er at du ikke er begrenset til nettlesere som kjører På JavaScript. Du må imidlertid liste flere brukeragenter.
for at dette skriptet skal fungere må sidetillegg være .php og din hosting konto må støtte PHP. Legg til følgende kode på nettstedets
– seksjon.
<?php $iphone = strpos($_SERVER,"iPhone"); $android = strpos($_SERVER,"Android"); $palmpre = strpos($_SERVER,"webOS"); $berry = strpos($_SERVER,"BlackBerry"); $ipod = strpos($_SERVER,"iPod"); if ($iphone || $android || $palmpre || $ipod || $berry == true) { echo "](https://s3.amazonaws.com/woocms.woorank.com/2020/05/poor-mobile-optimization.png"; } ?>du finner denne koden i følgende artikkel: Enkel PHP Mobile Website Redirect Code.
Erstatt http://m.site.com med NETTADRESSEN til mobilnettstedet ditt.
Den .htaccess Metode
En annen alternativ metode for å omdirigere mobilbrukeren til mobilnettstedet ditt, basert på MIME-typen nettleseren støtter, er .htaccess metode. Så hvis nettlesertypen for EKSEMPEL støtter MIME-typen som inkluderer Wml (Wireless Markup Language), er nettleseren fra en mobil enhet.
du kan plassere koden som anbefales i denne artikkelen Med Tittelen Omdirigere Til Et Mobilnettsted med .htaccess.
men før du limer inn denne koden, må du sørge for at du sikkerhetskopierer eksisterende .htaccess-fil. Installere den .feil htaccess-kode kan forårsake problemer på nettstedet ditt. Hvis du ikke er sikker på hvordan du gjør det selv spør hjelp av en webutvikler.
Erstatt http://m.example.com MED mobilnettadressen din.
DEN Nye CSS @ media-Metoden
CSS har en innebygd metode for å oppdage mobile nettlesere. Den viser DERETTER CSS stiler basert på størrelsen på nettleservinduet. For dette trenger du ikke et eget mobilnettsted. Du trenger to stilark i en nettside, den første for» skjerm «medietype (for stasjonære skjermer) og den andre for «håndholdt» medietype (for smarttelefoner).
for å implementere denne metoden må du lime inn følgende sett med koder i
– taggen I HTML-dokumentet.
<br /> /* Smartphones (portrait and landscape) ----------- */<br /> @media only screen<br /> and (min-device-width : 320px)<br /> and (max-device-width : 480px)<br /> /* Styles */<br />du finner denne koden og mange andre variasjoner på Denne siden Med Tittelen Media Queries For Standard Devices.
det er mange ulemper ved å bruke denne metoden. Det krever å legge til et stort sett MED CSS-kode til nettstedet. Det er fortsatt noen enheter som ikke støtter ‘håndholdte’ medietyper og gjengir sidene med skjerminnstillingene i stedet.
Dermed er det Mange måter å omdirigere mobilbrukere til mobilnettstedet ditt, som nevnt ovenfor. Du kan plassere flere skript på nettstedets hoveddel, for eksempel skriptet som oppdager skjermstørrelsen, samt brukeragentene.
men jobben din er ikke ferdig før du har dine mobile omdirigeringer som fungerer bra for søkemotorbots også. Spesielt Når Det Gjelder Google, er Det noen konfigurasjoner du må gjøre slik at de skiller mellom desktop URL og mobil URL.
for mer informasjon, les Google webmastercentral blogg Om Endringer I rangeringer av smarttelefonsøkeresultater og informasjon Om google-støttede omdirigeringsteknikker.
du må legge til en kanonisk URL på mobilnettstedet ditt, Slik At Google forstår forholdet mellom mobiladressen din og nettadressen til skrivebordet.
For Å Hjelpe Googlebot med å finne plasseringen til mobilsidene på nettstedet ditt, anbefaler Google at nettsteder må:
Legg til en rel= «alternativ» – kode på skrivebordssiden som peker til den tilsvarende MOBILADRESSEN.
Legg til en rel=»canonical» tag på mobilsiden som peker til den tilsvarende desktop URL.
Dette gjør At googles crawlere kan forstå forholdet mellom De To Nettadressene-skrivebord og mobil.
når du har plassert riktige viderekoblinger på nettstedet ditt for mobilbrukere, er det på tide å teste om viderekoblingene fungerer bra for forskjellige enheter. Å teste det manuelt på en hvilken som helst tilgjengelig smarttelefonenhet er en måte å gå om det. Men du kan også bruke disse mobilemulatorene til å teste riktig gjengivelse av mobilnettstedet ditt på forskjellige mobile enheter.
Husk at riktig bruk av mobile omdirigeringer er et kritisk skritt for å sikre at mobilnettstedet ditt er søkemotorvennlig. Hvis nettstedet ditt ikke omdirigeres godt for mobilbrukere, kan du også miste mange verdifulle bedrifter. Derfor, FOR BÅDE SEO samt positive endringer i konverteringsfrekvenser må du ta umiddelbare tiltak for å få nettstedet ditt omdirigert for mobilbrukere ved hjelp av en av metodene ovenfor.
dette blogginnlegget ble oppdatert 15. januar 2020