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.
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 :
Trouver & enregistrer un nom de domaine (ex : www.la-boutique-de-marie.fr)
Sauvegarder de votre site internet WordPress (fichiers + base de données)
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.
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.
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.
A droite on peut voir l’arborescence de son site internet WordPress.
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)
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.
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é.
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.
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 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.
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 !
Comment supprimer cette information de site non sécurisé ?
Passez votre site en HTTPS ! C’est très facile à faire.
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 :
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
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
Dans le manager de WAMP, on peut voir qu’un nouveau virtualhost a été créé :
En plus d’améliorer la sécurité globale de votre site, vous améliorez également votre référencement naturel.
Mettre son site WordPress en HTTPS
La première chose à faire, c’est d’être sur que son site internet fonctionne en HTTPS, ne commencez pas à faire des redirections et à changer des options dans le panel WordPress ou la base de données si vous n’avez pas testé votre site.
https://mon-site.com
(*) Si tout fonctionne bien (la page charge), vous pouvez passer à la suite. C’est normal à ce stade si la feuille de style ne se charge pas !
Changer les options du site pour mettre WordPress HTTPS
Quelque chose à ne surtout pas faire, modifier les options général de WordPress suivante :
Adresse web de WordPress (URL)
Adresse web du site (URL)
Pourquoi ? Nous allons directement le faire en base de données. Dans certains cas, votre site WordPress pourrait ne plus fonctionner si vous les changez ici. De plus, certains plugins récupèrent ces deux options pour les stocker en dur en base de données.
Depuis phpMyAdmin ou un autre service, exporter votre base de données, 2 fois.
Sous Linux, utilisez sed pour remplacer à la volée l’ancienne URL par votre nouvelle URL HTTPS.
sed -i.bak 's/http\:\/\/www.votre\-site.com/https\:\/\/www.votre\-site.com/g' export.sql
Sous Windows ou Mac, ouvrez simplement votre éditeur de texte, utilisez la fonction “Rechercher et remplacer” avec vos deux valeurs :
http://www.votre-site.com
https://www.votre-site.com
Renommez ensuite votre base de données sur MySQL (votre-base en votre-base-old par exemple), puis réimportez votre nouvel import (veillez à ce que les valeurs ai bien été remplacée, au moins pour les premières.
Vous pouvez désormais accéder à votre site WordPress en HTTPS !
Mettre en place une redirection pour rediriger HTTP vers HTTPS
Maintenant que vous avez passé votre site internet WordPress en HTTPS, redirigez tout le trafic vers HTTPS vous permettra d’éviter les erreurs de chargements HTTP.