Test complet du logiciel de création de site web Site123

Site123 est un éditeur de sites web SaaS édité par la société américaine sOptions LTD. Revendiquant 250 000 clients à travers le monde, Site123 affiche une proposition de valeur très claire : permettre à quiconque – particulier ou professionnel – de créer gratuitement son site internet dans des délais minimum et sans aucunes compétences en design ou en codage. Site123 affirme même être « la façon la plus simple de créer un site gratuit. Et de loin. » Pour le vérifier, nous avons testé pour vous ce logiciel de création de site internet. Découvrez tout de suite notre test complet.

L’offre de Site123 en quelques mots

Site123 est un éditeur de sites internet (CMS) qui met en avant trois éléments dans sa proposition de valeur. Site123 permet de créer des sites internet gratuit (1), sans avoir besoin de connaissances en création de site (2) et en un minimum de temps (3). Nous allons voir dans ce tests si l’éditeur tient ses engagements ou non.

Site123 s’adresse clairement à un public de néophytes, à des personnes qui n’y connaissent rien en code et en design mais qui veulent créer leur site personnalisé tout seul, sans l’aide d’un professionnel, sans se prendre la tête et rapidement. L’outil permet de créer tous types de sites : des sites vitrines d’entreprises, des landing pages, des sites de photographes, des blogs, des sites médicaux, des sites pour promouvoir un événement, des sites de restaurant, etc. Il est même possible d’intégrer sur votre une petite boutique pour vendre des produits. Mais disons-le tout de suite : si vous souhaitez créer un site ecommerce digne de ce nom, Site 123 n’est pas fait pour vous. Nous reviendrons sur ce point plus loin.

Sur son site internet, Site123 propose deux offres :

• Une offre gratuite : pages illimitées, 500 Mb de stockage, 1 Gb de bande passante. L’offre gratuite permet d’associer à votre compte autant de sites que vous le souhaitez (dans le respect des limites en termes de stockage et de bande passante). Dans l’offre gratuite, Site123 vous offre un sous-domaine personnalisé, prend en charge l’hébergement.
• Une offre « Pro » à 9,8 dollars par mois : pages illimitées, 10 Gb de stockage et 5 Go de bande passante. Cette offre payante a surtout pour valeur ajoutée de vous permettre d’utiliser un vrai nom de domaine (et pas seulement un sous-domaine) pour votre site. Site123 vous offre même un nom de domaine pour la première année.

Attention, certaines fonctionnalités (la plupart des plugins notamment) ne sont accessibles que dans la version payante. Cela n’est pas indiqué sur la page Tarifs du site de l’éditeur. C’est bien dommage. D’autant que l’on apprend un peu plus loin dans le processus de création de notre site qu’il existe en réalité quatre offres (sans compter l’offre gratuite) :

L’offre Pro de tout à l’heure devient l’offre Elémentaire. Trois autres offres payantes font leur apparition : Avancé, Professionnel et Or. Les principales différences entre ces offres concernent :

• Le stockage et la bande passante. Plus on monte dans la gamme, plus les espaces de stockage et de bande passante sont importants.
• La publicité. Dans l’offre « Elémentaire », un tag flottant « Propulsé par Site123 » s’affiche sur toutes vos pages. Dans l’offre « Avancé », le tag devient statique et s’intègre dans le footer de votre site. Dans les offres « Professionnel » et « Or », vous pouvez retirer le footer statique.
• Les emails. Dans l’offre « Elémentaire », vous n’avez pas de boîte de messagerie. Dans l’offre « Avancé », vous en avez deux. Dans l’offre « Professionnel », vous en avez cinq. Dans l’offre « Or », 10.
• Le nombre de commandes maximum (si vous vendez des produits sur votre site / vos sites) : 10 (Gratuit et Elémentaire), 50 (Avancé), 500 (Professionnel). Dans l’offre « Or », vous n’êtes pas limité.

On peut regretter le manque de transparence de Site123 concernant les tarifs proposés. La grille tarifaire complète devrait être accessible depuis le site de l’éditeur.

Quelques remarques supplémentaires avant de passer à la suite :

• Sous-domaine = www.mon-site.site123.me VS Nom de domaine = www.mon-site.fr. Un nom de domaine fait clairement plus classe et plus professionnel. Pour en savoir plus sur les noms de domaine, voici comment choisir un nom de domaine efficace pour votre site web en 7 étapes.
• Site123 met à la disposition de ses utilisateurs ou clients une banque d’images assez fournies et gratuite.
• Les offres payantes de Site123 sont avec ou sans engagement. Vous bénéficiez de tarifs plus avantageux si vous choisissez un abonnement annuel. Les tarifs présentés plus haut sont les tarifs avec engagement. Pour vous donner un ordre d’idée, le tarif de l’offre Pro (ou « Elémentaire ») est de 9,80 dollars avec engagement et de 14 dollars sans engagement.

La banque d’images de Site123 :

Design et Template

Pour créer un site avec Site123, vous n’avez que trois étapes à suivre (d’où le nom du service (« 123 »). Premièrement, vous devez vous créer un compte (nom, email + mot de passe). La deuxième étape, c’est le choix du thème, ou plutôt de la catégorie. C’est de cette deuxième étape dont il va être question ici. Nous aborderons par la suite la troisième étape, la plus importante : la création du contenu du site.

Choisir le template du site

Bizarrement, sur Site123 il n’y a qu’un seul template disponible. C’est le seul logiciel de création de sites parmi ceux que nous avons testé qui propose un choix aussi restreint (si tant est que l’on puisse encore parler de choix). Par contre, vous êtes invité à choisir une catégorie : Affaires, Restaurants & Nourriture, Blog, etc. Ce qui change d’une catégorie à l’autre, ce n’est pas le thème, mais les modules et la manière dont ils sont agencés sur le site. Par exemple, si vous choisissez « Restaurants & Nourriture », le site que Site123 créera aura une page « Menu ». Voici les différentes catégories disponibles :

Chaque catégorie contient plusieurs sous-catégories. Voici les sous-catégories de la catégorie « Médical » :

Le thème de Site123, comme nous aurons l’occasion de le constater par la suite, est très simple dans sa structure mais plutôt élégant. Il a par ailleurs le mérite d’être entièrement « Responsive », c’est-à-dire qu’il est conçu pour s’adapter sur tous les types d’écrans : mobile, tablette, ordinateur…

Deux éléments contrebalancer la pauvreté du choix en termes de thème  : la diversité des modules et les options de personnalisation du design. Nous aurons l’occasion de le  voir.

Personnaliser le design du site

Le fait qu’il n’y ait qu’un seul template de disponible peut faire peur, dans la mesure où cela semble limiter les possibilités en termes de personnalisation. Cette peur doit être dissipée, car il est possible de personnaliser son site Site123. Lorsque vous avez sélectionné et validé votre catégorie et votre sous-catégorie, vous êtes invité à renseigner le nom de votre site, son slogan, etc. Une fois ces premiers paramètrages réalisés, vous atterrissez sur l’interface d’édition de votre site. Nous reviendrons en détail sur l’éditeur de Site123 dans la partie suivante. Mais faisons simplement remarquer la présence du menu « Design » dans le menu d’édition. Ce menu permet de personnaliser de manière relativement poussée votre thème. Au niveau : des couleurs, de la police, de la taille de la police, de la forme des boutons, de la structuration des colonnes, de la forme du menu, du footer, etc. Pour créer une touche personnelle, nous vous invitons vivement à utiliser ce menu « Design ».

Site123 permet d’intégrer en un clic la technologie parallaxe pour vos images. Celle-ci consiste à faire en sorte que les images d’arrière-plan restent fixes pendant le défilement de la page. Malgré l’accent mis sur la « simplicité », Site123 intègre quelques technologies avancées. C’est à mettre au crédit des développeurs du logiciel.

Bien entendu, vous n’avez pas accès au code de votre site et ne pouvez pas créer de propriétés CSS comme c’est le cas sur WordPress. Mais malgré tout, personnaliser un site avec Site123 est de l’ordre du possible ! D’autant que vous pouvez aussi ajouter des éléments spécifiques de design dans le header de votre site (voir plus bas).

Editeur de pages – simple et efficace

L’interface d’édition de Site123 est l’une des plus simples que l’on puisse imaginer. Sa prise en main est quasiment immédiate, même si vous n’avez jamais créé de site. En résumé, vous avez à gauche le menu qui permet d’ajouter et d’agencer les contenus de votre site et à droite le visuel qui permet de se rendre compte du résultat. Contrairement à ce qui existe sur d’autres logiciels grand public (type Jimdo, Weebly, Wix, Squarespace, SiteW, iPaoo, etc….), Site123 n’utilise pas la technique du drag-and-drop ou « glisser-déposer ». Pour modifier, ajouter ou supprimer un élément de votre site, vous devez utiliser systématique le menu de gauche. Il n’est pas non plus possible de modifier un élément du visuel en cliquant dessus. Rassurez-vous, cela ne nuit en rien au confort d’utilisation. Redisons-le : créer un site sur Site123 est un jeu d’enfant.

Personnaliser la page d’accueil

Comme nous le disions tout à l’heure, il est possible de personnaliser la page d’accueil, en y ajoutant un slogan, un titre, un logo. Pour cela, il vous suffit de cliquer sur le menu « Page d’accueil ». Vous pouvez même intégrer une vidéo dans le header ou ajouter un ou deux boutons. Cette dernière fonctionnalité est vraiment très appréciable (voir la capture d’écran ci-dessous). Le menu « Page d’accueil » permet aussi de personnaliser l’image de fond du header, de régler la hauteur du header, de changer la couleur de fond et le degré d’opacité. Remarquons d’ailleurs que les fonctionnalités du menu « Page d’accueil » concernent en réalité surtout le header, c’est-à-dire la partie supérieure de votre page d’accueil.

Vous pouvez intégrer en quelques clics un ou deux CTA (ou bien une vidéo) dans le header de votre page d’accueil (dommage que l’on ne puisse pas intégrer à la fois un bouton et une vidéo) :

Maintenant que vous avez personnalisé votre page d’accueil, il est temps de créer et modifier les pages de votre site.

Créer et modifier les pages

C’est depuis le menu « Pages » que vous pouvez gérer l’essentiel des contenus de votre site internet. Ce menu permet de gérer les pages existantes et de créer de nouvelles pages. Concernant d’abord la gestion des pages : il est possible de modifier et de supprimer n’importe quelle page. Vous pouvez aussi déterminer, pour chaque page, si elle doit apparaître dans le menu situé en haut de votre site ou pas (en cliquant sur le hamburger vert). Pour modifier une page, il suffit de cliquer sur « Modifier » (en bleu). La nature des modifications possibles dépend du type de contenu. On ne modifie pas les mêmes éléments sur une page blog et sur une page « boutique ». Mais globalement les options de configuration des pages sont assez complètes. Ensuite, vous pouvez ajouter de nouvelles pages, en cliquant sur « Ajouter nouvelle page ». Une fenêtre contextuelle s’ouvre et vous propose tous les types de pages possibles. On observe une grande diversité. Vous pouvez créer, au hasard une page : « A propos », « Evénement », « Témoignages », « Equipe », « Service », « Caractéristiques », « Articles », « Blog », « Galerie », « Menu de restaurant », « Tarifs », « Boutique », « FAQ », « Emplois », « Clients », « Vidéos », « Faire un don », « Chansons », « Chronologie », etc.

Vous l’aurez compris, chaque type de page (ou « modules » dans la terminologie de Site123) correspond en fait à un type de contenus. Le menu de gestion et de création de pages est un des grands atouts de Site123. Il permet de gérer très facilement les différentes pages du site et surtout de créer en quelques clics tous types de contenus – de la présentation d’un menu de restaurant au blog en passant par une FAQ et une boutique ecommerce. Le degré de personnalisation des pages, on l’a dit, est plutôt satisfaisant – à condition de ne pas avoir des besoins trop complexes.

Régler les paramètres du site

Sous le menu « Pages » figure le menu « Design ». Il en a déjà été question dans la partie « Design et Template », par conséquent nous n’y reviendrons pas. Passons tout de suite au menu « Paramètres ». Le menu « Paramètres » vous permet, comme son nom l’indique, de définir tous les paramètres importants liés à votre site. Ce menu contient 5 sections : type de site web, conditions & vie privée, SEO, langue & pays, plugins. Nous ne parlerons pas des sections « Type de site web », « SEO » et Plugins car nous y reviendrons en détail dans la suite de l’article. Voici quelques précisions sur les deux autres sections du menu « Paramètres » :

• • Conditions et Vie Privée : cette section permet d’ajouter dans le footer de toutes vos pages des liens vers vos conditions d’utilisation et vers votre politique de protection de la vie privée. Vous pouvez aussi ajouter un bandeau indiquant que vous utilisez la technique des cookies. Dommage que le texte des cookies ne soit personnalisable – et qu’il soit en anglais. On peut aussi regretter que pas mal d’éléments de Site123 ne sont pas traduits en français.

• Langue et Pays : cette section permet de choisir la langue du site, de régler la date, le format de l’heure et le fuseau horaire.

Vous pouvez à tout moment prévisualiser la page que vous êtes en train d’éditer en cliquant sur le bouton bleu en bas à gauche du menu d’édition.

Site123 est-il adapté pour créer un site ecommerce ?

On ne va pas y aller par quatre chemins. Disons-le tout de suite : Site123 n’est clairement pas adapté à votre projet si vous souhaitez créer un site ecommerce. Les fonctionnalités ecommerce se font remarquer par leur quasi-absence, que ce soit au niveau de la livraison, des moyens de paiement, des promotions, du cross-selling, de la récupération de panier abandonné, etc. Par contre, vous pouvez commercialiser quelques produits sur votre site. Pour cela, il vous suffit de créer une nouvelle page et de choisir le module « Boutique simple ». Voici à quoi ressemble la page Boutique sur un site Site123 :

 

Comme vous pouvez le constater, il est possible d’organiser les produits en catégories. Les pages produits se réduisent au strict minimum : un titre, une catégorie, une description courte, une description longue, le prix, une image. Vous pouvez, depuis le blog « description longue » intégrer une vidéo.

Le seul mode de paiement possible est Paypal. Pour gérer vos commandes, vous devez vous rendre sur le tableau de bord de votre compte Site123, puis dans Activités > Liste de commandes. A vous de gérer ensuite la livraison. On ne peut donc pas à proprement parler créer un site ecommerce avec Site123, mais il est néanmoins possible de vendre quelques produits. Comme nous l’avons vu au début de ce test, le nombre de commandes maximum mensuel dépend du forfait choisi. A noter pour finir que Site123 ne prend aucune commission sur vos ventes.

Si vous souhaitez créer un site ecommerce avec un petit budget, nous vous conseillons des logiciels comme WooCommerce, Shopify, Prestashop ou Magento.

Les applications tierces sur Site123

Site123 propose 24 applications tierces. Ces applications (ou « plugins ») permettent d’ajouter de nouvelles fonctionnalités à votre site internet. Pour gérer vos applications, vous devez vous rendre dans « Paramètres » > Plugins. Certains plugins sont d’ailleurs automatiquement installés par Site 123 lors de la création de votre site.

Il y a quatre grandes catégories de plugins disponibles sur Site123 :

• Analytics Tools : ce sont des plugins qui permettent d’analyser toutes  les statistiques de votre site internet. Il y en a quatre actuellement : Google Analytics (qui permet d’obtenir des statistiques ultra-détaillées sur les visiteurs de votre site), Google AdWords (qui permet de faire la publicité de votre site sur Google), Facebook Pixel et Twitter Conversion Tracking. Ces deux dernières applications permettent d’analyser très finement les taux de conversion de vos publicités sur Facebook et Twitter.
• Live Support Chat : ce sont des applications qui donnent la possibilité à vos visiteurs d’interagir de manière instantanée avec vous lorsqu’ils sont sur votre site. Site123 propose pas moins de 6 applications de livechat, dont Pure Chat, LiveChat, Zopim (qui appartient à Zendesk) et Intercom. On peut s’étonner que près du quart des applications de Site123 soient des applications de livechat…même si cette fonctionnalité est très utile pour communiquer avec ses clients potentiels.
• Marketing Tools : Site123 propose deux applications dans cette catégorie, Zotabox et Privy. Elles permettent de créer des bannières publicitaires, de formulaires d’inscription et des listes d’emails, etc.
• Webmaster Tools : ces applications de gérer la présence de votre site sur les moteurs de recherche. Trois applications sont proposées. Chacune correspond à un moteur de recherche : Google Webmaster Tools (qui s’appelle maintenant Google Search Console), Bing Webmaster Tools, Yandex Webmaster Tools (Yandex est le Google russe).

Malheureusement, vous devez opter pour un abonnement payant à Site123 pour pouvoir installer ces applications. Seules quelques applications (comme celle de Google Analytics) sont accessibles dans la version gratuite.

Sur Site123, il n’y a pas d’interface pour analyser les statistiques de trafic. Pour accéder à vos statistiques de trafic, vous devez relier votre site à un compte Google Analytics en utilisant l’application Google Analytics.

Site123 et le paramètrage SEO

Un site internet, pour générer du trafic, doit être visible sur les moteurs de recherche. Le SEO désigne toutes les techniques on-site et off-site qui permettent d’améliorer cette visibilité. Lorsque l’on parle de niveau de paramètrage, on s’intéresse aux aspects « on-site » (Title, Meta Description, URL, etc.), par opposition aux aspects off-site (backlinks essentiellement). Le niveau de paramètrage est-il satisfaisant sur les sites Site123 ?

Sur Site123, les réglages SEO s’effectuent principalement depuis Paramètres > SEO. Site123 génère automatiquement un Sitemap (plan de site, en français), ce qui est un point très positif. Le Sitemap permet aux robots algorythmiques de Google et autres de mieux comprendre la structure de votre site. Le Sitemap permet une meilleure indexation de vos contenus dans les moteurs de recherche. Vous pouvez aussi configurer la balise Title, la balise Meta Description et renseigner les tags de mots-clés. Là encore, c’est très bien. Le seule problème, c’est que cela n’est possible n’est possible que pour la page d’accueil (homepage). Ce n’est pas un mince problème. Dans l’idéal, il faudrait que chaque page de votre site ait son propre Title et sa propre Meta Description. On a déjà parlé plusieurs fois de ces balises sur La Fabrique du Net. Elles sont essentielles dans une optique de référencement naturel, et c’est bien dommage qu’il ne soit pas possible de les personnaliser sur Site123 (sauf pour la page d’accueil). Vous n’avez pas la main sur les URL non plus. Vous ne pouvez pas du tout les personnaliser. C’est un autre point faible.

Petite nuance : il est possible de personnaliser la Meta Description sur certaines pages (pas toutes) :

Les autres fonctionnalités

Pour finir ce tour d’horizon de Site123, revenons sur certains éléments dont nous n’avons pas encore parlé : la possibilité de créer des sites à une page, le tableau de bord, les fonctions de blogging.

Créer un site à une page

Ce point est très important. Avec Site123, vous avez deux possibilités :

• Créer un site qui tient sur une seule page. Dans ce cas-là, votre site ne comporte qu’une seule URL et toutes les « pages » (on devrait plutôt parler de sections) de votre site sont intégrées sur la même page. Lorsque l’internaute clique sur un bouton du menu situé en haut de votre page, la page défile jusqu’à la section associée. Créer un site à une page peut être une bonne idée si vous souhaitez créer un petit site, avec peu de contenus.
• Créer un site multi-pages, autrement dit un site classique avec plusieurs pages. Chaque page (ou « modules ») a son URL. Lorsqu’un internaute clique sur une entrée de votre menu, il est redirigé vers la page correspondante.

La facilité qu’il y a à passer de la configuration multi-pages à la configuration une page est clairement à mettre au crédit de Site 123. Pour switcher de l’un à l’autre, vous n’avez qu’à vous rendre dans Paramètres > Type de site web. Remarquons d’ailleurs que le basculement d’un mode à l’autre serait beaucoup plus complexe si vous aviez la main sur vos URL (c. paragraphe précédent). C’est d’ailleurs surement la raison pour laquelle Site123 ne permet pas de personnaliser les URL.

Vous souhaitez en savoir plus sur le fonctionnement des sites à une page ? Voir des exemples de sites utilisant ce format ? Vous vous demandez si c’est la bonne solution pour votre projet web ? Pour avoir la réponse à toutes ces questions, nous vous renvoyons à la lecture de l’article complet que nous avons consacré à ce format de site internet : « L’art du site web en une page« .

Blog

Site123 propose un module « Blog », qui permet de publier des articles sur votre site. Il s’agit d’un module très élémentaire. Si vous souhaitez créer un site de type magazine, passez votre chemin (orientez-vous plutôt vers WordPress, qui reste la référence). Voici à quoi ressemble une page Blog :

La page présente le titre de l’article, un extrait et une photo. Voici à quoi ressemble le menu d’édition (pour créer et intégrer vos articles sur votre site) : 

Vous pouvez configurer : le titre de l’article, la date et l’heure de publication (qui déterminera automatiquement l’ordre d’affichage des articles sur la page générale du blog), des mots-clés, une description courte (celle qui apparaît sur la page générale du blog), une description longue (= le corps de l’article), une photo d’illustration. Le menu d’édition de la description longue vous permet d’insérer dans votre article de blog une vidéo, des liens ou des citations. C’est un module malgré tout très limité : vous ne pouvez pas structurer le contenu de vos articles à l’aide de balises Hn (H1, H2, H3, etc.), vous ne pouvez pas classer vos articles par catégories, vous ne pouvez pas personnaliser l’URL bien entendu, vous ne pouvez pas planifier la publicition, vous ne pouvez pas intégrer de flux RSS, etc. Le module de blog est néanmoins largement suffisant si vous souhaitez simplement publier un article de temps en temps et que la partie blog n’occupe qu’une partie mineure de votre internet.

Le tableau de bord

Le tableau de bord vous permet de gérer vos différents sites et d’en créer de nouveaux si vous le souhaitez. C’est aussi depuis le tableau que vous pouvez gérer vos noms de domaine, gérer les commandes associées à la partie boutique de vos sites, lire les messages en provenance du formulaire de contact, modérer les commentaires sur votre blog et gérer vos listes de diffusion (emailing).

Rappelons une nouvelle fois qu’il n’y a aucune interface pour analyser les statistiques de votre site (ou de vos sites). Vous devez utiliser Google Analytics.

Support

Le support est accessible quel que soit la formule que vous choisissez (formule gratuite ou formule payante). La documentation se résume à une FAQ et à une petite vidéo de tutoriel. Vous pouvez contacter l’équipe de Site123 via le formulaire de contact, par email ou à partir du livechat disponible sur le site. Un livechat plutôt réactif qui vous permettra des réponses à vos questions en quelques minutes. Le livechat est disponible à toutes les heures du jour et de la nuit. Les fonctions support de Site123 sont globalement satisfaisantes. Le vrai avantage résidant dans la présence du livechat, sans doute le moyen le plus efficace en termes de relation client. Pas de téléphone par contre.

Conclusion – Notre avis sur Site123

Pour une personne (particulier ou professionnel) qui n’y connaît pas grand-chose en création de sites internet, qui souhaite avoir un site opérationnel rapidement et qui a un budget très limité, Site123 est clairement un logiciel intéressant. On peut créer un site opérationnel en deux/trois jours grâce à la simplicité de la plateforme.

Ce qu’il faut retenir, c’est que Site123 est vraiment conçu pour les néophytes et pour les personnes qui n’ont pas de besoins très complexes. Site123 permet de créer des sites simples et efficaces. On a beaucoup apprécié l’extrême simplicité de l’éditeur, ainsi que la possibilité de créer facilement plusieurs sites et le fait que le template soit responsive.

Après, il faut être réaliste : vous ne pourrez pas créer un site ultra-personnalisé avec des fonctionnalités complexes sur Site123. Si c’est ce que vous voulez, vous n’êtes clairement pas la cible de Site123. Vous devez vous orienter vers des solutions plus complètes (nous vous avons donné quelques noms de logiciels plus haut). Si vous souhaitez créer un blog ou un site ecommerce dignes de ce nom, Site123 n’est pas fait pour vous. Par contre, si votre objectif est de créer rapidement un site de promotion d’un événement, de pré-lancement d’une application, un portfolio, ou même un site de restaurant / médical / juridique rudimentaire, tentez l’expérience Site123. C’est rapide et très peu onéreux.

Cet article a été sponsorisé par Site123.
> En savoir plus sur les articles sponsorisés