Accueillez vos visiteurs mobiles en les redirigeant vers un site Web optimisé pour les téléphones.
Crédit d'image : Jupiterimages/Creatas/Getty Images
De plus en plus de personnes surfent sur Internet à l'aide d'un appareil mobile, tel qu'un smartphone ou une tablette. Les propriétaires de sites Web peuvent choisir de redimensionner leurs sites en fonction de la taille de l'écran ou d'envoyer les visiteurs mobiles vers une version distincte du site Web optimisée pour les téléphones. La création d'un sous-domaine « m » pour la version optimisée pour les téléphones de votre site est un bon moyen de le séparer du site principal, mais vous devez également rediriger les visiteurs mobiles vers le sous-domaine. La détection de la taille de l'écran est un moyen simple de dire aux navigateurs mobiles de rediriger vers le sous-domaine.
Créer un sous-domaine
Étape 1
Connectez-vous au panneau de contrôle de votre compte d'hébergement Web. Cliquez sur l'icône "Sous-domaines", qui est souvent regroupée avec d'autres outils liés au domaine.
Vidéo du jour
Étape 2
Tapez "m" dans le champ sous-domaine. Sélectionnez le domaine auquel vous souhaitez ajouter le sous-domaine à l'aide de la liste déroulante.
Étape 3
Prenez note de l'emplacement FTP où iront les fichiers de votre nouveau sous-domaine. Ces informations s'affichent généralement sur la page de création de sous-domaine dès que vous entrez le nom du sous-domaine. Soumettez le formulaire pour créer votre sous-domaine. Le sous-domaine devrait être mis en ligne immédiatement, mais vous devez y télécharger des fichiers avant que quoi que ce soit n'y apparaisse.
Écrire la redirection
Étape 1
Ouvrez le fichier de la page d'accueil de votre site Web, qui est généralement "index.html" ou "index.php". S'il n'y a pas de balises "" dans ce fichier, ouvrez le fichier d'en-tête, généralement nommé "header.html" ou "header.php".
Étape 2
Ajouter "
Étape 3
Écrivez un petit code JavaScript pour détecter la largeur d'écran de l'appareil utilisé pour visiter votre site Web. Si la largeur de l'écran est inférieure à 700 pixels, vous pouvez supposer que l'utilisateur visite votre site Web sur un appareil mobile. Dans ce cas, redirigez l'utilisateur vers le sous-domaine « m » :
Dans le script ci-dessus, remplacez "votredomaine.com" par votre propre domaine.
Pointe
Le script de redirection fonctionnera également avec un domaine ".mobi". Dans ce cas, vous auriez un domaine tel que "monsite.mobi" au lieu de "m.monsite.com".
