410 GONE

Besoin d'un conseil e-Commerce / Magento? SEO ? les deux? Contactez moi!

Comment faire de l'obfuscation de liens pour votre maillage interne ?

Cloaking is not a crime : La conférence dans laquelle je vous explique tout !

Suite à mon intervention au seo camp'us en mars 2018 (encore merci à eux pour l'invitation), voici les slides de la conférence. Bien sur en cas de question, n'hésitez pas,  C'est avec plaisir que j'y répondrais.


Définition de l'obfuscation : à quoi ça sert d'obfuquer mes liens ?

L'obfuscation est l'une de deux grandes techniques de pagerank sculpting, elle permet d'empêcher google de voir un lien comme étant un lien et donc d'éviter la transmission de jus non désiré d'une page à l'autre. C'est une pratique courament utilisée dans le siloing et le cocon sémantique.

Un exemple d'obfuscation de lien ?

Comme je déteste les cordoniers mal chaussés ou même tout simplement les SEO qui ne s'appliquent pas leur propre préconisations, vous pouvez trouver un exemple de lien obfuquer juste en bas de la page : le lien mentions légales. Vous le voyez il fonctionne, met un curseur "main" et en plus et souligné : tout comme un vrai, mais il ne renvoit pas de jus.

Comment ça se passe techniquement ?

Une obfuscation se passe en trois étapes la première en html, la seconde en javascript et la troisième en css.

L'obfuscation de lien côté en HTML, étape 1/3:

<span class="atc" data-atc="aHR0cHM6Ly93d3cuNDEwLWdvbmUuZnIvYS1wcm9wb3MuaHRtbA==">
	mentions légales
</span> 

Comme vous le voyez ici, on a conserver une ancre standard mais basculer d'une balise a vers une balise span et encodé l'url du lien en base64 pour éviter à google de la reconnaitre comme un format d'url. (Vous pouvez le faire ponctuellement avec cette encodeur en JS (je vous en coderai un en php si je suis motivé ^^)  ou à la volée en PHP dans votre code source)

Encoder une url en base64 en ligne !

Cliquez ici pour saisir une url à encoder en base 64

Le code javascript de l'obfuscation - étape 2/3


	document.addEventListener("DOMContentLoaded", function(event) {
		var classname = document.getElementsByClassName("atc");
		for (var i = 0; i < classname.length; i++) {
			classname[i].addEventListener('click', myFunction, false);
		}
	});
	var myFunction = function(event) {
		var attribute = this.getAttribute("data-atc");               
                if(event.ctrlKey) {                   
                     var newWindow = window.open(decodeURIComponent(window.atob(attribute)), '_blank');                    
                     newWindow.focus();               
                } else {                    
                     document.location.href= decodeURIComponent(window.atob(attribute));
                }
        }; 

Ce que l'on remarque ici, c'est que seul un clic sur l'un des éléments qui contient la class css "atc" vient délencher le transfert vers une autre page.

Le final en css pour simuler un vrai lien - étape 3/3

.atc:hover {
    text-decoration: underline;
    cursor: pointer;
}

Ici on applique simplement un curseur de type main et le soulignement du lien au survol. Bien il faut adapter celui à la couleur de vos liens standards tant au survol qu'au repos.

Bonne obfuscation !

Si cet article vous a plus, n'hésitez pas à le partager ou à me faire un backlink (et pas obfusqué ou cloaké svp ^^)

Pourquoi l'obfuscation est le moyen le plus simple d'optimiser votre maillage itnerne via le page rank scuplting. Souhaites vous également consulter ces articles ?