Comment créer le sous-domaine M pour les sites Web mobiles

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. Créer 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 d'indiquer 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.

Étape 2

Tapez "m" dans le champ du 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 "

" 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 de l'é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.

Astuce

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".