WIX : Avis SEO sur les problèmes de référencement

Problème de référencement sur les sites internet Wix, onglet SEO backoffice Wix
Onglet référencement d’un site internet Wix de test

Problème de référencement Wix

Nous voyons encore beaucoup de sujet postés et de tickets ouverts concernant des problèmes de référencement Wix. C’est pourquoi nous avons décidé d’analyser Wix d’un point de vu SEO pour savoir si les problèmes de référencement des sites internet Wix sont toujours d’actualité en 2017.

Le contenu avant tout pour un bon SEO

C’est ainsi que les commerciales de Wix se défendent, et ils ont raison ! Plus Google absorbe de contenu et mieux ce sera pour votre site. D’autant plus si c’est du contenu intéressant et bien optimisé.

Le contenu, c’est 50% du référencement naturel, le reste se trouve dans l’optimisation des balises, les backlinks, les réseaux sociaux, l’optimisation mobile, la vitesse du site, la qualité de l’hébergement, etc.

Attention aux sites one-page !

Les sites one-page, ayant tout le contenu sur une page ne dispose que de peu de contenu pour Google, comme on l’a vu ci-dessus. Les sites sur une seule et unique page sont donc une mauvaise idée. Prenez garde en choisissant votre template Wix !

Le Javascript et le mauvais référencement Wix

Google arrive à lire le Javascript, c’est vrai ! Et encore heureux, car leur framework Angular est en Javascript. Seulement prenez garde, car une erreur Javascript peut suffire à ne pas afficher correctement la page, et Google tient compte de l’ergonomie des pages web dans son algorithme de référencement.

La vitesse de chargement, point faible de Wix ?

La vitesse joue un grand rôle dans le taux de rebond, et donc dans votre référencement. Attention au Javascript utilisé à toutes les sauces, en effet le rendu Javascript fait fonctionner votre navigateur web. Si celui n’est pas mis à jour, bogue ou souffre de lenteur, votre site internet sera d’autant plus lent.

Google prend en compte le temps de rendu de la page. Si votre page charge en 0.3 seconde (c’est génial), mais que le rendu du contenu met 4 secondes à arriver, votre temps total de chargement sera de 4.3 secondes… beaucoup moins bien hein ? Javascript n’est pas toujours de bon conseil. Attention à ce point-ci.

Mobile First, Google vs Wix

Google nous annonce que les sites doivent désormais être codés en mobile first. C’est à dire que nous le concevions d’abord pour les mobiles, ensuite pour les ordinateurs.

Le temps ou votre site devait être reponsive pour être mieux classé par Google est révolu, désormais il doit être conçu pour les mobiles et adaptés pour les PC, c’est totalement différent. Avoir son site internet responsive est donc une obligation pour le référencement SEO.

Modification du contenu HTML / Javascript de votre site internet Wix

Sachant que vous n’avez pas accès au code source du CMS, vous ne pouvez pas gérer la partie technique sur la modification du code HTML / Javascript. Sur les CMS libres et opensources, il est possible de tout voir, de tout modifier, de tout rajouter, d’enlever certaines parties.

Si quelque chose vous pose problème à vous ou à Google, il vous sera impossible de l’enlever.

Personnalisation de Wix limitées en terme de SEO

Il existe des tas de plugins qui font vivre le SEO sur WordPress ou Drupal, permettant au site internet d’être beaucoup mieux classés dans Google.

Ces plugins n’existent pas sous Wix, un manque de fonctionnalités expliqué par le fait que le CMS ne soit pas libre et donc que la communauté ne le gère pas.

Les URL Wix, le problème majeur du référencement sous Wix ?

Les URLs trop longues sont une des sources des mises en quarantaine des sites Wix par les antivirus. Mais un autre problème existe.

Les URLs jouent un grand rôle dans le référencement, et Wix semble l’avoir compris. Une URL ne doit pas être de la forme :

http://site-web.com/#dedezdze-dez456dze-dezd48d54d/

Mais une URL doit être optimisée pour le référencement naturel.

http://site-web.com/nature/zoo-lunares-ouvert-printemps-2017

Balises de base SEO, ok pour Wix ?

Certaines balises HTML sont obligatoires pour avoir un référencement naturel. La balise title, la meta description, la meta viewport, les balises h, strong, em…

Toutes ces balises jouent un rôle dans votre contenu de référencement, vous devez impérativement les utiliser, et vos templates Wix aussi !

Possibilité d’utiliser les balises Schema pour le Structured Data ?

Wix a intégré les balises Schema pour pouvoir utiliser le contenu enrichi de Google.

Comme il n’est pas possible d’ajouter manuellement un schéma de balisage sur le code source de votre site, une partie du contenu des sites Wix, tels que les posts de blog et le contenu de la Boutique en Ligne, est déjà appliquée en conformité avec schema.org.

https://support.wix.com/fr/ticket/0c94acca-a5b5-4060-869c-090557f01281

C’est une très bonne chose pour la visibilité de votre site dans les résultats de recherche Google, espérons que cette dernière soit faite correctement et soit reconnue par Google.

Je ne suis pas sur que sur un contenu uniquement fait de Javascript cela fonctionne…

Conclusion : est-ce que Wix est mauvais pour son référencement SEO ?

Bonne question ! D’autant plus que ces derniers utilisent WordPress pour leur blog et ne semble pas utiliser Wix pour leur site www.wix.com… Pourquoi ne pas faire confiance à son propre produit ?

Doit-on alors craindre pour son référencement chez Wix ?

Il y a beaucoup d’utilisateurs qui s’en plaignent sur les forums. J’ai simplement créé un site de test chez Wix pour effectuer les différents tests, donc de mon point de vu il est difficile de donner un avis tranché (uniquement en ce qui concerne le référencement web).

Je fais davantage confiance en WordPress qui est gratuit et libre, il fait tourner 30% des sites internet.

D’autant qu’il faut le rappeler, chez Wix vous n’êtes pas propriétaire de votre contenu. Sous WordPress, tout vous appartient, et vous pouvez choisir n’importe quel hébergement web !

WordPress : Comment modifier correctement son thème ?

Modifier un thème WordPress via le CSS
Capture d’écran de l’inspecteur CSS de Google Chrome sur mon thème WordPress

Pour bien modifier votre thème WordPress, et le modifier correctement, vous allez avoir besoin de créer un thème enfant.

Un thème enfant vous permettra de modifier votre thème WordPress courant sans pour autant vous priver de ses mises-à-jour.

1 – Créer un thème enfant sous WordPress

Un excellent plugin existe pour créer un thème enfant sous WordPress, il s’agit de Child Theme Configurator, nous en parlions dans notre article : Les meilleurs plugins WordPress en 2017.

En un clic, il vous permet de créer la copie conforme de votre thème actuel WordPress.

Une fois installé, Child Theme Configurator se trouve dans Outils > Thèmes enfants.

Pour créer un nouveau thème enfant WordPress il suffit de voir l’option : “CRÉER un nouveau thème enfant“. Une fois analysé, votre thème est prêt à être copié dans un thème enfant, cliquez sur le bouton en bas “Create new child theme“, laissez toutes les options proposées par défaut.

Modifier son thème WordPress avec un thème enfant
Thème enfant du thème WordPress par défaut : Tweenty Seventen

2 – Activer son thème enfant pour modifier son thème WordPress

Une fois le thème enfant créé, dans Apparence, un nouveau thème s’est créé, votre thème enfant. Activez-le.

A ce stade retournez sur votre site, vous devriez avoir exactement la même chose qu’avec le thème parent.

Si ce n’est pas le cas, la feuille de style a probablement sauté, essayez de changer cette option dans Child Theme Configurator ou laissez-nous un commentaire pour que l’on puisse vous aider.

Maintenant que le thème enfant de votre thème WordPress est activé, nous allons pouvoir modifier le thème sans casser les mises à jour du thème parent.

3 – On peut maintenant customiser son thème WordPress

Dans Apparence > Editeur, vous voyez que la structure a changé, un seul fichier CSS existe, le fichier style.css dont vous allez vous servir pour réécrire les propriétés de votre thème parent. Ne touchez pas au fichier functions.php.

/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.1.1488900103
Updated: 2017-03-07 15:21:43
*/

C’est ici que vous placerez votre nouveau CSS, le fichier est vide, c’est normal ! Par exemple, vous allez pouvoir changer la couleur de fond de l’entête votre thème WordPress ici, grâce au CSS.

Modifier le code CSS de son thème WordPress

Modifier un thème WordPress via le CSS
Capture d’écran de l’inspecteur CSS de Google Chrome sur mon thème WordPress

Sur Google Chrome (CTRL+MAJ+I), sur Firefox (F12).

  • La petite flèche en haut à gauche de la console permet de sélectionner un élément (passez votre souris sur la page).
  • En bas à gauche, on peut modifier notre code CSS à la volée pour voir ce que cela donne.

Une fois le code CSS modifié, il n’y a plus qu’à le reporter dans notre feuille de style (style.css que l’on a vu plus haut).

body:not(.home) header#masthead { background-color: white; }

Depuis ce que j’ai pu constater dans mon code CSS, ce code devrait fonctionner car au niveau de l’inclusion du code du thème enfant dans WordPress, cette inclusion est faite après le thème parent, donc prend le dessus.

Si ce n’est pas le cas, ne pas hésiter les variantes suivantes, en rajoutant “html” devant ou “!important” après la propriété (en dernier recourt ou pour overrider ce qui est écrit avec la balise html “style”.

html body:not(.home) header#masthead { background-color: white; }
body:not(.home) header#masthead { background-color: white !important; }

Bon courage ! N’hésitez pas à nous poser vos questions sur la modification de thèmes WordPress en commentaire !!

Serveur dédié vs Serveur mutualisé (hébergement) vs VPS (virtuel)

Sécurité site internet serveur
Choisir le meilleur serveur pour héberger ses projets sur internet ?

Comment choisir un serveur pour son site internet ou pour son projet web

Quelles sont les différences entre un serveur dédié, un serveur mutualisé et un serveur virtuel ?

Nous allons répondre à ces questions pour vous permettre de choisir quel type de serveur vous avez besoin pour votre projet web, que ce soit un site internet ou une application logicielle.

(*) Performance : Nous entendons par performance la puissance de la machine à répondre rapidement à des opérations. Une machine ayant 0.1 seconde en plus sur une autre est pour nous bien plus rapide.

Pourquoi choisir un serveur dédié pour son projet web ?

Un serveur dédié a de nombreux avantages pour créer un nouveau projet en ligne, vous êtes totalement libre sur la manière de gérer votre serveur, vous installez ce que vous y voulez, les performances sont supérieurs à un VPS (serveur virtuel) du fait que l’architecture ne soit pas virtualisée.

Avantages

  • Le dédié est le plus rapide des serveurs.
  • Vous avez le choix sur le système à installer, les logiciels, leur configuration…

Inconvénients

  • Personne n’a préparé quoique ce soit en amont pour vous.
  • Vous devez sécuriser votre installation vous-même.
  • Administrateur système est un métier, ce sera chronophage car vous y consacrerez beaucoup de temps.

Exemple d’applications à déployer sur un serveur dédié

  • Une gestion commerciale ou se connecte plusieurs 100 d’utilisateurs simultanément.
  • Un serveur ayant besoin de faire tourner des OS virtuels.
  • Une base de données de réplication hyper-performante.
  • Une application nécessitant une écriture sur disque I/O rapide (prévoir un SSD)
  • Une grosse application ayant besoin de robustesse.

> Le serveur dédié chez soi ?

Vous pouvez avoir eu la bonne idée d’héberger directement votre serveur chez vous ! C’est une bonne idée pour apprendre l’informatique et le réseau (configuration DNS, adresse IP fixe du routeur, routage PAT / NAT, administration système…). Si votre but est d’apprendre, allez-y. Si c’est pour de la production, passez votre chemin.

  • Un ordinateur tournant H24 chez soit est très gourmand en électricité.
  • Les performances seront très basses au niveau du réseau…

Si l’idée vous dit, je vous conseille cet article sur héberger un serveur chez soi.

Pourquoi choisir un serveur virtuel (VPS) pour son projet web ?

Le VPS est semblable au serveur dédié en tant que tel, car vous aurez la même liberté dans le système (un serveur virtuel est simplement est système virtualisé sur un serveur dédié, l’avantage est de pouvoir posséder plusieurs systèmes sur un même serveur).

Avantages

  • Vous avez le choix sur le système à installer, les logiciels, leur configuration…
  • Bien moins cher que le dédié.
  • Les performances ne sont pas forcément un critère pour votre application web.

Inconvénients

  • Personne n’a préparé quoique ce soit en amont pour vous.
  • Vous devez sécuriser votre installation vous-même.
  • Administrateur système est un métier, ce sera chronophage car vous y consacrerez beaucoup de temps.
  • Moins de performance que le serveur dédié.
  • Performance réseau / disque réduite car vous êtes plusieurs sur le même serveur (par rapport à un dédié)

Exemple d’applications à déployer sur un serveur virtuel

  • Plusieurs sites internet / web apps.
  • Des applications web ne nécessitant pas beaucoup de performance (un WebService, un site internet JS / PHP…)

Pourquoi choisir un serveur mutualisé (hébergement) pour son projet web ?

Le serveur mutualisé est la forme d’hébergement la plus courante sur internet. La plupart des hébergements donnent moins de marge de manœuvre qu’un serveur privé (virtuel ou dédié) mais pas toujours.

Avantages

Inconvénients

  • Plus restreint, on a pas toujours tout ce qu’il nous faut.
  • Performance réseau / disque réduite car vous êtes plusieurs sur le même serveur (par rapport à un dédié)
  • Limitations techniques imposés par l’hébergeur (comme une seule base de données, un seul sous-domaine…).
  • Même adresse IP, l’hébergeur doit être réglo.

Exemple d’applications à déployer sur un serveur virtuel

  • Un site internet
  • Une application web (WebService…)
  • Une application Javascript, Perle, Python…

 

Découvrez notre hébergement web sécurisé, 100% fonctionnalités

Conclusion, comment choisir un serveur pour son site internet ou son application web ?

Nous avons essayés de vous donner les avantages / inconvénients de chacune des solutions disponibles et même des exemples pour vous aider à choisir le meilleur serveur pour votre projet web (site internet, application web…).

Certaines solutions ont besoins d’être choisi au cas par cas en demandant de l’aide à un professionnel, vous pouvez d’ailleurs nous laisser vos questions en commentaires.

WordPress : Notification si quelqu’un se connecte sur l’admin

Alerte connexion admin Wordpress

Alerte connexion admin WordPress

Alerte de connexion à l’administration de WordPressPour augmenter la sécurité de son site internet WordPress, nous avons choisi d’être averti en cas de logging d’un administrateur sur le backoffice de WordPress.

Recevoir une notification si un administrateur se connecte sur votre site WordPress vous permettra de réagir rapidement en cas d’attaque !

Alerte de connexion sur l’admin WordPress

Le plugin WordPress que nous utilisons s’appelle tout simplement “Email notification on admin login“. Il fonctionne à merveille, voir la capture d’écran en haut de l’article.

Vous n’avez qu’à l’installer et il fait tout tout seul !

Configurer le plugin d’alerte de connexion à l’administration de WordPress

Le plugin très simple comporte deux fichiers situés dans :

/wp-content/plugins/email-notification-on-admin-login/

Changer le destinataire de l’adresse e-mail de notification de connexion

Ligne 13 du fichier config.php, la ligne suivante permet d’utiliser l’e-mail du responsable du site :

 define("ADMIN_EMAIL", "$admin_email");

Vous pouvez remplacer “$admin_email” par une autre adresse e-mail.

Personnaliser la notification de connexion à l’administration de WordPress

Dans le fichier index.php, vous trouverez sous format texte le message du plugin de notification de connexion WP.

$message = <<<MESSAGE
 An admin logged in your WordPress website {$website_name} on {$get_time_of_login}
 with the IP: {$get_ip}
MESSAGE;

Vous pouvez aménager cela comme vous voulez, tant que vous gardez les variables.

WordPress : Désactiver WP REST API (faille de sécurité)

Désactiver WordPress REST API
WP-JSON, l’API REST pour WordPress

Désactiver WordPress REST API

Désactiver WordPress REST API est la chose à faire pour éviter les problèmes de sécurité à venir sur WordPress > 4.6. En effet les dernières failles WordPress concernent cette API ouverte.

WordPress a choisi de mettre en ligne sa WP REST API et son protocole XML RPC depuis la version 3.5. Ils servent à des applications de communiquer avec votre site internet WordPress, le célèbre plugin JetPack s’en sert.

Certaines thèmes (récents) s’en servent aussi. Alors une fois l’API REST de WordPress désactivée, pensez à vérifiez que votre site est bien fonctionnel !

Pourquoi autoriser la WP REST API est dangereux ?

Dans les architecture logiciel actuelles (c’est la mode), les développeurs codent avec un côté front (ce que l’utilisateur voit) et un côté back (ce avec quoi l’utilisateur interagi (base de données, articles…)). Une API REST sert justement à cette architecture, on propose au front une interface pour communiquer avec le back.

Jus-qu’il y a quelques années on utilisait tout sur le même projet pour les projets web, cette nouvelle approche apporte une grande flexibilité, mais un peu moins de sécurité…

Désactiver WP REST API sur son site internet WordPress

Un simple plugin pour désactiver l’API WordPress

Si vous ne souhaitez désactiver que l’API REST de WordPress, cette option est toute trouvée pour vous.

Désactiver WP REST API WordPress
Désactiver la REST API de WordPress pour les utilisateurs non enregistrés

https://fr.wordpress.org/plugins/disable-json-api/

Attention, car ce plugin ne désactive que le REST API WP pour les utilisateurs anonymes, si un bot s’est inscrit sur votre site internet les failles seront toujours exploitables.

SecuPress, désactiver l’API REST de WordPress

SecuPress est un très bon plugin de sécurité dont nous avions parlés dans notre article “Les meilleurs plugins gratuits de WordPress en 2017“.

Dans SecuPress > Modules > Données sensibles, cochez les deux cases :

  • Désactiver toutes les fonctionnalités de XMP-RPC
  • Désactiver les fonctionnalités de l’API REST
Désactiver WP REST API et XML RPC
Désactiver l’API REST de WordPress ainsi qu’XML-RPC

https://fr.wordpress.org/plugins/secupress/