Comment sauvegarder son site internet ? (WordPress, Joomla, Drupal, Prestashop…)

Sauvegarder son site internet depuis phpMyAdmin
Sauvegarder son site internet depuis phpMyAdmin
Sauvegarder son site internet via la base de données

Comment sauvegarder son site internet en 5 minutes ?

Sauvegarder son site internet est très important si vous souhaitez changer d’hébergeur pour une raison ou une autre. Certains hébergeurs ne proposent également pas de sauvegardes (à contrario de Cubis-Helios).

A noter que ce tutoriel pour sauvegarder son site internet s’applique à tous les CMS (WordPress, Drupal, Prestashop, Magento, Joomla…).

Pour sauvegarder son site internet facilement vous n’avez que cela à faire :

  • Récupérer les fichiers depuis le FTP sur votre hébergement web ;
  • Exporter la base de données de votre site internet (via phpMyAdmin ou ligne de commande) ;

C’est tout. Les outils présents dans les différents CMS vous permettent parfois de récupérer ces informations (mais pas toujours), c’est pourquoi il est préférable de faire une copie entière du site internet à sauvegarder !

A la fin de ce tutoriel pour faire un backup de son site internet / le sauvegarder, nous verrons comment aspirer votre site internet pour sauvegarder la partie visuelle sur votre ordinateur.

Sauvegarder son site internet en récupérant les fichiers présents sur le FTP

Votre hébergeur a du vous fournir un code d’accès pour accéder au FTP (là où vous avez mis vos fichiers d’installation du site).

Connectez-vous y, et récupérez tous les fichiers s’y trouvant.

Pour vous connecter, vous devez avoir installé FileZilla, WINSCP ou un autre client FTP.

Sauvegarder son site internet en sauvegardant les fichiers présents sur son hébergement web
Sauvegarder son site internet depuis le FTP /FTPS ou le SFTP

Zipper et récupérer ses fichiers depuis un hébergement dédié

Si et seulement si vous avez un hébergement dédié (cela ne vous concerne probablement pas), alors vous pouvez zipper votre site internet via SSH et le récupérer via FTP / SFTP.

Zipper le contenu de son site internet sur un hébergement dédié

zip -R 'site-internet.zip' /var/www/votre-site
Récupérer le contenu zippé de son site internet depuis un hébergement dédié
get site-internet.zip

Sauvegarder la base de données de son site internet via phpMyAdmin

La plupart des hébergeurs (nous y compris) fournissent un service gratuit nommé “phpMyAdmin“, il permet de gérer facilement la base de données et ses utilisateurs sans connaissance technique en webmastering.

Ce service est très pratique, voici comment sauvegarder la base de données de son site internet.

Sélectionner à gauche la base de données de son site internet, et dans les onglets en haut aller dans “Export“, cliquez sur “Exécuter” pour télécharger l’export de la base de données de son site internet au format .sql.

PhpMyAdmin sauvegarder la base de données de WordPress sous WAMP
Sauvegarder la base de données de son site internet WordPress sous WAMP

Sauvegarder la base de données de son site internet sur un hébergement dédié

Si vous n’avez pas phpMyAdmin sur votre serveur dédié, vous pouvez utiliser la commande suivante pour exporter la base de données de votre site internet.

Sauvegarder la base de données de son site internet en ligne de commande

mysqldump -u user -p 'votrebasededonnées' > backup.sql

Sauvegarder toutes les bases des données MySQL en ligne de commande

mysqldump -u root -p --all-databases > alldb.sql

Mon site internet est sauvegardé, que faire ?

Une fois votre site internet sauvegardé vous pouvez vous trouver un nouvel hébergeur ou archiver votre sauvegarder dans un dossier avec la date actuelle.

Pensez à jetez un oeil à notre offre sécurisé :

https://agence-web.cubis-helios.com/hebergement-assiste-securite-proteger-site-web-internet/

WordPress : Rediriger les images vers l’article originel

Désactiver les pages médias Wordpress
Désactiver les pages médias WordPress
Page média de WordPress contenant une image uploadé

WordPress crée par défaut une page pour les images uploadés sur le site. Ces pages médias contiennent votre image et la description de celle-ci. Hormis de rares cas, cette fonctionnalités n’est pas du tout utile et contre-productive pour le référencement naturel SEO.

Mettre en place la redirection des médias vers l’article parent

Lorsque vous aurez mis cette option en place, WordPress devrait automatiquement rediriger l’utilisateur lorsqu’il arrive sur la page contenant le média vers l’article parent.

Pour que cela fonctionne, il faudra que l’image ai été ajouté directement dans une page ou dans un article après l’upload de cette dernière.

Dans certains cas, cela ne fonctionnera pas : par exemple si vous uploadez le logo ou une image à mettre en Widget… Je ne sais pas pourquoi WordPress fait cela, mais c’est une très mauvaise idée.

Exemple de pages médias WordPress

Yoast SEO : Rediriger les médias vers l’article parent

L’excellent Yoast SEO permet de rediriger les médias pages vers l’article parent.

Dans SEO > Avancée > Permaliens.

Les pièces jointes des articles sont stockées dans la base de données en tant qu’articles, ce qui signifie qu’elles sont accessibles par leurs propres URL si vous ne les redirigées pas. Activer cette option les redirigera vers l’article auquel elles sont attachées.

Activez cette option. Elle ne fonctionne pas toujours, mais elle a le mérite d’essayer de supprimer cette fonctionnalité.

Une autre chose importante à faire étant donné qu’il n’est pas possible de désactiver la création des pages médias sous WordPress, c’est de désindexer ces pages de Google, cela donnera d’autant plus de jus à vos articles parents.

Désindexer les pages medias de WordPress sur Google

Toujours dans Yoast SEO : SEO > Titres & Métas > Médias.

Méta robots 

 

Cela permettra à Google de savoir que vous ne voulez pas indexer les pages médias de WordPress sur le moteur de recherche.

Un plugin pour désactiver l’indexation des pages médias

Il y a ce plugin que j’avais testé qui fait le travail comme il faut pour désactiver le référencement des images médias de WordPress.

Noindex Attachment Pages

Attachment Pages Redirect permet de faire une redirection 301 vers le poste parent s’il existe

Si Yoast SEO ne fonctionne pas, essayez cet autre plugin.

Attachment Pages Redirect

 

 

Comment mettre en ligne son site internet WordPress fait sous WAMP ?

Un site internet Wordpress créé sous WAMP
Un site internet WordPress créé sous WAMP
Site internet WordPress sous WAMP

Comment publier son site internet Worpdress en ligne ?

Vous avez fait le plus dur en créant votre site internet WordPress sous WAMP, en local sur votre ordinateur. Maintenant que votre site internet est comme vous le souhaitez ou presque, vous allez avoir besoin de le mettre en ligne.

3 étapes sont nécessaires pour publier son site internet WordPress en ligne :

  1. Trouver & enregistrer un nom de domaine (ex : www.la-boutique-de-marie.fr)
  2. Sauvegarder de votre site internet WordPress (fichiers + base de données)
  3. Trouver un hébergement rapide et sécurisé pour votre site internet

Trouver un nom de domaine pour son site internet

Il y a quelques temps, Google se servait du nom de domaine pour mieux référencer les sites internet ; aujourd’hui s’il s’en sert toujours, on ne le voit pas beaucoup…

Inutile donc de blinder votre nom de domaine de mots clés. Pensez qu’un nom court se retient plus facilement qu’un nom plus long.

Pensez aussi qu’il est préférable de garder un nom de domaine une fois que vous avez commencé à faire du référencement dessus. Si vous souhaitez changer par la suite, il faudra en prendre un second et rediriger tout le trafic du premier vers le second pour ne pas perdre en référencement naturel.

Vous pouvez utiliser un générateur de nom de domaine pour avoir idée.

Vérifiez la disponibilité de votre nom de domaine sur OVH. Ou un autre registar si vous préférez un autre. Nous utilisons OVH car il est simple d’utilisation et low-cost.

Un nom de domaine coûte en moyenne 10€ par an, chez Cubis il vous est offert

Sauvegarder votre site internet WordPress pour l’héberger

Si vous avez suivi notre tutoriel WAMP, vous savez que vous avez deux choses à récupérer :

  • La base de données de WordPress
  • Les différents fichiers de votre site WordPress

Sauvegarder la base de données de son site internet WordPress

Ouvrir dans votre navigateur l’adresse suivante pour accéder à phpMyAdmin.

http://localhost/phpmyadmin

Cliquez sur votre base de données (si vous ne vous souvenez plus du nom, vous le trouverez dans le fichier wp-config.php à la racine de votre site internet WordPress.

define('DB_NAME', 'nom-de-votre-base');

Dans le menu en haut cliquez sur Exporter, puis Exécuter pour lancer la sauvegarde de la base de données sous format .sql.

PhpMyAdmin sauvegarder la base de données de WordPress sous WAMP
Sauvegarder la base de données de son site internet WordPress sous WAMP

Sauvegarder les fichiers de votre site internet WordPress

Le dossier de WordPress contient le site internet en tant que tel ainsi que votre thème, vos médias…

Cliquez sur l’icone WAMP, puis Répertoire www.

Le dossier de mon site s’appelle ici “wordpress“, faire un clic-droit : Envoyer vers > Dossier compressé pour zipper votre dossier WordPress.

Sauvegarder son site internet WordPress www
Sauvegarder son site internet WordPress sous WAMP

A droite on peut voir l’arborescence de son site internet WordPress.

Sauvegarde www via WAMP pour un site internet WordPress
Compression de son site internet WordPress sous WAMP

Une fois votre site internet WordPress sauvegardé et ces deux fichiers obtenu (votre-site.zip & votre-base.sql) vous êtes prêt pour héberger votre site internet WordPress.

Héberger son site internet WordPress en ligne

C’est la partie la plus difficile la plupart du temps, suivant l’hébergeur que vous allez choisir.

Comment choisir un hébergement web ?

  • Le rapport qualité / prix
  • La facilité de mise en place de votre site
  • La sécurité du serveur sur lequel il est hébergé
  • La vitesse du site internet
  • Les versions de PHP / MySQL proposées (il faut les dernières)
  • Possibilité d’avoir un certificat HTTPS gratuit
  • Possibilité d’avoir des boîtes e-mails
  • Possibilité d’avoir un antivirus / antispam

Nous avons créé un hébergement qui répond parfaitement à tous ces critères !

Hébergement

L’hébergement joue dans votre référencement, pensez à en choisir un suivant les critères énoncés au dessus ! Une fois que vous aurez trouvé un bon hébergement poursuivez la suite de ce tutoriel.

Héberger son site internet WordPress sur une plateforme en ligne depuis WAMP

Changer la base de données pour le nouveau nom de domaine

Faites une seconde copie de votre fichier de sauvegarde .sql au cas où. Dans un éditeur de texte (Visual Code, Atom, Brackets, Notepad++ ou un autre suivant vos préférences), utilisez la fonction “Rechercher et Remplacer“.

La première chose à faire, c’est de remplacer votre ancien domaine dans la base de données WordPress par le nouveau.

http://localhost/wordpress

Etant notre URL en local, via WAMP. Le nouveau site étant en ligne, on remplacera dans le fichier votre-site.sql l’ancien par la nouvelle URL.

http://votre-nom-de-domaine.com

Tant qu’à y être, je vous encourage à d’ores et déjà utiliser un certificat HTTPS sur votre site internet en remplaçant plutôt par (pour rappel, ce certificat HTTPS est gratuit chez nous).

https://votre-nom-de-domaine.com

Cette manipulation est nécessaire car WordPress a besoin de connaître l’URL de votre site internet. Vous pouvez d’ailleurs le constater dans Réglages > Général.

Dans la base de données, ce sont les lignes “siteurl” et “home” de la table wp_options.

WAMP réglages de WordPress
Réglages généraux de WordPress

Vous venez tout juste de mettre en place la nouvelle base de données de votre site internet.

Migrer votre site internet WAMP sur un hébergement web

Nous allons maintenant téléverser les fichiers sur le serveur pour pouvoir réimporter votre site chez un hébergeur web.

(*) Le FTP (File Transfert Protocole) permet de déplacer des fichiers à travers un canal, la plupart des hébergeurs ne vous donneront que ça pour envoyer les fichiers (avec un identifiant et un mot de passe).  Vous devez télécharger un client FTP pour vous connecter. WINSCP à ma préférence, FileZilla est plutôt pas mal aussi.

Vous devrez vous servir du FTP pour envoyer votre site dans un dossier sur le serveur web.

Chez Cubis nous proposons une interface web pour gérer vos fichiers, c’est beaucoup plus facile pour vous. Dans tous les cas tout ce que vous devez faire c’est téléverser votre-site.zip et le dézipper sur le serveur ou directement tout le dossier dézippé.

Mettre en place les fichiers de son site internet sur un serveur web
Téléverser (uploader) des fichiers sur son site internet via l’interface web de Plesk

Il nous faudra maintenant réimporter votre base de données depuis phpMyAdmin (votre hébergeur vous aura donné les accès), chez Cubis vous trouverez vos bases de données à droite de votre interface web.

Pensez à changer les paramètres d’accès à la base de données depuis le fichier wp-config.php pour faire correspondre avec vos identifiants. La variable “DB_HOST” n’est la plupart du temps pas à changer.

define('DB_NAME', 'database_name_here');
define('DB_USER', 'username_here');
define('DB_PASSWORD', 'password_here');
define('DB_HOST', 'localhost');
Mise en ligne d'une base de données pour son site internet
Import d’une base de données dans phpMyAdmin

Mettre en ligne son site internet WordPress

Une fois tout ceci effectué, vous n’avez plus qu’à votre connecter à l’adresse de votre site internet.

Erreur de connexion à la base de données

Si WordPress vous affiche cette erreur, c’est que les identifiants de connexion à la base de données ne sont pas bons.

Si ils sont bons mais que la base a mal été importée, on vous proposera de récréer une nouvelle instance de WordPress. La plupart du temps ce sera car le nom de votre base de données dans phpMyAdmin est différent de celui qui est utilisé dans wp-config.php.

 

Google Chrome indique mon site non sécurisé HTTP

HTTP non sécurisé via Google Chrome : Connexion non sécurisée
HTTP non sécurisé via Google Chrome : Connexion non sécurisée
Site internet non sécurisé sur Google Chrome

Google vient encore d’annoncer qu’il affichera une zone d’information rouge “site non sécurisé” si le site visité n’est pas sécurisé en HTTPS. Cette information ne s’appliquera (pour le moment) que dans le navigateur Google Chrome.

La page d’information officielle de Google

Pourquoi Google affiche une alerte si le site internet n’est pas sécurisé en HTTPS ?

Le HTTPS n’augmente en rien la sécurité de votre site internet, cependant il permet de chiffrer la saisie utilisateur. Les formulaires rempli sont ainsi envoyé chiffré vers le serveur qui saura les décoder.

Cela permet d’empêcher un éventuel attaquant de voir le contenu du formulaire si ce hacker sniffait le réseau.

Google veut standardiser le HTTPS pour augmenter globalement la sécurité générale de l’infrastructure même d’internet.

Depuis la version 56 de Chrome, les sites internet non sécurisés sont marqué d’un balisage gris. Il est fort probable que Google Chrome se voit doté d’un balisage rouge dans les mois à venir… Attention à ne pas faire fuir les visiteurs de votre site !

Alerte Google Chrome Connexion non sécurisé
Connexion non sécurisé : La connexion à ce site n’est pas sécurisée

Comment supprimer cette information de site non sécurisé ?

Passez votre site en HTTPS ! C’est très facile à faire.

En passant votre site internet en HTTPS, le message “Connexion non sécurisée” n’apparaîtra plus au profit du message vert “Connexion sécurisée”.

Connexion sécurisée au site internet en HTTPS
Google Chrome : Connexion sécurisée

Eviter les erreurs de migration en HTTPS

Migrer son site internet en HTTPS n’est pas toujours facile, voici quelques articles qui pourraient vous intéresser.

Passer son site internet WordPress en HTTPS

Forcer son site en HTTPS

Certificat SSL reconnu et « mixed content »

 

WAMP : Créer un nouveau VHOSTS (domaine / sous-domaine)

WAMP création site internet Apache HTTPD

Mettre en place de nouveaux virtualhosts sur WAMP

WAMP a su simplifier l’ajout de nouveau virtualhost / ajout de nouveau vhost directement pour Apache HTTPD. On passe directement pas la GUI au lieu de s’embêter à aller toucher le fichiers httpd-vhosts.conf manuellement.

Ajouter un nouveau virtualhost sur WAMP

Rendez-vous sur l’adresse suivante après avoir démarré WAMP.

http://localhost/add_vhost.php?lang=french

On vous informe de plusieurs choses. Premièrement on va écrire dans le fichier suivant :

c:/wamp64/bin/apache/apache2.4.23/conf/extra/httpd-vhosts.conf

Ensuite, WAMP va directement aller réécrire le fichier hosts pour y ajouter un lien vers votre nouveau vhost WAMP.

C:\Windows\system32\drivers\etc\hosts

(*) ATTENTION ! Si vous choisissez d’utiliser le même nom de domaine que votre futur site internet, lors de la mise en production vous devrez désactiver les lignes que WAMP a écrite avec un “#” devant (sinon votre nom de domaine pointera toujours vers votre machine).

Configurer les informations pour créer un nouveau virtualhost sous WAMP

Création d'un nouveau virtualhost WAMP
Création d’un nouveau Virtualhost sur WAMP / MAMP
  • Pour le nom du virtualhost, pensez à ne pas utiliser d’espace ou d’underscore.
  • Ne pas remplir la seconde zone.
  • Pointer vers le dossier où votre site internet est localisé. Vous pouvez le mettre dans www si vous souhaitez.
  • Lancer l’opération.
Les fichiers ont été modifiés, le virtual host Cubis-Helios a été créé

Génial !

WAMP et l’accès à son nouveau virtualhost

Votre nouveau virtualhost est créé, désormais vous pouvez accéder à votre nouveau site internet.

WAMP a écrit les lignes suivantes dans mon fichier hosts.

C:\WINDOWS\system32\drivers\etc\hosts

Cela indique simplement que le nom de domaine Cubis-Helios pointe vers l’adresse IP locale (votre machine).

127.0.0.1 Cubis-Helios
::1    Cubis-Helios

Il est également nécessaire de relancer le cache DNS de votre ordinateur, ce dernier garde en mémoire le nom de domaine et l’adresse IP associée des sites internet visités pour plus de rapidité.

  • Clic-droit sur WAMP
  • Dans Outils, tout en haut cliquez sur “Redémarrer le service DNS

Pour redémarrer le service DNS manuellement

Si vous n’y arrivez pas via WAMP, ouvrir services.msc, le serveur s’appelle “Client DNS” ou “Dnscache“.

Accéder à son nouveau domaine sur WAMP

Tout simplement taper dans le navigateur le nom de votre vhost précédé de localhost.

http://localhost/Cubis-Helios
Nouvelle page sur un nouveau domaine WAMP
Nouvelle page sur un nouveau VHOST WAMP

Dans le manager de WAMP, on peut voir qu’un nouveau virtualhost a été créé :

Créer de nouveaux virtualhosts WAMP
Liste des différents Virtualhost sur WAMP