Rediriger un sous-domaine (www) vers le domaine racine sur AWS CloudFront

⏱ Temps de lecture : 15 mins

La redirection d'un sous domaine www vers le domaine racine sur AWS CloudFront. Tutoriel complet.


Domaine : SEO technique


Si vous avez paramétré votre site pour qu'il soit accessible à la fois sur www et sur le domaine racine, l’outil Google Search Console signalera des erreurs de pages en double. En effet, pour les moteurs de recherche, une page accessible via www.exemple.com et exemple.com est considérée comme une page en double.


Cette erreur impactera négativement votre référencement, car Google et les autres moteurs de recherche ne sauront pas sur quelle version se baser pour afficher votre site.


Avant de commencer, vous devez choisir quelle version du site sera considérée comme la référence (ou canonique). Dans cet exemple, je choisis exemple.com. Je vais donc vouloir rediriger correctement www.exemple.com vers exemple.com.


Sur AWS


Prérequis


Vous allez ouvrir des onglets sur les pages suivantes :


Étape 1 : Créer un certificat ACM


Si vous disposez déjà des certificats nécessaires, passez à l’étape suivante. Vous disposez sûrement d’un certificat pour votre site racine, élément obligatoire pour bénéficier du protocole HTTPS.


Vous devez créer un certificat pour votre sous-domaine.

  • Dans la console ACM, positionnez-vous sur us-east-1.
  • Cliquez sur "Demander un certificat public".
  • Dans “Domaine”, entrez *.exemple.com ; ce certificat sera valide pour tous les sous-domaines.
  • Choisissez “Validation DNS” et cliquez sur “Demander”.


Votre domaine racine, ayant déjà été validé, la validation DNS devrait s’effectuer en quelques secondes.


Étape 2 : Créer une nouvelle distribution CloudFront


Dans la console CloudFront, ouvrez la distribution qui utilise votre domaine racine. Dans l’autre onglet CloudFront, copiez intégralement la configuration de votre première instance sur la seconde (origine, redirection HTTPS, politique de cache, etc.).


Dans la partie certificat, choisissez le certificat *.exemple.com. Cliquez sur “Créer”.


Étape 3 : Créer la fonction Lambda


Dans l’onglet sur les Lambda, positionnez-vous sur us-east-1.

  • Ajoutez une nouvelle fonction Lambda.
  • Sélectionnez le moteur Node.js. Copiez le code suivant dans le code de la fonction Lambda.
  • Changez le nom de domaine par le vôtre.
  • Cliquez sur “Déployer”.
  • Sous “Test”, ajoutez de nouveaux événements de test utilisant le modèle “CloudFront HTTP redirection”.
  • Changez le paramètre “URI” pour correspondre à vos chemins et vous pouvez aussi ajouter une propriété “QueryString”.
  • Lancez les tests et analysez le retour pour savoir si celui-ci correspond au résultat attendu.
  • Rendez-vous dans “Versions” et cliquez sur “Publier une nouvelle version”.



Étape 4 : Affecter le rôle edgelambda sur IAM


Par défaut, CloudFront ne peut pas accéder à votre Lambda. Pour cela, votre Lambda doit autoriser CloudFront.

  • Dans l’onglet IAM, cliquez sur “Rôles”.
  • Dans la liste des rôles, vous devriez voir votre fonction Lambda ; cliquez dessus. Allez dans l’onglet “Relations d’approbation”.
  • Cliquez sur “Modifier la politique d’approbation”.
  • Vous devez ajouter "edgelambda.amazonaws.com" à la propriété “Service”, qui devient donc un tableau de chaînes de caractères.
  • Cliquez sur “Mettre à jour la politique”.


Étape 5 : Ajouter votre fonction Lambda à CloudFront


Maintenant, on peut commencer à ajouter la redirection à notre distribution.

  • Ouvrez votre distribution. Rendez-vous dans l’onglet “Comportements”.
  • Sélectionnez le comportement par défaut, puis cliquez sur “Modifier”.
  • Tout en bas, ajoutez une association de fonction, sélectionnez “Lambda@Edge”.
  • Retournez sur l’onglet de votre fonction Lambda et copiez l’ARN de votre fonction.
  • Collez l’ARN dans l’association de fonction. Cliquez sur “Enregistrer les modifications”.


Étape 6 : Ajouter un enregistrement CNAME à votre domaine


Dans l’onglet de votre gestionnaire de domaine, ajoutez un enregistrement CNAME.

  • Tapez dans “Nom de l’hôte” (la clé) “www”, afin d'avoir www.exemple.com.
  • Dans la valeur, entrez le nom de domaine de votre distribution CloudFront, visible dans “Nom de domaine de distribution” dans l’interface de votre distribution.
  • Ajoutez le nouvel enregistrement.
  • Allez prendre l'air, la propagation DNS prend généralement quelques minutes, voire 1 à 2 heures au maximum.


Test et validation


Testez votre sous-domaine ; il devrait rediriger vers votre domaine racine. La redirection fonctionne.


Maintenant, dans la Google Search Console, vous pouvez valider les corrections des pages en double dues à votre sous-domaine. Google sera satisfait, et votre référencement en bénéficiera.

Surclasser vos concurrents

Avec notre accompagnement, nous vous enseignerons et nous vous guiderons pour surpasser vos concurrents dans l'ordre d'affichage de vos pages dans les résultats de recherche.


>>> Accompagnement personnalisé <<<


En résumé

  • La redirection d'un sous-domaine www vers le domaine racine sur AWS CloudFront permet d'éviter les problèmes de contenu en double, améliorant ainsi le référencement SEO en fournissant une version unique de chaque page à Google et autres moteurs de recherche.
  • La mise en place d'une telle redirection nécessite plusieurs étapes techniques, notamment la création d'un certificat SSL pour le sous-domaine via ACM, la configuration d'une distribution CloudFront pour gérer la redirection, et l'ajustement des politiques IAM pour permettre à CloudFront d'utiliser les fonctions Lambda.
  • Après la configuration, il est essentiel d'ajouter un enregistrement CNAME dans les DNS du domaine pour rediriger correctement www vers le domaine racine, puis de tester la redirection pour s'assurer de sa bonne exécution, finalisant ainsi l'optimisation SEO du site.

Partager cet article

Qui sommes-nous ?

Mon Formateur Indépendant est un collectif d'experts du secteur du digital.


Nous proposons des formations professionnelles et des accompagnements sur-mesure sur le développement web, la cybersécurité, le SEO et le marketing digital.


Ecrit par : Thomas Dupont

photo de profil de Thomas Dupont


Avec une double casquette de développeur et de contrôleur financier, Thomas allie une expertise technique en développement web à de solides connaissances en gestion d'entreprise. Cette combinaison unique lui permet de comprendre et d'agir efficacement sur les problématiques de ses clients.
En tant que développeur web depuis 10 ans, Thomas maîtrise les technologies et langages web comme JavaScript, TypeScript et Node.js.
Il est intervenu pour des sociétés prestigieuses telles que L'Oréal, Louis Vuitton ou Chanel et travaille sur des applications comptabilisant des centaines de milliers d'utilisateurs actifs.
Il vous apportera une vraie vision orientée solutions.