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

Créations de sites internet comparatif 2017
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
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

Passer son site internet WordPress en HTTPS

Wordpress sécurisée HTTPS
Wordpress sécurisée HTTPS
WordPress HTTPS sécurisé CHC

Vous souhaitez surement passer votre site internet Worpdress en HTTPS pour profiter du cadenas HTTPS vert sur votre site internet !

Deux choses à savoir :

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 !

Si votre hébergeur ne vous propose pas de certificat HTTPS gratuit, sachez qu’il est gratuit chez Cubis-Helios.

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.

Forcer son site en HTTPS

Conseils : attention au cadenas HTTPS gris sous WordPress !

Nous avons changés votre site internet de HTTP à HTTPS, le contenu mixte peut donc survenir et provoquer un cadenas HTTPS gris au lieu de vert !

Pour résoudre ce problème, nous vous invitons à consulter un autre article :

Certificat SSL reconnu et « mixed content »