Le design d’un site influence son référencement, comment ?

CHC - Comment le design d'un site influence son référencement

CHC - Comment le design d'un site influence son référencement

Avoir un joli site design vous aide à bien présenté votre entreprise, lui donner une image de marque, mais si nous vous disions que le design d’un site influence son référencement ? Et oui, les algorithmes de Google sont plein de secrets… On vous explique !

L’ux Design pris en compte par Google

L’UX Design ou expérience utilisateur repose sur une série de règles et de conventions qui ont pour but d’optimiser et de rendre plus agréable la navigation d’un site web ou d’une application.

Il est évident qu’un site bien pensé et bien réalisé, donnera à l’utilisateur une bonne impression sur votre entreprise. Lui donnera l’envie d’y rester plus longtemps, de l’explorer et peut-être même de le partager. Mais saviez-vous que Google analyse ce comportement utilisateur afin de se renseigner sur votre site ?

Tout l’intérêt du référencement naturel (SEO) est d’apparaitre sur Google en première page, et le plus haut possible… Avec cette analyse du comportement de vos visiteurs Google décide de la pertinence de votre site selon la recherche. Ainsi si l’utilisateur de votre site, revient trop rapidement sur la page de recherche avant de se rendre sur un site concurrent, Google fera baisser votre position dans les résultats de recherche, et inversement.

Ce que Google analyse déjà…

Google sait reconnaître un site bien pensé autant pour les supports mobiles que pour les ordinateurs (ce qu’il favorise dans le classement), mais il sait aussi reconnaître et pénaliser les sites produisant trop de pop-up ou d’interstitiels.

Mais, Google sait également lire…

  • Les sites avec des images et des vidéos,
  • Les sites dont le chargement est rapide,
  • Les sites utilisant du HTML5 et du JavaScript plutôt que du Flash,
  • Les pages présentant un contenu utile dès l’ouverture (pas sous une publicité),
  • Les textes clairement lisibles (bon contraste entre le fond et le corps du texte, bonne taille de texte, assez d’espace blanc,…).
  • Le texte des images…

Des éléments qu’il faut d’ors et déjà prendre en compte dans la conception de son site web afin de favoriser son référencement naturel.

Ce que Google voudra demain ?

Google, moteur de recherche le plus utilisé du monde, est chaque jour un peu plus performant. De fait, son analyse du design est appelée à le devenir aussi, d’autant que Google investit de plus en plus d’argent dans ce sens.

C’est pourquoi, certains éléments pourrait avoir un rôle important à jouer très bientôt dans le référencement, tel que :

  • La présence d’images pertinentes (et pas seulement via la balise “alt”),
  • Les descriptions des balises “alt” plus précises (et qui ne sont donc plus seulement utilisé à des fins de référencement).

Le choix des images, photographies, illustrations,… Sera de plus en plus important dans les mois et années à venir.

Quelques éléments pour vous aider…

Afin de voir si Google aime votre site il existe plusieurs sites pour tester celui-ci et voir votre note :

design d'un site influence son référencement - Page speed insights

Page Speed Insights, analyse le contenu de votre site et vous fais des suggestions pour améliorer la vitesse de la page.

 

design d'un site influence son référencement - Testmysite

Testmysite, teste et analyse votre site sur sa capacité à être responsive, la vitesse de chargement sur mobile et sur ordinateur et vous propose un rapport gratuit afin de vous aider à améliorer votre site.

 

En connaissant bien Google, ses règles et sur quoi se base ses algorithmes, il est facile d’optimiser au maximum son site et de devenir “Google-friendly”.

N’hésitez pas à nous contacter pour toutes questions sur votre site et comment augmenter son référencement naturel !

 

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

Focus : 6 outils de création de newsletters simple d’utilisation.

Outils de création de newsletters

Outils de création de newsletters

Les newsletters sont de nos jours un outil marketing incontournable, mais pour que cette action soit une réussite il est important de bien penser sa newsletter, et surtout de bien la concevoir.

Nous vous proposons une liste non exhaustive des outils de création de newsletters afin que vous puissiez trouvez l’outil qui conviendra le mieux à vos besoins. 

Mailchimp

Outils de création de newsletters Mailchimp

Mailchimp est l’incontournable du web en terme de newsletter. Cet outil permet de créer très facilement et rapidement des newsletters professionnelles, de les envoyer immédiatement ou à date ultérieure. Et en plus, il est gratuit jusqu’à 2000 contacts et 12000 mails par mois ! 

Mailchimp vous donne également la possibilité d’accéder à un reporting détaillé où il est possible de suivre le taux d’ouverture, le taux de clic, le nombre de transfert… Tout pour voir la portée de votre campagne !

Mailjet

Outils de création de newsletters Mailjet

Mailjet offre de nombreuses possibilités et fonctionnalités pour vos campagnes mail.

Très facile à prendre en main, Mailjet s’adapte aussi bien aux freelances qu’aux entreprises grâce à différents forfaits. Vous pourrez le tester gratuitement en ne dépassant pas 200 mails par jour et 6000 mails par mois.

Petite info, Mailjet est un outil Français ! 

SimpleMail

Outils de création de newsletters SimpleMail

SimpleMail est un outil principalement dédié au e-commerce, il se distingue par de nombreuses fonctionnalités : de la simple campagne promotionnelle ou emails ultra-personnalisés.

Il est d’ailleurs possible avec SimpleMail de tester la portée de vos mails grâce à un système d’A/B Testing : envoyer pour la même opération, deux emails différents afin de voir celui qui fonctionne le mieux !

Mailpoet

Outils de création de newsletters Mailpoet

La grosse différence de Mailpoet qui en fait surtout son avantage, n’est autre que d’être avant tout une extension WordPress.

Il s’installe en quelques clics et vous permet de récolter des adresses mails de prospects depuis n’importe quelles pages de votre site. Vous choisissez où l’installer ! 

Evidemment, avant tout un logiciel de mailing, vous avez la possibilité de programmez des campagnes automatisées par exemple à la publication d’un nouvel article.  La encore des statistiques vous sont proposées, succinctes toutefois : taux d’ouverture, taux de clics, partages…

Sarbacane

Outils de création de newsletters Sarbacane

Sarbacane est un logiciel de mailing dédié aux entreprises avec des besoins importants.

Elle offre de nombreuses fonctionnalités : l’envoie de campagne régulière, un système d’A/B Testing, la synchronisation avec de nombreux CMS (WordPress, Prestashop, Magento,…).

Sarbacane, est aussi une entreprise Française ! Et met un point d’honneur à assurer le bon envoi et la bonne reception de vos mails.

Aweber

Outils de création de newsletters Aweber

Autre et dernière solution très connue, en ce qui concerne notre article, Aweber permet de créer très facilement des newsletters et de collecter des adresses emails directement depuis son site.

Vous pourrez suivre la progression et les retombées de vos campagnes, afin d’affiner votre stratégie et d’augmenter votre taux de conversion.

Petit plus, Aweber propose une fonction “auto-répondeur” qui permet aux entreprises de créer des scénarios personnalisés suite à des actions spécifiques sur le site.

 

Ces quelques logiciels de création de campagne emailing sont ceux que nous préférons chez Cubis-Helios.

Nous sommes toutefois preneur de vos petits préférés en commentaire ! 🙂

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 »

Comment publier automatiquement sur les réseaux sociaux ?

Partager ses derniers articles sur les réseaux sociaux automatiquement

Partager ses derniers articles sur les réseaux sociaux automatiquement

deliver-it, un service pour partager automatiquement ses derniers articles sur les réseaux sociaux

Publier automatiquement sur les réseaux sociaux

Si vous recherchez comment publier automatiquement sur les réseaux sociaux, vous avez deux options :

  • publier automatiquement mes dernières articles sur les réseaux sociaux (Facebook, Twitter, Google Plus, Pinterest, Linkedin) ;
  • publier automatiquement des anciens articles que vous aviez déjà fait (nécessite WordPress).

Attention, n’usez pas trop de ce genre de services, vous ne voudriez pas que les gens cessent de vous suivre car vous les spammez.

Publier automatiquement ses derniers articles sur les réseaux sociaux

Votre flux RSS sert à recenser tous les derniers articles publiés, WordPress par exemple le gère automatiquement. Ce flux RSS peut être lu par n’importe quel outil, comme Feedly par exemple.

Dlvr.it se sert de se flux RSS pour vérifier à intervalle régulier l’arrivée de nouveaux éléments, si nouvel élément il y a, alors il se chargera de publier les derniers articles sur les réseaux sociaux.

Publier automatiquement sur les réseaux sociaux grâce au flux RSS
Rechercher le flux RSS d’un site internet
Partager ses derniers articles sur Facebook, Twitter, Google Plus, Linkedin
Ajouter de nouveaux réseaux sociaux où partager ses derniers articles

Tout simplement, deliver-it se chargera de récupérer les derniers articles depuis votre flux RSS (à noter que vous pouvez utiliser n’importe quel flux), et se chargera de publier automatique un article sur Facebook, Twitter et Google Plus.

A noter que dans la version gratuite, seulement 3 réseaux sociaux sont utilisables pour poster en automatique, ce qui est tout de même pas mal. Nous avons donc délaissé Facebook pour ajouter notre page Linkedin Entreprise.

Publier automatiquement des anciens articles sur les réseaux sociaux

Nous parlions de Revive Old Posts dans notre article sur les plugins WordPress indispensables à avoir en 2017.

Le plugin est très simple d’utilisation, la démarche à suivre pour s’identifier sur Facebook est très simple, sur Twitter c’est automatique avec l’openid.

Pensez à exclure des catégories à ne pas republier automatiquement (comme par exemple la catégorie actualité, il n’y a plus de sens de publier ses articles trop longtemps après ladite actualité).

Publier automatiquement ses anciens articles sur Facebook et Twitter
Revive Old Post, republier automatiquement sur les réseaux sociaux des anciens articles

Le seul côté négatif de ce plugin c’est qu’il n’y ai que la possibilité de publier automatiquement sur Facebook et Twitter... On aurait aimé avoir davantage de réseaux sociaux sur lesquels publier dans la version gratuite.