# Identyfikowanie linków ukrytych i/lub ładowanych przez JavaScript > URL: https://4eck-media.de/pl/blog/identyfikowanie-linkow-ukrytych-i-lub-ladowanych-przez-javascript/ > Language: pl > Description: Wiele linków na stronach internetowych jest ukrytych lub niewidocznych bezpośrednio w początkowym renderowaniu strony. Za pomocą skryptu możesz je uwidocznić. --- Widoczność i dostępność wszystkich linków na stronie internetowej jest ważna dla wydajności SEO. Czy wiesz, że wiele linków na stronach internetowych może być ukrytych lub niewidocznych bezpośrednio w początkowym renderowaniu strony? Oto prosta wskazówka SEO, która pomoże Ci **zidentyfikować ukryte linki & linki JavaScript** i upewnić się, że nie przeoczysz żadnych wartościowych połączeń. Dlaczego w ogóle istnieją niewidoczne linki? Aby z jakości technicznej wynikał także zasięg organiczny, nasza [agencja SEO](https://4eck-media.de/pl/kompetencje/agencja-seo-4eck-media-wyniesiemy-cie-na-szczyt/) stale towarzyszy procesowi optymalizacji. Ukryte lub niewidoczne linki mogą występować na stronie internetowej z różnych powodów: - Dynamicznie ładowane treści: treści, które są ładowane dopiero w wyniku działań użytkownika lub przez JavaScript. - Elementy interaktywne: linki osadzone w przyciskach i wyzwalane przez zdarzenia JavaScript. - Aspekty projektowe: linki, które ze względów projektowych są ukryte lub trudno zauważalne. Takie linki, które nie są ładowane przez HREF, lecz wyzwalane przez zdarzenie JS, często nie są od razu widoczne i można je łatwo przeoczyć. Za pomocą poniższego prostego skryptu możesz na przykład w ramach audytu SEO upewnić się, że wszystkie linki i przyciski na stronie internetowej zostaną wyróżnione, w tym te dodawane dynamicznie. ## Instrukcja krok po kroku: wyróżnianie linków na stronach internetowych 1. Otwórz stronę i uruchom narzędzia deweloperskie: otwórz wybraną stronę internetową w przeglądarce Chrome. Naciśnij `F12` lub kliknij stronę prawym przyciskiem myszy i wybierz „Zbadaj”, aby otworzyć narzędzia deweloperskie. 2. Wybierz obszar konsoli: w narzędziach deweloperskich kliknij zakładkę „Konsola”. Tutaj możesz wykonywać kod JavaScript bezpośrednio na stronie internetowej. Przy pierwszym wprowadzaniu może się zdarzyć, że przeglądarka wyświetli ostrzeżenie i najpierw musisz potwierdzić, że zezwalasz na wklejanie (allow pasting) 3. Skopiuj i wklej skrypt: skopiuj poniższy skrypt i wklej go w dolnym obszarze konsoli. Następnie naciśnij klawisz Enter (`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