Mobiele gebruikers omleiden op uw Website
heeft u ooit geprobeerd de URL te typen m.facebook.com op je bureaublad? Probeer het, en je zult zien dat de site ziet er raar uit op het grote scherm.
probeer ook een willekeurige lokale website op uw mobiel te openen. Je zou kunnen komen over een aantal sites die niet zijn geoptimaliseerd voor mobiele en dus het gooit je uit op het eerste gezicht. Dergelijke sites hebben de neiging om hun mobiele publiek te verliezen aan hun concurrenten.
Responsive Web Design
tegenwoordig kunt u op alle goede CMS-platforms websites bouwen met responsive design, dat zich aanpast afhankelijk van de schermgrootte.
het is belangrijk om te bekijken hoe uw website op verschillende apparaten verschijnt – dit kan het verschil betekenen tussen het houden van uw bezoekers betrokken op uw website en het verliezen van hen, nooit meer terug te keren.
het is belangrijk om ook te vermelden dat sinds Google is overgestapt op mobile first indexing, de mobiele versie van uw website belangrijk is voor Google, wat betekent dat het onwaarschijnlijk is dat het goed presteert op zoek als het ervoor zorgt dat bezoekers een slechte gebruikerservaring hebben.
mobiele Websites
hoewel het steeds zeldzamer wordt, geven sommige bedrijven nog steeds de voorkeur aan een aparte website voor mobiele gebruikers. Dit komt met veel potentiële problemen die gemakkelijk kunnen worden vermeden.
Controleer of uw website mobielvriendelijk is
u kunt controleren of uw website correct is ingesteld voor mobiel door een gratis WooRank-beoordeling uit te voeren.
wanneer u de afzonderlijke route van de mobiele website volgt, zijn er twee belangrijke dingen die moeten worden aangepakt om een geweldige mobiele browserervaring voor uw mobiele gebruikers te garanderen:
- Maak een mobiele website die een geweldige gebruikerservaring biedt
- Redirect your site for mobile users
natuurlijk, als u een mobiele website hebt gemaakt met behulp van tools voor responsive Webdesign, hoeft u zich geen zorgen te maken over het omleiden van uw mobiele bezoekers.
uw mobiele Website omleiden
als u een aparte mobiele website maakt, maar deze niet configureert om op de juiste manier naar uw mobiele gebruikers om te leiden, zou alle tijd en moeite die in het creëren van een mobiele website wordt gestoken, verloren gaan.
daarom gaan we vandaag de verschillende manieren bespreken waarop u mobiele gebruikers kunt omleiden naar uw mobiele site. Omleidingen zijn alleen van toepassing als je een aparte mobiele website hebt.
Hoe kan ik omleiden naar een mobiele Site?
Nu u op het punt staat te leren hoe u uw mobiele gebruikers naar uw mobiele website kunt omleiden, zullen we uitleggen hoe de omleiding werkt.
er is de desktop browser voor gebruikers van desktop, en mobiele browsers voor gebruikers van mobiele. Beide typen browsers sturen gegevens in de vorm van een ‘user-agent’ naar de webserver waar uw website zich bevindt. Deze ‘user-agent’ bevat informatie die de webserver zal vertellen in welk type apparaat de browser wordt geopend. Deze informatie omvat de naam van de browser, versie en andere informatie over uw besturingssysteem.
voer bijvoorbeeld de volgende URL in op uw smartphone – detectmobilebrowser.com. de informatie die u daar ziet is enigszins vergelijkbaar met de informatie die naar uw webserver wordt verzonden vanaf al het mobiele apparaat waarmee uw website wordt benaderd.
naast de detectiemethode “user-agent” is er nog een factor die mobiele gebruikers helpt te detecteren. Die factor is de schermresolutie. Met moderne apparaten zijn schermresoluties echter hoger voor nog kleinere smartphoneschermen. Vandaar de user-agent factor is de meest gebruikte methode om mobiele gebruikers te identificeren.
nu, laten we het hebben over de verschillende methoden waarmee u een redirect kunt toepassen op uw site voor uw mobiele gebruikers.
- de Plugin-methode
- de Javascript-methode
- de PHP-methode
- de .htaccess methode
- de nieuwe CSS @media methode
de Plugin methode
als u een Content Management System (CMS) platform zoals WordPress of Joomla gebruikt, heeft u geluk. Ze hebben kant-en-klare plugins die helpen omleiden mobiele gebruikers naar uw mobiele website.
sommige van deze CMS-specifieke mobile redirect plugins zijn als volgt:
voor WordPress-Simple Mobile URL Redirect, WordPress Mobile Pack
voor Joomla-Simple Mobile Detection
voor Magento-URL Redirects
voor Drupal-Simple Mobile Redirect, Mobile JS Redirect
als uw website is gemaakt in een ander CMS, probeer dan een Google search voor een plugin die helpt met mobiele redirects voor dat specifieke CMS.
de JavaScript-methode
met behulp van een JavaScript-code kunt u uw mobiele bezoekers omleiden naar uw mobiele site. Deze JS-code kan schermgrootte of de user-agent detecteren.
de JS-code die de schermgrootte gebruikt, is te vinden in het volgende artikel: hoe uw website omleiden naar de mobiele versie.
de JS-code die de user-agent gebruikt-deze code in het volgende artikel: Redirect mobiele apparaten.
u kunt beide codes toepassen op uw site. Echter, er zijn nadelen aan beide methoden.
in de schermformaatmethode definieert u de schermresolutie, maar tegenwoordig hebben we kleinere schermen voor handheld-apparaten met een hogere resolutie. Dit kan resulteren in onjuiste detectie van mobiele gebruikers.
in de user-agent methode is het moeilijk om elke nieuwe en aankomende user-agent bij te houden en toe te voegen aan de JS code. Er zijn veel user-agents en dit blijft voortdurend veranderen met het ontwikkelen van technologieën. Kijk bijvoorbeeld eens naar deze uitgebreide lijst van user-agents.
en het grootste nadeel van alles is voor gebruikers die geen JavaScript op hun telefoons hebben geïnstalleerd. Hoewel, de meeste telefoons zijn uitgerust met JavaScript sommige ervoor kiezen om het uit te schakelen. Sommige oude Blackberry-modellen ondersteunen JavaScript niet. Om deze obstakels te overwinnen, kunt u server side redirection gebruiken voor sites gecodeerd in PHP of ASP.
de PHP methode
als uw site gecodeerd is in PHP kunt u deze methode gebruiken om uw mobiele gebruikers om te leiden. Het voordeel van het gebruik van deze methode is dat u niet beperkt bent tot browsers die draaien op JavaScript. U zult echter meerdere user-agents moeten weergeven.
om dit script te laten werken moeten uw pagina-extensies .php en je hosting account moeten PHP ondersteunen. Voeg de volgende code toe aan de sectie
van uw website.
<?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"; } ?>u kunt deze code vinden in het volgende artikel: Simple PHP Mobile Website Redirect Code.
vervang http://m.site.com door de URL van uw mobiele site.
de .htaccess Method
een andere alternatieve methode om de mobiele gebruiker om te leiden naar uw mobiele website, gebaseerd op het MIME-type dat de browser ondersteunt, is de .htaccess-methode. Dus bijvoorbeeld, als het type browser ondersteunt het MIME-type dat WML (Wireless Markup Language) omvat, de browser is van een mobiel apparaat.
u kunt de code plaatsen die wordt aanbevolen in dit artikel getiteld Redirect to a Mobile Site with.htaccess.
maar voordat u deze code plakt, zorg ervoor dat u een back-up maakt van uw bestaande .htaccess-bestand. Installeren van de .htaccess code onjuist kan problemen veroorzaken in uw site. Als u niet zeker weet hoe het te doen zelf vraag de hulp van een web developer.
Vervang de url http://m.example.com door uw mobiele website.
de nieuwe CSS @media methode
CSS heeft een ingebouwde methode om mobiele browsers te detecteren. Het toont vervolgens CSS-stijlen op basis van de grootte van het browservenster. Hiervoor heb je geen aparte mobiele site nodig. Je hebt twee stylesheets nodig binnen één webpagina, de eerste voor het “scherm” mediatype (voor desktopmonitors) en de andere voor het “handheld” mediatype (voor smartphones).
om deze methode te implementeren moet u de volgende set codes in de
tag van uw HTML-document plakken.
<br /> /* Smartphones (portrait and landscape) ----------- */<br /> @media only screen<br /> and (min-device-width : 320px)<br /> and (max-device-width : 480px)<br /> /* Styles */<br />u vindt deze code en vele andere variaties op deze pagina met de titel Media Queries for Standard Devices.
er zijn veel nadelen aan het gebruik van deze methode. Het vereist het toevoegen van een enorme set van CSS-code aan de site. Er zijn nog steeds een aantal apparaten die geen ondersteuning ‘handheld’ media types en renderen de pagina’ s met de ‘scherm’ weergave-instellingen in plaats daarvan.
er zijn dus veel manieren om mobiele gebruikers om te leiden naar uw mobiele site, zoals hierboven vermeld. U kunt meerdere scripts plaatsen op het hoofdgedeelte van uw website, bijvoorbeeld het script dat zowel de schermgrootte als de user agents detecteert.
maar uw werk is niet gedaan totdat uw mobiele omleidingen ook goed werken voor zoekmachine bots. Vooral, in het geval van Google, er zijn een aantal configuraties die u moet doen, zodat ze onderscheid maken tussen de desktop URL en mobiele URL.
voor meer informatie Lees Google webmastercentral blog over veranderingen in ranglijsten van zoekresultaten voor smartphones en informatie over door Google ondersteunde omleidingstechnieken.
u moet een canonieke URL aan uw mobiele website toevoegen, zodat Google de relatie tussen uw mobiele URL en desktop-URL begrijpt.
om Googlebot te helpen de locatie van de mobiele pagina ‘ s van uw site te ontdekken, beveelt Google aan dat websites moeten:
voeg een rel=”alternate” – tag toe op de bureaubladpagina die verwijst naar de bijbehorende mobiele URL.
voeg een rel = “canonical” tag toe op de mobiele pagina die verwijst naar de bijbehorende desktop-URL.
Hiermee kunnen Google ’s crawlers de relatie begrijpen tussen de twee url’ s – desktop en mobiel.
zodra u de juiste omleidingen op uw site hebt geplaatst voor uw mobiele gebruikers, is het tijd om te testen of de omleidingen goed werken voor verschillende apparaten. Het handmatig testen op een beschikbare smartphone-apparaat is een manier om te gaan over het. Maar u kunt deze mobiele emulators ook gebruiken om de juiste weergave van uw mobiele site op verschillende mobiele apparaten te testen.
onthoud dat het juiste gebruik van mobiele omleidingen een cruciale stap is om ervoor te zorgen dat uw mobiele website zoekmachinevriendelijk is. Als uw website niet goed wordt omgeleid voor uw mobiele gebruikers kunt u ook verliezen veel waardevolle bedrijven. Vandaar, voor zowel SEO als positieve veranderingen in conversiepercentages moet u onmiddellijk maatregelen te nemen om uw website omgeleid voor uw mobiele gebruikers met behulp van een van de bovenstaande methoden.
deze blogpost is bijgewerkt op 15 januari 2020