Wenn Sie WordPress verwenden, werden Sie sicherlich einige seltsame Tags in den Links gesehen haben, wenn Sie sich den Code angesehen haben.
Zuerst ist es beängstigend, da Sie wissen, dass Sie es nicht selbst hinzugefügt haben, und Sie denken, woher das kommt? Keine Sorge, es ist nichts Schlimmes passiert, es ist WordPress selbst, der es hinzugefügt hat.
Warum tut er das? Um Sie zu schützen, erkläre ich näher.
Es ist ein HTML-Attribut, das uns hilft, vor jeder Schwachstelle geschützt zu sein, die auftritt, wenn ein externer Link auf unserer Webseite platziert wird.
Jedes Mal, wenn wir einen Link zum Öffnen in einem neuen Fenster mit target = „_blank“ erstellen. Dadurch wurden wir böswilligen Hackern ausgesetzt, die über den window.opener-Selektor dank der Programmiersprache JavaScript Dinge ändern konnten.
Solche Dinge, wie uns auf eine gefälschte Seite zu bringen und uns aufzufordern, unsere Daten einzugeben.
Aus diesem Grund gilt ab Version 4.7.4 von WordPress, Jeder Link, der mit target=“_blank“ zu einem neuen Tab generiert wird, wird mit rel=“noreferrer noopener“ verknüpft. wodurch jegliche Anfälligkeit für externe Links vermieden wird.
Wie kann ich überprüfen, ob ich rel=»noreferrer noopener» habe?
Hier zeige ich Ihnen meinen WordPress-Editor und wir werden ein Beispiel machen.
Wir erstellen einen Beitrag und fügen einen externen Testlink hinzu.
Nun sehen wir uns den Eintrag im HTML-Format an, dazu klicken wir auf die drei Punkte, die im Block-Header auf der rechten Seite erscheinen und wählen „Als HTML bearbeiten“
Jetzt werden wir sehen, wie mein Link aufgebaut ist. Wir können feststellen, dass WordPress den Code standardmäßig aufruft rel=“noreferrer noopener“
Fragen Sie sich, was Noreferrer ist?
Es ist ein weiteres Attribut, das mit Noopener geliefert wird, um zu vermeiden, dass unsere persönlichen Daten an die neue Registerkarte weitergegeben werden, zu der wir gehen.
Beeinflusst das Hinzufügen von noopener noreferrer die SEO?
Natürlich nicht, es hat keinen Einfluss auf die Positionierung der Links.
Sie fragen sich vielleicht auch, ob es sich auf Links auswirken würde, die das nofollow-Attribut haben.
Mal sehen, ob wir zum Beispiel einen Link wie diesen hätten:
<a rel="nofollow" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>
Und jetzt sollte es so sein:
<a rel="nofollow noopener noreferrer" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>
Lassen Sie mich Ihnen sagen, es würde SEO entweder nicht beeinträchtigen.
Und ich sage es nicht, Google selbst sagt es.
Da sie von Google geantwortet haben, wirkt sich das Hinzufügen von noopener zu unseren Links nicht auf die Positionierung aus.
Und für meine Affiliate-Links? Wenn das Noreferrer-Attribut es mir nicht erlaubt, persönliche Informationen weiterzugeben, werde ich dann geschädigt?
Außerdem stellen Ihnen die meisten Affiliate-Programme keine eindeutige URL zur Verfügung, die Ihre Affiliate-ID enthält.
Kann ich Noopener und Noreferrer abwechseln?
Ja, das können Sie, der Schutz des Links wird dadurch nicht beeinträchtigt.
Sehen wir uns das folgende Beispiel an, in meiner Testeingabe habe ich die Codes rückwärts platziert
Ich speichere den Eintrag und klicke auf Vorschau. Sobald ich mir den Quellcode ansehe, klicke ich auf Strg+U (wenn Sie in Chrome arbeiten)
Wir können erkennen, dass die Attribute immer noch vorhanden sind und die Schutzfunktion erfüllen.
Kann ich diese Funktion deaktivieren?
Sie können es tun, aber Sie würden wieder entlarvt werden, also würde es keinen Sinn machen, es zu tun.
Wenn Sie es deaktivieren möchten, müssen Sie in ähnlicher Weise in die Datei functions.php Ihres aktiven untergeordneten Designs gehen und den folgenden Code hinzufügen:
// Esto desactiva voluntariamente una funcionalidad de seguridad de tinyMCE.
// NO ES RECOMENDABLE usar este código.
add_filter('tiny_mce_before_init','tinymce_allow_unsafe_link_target');
function tinymce_allow_unsafe_link_target( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}
Ich hoffe, dieser Artikel hat Ihnen geholfen zu verstehen, wie das noopener-Attribut bei externen Links funktioniert.
Wir empfehlen Ihnen, nichts zu ändern, da Sie auf diese Weise geschützt und sicher sind.
Bis zum nächsten Tutorial 😉