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
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

 

 

Comparatif des créations de sites web 2017 (Wix, Jimdo, 1&1, OVH, Cubis-Helios)

Créations de sites internet comparatif 2017
Comparatif des créations de sites internet

Comparatif 2017 de la créations de sites internet

Nous avons discutés avec des amis de notre activité sur le web, et ils nous ont demandés “Pourquoi venir chez vous et pas chez WIX par exemple ?“.

Nous avons donc expliqué que les outils de créations de site internet ne sont pas bons pour créer son site internet, qu’à la longue on perd du temps et de l’argent même si on croit en gagner au début.

Nous avons donc fait un un tableau comparatif des différents services proposant des sites internet à faire soi-même.

Comparatif des services de créations de site internet

Voici le tableau comparatif et les liens menant aux différents offres. Nous avons eu des retours de différentes personnes sur tous ces services pour pouvoir faire le tableau.

Les cases “N/A” correspondent aux fonctionnalités que nous n’avons pas pu vérifier à 100%.

Si vous souhaitez davantage de services, utilisez les commentaires pour en réclamer ou donner votre avis sur ces services.

Tableau comparatif de la création d’un site internet en 2017

Voici le tableau comparatif pour créer et héberger son site internet en 2017.

A noter que les prix présents dans les cases représentes le pack d’offre à prendre pour disposer de la fonctionnalités.

Simplicité d’utilisation



N/A


Votre site vous appartient
Nom de domaine 100€ / an Offert la première année
Personnalisation à 100%
Fonctionnalités Limitées Limitées Limitées
Responsive mobile Oui, mais pas toujours 120€ / an 180€ / an
Optimisé SEO Limité 240€ / an 180€ / an
Thèmes et plugins Limités Limités, 120€ / an Limités
Boutique en ligne 194€ / an 360€ / an 180€ / an
Sécurité Pas toujours efficace N/A N/A
Sauvegarde Oui, journalière Oui, manuelle N/A
Rapidité N/A N/A
Email 59€ / an 84€ / an Oui, 10 adresses 78€ / an
Newsletter 294€ / an 238€ / an
Conseils & aide Forum, FAQ FAQ, Forum FAQ
Graphiste pour vous aider
HTTPS gratuit
Prix (à partir de) 100€ / an 59€ / an 84€ / an 43€ / an 78€ / an
Lien Cubis-Helios WIX 1&1 OVH Jimdo

Comment mettre en ligne son site internet WordPress fait 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
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 »