Comment rediriger un utilisateur mobile vers une version mobile d’un site Web ?

Aperçu

Si vous avez créé une version mobile de votre site Web ou un site Web pour votre client, vous devrez peut-être rediriger les visiteurs vers le nouvel emplacement mobile. Cela peut être fait de plusieurs façons, veuillez donc consulter l’intégralité du document ci-dessous et consulter toute autre ressource Web / en ligne pour savoir de quelle manière vous convient le mieux. Ce document n’inclut pas toutes les méthodes Web disponibles pour rediriger les utilisateurs mobiles.

Effectuer une redirection

Effectuer une redirection peut être effectué de plusieurs façons. Le but de la redirection est de fournir à un visiteur la meilleure expérience utilisateur en fonction de son appareil. La meilleure façon de le faire est la taille de leur navigateur ou de leur résolution. En bref, vous devez être en mesure de déterminer si l’utilisateur est un appareil mobile, une tablette ou un appareil de bureau / PC. Si vous ne le savez pas, dans le protocole HTTP, un navigateur Web se présente en fournissant un “agent utilisateur”, qui comprend le nom du navigateur, la version et d’autres informations sur le système d’exploitation du visiteur. C’est génial car pour rediriger un visiteur mobile, vous devrez déterminer si son navigateur est un navigateur Web sur un appareil mobile ou non. Vous pouvez déterminer quel navigateur le visiteur utilise. Vous pouvez également regarder d’autres choses telles que leur résolution d’écran et s’ils acceptent des types de fichiers communs aux appareils mobiles.

WordPress et Joomla Redirigent

Si votre site Web a été développé sur des plateformes CMS comme WordPress ou Joomla, vous avez de la chance. Il existe déjà de nombreux thèmes gratuits et premium disponibles qui prennent en compte la conception Web mobile (parfois appelée responsive). Il peut également y avoir des plugins déjà disponibles qui aident à gérer les visiteurs mobiles. La meilleure façon de trouver ces plugins est de rechercher sur Google ou sur le site Web du logiciel.

Redirections JavaScript

Une méthode de redirection d’un utilisateur consiste à utiliser une redirection javascript. Voici un exemple de code JavaScript qui redirige un utilisateur si la largeur de son écran est inférieure à 800 pixels, mais ce n’est pas toujours la meilleure méthode. N’hésitez pas à l’utiliser et

< type de script =”texte / javascript”>

<!–

if(écran.largeur

fenêtre.emplacement = “http://m.domain.com”;

}

//–>

</ script >

Apache Redirige

Vous pouvez utiliser un Apache.fichier htaccess pour rediriger les visiteurs en fonction des types MIME pris en charge par le navigateur. Par exemple, si le navigateur de l’utilisateur accepte les types mime qui incluent WML (Wireless Markup Language), il s’agit probablement d’un appareil mobile.

RewriteEngine On

# Vérifiez les types mime couramment acceptés par les appareils mobiles

RewriteCond%{HTTP_ACCEPT}”text\/vnd\.wap\.wml/application\/vnd\.wap\.xhtml\+xml”

RewriteCond% {REQUEST_URI} ^/$

RewriteRule ^http://m.domain.com%{REQUEST_URI}