Obfuscation WordPress : ma technique, gratuite et facile à mettre en oeuvre !
Vložit
- čas přidán 27. 08. 2024
- L'obfuscation est une technique couramment utilisée pour cacher les liens aux moteurs de recherche. Les finalités sont nombreuses : optimisation du maillage interne, gestion du budget crawl, masquage de pages inutiles aux moteurs, liens d'affiliation... Autant de raisons de cacher nos liens internes ou externes !
Pourquoi, dans quels cas et comment la mettre en place sous WordPress ? Voici ma méthode, qui n'est pas LA méthode mais UNE méthode parmi beaucoup d'autres, et qui a l'avantage d'être gratuite et aisément transposable à votre projets.
MISE À JOUR : depuis l'enregistrement de la vidéo, le plugin utilisé a été rendu public par son auteur sur le répertoire WordPress officiel, et la vidéo est désormais disponible en français
MON ARTICLE SUR L'OBFUSCATION :
➡️ www.effi10.com...
LES PLUGINS :
➡️ Link Juice Optimizer : www.fedegomez.... ou sur le répertoire officiel WordPress : fr.wordpress.o...
➡️ SEOPress : www.effi10.com...
➡️ Astra Pro (thème) : www.effi10.com...
🔥🔥🔥 Un grand merci à Federico Gómez pour sa contribution ! 🔥🔥🔥
💬 Le suivre surTwitter : / _fede_gomez_
🔎 Son site : www.fedegomez.es/
______________________________
💬 Mon compte Twitter : / effi_10
🔎 Mon site : www.effi10.com/
Quelle belle surprise de découvrir ce plugin et son utilité !
Je viens tout juste de me familiariser avec le terme *obfuscation* et de saisir son rôle crucial pour le SEO.
Merci 😜
Merci Cédric pour cette vidéo 👍
Merci pour ta vidéo =) un vrai plaisir et utile.
Merci pour cette vidéo ! Le plug in est juste génial !
Une excellente vidéo, très facilement actionnable. Merci Cédric 😊
Très fort Cédric 👍
Super plugin, petit edit : le plugin est bien dispo dans le repo et même en français !
Oui exactement ! Désormais disponible et en français !
Top cette vidéo, merci beaucou p!
Excellente vidéo merci beaucoup !
Merci 🙂
@ Par contre, bête question, mais tous les trackings de liens ne fonctionnent logiquement plus ? La solution est d'ajouter une classe supplémentaire au span pour tracker les clics sur le span ?
@@tomjerry-real En fait ça dépend du type de tracking. S'il s'agit d'un marqueur (paramètre d'URL) ça fonctionnera toujours, idem pour des URL formées à partir d'un plugin du genre raccourcisseur d'URL (puisque de toute façon sur un clic, l'URL est bien suivie par le navigateur)
@ Ah ouais ? Tag Manager le comprend en suivant le "lien" mais les bots Google non ? C'est intéressant. Donc si tous les tracking sont fait sur l'url(le marquer comme tu dis), tout fonctionnera comme avant en obfusquant ?
@@tomjerry-real oui
Seule exception : les marqueurs dans des s (je suis concerné sur l'un de mes sites) qui ne sont d'ailleurs pas obfuscables avec Link Juice Optimizer (il faut feinter autrement, mais on perd alors le tracking d'impression...)
Merci beaucoup pour cette vidéo Cédric, vraiment top. Une vraie pépite ce Link Juice Optimizer ! Sinon, puisque qu'il parait qu'il y en aura d'autres (des vidéos, vu sur Twitter) je pense que vos vidéos gagneraient à avoir un son plus optimisé (changement de volume et résonances du bureau qui remontent).
Un micro cravate à 20€ peut faire des miracles ;-)
Alors pour la petite histoire j'en ai acheté un lol et je me suis fait avoir (uniquement compatible Android... Je savais même pas que ça existait mdr)
J'ai un micro externe quali mais le volume du son est un peu limite :-(
Vraiment top 👍merci
Merci ;-)
J'avais ce plugin également. Toutefois il créait des conflits avec Elementor. Notamment avec l'acordéon. Je l'ai donc retiré.
Le plugin a fait d'énormes progrès depuis la vidéo ; et généralement il suffit de demander gentiment à son créateur pour qu'il en corrige les bugs. Ou de se passer d'Elementor (lol)
Très bien. Tu peux aussi facilement décider d'obfusquer un lien partout sauf sur la home ? (faudrait que je réécoute, tu le disais peut être).
Alors en principe oui, avec une règle CSS (mais à tester : je fais autrement et j'ai certainement tord !)
Super vidéo, simple et efficace. Je m'abonne à ta chaine.
Une petite question, est-ce que le plugin et tes techniques marche avec le theme DIVI ? Merci à toi
Bien sûr, en principe cela fonctionne avec tous les thèmes WordPress normalement constitués :-) (moyennant quelques adaptations éventuelles en CSS)
@ je teste ça.merci
Bonjour, merci beaucoup pour votre vidéo, cela ne fonctionne pas concernant la pagination de mes produits, est ce que ça fonctionne avec tous les thèmes, j'utilise Thrive Architect comme thème
Il est possible de leur donner une classe CSS spécifique et de la filtrer via le plugin 🙂
Il n'y a aucune raison pour que cela ne fonctionne pas (en soi, la pagination j'essaie toujours de la virer dans mes sites : afficher plus de posts, scinder les taxonomies, etc. ainsi cela résout le problème !)
Link Juice Optimizer n'est plus mis à jour depuis 9 mois, et est signalé dans la plugithèque Wordpress comme non-testé avec WP 6.2 ? Sera-t-il mis à jours dans le futur, ou bien est-il déprécié s'il vous plaît ? Je suis en plein pagerank, donc je préférerais le savoir avant de commencer à en faire usage. Merci.
La partie technique ne nécessite pas de mises à jour particulières par rapport aux évolutions de WordPress, ce qui explique que certains plugins n'ont pas forcément de mises à jour récentes. Je peux vous assurer qu'il est pleinement compatible avec WP 6.2 ;-)
Super plugin ! Dommage que l’on ne puisse pas exclure des pages d’obfuscation de lien.
Bonjour
Je reviens avec une question pour savoir comment paramétrer la class du plugin.
Vous l'expliquez trés bien sur votre tuto mais dans mon cas je rencontre des difficultés avec plusieurs hiérarchies de menu ainsi que des affichages différents niveau responsive
Je m'explique
J'aimerais ajouter l'obfuscation sur tout un Mega Menu
Le souci c'est que la class du plugin annule le formatage initial
Sans obfuscation
Bordeaux
Avec obfuscation
Paris
Merci pour votre aide
Alors en fait l'obfuscation des menus sans devoir retoucher les CSS dépend énormément des thèmes.
Dans votre cas, les menus doivent être stylés par "li.menu-item a" par exemple, ce qui fait que comme la balise A disparaît, le styling part avec. C'est vraiment inhérent au thème utilisé.
Sur Astra Pro, depuis quelques versions, c'est transparent. Ce n'était pas le cas il y a un an (nécessitait également de retoucher les feuilles de style...)
Bonjour et merci. Top !
Vous dites que depuis la dernière version, les liens du Menu de navigation gardent une belle mise en forme une fois obfusqué. Ce n'est pas ce que je constate :( J'utilise Divi. Et mon lien a perdu la mise en forme.
Merci.
Je précise bien "pour le thème Astra" 😉
@ Oui c'est vrai. Désolé pour le dérangement🙏😁
Super Tuto qui va bien m'aider
Concernant l'obfuscation des liens menus
Peux-on les conditionner ?
Par exemple ne pas obfusquer sur la page d'acceuil
Merci Gilles
Il y a une solution : utiliser un plugin permettant d'afficher différents menus (dupliqués) de manière conditionnelle.
fr.wordpress.org/plugins/conditional-menus/ fait très bien cela :-)
@ Merci
donc ce plugin va permettre de dupliquer mon menu qui s'affiche sur toutes les pages et donc la possibilité de choisir un des deux à n'afficher que sur sa page d’accueil et c'est sur le second qu'on ajoutera l'obfuscation des liens ?
@@gillesvideos Oui c'est exactement ça !
@ super, je vais essayer
Bonjour Cédric et merci pour la vidéo. De mon côté la partie elementos extras fonctionne mais lorsque que je rajoute la classe à des balises a cela ne fonctionne pas.
Les CSS sont parfois capricieuses. Avec certains thèmes ou plugins, cela peut vite devenir un véritable casse tête pour faire fonctionner l'obfuscation, car la classe doit impérativement être, dans le code, sur une balise A (lien) 😉
@ Les liens apparaissent bien sous la forme a.[nom de la classe] mais ça ne s'applique quand même pas...
@@mathieuchabirand6059 Si tu veux viens en privé (Twitter ou autre) je regarde 2mn
Merci pour la video , sincerement. une petite V2 pour améliorer le css sur mobil ?
Salut
Ah ah le problème des CSS est qu'ils sont intimement liés au thème. Donc on peut difficilement faire du généraliste à ce sujet.
La page mention légale = un indicateur du sérieux / de la qualité d'un site donc je laisse ce lien personnellement
Effectivement très bonne remarque ;-) surtout à l'heure de l'E.E.A.T (après ça dépend sur quel type de site... sur un site corporate sincèrement je doute que ça joue)
Ce qu'il est possible de faire (et conseillé !) c'est de ne laisser le lien non obfusquer que depuis une page secondaire (par exemple la page à propos ou équivalent), ou à défaut uniquement actif depuis la page d'accueil : ça évite de lui balancer du PageRank interne depuis toutes les pages du site ;-)
@ bonne idée ... même si je sais que le SEO c'est du marginal + du marginal + .... c'est beaucoup d'effort/chipot pour pas grand chose non?
@@PatrickTondreau sur un site de plusieurs centaines de pages, une page mentions légales peut "capter" autant de PageRank interne que les top pages si le maillage est mal foutu, donc non ce n'est pas du détail ;-)
Personnellement je ne laisse absolument rien au hasard. Evidemment, ça n'a pas de sens sur un site de 10 pages.
@ Bonjour, est ce que le fait d'avoir une page "plan de site" (je ne parle pas du sitemap.xml) avec, entre autres, un lien vers la page Mentions légales peut régler le problème ?
Merci.
Bonjour !
Merci pour l'explication.
Est-ce suggéré d'utiliser une balise span ou nous pouvons utiliser une balise < a > mais sans le href ?
ex. : < a class="transf" data-int="L2ZvcnVtLnBocA==">Videos< / a>
Merci beaucoup !
Bonjour
Ce n'est pas dans les standards W3C, mieux vaut utiliser une balise span quand même (même si cela engendre effectivement pas mal de modifications au niveau des CSS !)
Je ne connais pas l'impact au niveau de Google Bot sur les balises "non conformes" (budget crawl)
@ Merci beaucoup ! C'est exactement cela... l'utilisation de la balise span implique un peu plus de modifications au niveau CSS... c'est pour cela que la balise < a > était très facile... aucun style à modifier.... Mais je comprends aussi que ce n'est pas dans les standards W3C... et que je ne connais pas les impacts sur le SEO en utilisant une balise "a" sans href...
C'est pourquoi... je vais opter pour l'utilisation de span au lieu de balise :)
Merci de votre réponse!
Pascal