Base de connaissances

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.
• Pour de l'aide supplémentaire contactez un partenaire ou lancez gratuitement un appel d'offres — découvrez aussi le rôle de l'hébergeur.

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 p.ex. et en y installant WordPress via les Applications Web 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 p.ex. et en y installant WordPress via les Applications Web 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 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 p.ex 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 quelles sont les différences entre les offres d'hébergement Web Infomaniak pour vous aider à choisir la meilleure solution selon vos besoins informatiques.

Hébergement Web Starter

L'hébergement Web gratuit

L'hébergement Web Starter est proposé gratuitement avec chaque nom de domaine enregistré chez Infomaniak. Il propose 10 Mo d'espace disque afin de créer un site (pages basiques en langage HTML uniquement - pas de PHP, pas de base de données) même sans connaissance particulière grâce à l'outil Page de bienvenue.

• Enregistrer ou transférer un nom de domaine chez Infomaniak
• En savoir plus sur les avantages inclus avec un nom de domaine

Hébergement Web mutualisé

L'offre phare pour créer vos sites

Ces hébergements Web sont des offres mutualisées (les sites Web seront hébergés sur des serveurs dont les ressources sont partagées avec d'autres clients). Pour garantir la fiabilité de ces services mutualisés, les serveurs Infomaniak utilisent en moyenne seulement 40% de la puissance des CPU et sont équipés de disques SSD professionnels de dernière génération.

L'hébergement Web offre 250 Go d'espace disque minimum et permet de gérer plusieurs sites Web avec plusieurs noms de domaine. Cette offre inclus toutes les technologies habituellement utilisées pour créer des sites professionnels: PHP, MySQL, accès FTP et SSH, certificats SSL, Site Creator et installation facile de WordPress ou CMS courants, etc.

Serveur Cloud

L'hébergement Web professionnel

Avec un Serveur Cloud, les ressources qui vous sont allouées ne sont pas partagées avec d'autres clients et vous pouvez personnaliser la configuration matérielle et logicielle de votre serveur selon vos besoins. Un Serveur Cloud permet également d'utiliser des composants qui ne sont pas disponibles sur des hébergements Web mutualisés (Node.js, mongoDB, Sol, FFMPEG, etc.).

• Un Serveur Cloud permet de facilement administrer votre serveur via la même interface d'administration que les hébergements Web - vous y gérez les sites de la même façon.
• Un VPS permet de gérer de manière 100% autonome votre serveur avec la version de Windows ou la distribution Linux de votre choix (Debian, Ubuntu, openSUSE, ...) - de solides compétences techniques sont requises pour utiliser un VPS, y compris VPS Lite.

Public Cloud (et Kubernetes Service)

Solution IaaS ouverte, éprouvée et sécurisée

Pour Infomaniak c'est l'infrastructure qui propulse kDrive, Swiss Backup et le Webmail, des services utilisés par plusieurs millions d'utilisateurs. Mais Public Cloud est accessible à tout le monde et met à disposition les ressources dont vous avez besoin pour le développement de vos projets.‍

A l’aide des offres personnalisées et sur mesure vous n’aurez aucun mal à gérer votre budget de développement. Aucun frais de mise en service. Pas de montant minimum. Résiliable à tout moment. Vous ne payez que les ressources effectivement utilisées avec Public Cloud à la fin de chaque mois, idem pour Kubernetes Service.

Jelastic Cloud

L'hébergement Web sur mesure avec les technologies de votre choix

Jelastic Cloud permet de créer des environnements de développement sur mesure avec les technologies de votre choix (PHP, Node.js, Java, Docker, Ruby, etc.). C'est une offre cloud flexible:

• Redimensionnement horizontal et vertical des ressources.
• Paiement selon la consommation réelle des ressources.
• Personnalisation facile de votre infrastructure (redondance, IP, SSL, répartition de charge, etc.).

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

Préambule

• Composer est un gestionnaire de dépendances open source pour PHP qui permet de gérer les bibliothèques et les packages nécessaires à un projet PHP spécifique.
• Il permet aux développeurs de définir les bibliothèques dont leur application a besoin et de les installer de manière cohérente, ce qui facilite la gestion des dépendances pour les applications PHP complexes.
• A partir de la version 2.2 de Composer, il est nécessaire d’avoir au minimum PHP 7.2.5.

Exécuter Composer

Pour utiliser Composer sur votre hébergement, vous devez vous connecter à votre serveur via SSH et installer Composer sur votre hébergement en indiquant la commande suivante:

Composer

... pour Composer 1.x !
 

Composer2

... pour Composer 2 !

Vous pouvez également utiliser l'alias suivant pour installer la version compatible avec la version de PHP en place sur votre hébergement:

Composer --version

... ce qui donnera p.ex Composer version 2.5.0 2022-12-20 10:44:08

Composer_php5.6 --version

... donnera Composer version 1.8.6 2019-06-11 15:03:05

Ce guide donne des indications qui peuvent vous aider à optimiser le référencement de votre site dans les moteurs de recherche comme Google.

Préambule

• Infomaniak est l'un des hébergeurs le plus performant du marché francophone, ce qui contribue au bon référencement de vos sites.
• En revanche, Infomaniak n'interviendra pas sur le contenu ou le développement des sites hébergés.

Le référencement naturel (SEO)

Le référencement naturel (Search Engine Optimization) est l’optimisation d’un site Web pour faire en sorte que votre site soit visible dans les moteurs de recherche en fonction de certains mots clés tapés par les utilisateurs. Les efforts que vous investissez dans le SEO auront un impact sur le long terme.

Quelques conseils techniques pour optimiser votre référencement naturel:

• Installez un certificat SSL sur votre site.
• Activez la compression gzip pour accélérer le chargement de votre site.
• Compressez les images de votre site avec un logiciel (FileOptimizer, Imageoptim) ou un service en ligne comme Imagify.

Pour en savoir plus, prenez connaissance du guide Infomaniak sur le référencement naturel.

Google a d'ailleurs mis à jour son guide "Bien débuter en référencement naturel (SEO)" en 2024, avec de nouvelles "bonnes pratiques" fondamentales pour optimiser sa visibilité sur le moteur de recherche.

Le référencement payant (SEA)

Le référencement payant (Search Engine Advertising) est l'achat de liens sponsorisés dans des espaces publicitaires dans le but de positionner votre site rapidement sur des mots clés spécifiques. L’objectif est de mettre la meilleure enchère sur les mots-clés avec un bon ciblage pour avoir le plus de chances d’être visible au meilleur coût. Les efforts que vous investissez dans le SEA cesseront d'avoir un impact direct dès que vous stopperez vos campagnes publicitaires.

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-mail à partir de vos applicatifs offre des avantages en termes de sécurité, de fiabilité, de gestion des erreurs, de compatibilité avec les serveurs tiers, et de traçabilité par rapport à l'utilisation de PHP mail non authentifié.

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 p.ex) 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, p.ex:
   ‍

Dès lors, un e-mail envoyé depuis un formulaire de contact présent sur le site (formulaire par défaut Divi p.ex) 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 p.ex 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: