Wie Linkmaskierung mit dem onclick-Event funktioniert, ist Dir bereits bekannt. Ebenso der Nutzwert in der Suchmaschinenoptimierung, einen (internen) Link vor den Augen des GoogleBots zu verstecken.
💬 Google nutzt Links als Signal für die Relevanz von Seiten und für die Suche nach neuen Seiten, die gecrawlt werden sollen.
Inhaltsverzeichnis
Linkmaskierung bei WordPress nutzen
Ein WordPress-System ist bei vielen Webseiten im Einsatz. Linkmaskierung bei WordPress umzusetzen, ist daher sehr gefragt. Die folgenden Voraussetzungen müssen entweder/oder erfüllt sein:
- Zugriff auf die Template-Dateien von WordPress
- Möglichkeit via WordPress-Editor ein “custom code” Feld oder Shortlink-Code einzufügen
Ist eine von beiden Voraussetzungen erfüllt, können wir die Linkmaskierung für einen ausgewählten Link vornehmen.
So wird Linkmaskierung im WP-Template umgesetzt (Code-Beispiel) 👇
<body>
<a href="#" onclick="l1nk()">Textlink ohne URL im HTML-Quellcode</a>
<script>
function l1nk() {myWindow=window.open('https://dhemant.consulting')}
</script>
</body>Was das Code-Beispiel bewirkt und wie es zu interpretieren ist:
- im sog. RAW-HTML steht keine lesbare URL
- das Link-Feld <a href=””> ist leer
- durch eine Nutzerinteraktion onclick wird der Link gesetzt
- dem Browser wird das Linkziel (URL) mitgeteilt
- eine simple JavaScript-Funktion liefert die Daten
- stellt dem Browser die verlinkte URL bereit
Die Funktion des obigen Code-Beispiels kannst Du hier im eigenen Browser testen.
✅ Das href-Attribut wird “leer” gelassen und Google erkennt keine URL im Link-Element <a>. Genau, was wir wollen!
Besonderheit dieser Art der Linkmaskierung durch eine JavaScript-Funktion
Der JS-Funktionsaufruf onclick=”Funktionsname“ sowie das zugehörige JS-<script> mit dem tatsächlichen Befehl function Funktionsname() {myWindow=window.open, was ein Klick auf den Funktionsnamen auswirken soll, muss im Template vorhanden sein.
<a href="#" onclick="l1nk()">Beschreibung</a>
<script>
function l1nk() {myWindow=window.open('URL-Ziel')}
</script>Limitierung dieser Methode beachten!
Diese Art und Weise der Linkmaskierung führt dazu, dass nur 1 Link im gesamten Template (der Seite) vor Google versteckt wird.
Jeder zu maskierende Link benötigt seinen eigenen onclick=”Funktionsname“ sowie den dazugehörigen JS-Befehl function Funktionsname().
Fazit Linkmaskierung im WordPress-Template mittels “custome code” Feld
Wird eine der beiden Voraussetzungen bei Dir erfüllt, so lässt sich eine Linkmaskierung in Deinem WordPress-Template relativ schnell und einfach sowie praktikabel umsetzen.
Jedoch achte darauf, pro Template nicht mehrfache JS-<script> zu verwenden. Idealerweise wird nur 1 <a>-Link im WP-Template mit dieser Methode maskiert.
Weiterlesen: technisches SEO 🛠️ aus der angewandten Praxis
