secretsource

tedmaster

A plugin that adds ID attributes to heading, paragraph, and list elements
Identify Headings – Allow visitors to link to parts of your page by automatically adding IDs to important elements
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ABR-nzAYs9I?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
This small and unintrusive plugin adds ID attributes to all heading, paragraph, and list elements in a post or page. It does not modify existing IDs.
Adding IDs to these elements allows people to link to the heading, paragraph, or list element that they are interested in. This is especially important on sites that have lots of content on a page or post. Without this plugin, site visitors have to go to the page and then scroll down to try and find the item of interest.
This plugin does not modify the display of your content at all. It simply adds missing IDs and a class (in case you want to modify the display yourself). Also, this plugin does not modify your content in the database. It adds the IDs as part of the page display.
This plugin does not have any configuration screens. No configuration is required.
<a href="https://code.visualstudio.com/docs/supporting/faq" rel="nofollow ugc">See this page</a> for an example of how this plugin could be enhanced (when you roll over a heading, a hash character appears to tell you you can link to it).
Installation
There are no special requirements to install this plugin. Just use the standard WordPress plugin installation routine.
Copyright
© Secret Source Technology SL 2020
Changelog
1.0.8 – Fussing with this README (and adding a link to an explanatory video) 
1.0.6 – This readme file was being removed prior to deployment. Fixed 
1.0.5 – Removed some deployment automation folders from the release 
1.0.4 – Updated this readme and fixed some deployment automation issues 
1.0 – Initial release

Identify Headings

A plugin that adds ID attributes to heading, paragraph, and list elements Identify Headings - Allow visitors to link to parts of your page by automat …

Pierre Ribeaucourt

JS Links lets you obfuscate links so crawlers can’t follow them — while users still can. 
It replaces <code><a></code> tags with accessible <code></code> elements (<code>role="link"</code>, <code>tabindex="0"</code>) containing Base64-encoded URLs.
✅ Use cases 
– Hide links to legal pages, login, or affiliate URLs 
– Prevent PageRank dilution in footers or widgets 
– Keep a clean, SEO-friendly internal linking structure
✅ Key features 
– Lightweight, no external calls or tracking 
– 100 % reversible (disable = restores original links) 
– Works with all SEO plugins (Yoast, Rank Math, SEOPress) 
– Compatible with any theme or builder 
– Accessible (keyboard navigation supported) 
– Optionally disable obfuscation on specific pages 
– Custom CSS styling per area (content, menu, footer, widget)
✅ Why not just use <code>nofollow</code>? 
Because <code>nofollow</code> links are still visible to crawlers and can leak PageRank. 
JS Links removes the <code>href</code> entirely and hides the destination — Google can’t see it, so no PageRank flows.
✅ Safe and compliant 
JS Links follows WordPress coding standards and includes: 
– URL sanitization (<code>esc_url_raw()</code>) 
– Output escaping (<code>esc_attr()</code>, <code>wp_kses_post()</code>) 
– CSS filtering (<code>safecss_filter_attr()</code>) 
– Protection against reverse tabnabbing (<code>noopener noreferrer</code>)
🧠 Result: total control of your internal link flow, with zero impact on UX.
<h3>Description (FR)</h3>
JS Links permet d’obfusquer certains liens pour empêcher Google et les robots d’exploration de les suivre — tout en conservant un comportement identique pour l’utilisateur. 
Les balises <code><a></code> sont remplacées par des <code></code> cliquables (<code>role="link"</code>, <code>tabindex="0"</code>) contenant l’URL encodée en Base64.
✅ Cas d’usage 
– Empêcher la transmission de PageRank sur les liens non stratégiques (CGU, mentions légales, etc.) 
– Bloquer les liens d’affiliation ou externes sans casser le design 
– Préserver un maillage interne propre et hiérarchisé
✅ Fonctionnalités 
– Ultra-léger et 100 % réversible 
– Compatible avec tous les thèmes et plugins SEO 
– Accessible au clavier 
– Personnalisation visuelle simple (CSS par zone) 
– Exclusion possible de certaines pages
✅ Différence avec <code>nofollow</code> 
Un lien <code>nofollow</code> reste une balise <code><a></code> visible par Google. 
JS Links, lui, supprime l’attribut <code>href</code> et encode l’URL — donc Google ne voit pas le lien.
✅ Sécurité 
JS Links respecte les bonnes pratiques WordPress : 
– Nettoyage et validation des URLs 
– Échappement systématique des sorties 
– Filtrage CSS sécurisé 
– Protection contre le reverse tabnabbing 
– Fallback sans JavaScript (<code><noscript></code>)
🧠 En clair : tu gardes ton jus SEO sans sacrifier ton ergonomie.
<h3>Credits</h3>
Developed and maintained by <a href="https://ribeaucourt.fr" rel="nofollow ugc">Pierre Ribeaucourt</a>
<h3>Support</h3>
If you encounter any issues or have suggestions, feel free to open a thread on the <a href="https://wordpress.org/support/plugin/js-links/" rel="ugc">Support Forum</a>.

JS Links – SEO Link Obfuscation

Hide specific links from crawlers without breaking design or accessibility. Lightweight, reversible, and SEO-safe.

Identify Headings vs JS Links – SEO Link Obfuscation