Koningsbeltweg 74, 1329 AK Almere

Stap 3 Schakel automatisch tussen PC & mobiel

omleidcode generatorOmleidcode Generator - Schakel automatisch tussen PC & mobiel
Hoe krijg je nu meer bezoekers op je mobiele site?

Potentiële klanten zijn op zoek met hun mobiel en vinden je via bijvoorbeeld Google, Yahoo Local, Bing, Facebook of op een andere manier. Op het moment dat iemand op een zoekresultaat klikt komt automatisch de juiste versie van de site in beeld.

  • - www.jouwdomeinnaam als ze achter de PC zitten en
  • - m.jouwdomeinnaam als ze het aanklikken met een mobiele telefoon.

 

Als eerste is het belangrijk dat je gewone PC website weet wanneer iemand een mobiel toestel gebruikt. Je wilt dat als iemand met een PC surft de  www.  website in beeld komt en met een mobieltje juist de  m.  website. Voor mensen met een tablet kan je zelf kiezen: of ze krijgen de PC site in beeld of ze zien de mobiele website. En daar kan je dan weer kiezen of ze de telefoonversie (smal) te zien krijgen of een voor tablets geoptimaliseerde layout (breed).

De werking van de omleidcode

omleidcode-generator

Al het verkeer gaat dus naar je desktop site en de omleidcode zorgt er voor dat iemand met een mobieltje direct door gaat naar je mobiele site. Iemand die zelf met de PC jouw PC website wil bekijken krijgt uiteraard de desktop site in beeld.

Deze instelling maak je eenvoudig met een omleidcode. De omleidcode wordt ook wel de switcher-code of device atlas genoemd.

 

Omleidcode Generator

De configuratie assistent heeft een ingebouwde omleidcode generator. Door het gebruik van deze code leid je het verkeer van de volledige PC website om naar je mobiele site.  Je kan de omleidcode generator vinden onder het tabje “OPTIES”.

De meest gebruikte versie is het Javascript.

omleidcode-mobile-website-generator

Selecteer de (programmeer) taal naar keuze, selecteer of tablets wel of niet omgeleid moeten worden en klik vervolgens op de de knop genereren. Download het gegenereerde bestand en kopieer en plak het stukje broncode in de HTML broncode van je desktopsite.

Voor veel gebruikte CMS systemen zoals onder andere WordPress is er een kant-en-klaar .zip bestand. De WordPress plugin kan je eenvoudig uploaden als nieuwe plugin in je WP-admin omgeving.

Voorbeeld Omleidcode Javascript

De meest gebruikte oplossing is de JavaScript code. Die code met een vinkje aan bij "Tablet-pc's omleiden" (dus tablets gaan naar de mobiele website) ziet er zo uit:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.testdomein.mobi"/>
<script type="text/javascript" src="http://detect.deviceatlas.com/redirect.js?m=http://m.testdomein.mobi"></script>

De zelfde code maar dan met het vinkje bij "Tablet-pc's omleiden" uit (dus tablets gaan naar de PC desktop website) ziet er zo uit:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.testdomein.mobi"/>
<script type="text/javascript" src="http://detect.deviceatlas.com/redirect.js?m=http://m.testdomein.mobi&t=false"></script>
Omleidcode en SSL / HTTPS

Er zijn steeds meer websites die op https of een zogenaamde groene balk certificaat gebruiken. Om er voor te zorgen dat alles https is en blijft zal je de switchercode iets moeten aanpassen. Plaats de "s" achter http dus verander de Device Atlas naar https:

van

http://detect.deviceatlas.com

naar

https://detect.deviceatlas.com

Je kunt ook detect.deviceatlas.com vervangen door detect-deviceatlas-com.appspot.com en gebruiken maken van de volgende locatie:

https://detect-deviceatlas-com.appspot.com

In WordPress is https op te lossen door de plugin handmatig aan te passen naar https. Dit kan via de WP editor of via ieder text-editor programma.

Omleidcode Generator Opties

De omleidcode generator kent 2 "vinkjes" die je aan of uit kan zetten.
Met deze opties heb je nog meer invloed op wat de omleidcode precies gaat doen.
omleidcode

 

  1.  Tablet-pc's omleiden
    - www.voorbeeld.nl is voor de PC website
    - m.voorbeeld.nl is voor de mobiele website
    Waar wil je dat bezoekers die een tablet gebruiken heen gaan?
    Zet je dit vinkje aan, dan gaan bezoekers die een tablet gebruiken naar de mobiele website. Daar kan je vervolgens een voor tablet geoptimaliseerde layout aanbieden. Zet het dit vinkje uit, dan gaan bezoekers die een tablet gebruiken naar de PC versie van je website.
    Vinkje uit - Tablet gebruikers krijgen de www.voorbeeld.nl PC website te zien
    Vinkje aan - Tablet gebruikers krijgen de m.voorbeeld.nl mobiele site te zien
    Let op: bij vinkje aan kan je vervolgens er voor kiezen om een speciaal voor tablets geoptimaliseerde mobiele website te tonen.
    Dit doe je bij menu item Ontwerp
    - Subitem Lay-out voor tablet / groot scherm
    -- Tablet weergave uit/aan

    tablet-aanuit

  2. Altijd omleiden naar startpagina van mobiele site
    De omleidcode zal altijd op de mobiele website de bijpassende pagina zoeken naar aanleiding van de PC versie van de pagina. Als de pagina niet bestaat zal er automatisch een mobiele versie gemaakt worden. Je kan er ook voor kiezen om altijd alle bezoekers naar de eerste pagina van je mobiele website om te leiden. Dat is een keuze die iedereen zelf kan maken. Dit stel je in met het 2de vinkje.

 

Wat doet die omleidcode precies?

De omleidcode, ook wel server-side switching code genoemd, is een stukje broncode wat in je bestaande PC website komt. Het herkent of een bezoeker met een PC naar je website kijkt of met een mobieltje. Ook zien de zoekmachines zoals Google, Yahoo, Bing en Facebook dat je een mobiele website hebt en zullen deze mobiele site apart opnemen (SEO) in de mobiele index.

- www.voorbeeld.nl is voor de PC website
- m.voorbeeld.nl is voor de mobiele website

switching code

Wij adviseren om deze omleidcode in alle pagina’s van de bestaande (grote) www - desktopsite te zetten zodat bezoekers die bijvoorbeeld via een zoekmachine uitkomen op een sub-pagina toch worden doorgezonden naar de mobiele pagina.

 

DeviceAtlas

Deze omleidcode maakt gebruik van de switching service van DeviceAtlas om te bekijken welk toestel en welke browser iemand gebruikt. Dat is een grote databank waar meer dan 12.000 verschillende toestellen in staan van alle bekende merken.

Uiteraard zijn er nog meer oplossingen te bedenken maar met de ingebouwde omleidcode generator kan je provider, sitebouwer of webmaster in ieder geval uit de voeten.

 

Dat waren de 3 stappen van het handboek

Wil je nog meer bezoekers om je mobiele website? Gebruik dan alle ingebouwde SEO functies. Zet de QR Code op je visitekaartjes. Maak een aparte Google Adwords campagne aan voor mobiel gebruik. Twitter over je nieuwe mobiele site en post een schermafdruk op Facebook. En blijf actief, verander eens wat en lees regelmatig onze blog met tips en nieuwe functies die je kan gebruiken. Wil je meer weten over de diverse opties en functies, bekijk dan ook eens de gebruiksaanwijzing. Iedere pagina heeft ingebouwde hulp-items voor meer uitleg.

Je hebt alles gelezen in het handboek maar dan wil het nog niet lukken? Vraag ons om gratis hulp!

Veel Gestelde vragen

 

  1. Het werkt niet op mijn mobieltje
  2. Ik krijg een foutmelding te zien
  3. Ik snap er niets van!
  4. Is het erg als ik deze stap oversla?

 

meer tips en uitleg staat in het handboek

 

 

 

Gebruiksaanwijzing

 

Heb je de gebruiksaanwijzing al bekeken? Iedere pagina
heeft ingebouwde hulp-items voor meer uitleg.

 

 

 

Support & Email

 

Heb je stap 1, 2 en 3 alle drie doorgelezen en gedaan?
Kom je er toch nog niet uit? Kijk dan eerst bij de andere
FAQ's in onze kennisbank of stuur gerust een email.

 

 

 

livesupport

Ik snap er niets van....

 

Je hebt alles gelezen in het handboek maar dan wil
het nog niet lukken? Vraag ons om gratis hulp!