2 Associés est une agence web de Montréal spécialisée en développement web et mobile, stratégie de contenu SEO, SEM et les technologies langagières.

Vous voulez discuter?

Contenu caché et SEO

2 Associés développement web et mobile à Montréal

Récemment, un Designer me dit que le Marketing exige plus de contenus SEO dans les entêtes de page hors, le design (mobile) ne permet pas la mise en place d’un paragraphe de 100 mots environ. À ce moment je pense à cacher le contenu mais le Designer me dit que, selon le Marketing, c’est interdit car Google pénalisera le site. Je fais donc une recherche rapide pour me rendre compte que l’avis est partagé 50/50 entre ceux qui affirment que Google pénalisera et ceux qui affirment que Google ne tient pas compte des styles.

Contenu caché et SEO

Une des terreurs modernes est celle d’être exclus du moteur de recherche le plus populaire au monde : Google. Pour être exclus, il faut faire plusieurs infractions et tromper l’algorithme de Google. Anciennement, certaines personnes (malhonnêtes) inscrivaient du texte balisé (plusieurs H1, H2, des liens vers d’autres sites etc.) pour le cacher aux yeux de l’usager. Google s’est rendu compte de la fraude et à qualifié le tout de « Spamdexing » et exclus beaucoup de sites. Aujourd’hui, le fait de vouloir intentionnellement cacher un paragraphe, un bout de phrase ou un bouton rappel la triste histoire de l’époque « Texte noir sur fond noir ».

Aujourd’hui plus que jamais, les « Medias Queries » pour le « Responsive Web » et les « Frameworks » JavaScript tels jQuery proposent des façons de faire qui cachent des contenus par exemple : Textes cachés sur mobile pour alléger l’expérience, carrousels de plusieurs images avec textes, système d’onglets, accordéons, etc. Ces façons de faire semblent légales puisque Google continu d’indexer ces sites.

Est-ce qu’un contenu caché avec CSS et/ou JavaScript attire l’attention de Google et fait en sorte d’être exclu de l’engin de recherche? J’en doute.

Techniques courantes pour cacher des contenus par CSS

/* Technique classique, l'élément est présent mais traité comme absent */
.hide {
    display: none;
}
/* On positionne l'élément à l'extérieur de l'écran, peu importe le dispositif */
.hide {
    position: absolute;
    top: -100%;
    left: -100%;
    opacity: 0; /* Optionnel. L'équivalent pour IE 8 & 9, ajouter la ligne ci-dessous */
    filter: alpha(opacity=0); /* IE 8 & 9 */
}
/* Ici on laisse l'élément dans l'écran mais invisible à cause d'un width et height nuls */
.hide {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    opacity: 0; /* Optionnel. L'équivalent pour IE 8 & 9, ajouter la ligne ci-dessous */
    filter: alpha(opacity=0); /* IE 8 & 9 */
}

Par JavaScript

// Ajouter 'display:none;' à un élément
var element = document.getElementById('content');
element.style.display = 'none';

// Équivalent jQuery
var element = $('#content');
element.css('display','none');
// Ajouter une classe (définie plus haut) à un élément
var element = document.getElementById('content');
element.className = 'hide';

// Équivalent jQuery
var element = $('#content');
element.addClass('hide');

Google référence tous les contenus

J’ai toujours cru, et encore aujourd’hui, que Google référence tous les contenus d’une page sans distinction. Je crois également qu’essayer de tromper le référencement, avec des techniques douteuses (« Keyword stuffing », « Unrelated hidden text », etc.), sont à éviters à tout prix. Certains affirment que l’outil « Google Search Console » (aka Webmaster Tools), lorsque configuré, donne des indices et des alertes concernant les contenus de votre site. Personnellement, je n’ai jamais eu d’alerte pour « Spamdexing » à aucun de mes sites à l’intérieur de « Search Console ».

À ce jour, je n’ai aucune preuve de l’exclusion de sites par Google basée sur le CSS ou le JavaScript uniquement. À ma compréhension, il faut enfreindre plusieurs règles de base. Un contenu caché n’est donc pas automatiquement un « Spamdexing », à la « Texte noir sur fond noir », comme 50% des gens semblent le croire. Aujourd’hui, les techniques de développement Web modernes peuvent cacher du contenu de manière à augmenter l’expérience utilisateur et Google ne semble pas s’en offusquer (même sur ses sites). Mais si vous persistez à douter, allez-y en JavaScript… C’est apparemment « moins détectable ».

2 commentaires

  1. Hello,

    I am webmaster of a site but not of the server side which is a forumactif@ platform.. There are plenty of non-SEO reasons to use either display:none, either to act with javascript. Among them, I need server data that is not useful in a page. Server data is the whole content of subdirectories, when I need to show only the titles of those subdirectories. Example there :
    http://www.forumpsy.net/f23-troubles-et-handicaps

    My question is :
    – currently a lot of text is « display:none »
    – should I remove it using javascript, and Google SEO does it read javascript-removed text ? In other words, SEO does it take source page or resulting DOM after javascript actions ?

    Example: search « Specialisterne », Google gives this page where this text is hidden, but should NOT. Is « element.RemoveChild(..) a good idea or not ?

    Thanks

Commentez cet article

Votre adresse de courriel ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Articles reliés