Auteur/autrice : gregory

Le SEO négatif est une pratique qui consiste à enfreindre des règle de la guideline Google afin qu’il pense que vous essayez de manipuler son index. Une fois qu’il pense cela, il met en place des mesures de rétorsion afin de vous faire passer l’envie de le refaire. Malheureusement, dans ce cas vous n’en êtes pas l’instaurateur ou vous ne pouvez pas lutter efficacement.

Les formes possibles d’attaques

Pour nuire à la crédibilité d’un site vis-à-vis des moteurs de recherche, il existe plusieurs pratiques plus ou moins onéreuses et plus ou moins efficaces. Les principales sont : Le contenu copié, un très grand nombre de backlinks, des backlinks non-pertinent, des problèmes serveur, faire croire à du contenu dupliqué sur votre site, demander d’enlever vos bon backlinks ou rediriger des urls.

Mauvais backlinks

C’est de loins l’attaque la plus fréquente. Il s’agit de générer beaucoup et de façon quasi-simultanée un très grand nombre de liens de mauvaise qualité et hors sujet. Le fermes de liens ont parfois été recyclées de cette façon. C’est malheureusement une attaque relativement facile à mettre en oeuvre si vous êtes prêt à dépenser un peu d’argent, efficace dans la durée et très sournois, car il faut parfois beaucoup de temps pour le remarquer. Pour ces raisons, c’est 9 fois sur 10 la pratique utilisée pour vous nuire. Il faut préciser que si cette attaque est très efficace sur de nouveaux sites, elle est très difficile sur des sites bien implantés et considérés comme fiable par google.

Si vous utiliser une adresse https, n’oubliez pas de régulièrement voir la liste de backlinks sur le http. Comme on utilise presque jamais cette version de la search console, il faut parfois beaucoup de temps pour s’en apercevoir.

Supprimer des bons backlinks

Comme les liens sont un facteur très important de positionnement, une attaque facile consiste à contacter en votre nom les sites qui font de bon backlink sur le vôtre afin de leur demander de les enlever. Très simple à mettre en place, cette stratégie peut s’avérer très efficace et peux coûteuse.

Contenu dupliqué

Pour créer du contenu dupliqué sur votre site, il suffit parfois d’ajouter un paramètre à votre URL. Si vous n’avez pas de balises canonical sur la page, elle peut être considérée comme dupliquée..

Redirections

Une redirection globale sur votre site depuis une URL a très mauvaise réputation ou depuis un grand nombre d’url peut également nuire à la réputation et au classement de votre site.

Copier des contenus

Copier le contenu de votre site pour faire croire à google que vous l’avez copié est assez difficile, car il doit être fait très très rapidement et le site qui le fait doit jouir d’une meilleure confiance et d’une indexions plus fréquente que vous que vous.

Ralentir le site

Ralentir les performances du serveur est plus facile, mais moins efficace et plus coûteux dans le temps. Il est aussi très facile à remarquer et entraîne une riposte plus rapide.

Comment détecter du negative SEO

Comme nous l’avons vu plus haut, la méthode la plus souvent utilisé pour nuire en référencement est de générer un nombre très élevé de liens de mauvaise qualité et complètement hors sujet vers votre site. Google pensera donc que vous trichez et vous pénalisera. L’image suivante montre un aperçu de la search console d’en client qui a reçu environ 150 liens depuis des sites chinois sans aucun rapport et de façon simultanée.

Conclusion

J’ai récemment dû faire face à une situation semblable sur un sexshop en suisse. Vraisemblablement, le leader du marché semble ne pas apprécier la concurrence et semble avoir été l’instigateur de l’attaque. Pour se relever (péniblement ou lentement), il a été nécessaire de désavouer les liens, d’acquérir de nouveaux backlinks de confiance et faire un passage sur un très grand nombre de pages afin de des-optimiser certaine requête. Même si les rédacteurs n’avaient pas l’intention de spammer certain mots, il est ressorti que la fréquence des termes principaux était trop élevée par rapport au contenu total. Après environ deux mois de travail, le niveau d’avant l’attaque a été à nouveau atteint…

Le balisage des données à l’aide des données structurées (Structured datas ou rich snippets) permet à Google, Bing, Yahoo de mieux interpréter les informations présentes sur les pages et les exploiter plus facilement pour ajouter parfois des extraits enrichis dans leurs résultats de recherche comme des évaluations, des adresses, gamme de prix, images, horaires et bien d’autres choses.

Pourquoi Google encourage-t-il leurs utilisations?

Google apprécie tellement l’utilisation des données structurées qu’il faut en plus de les voir comme un bon moyen d’être mieux visibles dans les serp, les considérer comme un optimisation pour le référencement. Leurs présences pour google sont importante car elle permettent améliorer la présentation des résultats dans leur moteur de recherche en améliorant le taux de clics, en présentant plus d’informations de façon condensé et améliorent la précision de leur algorithme.

L’exemple suivant est une excellant illustration de l’utilisation des données structurée dans leur SERP.

Balisage de vos données

Google fournit des outils pour vous aider à baliser correctement vos pages ou pour vous aider à créer les squelettes des données que vous allez pouvoir utiliser de façon automatisée.

Outil d’aide au balisage Google

Un des outils à disposition est leur Outil d’aide au balisage. Il permet de créer le squelette parmi une liste assez importante d’attribut. Facile à tester, il donne à la fin de l’opération le bout de code à insérer dans votre page.

Balisage dans Google Search Console

Vous pouvez également utiliser un outil présent dans la search console. Il permet soit de baliser une page spécifique soit de baliser toutes les pages du même type. La grande différence avec la façon précédente et que dans ce cas, si vous accepter, les données seront automatiquement transmises à Google. Il est toujours possible de modifier ou d’annuler ce balisage.

Microdata, RDFa et JSON-LD

Il est possible de marque vos pages à l’aide de ces trois formats et le site schema.org en donne de nombreux exemples d’implémentation. Si les notations Microdata et RDFa sont incluses dans la présentation, le format JSON-LD permet de séparer les données affichées à l’utilisateur et celles transmises au moteur ce qui a pour très grand avantage d’être entièrement défini au même endroit et en rend l’utilisation plus facile pour les programmeurs.

JSON-LD est le format recommandé par Google

Détection et contrôle du résultat dans la Search Console

Vous pouvez ici voir quelles sont les balises prises en compte par Google et remarquer d’éventuelles erreurs. Il faut tout de même préciser qu’ils vous faudra attendre plusieurs jours pour voir vos nouveaux marquages apparaître dans cette page. Il est donc indispensable de valider vos tags avec leur outil de test

Google Chrome est plus qu’un simple navigateur, à l’aide de sa barre d’outils pour développeur (F12), il est un véritable allié pour améliorer la qualité de votre développement et permet de tester si votre site est responsive, de changer les CSS en live et bien d’autres choses.

Affichage des css inutiles

La barre d’outils pour développeur de google chrome est un outils très pratique pour de nombreuses choses et quasi-indispensable pour découvrir les balises css inutiles sur vos pages. L’analyse de cette donnée permettra de réduire la taille de vos fichiers CSS soit en enlevant les balises inutiles soit en vous aidant à diviser vos css et à les personnaliser en fonction du type de page (catégories, produits, espace membre) que vous affichez. 

La taille de la page et le nombre d’information inutile à télécharger en plus de faire varier le temps de téléchargement, font partie des critères de qualité des algorithmes des moteurs de recherche.

Ce n’est évidemment pas un des critères principaux mais lorsque vous commencez à vouloir aller dans le détail, vous devrez en tenir compte.

Pour trouver les css inutiles sur votre page, Cliquez F12, sélectionner l’onglet Audit et lancer l’analyse. Vous aurez ensuite accès à la liste des CSS inutile pour la page courante.

Définir le protocol HTTP utilisé et aperçu du Waterfall

Chrome permet également d’avoir un aperçu du waterfall de chargement, du temps de chargement de la page et de trouver quel est le protocole utilisé par le serveur. Je profite de l’exemple pour vous montrer les différences entre le chargement d’une page sur un serveur équipé du HTTP2 et le chargement sur un serveur classique munis du protocole HTTP 1.1.

Si la colonne protocole n’est pas visible, ajoutez-là en cliquant sur une en-tête de colonne avec le bouton droite de la souris. Vous pourrez ajouter de nouvelles informations.

L’exemple suivant vous montre donc les avantages de l’utilisation du protocole HTTP2.

Contrôle du cache-control des fichiers

Il est fortement recommandé de définir dans le .htaccess des durées de validité et d’expiration d’expiration pour les fichiers afin de limiter les chargement et accélérer la vitesse d’affichage. Vous pouvez contrôler depuis chrome si ces directives sont correctement prise en compte de la façon suivante:

Dans l’exemple ci-dessus, les directives suivantes ont été ajouté au fichier .htaccess afin de donner des directives de cache aux navigateurs.

<ifmodule mod_expires.c="">

   AddType image/x-icon .ico
   AddType application/font-woff2  .woff2
	
    ExpiresActive on
    ExpiresByType image/jpg "access plus 3 week"
    ExpiresByType image/jpeg "access plus 3 week"
    ExpiresByType image/gif "access plus 3 week"
    ExpiresByType image/png "access plus 3 week"
	ExpiresByType application/font-woff2 "access plus 4 week" 
	ExpiresByType image/x-icon "access plus 4 week"
	ExpiresByType text/css "access 1 week"
	ExpiresByType text/javascript "access 1 week"
	ExpiresByType application/javascript "access 1 week"
	ExpiresByType text/x-javascript "access 1 week"
</ifmodule>

Trouver les ressources non-https d’un site https

Lors du passage d’une site de http à https, il arrive parfois d’oublier des ressources qui n’utilisent pas le transfert sécurisé. L’onglet Sécurity vous permet de trouver quels sont ces éléments afin de passer complètement votre site vers le nouveau protocole.

Tester si votre site est responsive

Google Chrome met à disposition un moyen très efficace, simple et rapide de tester votre site sur toutes les résolutions et vous assurez que vos pages sont bien responsive. Cette fenêtre vous permet soit de changer la résolution à l’aide de la souris ou de choisir de résolution prédéfinies correspondant à certains devices.

Contrôle des standards AMP

Comme j’en avais parlé précédemment dans mon post sur les pages amp, Chrome permet de tester si votre page respecte les standards des pages amp de la façon suivante:

Les balises sémantiques HTML5 permettent de définir clairement la fonction d’une zone de la page autant pour les browsers que pour les développeurs ou les moteurs de recherche. Elles sont utilisées par les « readers » et améliorent donc grandement l’accessibilité du site à un plus grand nombre. Elles amènent également l’avantage de définir des styles précis pour chaque zone sans avoir a ajouter d’attribut class. Html 5 apporte 6 nouvelles balises qui permettent d’affiner la structuration de vos pages

Balise	Utilisation
<header>	Section d’introduction de la page entière ou d’une section. Il serait préférable de lui donner un titre (h1 -> h6) mais ce n’est pas obligatoire. Cette balise n’est pas faite pour introduire une nouvelle section
<footer>	Section qui représente la fin de la page ou d’un article. Remplace le traditionnel div de fin de page et donne accès à une ne meilleure compréhension de la page. Elle est conçue pour encapsuler par exemple les informations sur l’auteur ou l’éditeur de la page ou article. Comme le header, elle n’est pas conçue pour clore une section.
<section>	Définit une section du document qui parle d’un sujet ou d’une fonctionnalité et qui peut être extraite du document général tout en gardant en sens et restant compréhensible dans son ensemble.
<article>	Section de contenu dans la page qui peut être lu de façon indépendante, et même extraite du document pour par exemple un flux rss, sans pénaliser la compréhension générale. Il devrait toujours contenir un titre (Hn)
<nav>	Section utile à la navigation. C’est la partie qui contient principalement les liens et idéalement des listes d’éléments.
<aside>	Balise qui permet d’encapsuler une information qui n’a pas de rapport direct avec le contenu principal. Défini une section qui n’est pas indispensable à la compréhension générale de la page. A noter qu’il est inapproprié d’utiliser cette balise pour du contenu que l’on pourrait dire ‘entre-parenthèses’. Elle est dédiée à du contenu très peu en relation avec la page…

Exemple d’implémentation des balises sémantiques

Le projet AMP (Accelerated Mobile Pages) de google a été lancé en 2016 afin d’améliorer l’expérience utilisateur en rendant le chargement des pages plus rapide sur les mobiles. C’est une initiative qui va dans la direction Mobile First en rendant les pages plus rapides grâce à des systèmes de cache et en limitant le chargement de fichiers externes et en réduisant la taille du fichier HTML. Dans ce but, ils ont étrangement décidé de ne pas autoriser le chargement du feuille de style externe.

Si votre site est bien conçu et si vous avez des notions de PHP, la mise en place est assez rapide pour les pages classiques. Le problème principal est pour les sites utilisant du javascript.

Entête des fichiers AMP

Pour la mise en place, il suffit déjà de créer vos pages en changeant la balise HTML et les balises header de la sorte selon les exemples présent sur le site du projet amp.

<!doctype html>
<html amp lang="fr">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
        <title>.....</title>
        <meta name="description" content="......."/>
        <link rel="icon"  type="image/x-icon" href="/img/favicon.ico" />
        <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
        <script async src="https://cdn.ampproject.org/v0.js"></script>

Validation des fichiers AMP

Google fournit avec son navigateur chrome un excellant moyen de contrôler la validitél du code HTML de vos pages HTML AMP. Pour afficher les erreurs il suffit d’ouvrir l’outil pour développeur en cliquant F12, et ajouter development=1 à la fin de votre url. Vous pourrez donc ainsi avoir en temps réel la validation de votre code.

Pour valider le code de votre page AMP, Cliquer F12 pour ouvrir la console du mode développeur, aller dans l’onglet console et ouvrir la page amp en ajouter #development=1 à la fin de votre url

Css dans les pages amp

Parmi les nombreuses balises spécifiques, une des premières que vous aurez besoin est celle qui permet d’inclure un css personnalisé, je vous met ci-dessous la façon de faire et je vous laisse allez voir le site officiel pour la suite:

<head>
...
   <style amp-custom>
      .fright{float:right}
   </style>
</head>

Comment signaler la présence de la page AMP

Une fois la version Accelerated Mobile Pages de votre page crée, il faudra tout de suite la signalée à Google afin qu’il puisse l’indexer dans son moteur. Pour ce faire, vous devez utiliser la balise de la façon suivante:

Balise dans la page AMP

Sur votre page AMP définissez dans la section head l’adresse de la version standard à l’aide de la balise canonical de la façon suivante:

<link rel="canonical" href="http://www.crabcake.ch/blog/seo-amp-page" />

Balise dans la version standard de la page

Dans votre page traditionnelle, vous devez signaler la présence d’une version mobile de votre page afin que les moteurs la trouvent plus facilement. Pour ce faire, définissez dans la section head l’adresse de la version amp à l’aide de la balise canonical de la façon suivante:

<link rel="amphtml" href="http://www.crabcake.ch/blog/seo-amp-page.amp" />

Suivit du référencement de vos pages amps

Google fournit dans la search console la liste des pages accélérées qu’il a détecté. En plus du nombre cette page permet de voir s’il y a des erreurs. Comme souvent, il faut quelque jours avant qu’un résultat soit visible.

Je parle dans un prochain post de l’intégration de formulaires dans les pages amp. Pour voir la marche à suivre allez le lire: Formulaire dans une page amp