Ce guide explique comment résoudre des anomalies qui peuvent apparaitre avec un Hébergement Web si ce dernier a subi des modifications au niveau de son adresse IP (un déplacement de serveur p.ex) et que votre ordinateur conserve l'ancienne position dans son cache DNS.

Vider le cache DNS…

Lorsque vous visitez un site Web, votre ordinateur conserve en mémoire locale une association entre le nom de domaine et son adresse IP dans le cache DNS. Cela permet d'accélérer le processus de résolution DNS lors de futures visites sur le même site, car l'ordinateur peut éviter de consulter à nouveau les serveurs DNS pour obtenir l'adresse IP.

En vidant le cache DNS, vous forcez votre ordinateur à interroger à nouveau les serveurs DNS pour obtenir les dernières informations à jour sur les adresses IP des sites que vous visitez.

… sur Windows

Exécutez la commande suivante depuis une application de type Terminal (interface en ligne de commande, CLI /Command Line Interface) sur votre appareil. Exemple:

1. Ouvrez le menu Démarrer.
2. Tapez cmd.
3. Dans les résultats de recherche, cliquez sur Invite de commandes.
4. Exécutez la commande ipconfig /flushdns.

… sur macOS

Exécutez la commande suivante depuis une application de type Terminal (interface en ligne de commande, CLI /Command Line Interface) sur votre appareil:

• Exécutez la commande lookupd -flushcache (en cas d'échec: dscacheutil -flushcache).

… sur Linux

Exécutez la commande suivante depuis une application de type Terminal (interface en ligne de commande, CLI /Command Line Interface) sur votre appareil:

• Exécutez la commande sudo systemctl restart nscd ou sudo /etc/init.d/nscd restart pour relancer nscd.

Ce guide explique comment modifier le dossier cible dans lequel est stocké votre Site Web sur un Hébergement Web Infomaniak.

Préambule

• Sur un hébergement Web d'Infomaniak, il est possible d'installer plusieurs sites Web avec leur propre nom de domaine (gestion multisites).
• Chacun de ces sites sont stockés dans un dossier de votre hébergement, lequel est la cible du site. Il est possible de modifier librement la cible d'un site. Exemple:
  • Le site domain.xyz a comme cible p.ex le dossier /web…
  • Vous publiez un site dans un nouveau sous-dossier de /web intitulé par exemple /web/v2…
  • En modifiant la cible /web du site domain.xyz par /web/v2, le site domain.xyz montrera le contenu du dossier /web/v2 sans évidemment inclure ce chemin dans la barre d'adresse du navigateur Web et sans laisser d'accès à d'éventuels fichiers encore situés dans /web.
• Il est recommandé de ne pas créer "v2" dans un sous-dossier de "web" mais à côté, en créant le dossier à la racine de votre hébergement.
• Ces dossiers existent réellement sur le serveur mais vous n'êtes pas obligé de vous connecter par FTP pour les gérer.

Afficher le dossier de vos sites Web

Pour trouver l'information au sujet du dossier dans lequel est stocké votre site:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez ensuite sur le chevron ‍ pour développer la partie Informations de ce site.
4. L'indication mise en évidence ci-dessous est l'emplacement du site d'exemple:
   ‍‍

Modifier la cible ou le dossier d'un site Web

Pour gérer l'emplacement d'un site Web au sein de l'hébergement:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur Gérer dans la partie Paramètres avancés:
   
4. Gérez l'emplacement désiré pour le site:
   
5. Cliquez sur le bouton pour Enregistrer en bas de page.

Ce guide explique comment forcer l'affichage du nom de l'hébergement Web dans la barre d'adresse du navigateur vers l'un des noms de domaine installés en alias/synonyme ou comment afficher dans la barre d'adresse le domaine principal au lieu de l'alias.

Limiter le "duplicate content" ou contenu à double

Supposons que vous ayez l'hébergement votre-domaine.com chez Infomaniak et que comme nom de domaine synonyme vous avez installé www.domainesyno.xyz.

Par défaut, lorsque vous taperez l'un ou l'autre des noms de domaine (votre-domaine.com ou domainesyno.xyz) dans la barre d'adresse de votre navigateur, c'est celui que vous aurez tapé qui s'affichera dans la barre d'adresse.

Vous avez donc la possibilité de forcer l'affichage d'une autre adresse que celle qui a été tapé. Ainsi si quelqu'un tape domainesyno.xyz , alors c'est votre-domaine.com qui s'affichera automatiquement dans la barre d'adresse.

Un code est à inscrire dans un fichier appelé .htaccess qui doit se trouver à la racine de votre hébergement (dans le dossier /web de votre FTP). Si ce fichier n'existe pas encore, vous devez le créer sur le serveur.

Insérez ensuite ces directives dans le fichier:

RewriteEngine on
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule (.*) https://votre-domaine.com/$1 [R=301,L]

Adaptez le code ci-dessus selon ces indications:

• Remplacer votre-domaine.com par votre nom de domaine avec l'extension adéquate (.com, .fr, .ch, etc.) que vous souhaitez voir s'afficher dans la barre d'adresse du navigateur du visiteur. Ajouter www. avant votre-domaine.com si nécessaire.
• Remplacer la deuxième ligne du code ci-dessus par "RewriteCond %{HTTPS} off‍" si une erreur de boucle survient, cela veut dire que le HTTP/2 est actif pour ce site

Prenez également connaissance des redirections automatiques vers httpS.

Ce guide détaille comment travailler sur un site WordPress avec un environnement de développement.

Préambule

• Le procédé peut servir au début d'un processus de staging c'est à dire la création d'une nouvelle version de votre site Web en direct, sur un environnement de développement ou de test:
  • Cela permet aux propriétaires de sites Web de tester des fonctionnalités, des mises à jour de sécurité, des plugins, des thèmes, des mises à jour de WordPress et des changements de contenu, sans risque de causer des interruptions ou des problèmes sur le site en direct.
  • Une fois que les tests ont été effectués et que les modifications ont été validées sur la copie de staging, il est possible de les déployer en production (sur le site en direct) en utilisant des outils de déploiement automatisés ou en effectuant les modifications manuellement.
• Simplifiez-vous la vie ! En cas de besoin, des partenaires locaux et référencés par Infomaniak peuvent s'occuper de ces démarches. Lancez un appel d'offres gratuit. Ils s'occupent de tout, vous libérant des détails techniques.

Méthode simple

Pour installer et préparer un nouveau site WordPress avec l'installateur Infomaniak sans écraser votre site Web actuel:

1. Installer WordPress sur un second emplacement

Prenez connaissance de cet autre guide afin de créer le nouveau site (en parallèle de l'ancien site domain.xyz) en lui attribuant un nom de domaine de la forme new.domain.xyz par exemple et en y installant WordPress via les Applications Web (installateur WordPress Infomaniak).

À ce stade, le site principal (domain.xyz) reste intouché et vous pouvez tranquillement travailler sur le nouveau site new.domain.xyz. Les deux fonctionnent en parallèle.

2. Remplacer l'ancien site par le nouveau

Une fois le nouveau site terminé, vous pouvez supprimer le premier site afin de réutiliser son nom de domaine sur le nouveau:

1. Supprimez l'ancien site pour ainsi rendre disponible le nom de domaine et pouvoir le réutiliser.
2. Ajoutez domain.xyz en alias de new.domain.xyz.
3. Inversez l'alias avec le domaine principal.
4. Retirez (délier/supprimer) new.domain.xyz devenu alias.
5. Par précaution vérifiez l'URL principale du site WordPress via le tableau de bord des Applications Web sur le Manager Infomaniak, afin qu'elle corresponde bien au nouveau nom, et non plus au sous-domaine que vous aviez choisi.

Méthode avancée

Pour travailler sur un site WordPress existant sans modifier sa version publique, il est recommandé de procéder en 3 étapes:

1. Dupliquer le site existant
2. Travailler ensuite sur sa copie
3. Modifier le répertoire cible du site en production vers le répertoire de l’environnement de production et modifier les URLs du site de pré-production en fonction du nom de domaine du site en production grâce à une extension WordPress ou via phpMyAdmin.

1. Dupliquer le site sur un second emplacement

1. Prenez connaissance de cet autre guide afin de créer le nouveau site (en parallèle de l'ancien site domain.xyz) en lui attribuant un nom de domaine de la forme new.domain.xyz par exemple et en y installant WordPress via les Applications Web (installateur WordPress Infomaniak).
2. Copiez votre site existant et collez-le sur le second site WordPress nouvellement créé, à l'aide d'une extension WordPress.

2. Editer le site dupliqué

1. À ce stade, le site principal (domain.xyz) reste intouché et vous pouvez tranquillement travailler sur le nouveau site new.domain.xyz. Les deux fonctionnent en parallèle.
2. Il est recommandé d'installer une extension WordPress (il en existe des dizaines) dédiée à la mise en maintenance du second site.
3. Si vous modifiez la structure de votre site et que les URLs de vos articles/pages changeront, vous pouvez utiliser une extension gratuite comme Redirection pour créer automatiquement des redirections. Cela évitera à vos visiteurs de tomber sur des pages 404 le temps que les moteurs réindexent votre site ou si des sites externes font des liens sur votre site.

3. Remplacer la cible

1. Lorsque vous avez terminé la refonte de votre site, tout ce que vous avez à faire est de modifier le répertoire cible du site en production vers le répertoire de l’environnement de production et de modifier les URLs du site de pré-production en fonction du nom de domaine du site en production grâce à une extension.
2. Si vous utilisez une extension de cache comme WP-Rocket, W3 Total Cache ou encore WP Super Cache, il sera nécessaire de vider complètement tout le cache voire de désactiver puis réactiver le plugin.
3. Si vous avez continué à modifier votre site en production pendant la refonte de votre site, il sera nécessaire de récupérer vos modifications (articles, médias, pages, etc.).
4. Après les vérifications d’usage (images manquantes, liens erronés, etc.), il ne vous reste plus qu’à désactiver le mode maintenance de votre site et d’admirer le résultat.

Ce guide explique comment modifier l'URL de votre site contenant une Application Web (comme Prestashop ou Joomla) précédemment installée sur votre offre d'Hébergement Web payante.

Prérequis

• Le nom de domaine que vous souhaitez utiliser doit être au préalable ajouté en alias du domaine principal sur le site concerné.

Guides spécifiques

Prenez connaissances de ces guides si l'application concernée est :

• WordPress

Guides pour toute autre Application Web

Pour changer l'adresse du site créé avec une Application Web Infomaniak, pour un autre nom de domaine qui figure déjà dans la même Organisation :

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné:
   
3. Cliquez sur le menu d'action ⋮ situé à droite de l'Application Web concernée.
4. Cliquez sur Paramètres de l'application:
   
5. Cliquez sur Modifier à droite de l'adresse de l'Application Web concernée:
   
6. Sous URL du site, sélectionnez l'adresse Web souhaitée dans le menu déroulant:
   1. Si vous n'avez pas suivi les prérequis ci-dessus, le domaine souhaité n'apparaitra pas même s'il est enregistré dans la même Organisation:
      
   2. Si vous avez ajouté le domaine en tant qu'alias du site, le domaine souhaité apparaitra et vous pourrez le sélectionner afin qu'il remplace le précédent domaine:
      
7. Cliquez sur le bouton Enregistrer.

Domaine ….preview.infomaniak.website ?

Parmi les URL présentes dans le menu déroulant, l'URL de prévisualisation permet d'accéder à votre site dans le cas où le nom de domaine du site n'est pas encore correctement configuré pour pointer sur votre Application Web:

En savoir plus

• Installer ou désinstaller une Application Web
• Configurer les sauvegardes des Applications Web
• Restaurer une Application Web

Ce guide explique comment installer une nouvelle Application Web (Joomla, Drupal, Typo3, PrestaShop, etc.) en quelques clics sur les offres d'Hébergement Web payantes.

Prérequis

• Posséder un hébergement Web Infomaniak (commander si nécessaire).
• Ajouter un site Web vierge sur l'hébergement Infomaniak.

Guides spécifiques

Prenez connaissances de ces guides si vous êtes concernés par l'installation spécifique de:

• WordPress
• ownCloud

Guides pour toute autre Application Web

Afin d'accéder à l'Hébergement Web et d'y installer une Application Web :

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur le bouton Ajouter une app:
   
4. Choisissez l'application souhaitée (si nécessaire, filtrez et recherchez).
5. Cliquez sur Sélectionner:
   
6. Cliquez en bas de page sur Suivant.
7. Entrez un nom.
8. Laissez l'emplacement par défaut ou choisissez d'installer l'app dans un nouveau dossier que vous pouvez créer grâce à une icône visible à droite du point 8 sur l'image.
9. Choisissez éventuellement d'installer une version antérieure si nécessaire.
10. Cliquez sur le bouton Suivant:
    
11. Configurez nom d'utilisateur et mot de passe.
12. Spécifiez certains réglages avancés si nécessaire (type de sauvegarde notamment).
13. Prenez connaissance et acceptez les conditions d'utilisation de l'app sélectionnée.
14. Cliquez sur le bouton Suivant:
    
15. Confirmez l'installation de l'application à l'étape suivante et patientez.
    • Prenez connaissance d'éventuel message d'erreur à l'écran si p.ex le dossier d'installation choisi n'est pas vide ou si la version de PHP du site sur lequel vous tentez l'installation n'est pas compatible.

Désinstaller une Application Web

Afin d'accéder à l'Hébergement Web et d'y désinstaller l'application précédemment installée :

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur le menu d'action ⋮ situé à droite de l'application à désinstaller.
4. Cliquez sur l'icône de corbeille pour supprimer l'application:
   
5. Validez la suppression.

En savoir plus

• Modifier le nom de domaine associé à l'Application Web
• Configurer les sauvegardes des Applications Web
• Restaurer une Application Web

Ce guide propose deux méthodes pour accéder à l'interface d'administration d'un site WordPress installé via les outils Infomaniak, afin de par exemple mettre à jour le contenu.

Prérequis

• Connaitre vos identifiants d'accès…
  • … à WordPress
  • … au Manager Infomaniak

Accéder à la console WordPress…

1. … depuis le Manager

Afin d'accéder à WordPress depuis le Manager :

1. Cliquez ici afin d'accéder à la gestion de votre site WordPress sur le Manager Infomaniak (besoin d'aide ?).
   • Si votre site n'apparait pas ici, c'est qu'il n'a pas été installé via les outils Infomaniak… prenez connaissance de la documentation officielle.
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur le bouton Editer pour ouvrir la page de connexion à WordPress:
   
4. Entrez le nom d'utilisateur et le mot de passe choisis lors de l'installation de WordPress.

2. … via l'URL /wp-admin

Par défaut, il suffit d'ajouter les termes /wp-admin à la fin de l'URL de votre nom de domaine dans la barre d'adresse de votre navigateur Web pour accéder directement à la page de connexion de la console WordPress.

Que faire si le raccourci ./wp-admin ne marche pas ?

• Si le raccourci ./wp-admin ne fonctionne pas, vous utilisez peut-être une extension de sécurité qui modifie l'URL de certaines pages pour limiter les tentatives de piratage de votre site (exemple de plugin)…
• Si vous devez accéder à la console WordPress et que votre nom de domaine n'est pas fonctionnel sur le moment, il est possible de basculer le nom de domaine principal vers l'adresse de prévisualisation..

Ce guide explique comment exécuter le gestionnaire de dépendance open source Composer 2 à l'aide d'une commande SSH.

Préambule

• Composer est un gestionnaire de dépendances open source pour PHP permettant de définir, d’installer et de mettre à jour les bibliothèques nécessaires à un projet PHP.
• Composer 1 est obsolète depuis 2021, ne permet plus depuis 2025 d’installer de nouveaux packages ou d'effectuer de mises à jour.
• Seule la version 2 de Composer est désormais prise en charge et disponible sur toutes les versions de PHP de 7.2 à 8.3.

Exécuter Composer 2

Composer 2 est déjà préinstallé et accessible via SSH. Il n'est donc pas nécessaire de l'installer manuellement.

Utilisation simple

Connectez-vous à votre hébergement via SSH, puis utilisez la commande suivante:

composer

Cette commande exécutera automatiquement la version 2 de Composer compatible avec la version de PHP actuellement utilisée dans votre session.

Vérifier la version active

Vous pouvez vérifier la version de Composer disponible avec:

composer --version

Exemple de sortie : Composer version 2.5.0 2022-12-20 10:44:08 

Forcer une version de PHP spécifique

Si vous souhaitez exécuter Composer avec une version précise de PHP, des alias sont disponibles. Par exemple :

composer_php8.1 --version

ou encore:

composer_php7.4

Ces alias permettent d’exécuter Composer 2 avec l’interpréteur PHP spécifié, utile pour tester ou déployer un projet sur une version cible de PHP.

Ce guide détaille l'envoi d'e-mail authentifié depuis un site Web hébergé par Infomaniak en utilisant une configuration SMTP ; la configuration d'un serveur SMTP authentifié est présentée pour les principaux CMS.

Préambule

• L'utilisation d'un SMTP authentifié pour l'envoi d'e-mails à partir de vos applicatifs présente de nombreux avantages par rapport à la fonction PHP mail() standard non authentifiée :
  • une sécurité renforcée,
  • une meilleure fiabilité de livraison,
  • une gestion d'erreurs plus précise,
  • une compatibilité optimale avec les serveurs de messagerie tiers,
  • et une traçabilité complète des envois.
• Paramètres recommandés:
  • Serveur SMTP sortant = mail.infomaniak.com
  • Port SMTP = 465 (avec SSL)
  • Nom d'utilisateur/username = l'adresse mail complète & entière ( ? )
  • Mot de passe/password = celui attribué à l'adresse mail que vous utilisez ( ? )
  • Authentification obligatoire pour l'envoi des e-mails.

Exemples de configuration SMTP…

Prérequis

• Posséder un service de messagerie.
  • Vous avez la possibilité d'utiliser le Service Mail proposé par Infomaniak ou tout autre service de messagerie à votre convenance.

Lorsque vous possédez une adresse mail dont le domaine est rattaché à votre site Web (e-mail@domain-site.xyz par exemple) renseignez ses détails afin de l'utiliser pour les envois depuis serveur Web via SMTP:

… sur WordPress

1. Connectez-vous au tableau d'administration WordPress.
2. Installez une extension SMTP (WP Mail SMTP fonctionne).
3. Configurez l'extension, par exemple:
   ‍

Dès lors, un e-mail envoyé depuis un formulaire de contact présent sur le site (formulaire par défaut Divi par exemple) le sera via une méthode SMTP.

Pour s'en assurer, il suffit de regarder les en-têtes d'un message parvenu par ce biais notamment la ligne x-mailer qui pourra mentionner par exemple WPMailSMTP/Mailer/smtp au lieu de PHPMailer.

… sur Prestashop

1. Connectez-vous au tableau d'administration Prestashop.
2. Allez sous Paramètres avancés puis E-mail.
3. Configurez l'envoi via SMTP:
   

Vérifiez ensuite (afin d'éviter une erreur type Could not instantiate mail function ou sender mismatch) que l'adresse que vous avez configuré dans ces paramètres avancés corresponde bien à l'adresse qu'utilise Prestashop lors des envois. Pour cela:

1. Connectez-vous au tableau d'administration Prestashop.
2. Allez sous Paramètres de la boutique.
3. Cliquez sur Contact dans le menu latéral gauche.
4. Sur l'onglet Contacts, vérifiez que l'adresse mail mentionnée soit la même que celle configurée précédemment.
5. Éditez les adresses mail si nécessaire:
   
6. Cliquez sur l'onglet Magasins.
7. Vérifiez (et corrigez si nécessaire pour) que l'adresse mail mentionnée soit la même que celle configurée précédemment:
   

… sur Joomla

1. Connectez-vous au tableau d'administration Joomla.
2. Cliquez sur Système dans le menu latéral gauche.
3. Cliquez sur Configuration globale:
   
4. Cliquez sur l'onglet Serveur.
5. Configurez l'envoi via la méthode d'envoi SMTP:
   

Ce guide explique comment créer une page d'accueil sur votre site Web Infomaniak à l'aide de l'outil de création de page de bienvenue, une aide simplifiée pour créer du contenu rapidement et facilement. Pour créer un site plus complet, il existe Site Creator.

Prérequis

• Posséder un hébergement Web Infomaniak (même un simple Starter, la page Web basique à activer si nécessaire).

Créer une page de bienvenue

Pour accéder à l'outil de création:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur Page et maintenance dans le menu latéral gauche.
4. Vérifiez ou sélectionnez le nom de domaine du site sur lequel vous souhaitez installer la page Web.
5. Cliquez sur ‍ Créer une page d'accueil ou Personnaliser:
   

Vous pouvez dès lors choisir un thème, définir le texte visible par vos visiteurs, insérer une image dans le corps de la page, gérer le contenu SEO de votre page, ajouter une image en fond d'écran, spécifier des noms d'utilisateurs de réseaux sociaux si nécessaire, etc. et tout ceci peut être modifié en tout temps.

Cliquez sur le bouton bleu en bas de page pour sauvegarder et publier vos modifications.

A noter que l'outil peut être utilisé conjointement avec une gestion par FTP de votre hébergement Web si nécessaire.

Désactiver et supprimer la page de bienvenue

Pour effacer la page d'accueil qui a été placée automatiquement à la racine de l'arborescence de votre site Web:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur Page et maintenance dans le menu latéral gauche.

Vous pourrez supprimer la page de bienvenue à l'aide de l'icône de corbeille ; ceci supprimera définitivement le contenu de la page de bienvenue !
‍