# Links identifizieren, die versteckt sind und/oder über JavaScript geladen werden > URL: https://4eck-media.de/blog/javascript-seo-versteckte-links-sichtbar-machen/ > Language: de > Description: Viele Links auf Webseiten sind versteckt oder nicht direkt in der initialen Seitenrenderung sichtbar. Mit einem Skript kannst du sie sichtbar machen. --- Die Sichtbarkeit und Erreichbarkeit aller Links auf einer Webseite ist wichtig für die SEO-Performance. Wusstest du, dass viele Links auf Webseiten versteckt oder nicht direkt in der initialen Seitenrenderung sichtbar sein können? Hier ist ein einfacher SEO-Tipp, der dir hilft, solche **versteckte Links & JavaScript-Links zu identifizieren** und sicherzustellen, dass du keine wertvollen Verbindungen übersiehst. Warum gibt es überhaupt nicht erkennbare Links? Damit aus technischer Qualität auch organische Reichweite entsteht, begleitet unsere [SEO Agentur](https://4eck-media.de/kompetenzen/seo-agentur/) die Optimierung kontinuierlich. Versteckte oder nicht sichtbare Links können aus verschiedenen Gründen auf einer Webseite vorhanden sein: - Dynamisch geladene Inhalte: Inhalte, die erst durch Benutzeraktionen oder JavaScript geladen werden. - Interaktive Elemente: Links, die in Schaltflächen eingebettet sind und durch JavaScript-Ereignisse ausgelöst werden. - Design-Aspekte: Links, die aus Designgründen ausgeblendet oder schwer erkennbar sind. Solche Links, die nicht über ein HREF geladen werden, sondern über ein JS Event ausgelöst werden, sind oft nicht sofort sichtbar und können leicht übersehen werden. Mit dem folgenden einfachen Skript kannst du beispielsweise im Rahmen eines SEO-Audits sicherstellen, dass alle Links und Schaltflächen auf einer Webseite hervorgehoben werden, einschließlich derjenigen, die dynamisch hinzugefügt werden. ## Schritt-für-Schritt-Anleitung: Links hervorheben auf Websites 1. Seite öffnen und Entwicklertools aufrufen: Öffne die gewünschte Webseite in deinem Chrome-Browser. Drücke `F12` oder rechtsklicke auf die Seite und wähle „Untersuchen“ aus, um die Entwicklertools zu öffnen. 2. Konsolenbereich auswählen: Klicke in den Entwicklertools auf den Tab „Konsole“. Hier kannst du JavaScript-Code direkt auf der Webseite ausführen. Wenn du eine Eingabe machst, kann es erstmalig sein, dass der Browser dir eine Warnmeldung ausgibt und du erst bestätigen musst, dass du das Einfügen erlaubst (allow pasting) 3. Skript kopieren und einfügen: Kopiere das folgende Skript und füge es in den unteren Konsolenbereich ein. Drücke anschließend die Eingabetaste (`Enter`). ``` // Highlight initial links document.querySelectorAll('a').forEach(link => { link.style.backgroundColor = 'yellow'; link.dataset.initial = 'true'; // Mark these as initially present }); // Highlight initial buttons document.querySelectorAll('button').forEach(button => { button.style.backgroundColor = 'red'; button.dataset.initial = 'true'; // Mark these as initially present }); // Create a MutationObserver to detect changes in the DOM const observer = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.type === 'childList') { mutation.addedNodes.forEach(node => { if (node.nodeType === 1) { // Check if it's an element node // Find any new tags within the added node node.querySelectorAll('a').forEach(link => { if (!link.dataset.initial) { // Only highlight if not marked as initial link.style.backgroundColor = 'pink'; } }); // Find any new