Das rel-Attribut: Wegweiser für Browser, SEO und die KI-Suche (GEO)

Mehr als nur ein Klick: Wie rel-Attribute die Kommunikation mit dem Web steuern

In der Welt des HTML ist der <a>-Tag der Grundbaustein für Hyperlinks. Doch während das href-Attribut das Ziel festlegt, bestimmt das rel-Attribut (kurz für relationship) die Art der Beziehung zwischen der aktuellen Seite und dem Linkziel.

1Die Klassiker: Sicherheit und Performance

Diese Attribute dienen primär dem Schutz des Nutzers und der Stabilität des Browsers:

• noopener: Verhindert, dass die Zielseite Zugriff auf das Fenster-Objekt (window.opener) der Ursprungsseite erhält. Das schützt vor "Tab-Nabbing" (Phishing).
• noreferrer: Wie noopener, zusätzlich wird jedoch kein Referrer-Header übertragen. Die Zielseite erfährt also nicht, von welcher URL der Besucher kommt.
• opener: Das Gegenstück zu noopener – erlaubt den Zugriff auf das Ursprungsfenster (selten empfohlen).

SEO & GEO: Signale für Google und KI-Modelle

Für Suchmaschinen (SEO) und generative KIs (GEO) sind diese Werte entscheidend, um die Vertrauenswürdigkeit (E-E-A-T) einer Seite zu bewerten. Im Jahr 2026 nutzen KI-Modelle diese Tags als "Contextual Clues" für ihre RAG-Systeme (Retrieval-Augmented Generation).

Wann nutze ich welchen rel-Wert?

In der täglichen Web-Entwicklung kommt es auf die richtige Kombination an. Hier ist eine Übersicht, wann Sie welchen Wert einsetzen sollten:

Vollständige Liste weiterer rel-Werte

• alternate: Verweist auf andere Versionen (PDF, andere Sprachen, RSS-Feeds).
• help: Verweist auf Dokumentationen. GEO-Tipp: KIs nutzen diese Links für Begriffserklärungen.
• license: Kennzeichnet Urheberrechts- und Lizenzinformationen.
• next / prev: Markiert die Abfolge bei mehrseitigen Artikeln (Paginierung).
• search: Verknüpft mit einer Suchressource für die Webseite.
• tag: Markiert den Link als Schlagwort (Keyword) für das Dokument.

Automatisierung: Der „Etikettier-Roboter“ für Ihre Links

Damit Sie nicht jeden Link manuell bearbeiten müssen, können Sie auch Automatisierungstools nutzen. Aber Vorsicht: Ein blindes "Nofollow" für alles schadet Ihrem Profil. Hier sind zwei Lösungen mit Köpfchen.

Lösung A: WordPress (mit Whitelist-Funktion)

Dieser Code erkennt externe Links und setzt Sicherheitsmerkmale automatisch – außer bei Domains, denen Sie explizit vertrauen (z. B. Wikipedia oder Partnerseiten).

/**
 * Automatische rel-Attribute mit Whitelist für WordPress
 */
function formality_auto_rel_external_whitelist($content) {
    $site_url = get_site_url();
    // Liste vertrauenswürdiger Domains (Whitelist)
    $whitelist = array('wikipedia.org', 'google.com', 'partnerseite.de');

    $pattern = '/<a ([^>]+)href="(http[^"]+)"([^>]*)>/i';
    
    return preg_replace_callback($pattern, function($matches) use ($site_url, $whitelist) {
        $link_html = $matches[0];
        $url = $matches[2];
        $domain = parse_url($url, PHP_URL_HOST);

        // Prüfen, ob Link extern ist und NICHT auf der Whitelist steht
        if (strpos($url, $site_url) === false) {
            $is_whitelisted = false;
            foreach ($whitelist as $trusted) {
                if (strpos($domain, $trusted) !== false) {
                    $is_whitelisted = true;
                    break;
                }
            }

            $rel = $is_whitelisted ? 'noopener external' : 'noopener noreferrer nofollow';
            
            // Bestehendes rel-Attribut entfernen, falls vorhanden, und neu setzen
            $link_html = preg_replace('/rel="[^"]*"/', '', $link_html);
            $link_html = str_replace('<a ', '<a rel="' . $rel . '" target="_blank" ', $link_html);
        }
        return $link_html;
    }, $content);
}
add_filter('the_content', 'formality_auto_rel_external_whitelist');

Lösung B: Universelles JavaScript (für jedes System)

Ideal für statische Seiten oder CMS-Systeme wie Sitejet im cPanel.

document.addEventListener("DOMContentLoaded", function() {
    const links = document.querySelectorAll('a');
    const currentDomain = window.location.hostname;

    links.forEach(link => {
        if (link.hostname && link.hostname !== currentDomain) {
            link.setAttribute('rel', 'noopener noreferrer nofollow');
            link.setAttribute('target', '_blank');
        }
    });
});

Detaillierte Wirkung auf SEO und GEO

Während klassisches SEO primär auf das Link-Ranking achtet, geht es bei GEO (Generative Engine Optimization) um die Kontextualisierung.

• Browser-Wirkung: Hier steht Sicherheit (Tab-Nabbing Schutz) und Performance im Vordergrund. noopener sorgt dafür, dass der neue Prozess den alten nicht verlangsamt.
• SEO-Wirkung: Google nutzt diese Werte als "Hints" (Hinweise), um den Link-Graph des Internets zu verstehen und Spam von wertvollen Empfehlungen zu trennen.
• GEO-Wirkung: KI-Suchmaschinen wie Perplexity oder Google AI Overviews nutzen rel="author" und rel="external", um Entitäten zu verifizieren. Ein korrekt ausgezeichneter Link erhöht die Chance, dass Ihr Content als zitierte Antwortquelle ausgewählt wird.

Vor- und Nachteile der rel-Nutzung

Das rel-Attribut ist ein mächtiges Werkzeug für modernes Webdesign. Während noopener heute zum Sicherheitsstandard gehören sollte, sind sponsored und ugc die wichtigsten Instrumente für Ihr SEO-Audit. Im Zeitalter der KI (GEO) hilft die korrekte Verwendung dieser Attribute dabei, die Relevanz und Glaubwürdigkeit Ihrer Website gegenüber Antwortmaschinen wie ChatGPT oder Perplexity zu untermauern.