Sådan omdirigere Mobile brugere på din hjemmeside
har du nogensinde prøvet at skrive URL m.facebook.com på dit skrivebord? Prøv det, og du vil se, at siden ser underligt ud på den store skærm.
prøv også at åbne en tilfældig lokal hjemmeside på din mobil. Du kan komme på tværs af nogle steder, der ikke er optimeret til mobil og dermed det kaster dig ud ved første øjekast. Sådanne steder har en tendens til at miste deres mobile publikum til deres konkurrenter.
responsivt design
i disse dage giver alle gode CMS-platforme dig mulighed for at opbygge hjemmesider ved hjælp af responsivt design, som tilpasser sig afhængigt af skærmstørrelsen.
det er vigtigt at gennemgå, hvordan din hjemmeside vises på forskellige enheder – det kan betyde forskellen mellem at holde dine besøgende engageret på din hjemmeside og miste dem, aldrig at vende tilbage.
det er vigtigt også at nævne, at siden Google flyttede til mobile first indeksering, er den mobile version af din hjemmeside det, der tæller for Google, hvilket betyder, at det sandsynligvis ikke fungerer godt i søgningen, hvis det får besøgende til at have en dårlig brugeroplevelse.
Mobile hjemmesider
mens det bliver mere og mere ualmindeligt, nogle virksomheder stadig foretrækker at have en separat hjemmeside for mobile brugere. Dette kommer med masser af potentielle problemer, der let kan undgås.
Kontroller, at din hjemmeside er mobilvenlig
du kan kontrollere, at din hjemmeside er blevet korrekt konfigureret til mobil ved at køre en gratis gennemgang.
når du går ned ad den separate mobile hjemmeside rute, tder er to vigtige ting, der skal tages hånd om for at sikre en stor mobil søgeoplevelse for dine mobile brugere:
- Opret en mobil hjemmeside, der giver en fantastisk brugeroplevelse
- Omdiriger din hjemmeside til mobile brugere
selvfølgelig, hvis du har en mobil hjemmeside oprettet ved hjælp af værktøjer til responsivt internetdesign, behøver du ikke bekymre dig om at omdirigere dine mobile besøgende.
omdirigering af din mobil hjemmeside
hvis du opretter en separat mobil hjemmeside, men ikke konfigurerer den til at omdirigere til dine mobilbrugere på den rigtige måde, vil al den tid og indsats, der er lagt i at oprette en mobil hjemmeside, gå til spilde.
derfor skal vi i dag diskutere de forskellige måder, hvorpå du kan omdirigere mobilbrugere til din mobilside. Omdirigeringer er kun gældende, hvis du har en separat mobil hjemmeside.
hvordan omdirigerer jeg til en mobilside?
nu hvor du er ved at lære at omdirigere dine mobilbrugere til din mobil hjemmeside, lad os forklare, hvordan omdirigering fungerer.
der er skrivebordsbrugere til brugere af desktop og mobilsøgere til brugere af mobil. Begge disse typer sender data i form af en’ brugeragent ‘ til den internetserver, hvor din hjemmeside er bosat. Denne ‘brugeragent’ indeholder oplysninger, der fortæller internetserveren, hvilken type enhed der åbnes. Disse oplysninger inkluderer navnet på din computer, version og andre oplysninger om dit operativsystem.
Prøv f. eks. at indtaste følgende URL på din smartphone – detectmobilebrowser.com. de oplysninger, du ser der, ligner noget de oplysninger, der sendes til din internetserver fra hele den mobile enhed, som din hjemmeside er tilgængelig fra.
bortset fra ‘user-agent’ – detektionsmetoden er der endnu en faktor, der hjælper med at registrere mobile brugere. Denne faktor er skærmopløsningen. Men med moderne enheder er skærmopløsninger højere for endnu mindre smartphone-skærme. Derfor er brugeragentfaktoren den mest almindelige metode, der bruges til at identificere mobilbrugere.
nu, lad os komme ned til erhvervslivet og tale om de forskellige metoder, som du kan anvende en omdirigering til din hjemmeside for dine mobile brugere.
- Plugin-metoden
- Javascript-metoden
- PHP-metoden
- den .htaccess-metode
- den nye CSS @media-metode
Plugin-metoden
hvis du bruger en CMS-platform (CMS) som f.eks. De har færdige plugins, der hjælper omdirigere mobile brugere til din mobile hjemmeside.
nogle af disse CMS-specifikke mobile redirect plugins er som følger:
hvis din hjemmeside er oprettet i et andet CMS, kan du prøve en Google –søgning efter et plugin,der hjælper med mobile omdirigeringer til det pågældende CMS.
JavaScript-metoden
ved hjælp af en JavaScript-kode kan du omdirigere dine mobile besøgende til din mobilside. Denne JS-kode kan enten registrere skærmstørrelse eller brugeragenten.
JS-koden, der bruger skærmstørrelsen, findes i følgende artikel: Sådan omdirigeres din hjemmeside til sin mobile version.
JS-koden, der bruger brugeragenten – denne kode i følgende artice: omdirigere mobile enheder.
du kan anvende begge disse sæt koder til din hjemmeside. Der er dog ulemper ved begge disse metoder.
i skærmstørrelsesmetoden definerer du skærmopløsningen, men i disse dage har vi mindre håndholdte enhedsskærme med højere opløsning. Dette kan ende med forkert registrering af mobilbrugere.
i brugeragentmetoden er det svært at holde styr på hver ny og kommende brugeragent og tilføje dem til JS-koden. Der er mange brugeragenter, og dette ændrer sig konstant med at udvikle teknologier. Se for eksempel på denne omfattende liste over brugeragenter.
og den største ulempe af alle er for brugere, der ikke har JavaScript installeret på deres telefoner. Selvom de fleste telefoner er udstyret med JavaScript, vælger nogle at deaktivere det. Nogle gamle Blackberry-modeller understøtter ikke JavaScript. For at overvinde disse forhindringer kan du bruge omdirigering af serversiden til sider kodet i PHP eller ASP.
PHP-metoden
hvis din side er kodet i PHP, kan du bruge denne metode til at omdirigere dine mobilbrugere. Fordelen ved at bruge denne metode er, at du ikke er begrænset til bro.sere, der kører på JavaScript. Du bliver dog nødt til at liste flere brugeragenter.
for at dette script skal fungere, skal dine sideudvidelser være .php og din hosting-konto skal understøtte PHP. Tilføj følgende kode til din hjemmesides
sektion.
<?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 kan finde denne kode i følgende artikel: Simple PHP Mobile hjemmeside omdirigering kode.
Erstat http://m.site.com med din mobilsites URL.
den .htaccess metode
en anden alternativ metode til at omdirigere den mobile bruger til din mobile hjemmeside, baseret på MIME typen bro .ser understøtter, er.htaccess metode. Hvis f.eks. bro. ser-typen understøtter MIME-typen, der indeholder MLL (trådløst markeringssprog), kommer bro. sereren fra en mobilenhed.
du kan placere koden anbefales i denne artikel med titlen omdirigere til en mobil Site med .htaccess.
men før du indsætter denne kode, skal du sørge for at sikkerhedskopiere din eksisterende .htaccess-fil. Installation af .htaccess kode forkert kan forårsage problemer i din hjemmeside. Hvis du ikke er sikker på, hvordan du gør det selv, spørg hjælp fra en internetudvikler.
Erstat http://m.example.com med din mobil hjemmeside URL.
den nye CSS @media-metode
CSS har en indbygget metode til at registrere mobilsøgere. Det viser derefter CSS stilarter baseret på vinduet størrelse. Til dette kræver du ikke et separat mobilsted. Du har brug for to stilark inden for en hjemmeside, den første til medietypen “skærm” (til stationære skærme) og den anden til den “håndholdte” medietype (til smartphones).
for at implementere denne metode skal du indsætte følgende sæt koder i
tagget i dit HTML-dokument.
<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 finder denne kode og mange andre variationer på denne side med titlen medieforespørgsler til standardenheder.
der er mange ulemper ved at bruge denne metode. Det kræver at tilføje et stort sæt CSS-kode til siden. Der er stadig nogle enheder, der ikke understøtter ‘håndholdte’ medietyper og gengiver siderne med ‘skærm’ skærmindstillingerne i stedet.
der er således mange måder at omdirigere mobile brugere til din mobile site, som anført ovenfor. Du kan placere flere scripts på din hjemmesides hovedafsnit, for eksempel scriptet, der registrerer skærmstørrelsen såvel som brugeragenterne.
men Dit job er ikke gjort, før du har din mobil Omdirigeringer fungerer godt for Søgemaskine bots samt. Især i tilfælde af Google er der nogle konfigurationer, som du skal gøre, så de skelner mellem desktop-URL ‘en og mobil-URL’ en.
For mere information læs Google blog om ændringer i placeringer af smartphone søgeresultater og oplysninger Om Google-understøttede omdirigeringsteknikker.
du skal tilføje en kanonisk URL til din mobil hjemmeside, så Google forstår forholdet mellem din mobil URL og desktop URL.
for at hjælpe Googlebot med at finde placeringen af din hjemmesides mobilsider, anbefaler Google, at hjemmesider skal:
Tilføj et rel=”alternativ” – tag på skrivebordssiden, der peger på den tilsvarende mobile URL.
Tilføj et rel=”canonical” – tag på mobilsiden, der peger på den tilsvarende desktop-URL.
dette gør det muligt for Googles gennemsøgere at forstå forholdet mellem de to URL ‘ er – desktop og mobil.
når du har placeret korrekte omdirigeringer på din hjemmeside for dine mobile brugere, er det tid til at teste, om Omdirigeringer fungerer godt for forskellige enheder. At teste det manuelt på enhver tilgængelig smartphone-enhed er en måde at gøre det på. Men du kan også bruge disse mobile emulatorer til at teste den korrekte gengivelse af dit mobilsite på forskellige mobile enheder.
husk, den korrekte brug af mobile omdirigeringer er et kritisk skridt i at sikre din mobile hjemmeside er søgemaskine venlige. Hvis din hjemmeside ikke omdirigeres godt til dine mobilbrugere, kan du også miste mange værdifulde virksomheder. Derfor, for både SEO samt positive ændringer i konverteringsfrekvenser skal du tage øjeblikkelige tiltag for at få din hjemmeside omdirigeret til dine mobile brugere ved hjælp af en af de ovennævnte metoder.
dette blogindlæg blev opdateret den 15. januar 2020