htmlkin.io
Connexion
Un phare projette un faisceau chaleureux vers une petite barque près d’un rivage paisible

Comment connecter un nom de domaine personnalisé à htmlkin

Pas à pas : connecter un nom de domaine personnalisé à une page htmlkin avec un enregistrement A ou CNAME. Étapes exactes pour GoDaddy, Namecheap et Cloudflare, vérification du DNS et erreurs courantes.

 · 14 min de lecture

Vous possédez un nom de domaine et votre page est en ligne sur htmlkin. Pour connecter un nom de domaine à la page, un seul enregistrement DNS suffit : un enregistrement A pour le domaine nu ou un CNAME pour un sous-domaine. Voici les étapes exactes pour GoDaddy, Namecheap et Cloudflare, ce qui change pour un sous-domaine, et que faire si le domaine ne s’ouvre toujours pas.

En bref

  • Un enregistrement A fait pointer un domaine vers l’adresse IP d’un serveur. Le domaine nu (example.com sans www) en a besoin, car les standards DNS interdisent un CNAME à l’apex de la zone.
  • Un sous-domaine (site1.example.com, www.example.com) se connecte avec un CNAME vers proxy.htmlkin.io.
  • Copiez les valeurs exactes depuis votre espace : il affiche toujours l’IP en vigueur et un tableau Type / Hôte / Valeur prêt à l’emploi.

Qu’est-ce qu’un enregistrement A, et quand en avez-vous besoin ?

Un enregistrement A (pour « address ») est une ligne de la zone DNS d’un domaine qui associe un nom à une adresse IPv4. Le navigateur demande au DNS où se trouve example.com, reçoit une IP en retour et s’y connecte. Sans cet enregistrement, le domaine ne mène nulle part, ou bien à la page de parking du registrar.

Deux types d’enregistrements servent à connecter un domaine à une page. Le bon dépend de ce que vous connectez.

Ce que vous connectez Type d’enregistrement Hôte Valeur
Domaine nu example.com A @ IP indiquée dans votre espace
Sous-domaine site1.example.com CNAME site1 proxy.htmlkin.io
Adresse avec www CNAME www proxy.htmlkin.io

Pourquoi le domaine nu ne peut-il pas utiliser un CNAME, plus pratique ? L’apex de la zone doit contenir les enregistrements SOA et NS, et un CNAME ne peut coexister avec aucun autre enregistrement sur le même nom. La règle figure dans la RFC 1912 §2.4, en anglais, et l’ISC, qui développe BIND, l’explique en détail. L’apex se connecte donc par IP avec un enregistrement A, et les sous-domaines par nom avec un CNAME.

En pratique, un enregistrement A est lié à une IP précise. Si le service change d’adresse, le domaine cesse de fonctionner jusqu’à ce que vous mettiez l’enregistrement à jour à la main. Dès que vous avez le choix (pour un sous-domaine), utilisez donc un CNAME : il suit automatiquement le changement d’IP.

De quoi avez-vous besoin avant de commencer ?

Réunissez quatre éléments avant d’ouvrir l’interface de votre registrar. La moitié des problèmes de DNS viennent de modifications faites au mauvais endroit.

  • Un nom de domaine enregistré à votre nom. htmlkin connecte les domaines que vous possédez déjà ; achetez-en un chez n’importe quel registrar.
  • Savoir où est hébergé votre DNS. Les enregistrements ne fonctionnent que dans l’interface du fournisseur vers lequel pointent les serveurs de noms de votre domaine. Si vous avez basculé le domaine sur les serveurs de noms de Cloudflare, l’éditeur DNS de GoDaddy ou de Namecheap n’a plus aucun effet : ajoutez l’enregistrement dans Cloudflare.
  • Un emplacement libre pour le domaine. Les noms de domaine personnalisés sont disponibles avec toutes les offres, y compris la gratuite. Le nombre d’hôtes est égal à la limite de sites de l’offre : 1 avec l’offre gratuite, 10 avec Pro, illimité avec Business. Tous les détails sur la page des tarifs.
  • L’hôte ajouté dans votre espace. Ouvrez Mes domaines → Ajouter un domaine → saisissez example.com, et un tableau avec le type, l’hôte et la valeur de l’enregistrement apparaît en dessous. Ce tableau fait foi : l’IP peut changer, et votre espace affiche toujours celle en vigueur.

Au moment de la rédaction, l’IP de l’enregistrement A est 164.90.240.180 et la cible du CNAME est proxy.htmlkin.io. Vérifiez votre espace avant toute configuration : si les valeurs diffèrent, c’est l’espace qui a raison.

Chaque hôte compte séparément : example.com et www.example.com sont deux enregistrements et occupent deux emplacements de la limite de votre offre.

Comment ajouter un enregistrement A sur GoDaddy

GoDaddy est le plus grand registrar, et son éditeur DNS se trouve sur la page du domaine, dans le Domain Portfolio. Ces étapes s’appliquent quand le domaine utilise les serveurs de noms de GoDaddy (aide GoDaddy, « Add an A record », en anglais).

  1. Connectez-vous et ouvrez votre Domain Portfolio (portefeuille de domaines).
  2. Sélectionnez le domaine pour ouvrir ses paramètres.
  3. Ouvrez l’onglet DNS.
  4. Repérez les enregistrements A existants sur @. GoDaddy ajoute des enregistrements de parking aux nouveaux domaines, et parfois lors du renouvellement ; leurs valeurs ressemblent souvent à 3.33.130.190 et 15.197.148.33. Supprimez-les, ou remplacez la valeur de l’un d’eux par l’IP de htmlkin.
  5. Sélectionnez Add New Record (ajouter un enregistrement) et choisissez le type A.
  6. Dans Name, indiquez @ : c’est le domaine nu.
  7. Dans Value, indiquez l’IP affichée dans votre espace htmlkin.
  8. Laissez le TTL par défaut (1 heure) ou choisissez une durée plus courte, puis sélectionnez Save.

Si le domaine bénéficie de la Domain Protection, GoDaddy demande un code de validation en deux étapes avant l’enregistrement. La plupart des modifications prennent effet en moins d’une heure ; GoDaddy annonce jusqu’à 48 heures pour une mise à jour complète dans le monde entier.

Pour l’adresse www, ajoutez un enregistrement distinct : type CNAME, Name www, Value proxy.htmlkin.io. Si un CNAME www existe déjà (par défaut, il pointe souvent vers @), modifiez-le au lieu d’en ajouter un second. Et ajoutez aussi l’hôte www.example.com dans votre espace, sinon aucun certificat ne sera émis pour lui.

Comment ajouter un enregistrement A sur Namecheap

Chez Namecheap, les enregistrements se trouvent dans l’onglet Advanced DNS du domaine. La section Host records n’apparaît que si le domaine utilise Namecheap BasicDNS, PremiumDNS ou FreeDNS ; si elle est absente, le domaine est sur des serveurs de noms tiers (base de connaissances Namecheap, « How can I set up an A record », en anglais).

  1. Connectez-vous et sélectionnez Domain List dans la barre latérale gauche.
  2. Sélectionnez Manage à côté de votre domaine.
  3. Ouvrez l’onglet Advanced DNS.
  4. Dans Host records, supprimez les enregistrements de parking par défaut : un URL Redirect Record sur @ et un CNAME Record pour www qui pointe vers parkingpage.namecheap.com. Ils entrent en conflit avec ceux que vous allez ajouter.
  5. Sélectionnez Add New Record.
  6. Réglez Type sur A Record, Host sur @ et Value sur l’IP affichée dans votre espace htmlkin.
  7. Laissez le TTL sur Automatic, ou choisissez 5 min le temps de la configuration.
  8. Cliquez sur la coche verte pour enregistrer les modifications.

D’après Namecheap, les nouveaux enregistrements prennent généralement effet en 30 minutes environ.

Vu au support : un ancien enregistrement de redirection ou de parking oublié est la cause la plus fréquente des « J’ai tout fait, mais ça ne marche pas ». Le nouvel enregistrement A est correct, mais l’ancien, sur le même hôte, répond toujours, et le navigateur arrive sur la page du registrar au lieu de la vôtre.

Comment ajouter un enregistrement sur Cloudflare

Beaucoup gèrent leur DNS chez Cloudflare, soit parce qu’ils ont acheté le domaine via Cloudflare Registrar, soit parce qu’ils y ont transféré leurs serveurs de noms. Les enregistrements s’ajoutent sur la page DNS → Records de la zone (Cloudflare, « Manage DNS records », en anglais).

  1. Ouvrez le tableau de bord Cloudflare et sélectionnez votre domaine.
  2. Allez dans DNS → Records.
  3. Sélectionnez Add record.
  4. Réglez Type sur A, Name sur @ et IPv4 address sur l’IP affichée dans votre espace htmlkin.
  5. Passez le Proxy status sur DNS only (nuage gris). Cette étape est indispensable.
  6. Sélectionnez Save.

Pourquoi DNS only ? Avec le nuage orange activé, Cloudflare répond avec ses propres adresses anycast au lieu de l’IP de votre enregistrement (Cloudflare, « Proxy status »). Notre vérification DNS voit alors l’IP de Cloudflare au lieu de la nôtre, considère le domaine comme mal configuré, et le certificat TLS n’est pas émis. Il en va de même pour les enregistrements CNAME des sous-domaines : laissez-les en gris.

Cloudflare permet aussi de se passer complètement de l’IP. Il prend en charge le CNAME flattening (aplatissement de CNAME) à l’apex de la zone : ajoutez un CNAME avec Name @ et Target proxy.htmlkin.io, en DNS only, et Cloudflare répond de lui-même avec l’IP en vigueur. C’est la configuration la plus tranquille pour un domaine nu : quand notre adresse change, vous n’avez rien à toucher.

essayez
Le moyen le plus rapide de publier un projet HTML
Sans inscription ni configuration de serveur. Le site s’ouvre à une adresse du type hash.htmlkin.io.
Publier sur htmlkin.io

Comment connecter un sous-domaine avec un CNAME

Un sous-domaine n’a pas besoin d’enregistrement A : faites pointer un CNAME vers proxy.htmlkin.io. C’est l’option la plus fiable, car le domaine renvoie à un nom plutôt qu’à une IP fixe, et continue donc de fonctionner quel que soit le changement d’adresse de notre côté.

Type Hôte Valeur
CNAME site1 proxy.htmlkin.io

Dans le champ de l’hôte, saisissez uniquement la partie gauche : site1, et non site1.example.com. Les interfaces ajoutent le domaine d’elles-mêmes, et site1.example.com.example.com est le résultat classique de la précipitation. GoDaddy et Cloudflare appellent ce champ Name, Namecheap l’appelle Host.

Cas particulier : un fournisseur DNS qui prend en charge les enregistrements ALIAS ou ANAME, comme Namecheap. Ces types non standard se comportent comme un CNAME mais sont autorisés à l’apex de la zone. Avec l’un d’eux, vous pouvez faire pointer le domaine nu vers proxy.htmlkin.io au lieu d’une IP. Sur Cloudflare, le CNAME aplati décrit plus haut joue le même rôle. GoDaddy ne propose que l’enregistrement A pour l’apex.

Comment vérifier que l’enregistrement fonctionne ?

Votre espace affiche l’état de chaque domaine, mais il est utile de vérifier le DNS vous-même. Lancez ces commandes dans un terminal :

dig example.com A +short
dig site1.example.com CNAME +short

La première commande doit afficher l’IP indiquée dans votre espace, la seconde proxy.htmlkin.io.. Si la réponse est toujours l’ancienne, interrogez directement un résolveur public : dig @1.1.1.1 example.com A +short. S’il renvoie la nouvelle valeur, l’enregistrement est bon, et c’est votre résolveur local ou votre fournisseur d’accès qui sert encore son cache.

Sous Windows, utilisez nslookup example.com, ou un outil en ligne comme dnschecker.org, qui montre les réponses de résolveurs du monde entier.

Dès que le DNS répond avec notre adresse, le certificat TLS est émis automatiquement à la première visite du domaine. Si cette première visite affiche un avertissement de certificat, attendez une minute et rechargez la page.

Erreurs courantes et comment les corriger

Si l’enregistrement est en place mais que le site ne se charge pas, la cause est presque toujours l’une de ces six. Consultez le tableau avant de contacter le support.

Symptôme Cause Solution
La page de parking du registrar s’ouvre Un ancien enregistrement A de parking ou une redirection d’URL est toujours là Supprimez l’enregistrement en trop sur @
Votre espace indique « DNS incorrect » avec Cloudflare Le Proxy status est sur Proxied (nuage orange) Passez l’enregistrement en DNS only
Les modifications n’ont aucun effet Le domaine utilise d’autres serveurs de noms Modifiez les enregistrements là où pointent les serveurs de noms
Ça marche chez un collègue, pas chez vous Cache du résolveur ou du fournisseur d’accès Attendez l’expiration du TTL, vérifiez avec dig @1.1.1.1
Erreur de certificat La première visite a eu lieu avant l’émission du certificat TLS Rechargez la page dans une minute
Le domaine pointe vers example.com.example.com Nom complet saisi dans le champ de l’hôte Saisissez uniquement la partie gauche, ou @

D’expérience : le cache est la partie la plus frustrante. Un utilisateur a modifié l’enregistrement à 14 h 17, et un résolveur avec cache a continué de servir la page de parking du registrar jusqu’à 12 h 22 le lendemain : un peu plus de 22 heures, avec un TTL d’une journée. Le domaine était correctement configuré dès la première minute. C’est pourquoi il vaut la peine d’abaisser le TTL à 5 minutes avant de modifier l’enregistrement, puis de le remonter une fois que tout fonctionne.

FAQ

Quelle est la différence entre un enregistrement A et un CNAME ?

Un enregistrement A pointe vers une adresse IP ; un CNAME pointe vers un autre nom de domaine. Le domaine nu (example.com) a besoin d’un enregistrement A, car le standard DNS interdit un CNAME à l’apex de la zone. Pour les sous-domaines, le CNAME est plus fiable : il continue de fonctionner quand le service change d’IP.

Combien de temps faut-il pour qu’un enregistrement A fonctionne ?

Namecheap annonce environ 30 minutes, GoDaddy généralement moins d’une heure. Ajoutez-y la durée de vie du cache : si l’ancien enregistrement avait un TTL d’une journée, certains résolveurs continueront de le servir presque aussi longtemps. Un changement de serveurs de noms peut prendre jusqu’à 24 à 48 heures.

Peut-on utiliser un CNAME pour le domaine nu, sans www ?

Seulement si votre fournisseur DNS propose un contournement. Le DNS standard ne le permet pas : l’apex doit contenir les enregistrements SOA et NS, et un CNAME ne peut pas coexister avec d’autres enregistrements (RFC 1912 §2.4). Le CNAME flattening de Cloudflare et les enregistrements ALIAS/ANAME de fournisseurs comme Namecheap contournent cette limite. Sur GoDaddy, utilisez l’enregistrement A.

Faut-il prouver séparément que le domaine m’appartient ?

Non. Faire pointer le DNS du domaine vers notre adresse prouve en soi que vous contrôlez le domaine : il n’y a donc ni fichier de vérification ni enregistrement TXT. Seule une personne ayant accès au domaine peut modifier sa zone DNS. L’autorité de certification vérifie ce même fait quand elle émet automatiquement le certificat TLS.

Faut-il acheter un certificat SSL ?

Non. Le certificat est émis automatiquement et gratuitement ; rien à acheter ni à téléverser. Il apparaît dès que le DNS répond avec notre adresse, à la première visite du domaine. Cela vaut pour les domaines nus comme pour les sous-domaines.

Mon domaine est chez un autre registrar. Que faire ?

La logique est la même partout : trouvez l’éditeur DNS et ajoutez un enregistrement avec les mêmes valeurs, en reprenant le type, l’hôte et la valeur indiqués dans votre espace. Seuls les noms des champs changent. Sur Squarespace Domains, par exemple, les enregistrements se trouvent sous DNS → DNS Settings → Custom records, et le champ de l’hôte s’appelle Name. La valeur peut s’intituler IP Address, Points to, Content ou Data.

Combien de domaines peut-on connecter à un seul compte ?

La limite porte sur les hôtes et correspond à la limite de sites de l’offre : 1 avec l’offre gratuite, 10 avec Pro, illimité avec Business. Chaque sous-domaine occupe son propre emplacement : example.com et www.example.com sont deux hôtes différents. Pensez-y si vous voulez que l’adresse fonctionne avec et sans www.

À retenir

  • La configuration se résume à un seul enregistrement. Domaine nu : un enregistrement A avec l’hôte @ et l’IP indiquée dans votre espace. Sous-domaine ou www : un CNAME vers proxy.htmlkin.io.
  • Prenez toujours les valeurs dans votre espace : l’IP peut changer, et n’importe quel guide, celui-ci compris, peut devenir obsolète.
  • Sur GoDaddy et Namecheap, supprimez les enregistrements de parking par défaut sur @ et www. Sur Cloudflare, passez l’enregistrement en DNS only.
  • Abaissez le TTL à 5 minutes avant toute modification, pour ne pas attendre une journée l’expiration des caches.

Si votre page n’est pas encore publiée, commencez par héberger un site créé avec ChatGPT ou Claude ou partager un fichier HTML sous forme de lien.

Sources

Prêt à partager votre projet ?
Un site HTML en 30 secondes. Gardez-le sur un sous-domaine permanent — ou montrez-le tout de suite à un collègue.
Publier sur htmlkin.ioComment ça marche