Linki wewnętrzne i obrazy: jak poprawić cele linków, ALT i czytelność?

Jak odczytać zakres sprawdzenia linków?

W głównym audycie DoSieci weryfikuje ograniczoną próbkę, maksymalnie 10 unikalnych wewnętrznych celów z głównej treści. Rozwiń dowody, aby zobaczyć, które adresy sprawdzono. Jeżeli podstrona zawiera więcej linków, wynik nie opisuje automatycznie pozostałych. Menu i stopka również mogą wymagać osobnego przeglądu.

Dodatkowy przegląd witryny pomaga szukać wzorców w próbce podstron, ale nadal nie jest pełnym spisem domeny. Liczba linków przychodzących dotyczy odkrytych dokumentów. Brak odnośnika w tej próbce nie dowodzi, że nigdzie w serwisie nie ma drogi do danej strony.

Przygotuj prostą listę: podstrona źródłowa, tekst linku, adres docelowy i obserwacja. Zapisuj również zamiar: czy link ma otwierać instrukcję, produkt czy kontakt. To pozwala poprawić odnośnik bez przypadkowej zmiany ścieżki użytkownika.

Które odpowiedzi wymagają naprawy, a które sprawdzenia?

Link do usuniętej oferty zastąp tylko wtedy, gdy istnieje faktycznie odpowiedni następca. Nie kieruj wszystkich błędnych adresów na stronę główną. Jeśli informacja przestała być przydatna i nie ma odpowiednika, usuń odnośnik lub przeredaguj otaczające zdanie. Jeśli zmienił się adres działającej treści, rozważ także właściwe przekierowanie starego URL po stronie serwera.

Sprawdź link w kontekście normalnej wizyty. Błąd narzędzia nie powinien prowadzić do wyłączania zabezpieczeń witryny.

Jak pisać teksty odnośników i prowadzić przez witrynę?

Tekst „zobacz więcej” bywa zrozumiały obok jednoznacznej karty, ale w samodzielnym akapicie lepiej nazwać cel: „jak przenieść WordPressa” albo „zakres migracji sklepu”. Czytelnik powinien wiedzieć, co otworzy, zanim kliknie. Unikaj zarówno przypadkowych ogólników, jak i nienaturalnych ciągów słów kluczowych.

<a href="/baza-wiedzy/jak-przeniesc-wordpress-do-plesk/">
  Jak przenieść WordPressa do Pleska
</a>

Google zaleca odnośniki oparte na elemencie a z poprawnym href. Sam wygląd przycisku albo obsługa kliknięcia w JavaScript nie potwierdzają, że adres da się odkryć jako zwykły link.

Na końcu instrukcji dodaj następny rzeczywiście przydatny krok, np. sprawdzenie kopii zapasowej przed migracją. Nie twórz katalogu kilkudziesięciu odnośników wyłącznie po to, aby zwiększyć ich liczbę. Ważniejsza jest relacja między treściami i wygodna droga do działania.

ALT zależy od roli obrazu, nie od nazwy pliku

Przy każdej ilustracji odpowiedz: co straci odbiorca, jeśli jej nie zobaczy? Zdjęcie produktu może wymagać opisu wariantu i istotnej cechy, diagram wyjaśnienia relacji, a dekoracyjna fala pod nagłówkiem nie musi niczego dopowiadać. Ten sam plik może pełnić inną rolę w innym miejscu strony.

<img src="kubek-zielony.webp" alt="Zielony kubek z dużym uchwytem, widok z boku">
<img src="ozdobna-fala.svg" alt="">

To przykłady sposobu opisu, nie wzór do wklejenia wszędzie. Drzewo decyzji W3C WAI pomaga odróżnić grafikę informacyjną, dekoracyjną i funkcjonalną. Gdy obraz jest jedyną zawartością linku, jego tekst alternatywny powinien przekazywać funkcję lub cel. Nie zastępuj opisu zestawem fraz SEO.

Złożony wykres może potrzebować wyjaśnienia lub tabeli w treści obok. Krótki ALT nie przeniesie wszystkich zależności i wartości. W podpisie wyjaśnij również, czy obraz jest przykładem edukacyjnym, czy materiałem z rzeczywiście badanej strony.

Dostępny obraz to także właściwy plik i stabilny układ

Poza ALT sprawdź, czy plik się otwiera i czy użytkownik nie pobiera obrazu znacznie większego od potrzeb. Wybierz rozmiar odpowiedni do miejsca wyświetlania oraz sposób kompresji, który zachowuje czytelność. Zrzut panelu z drobnym tekstem i fotografia produktu mają inne wymagania.

Zalecenia Google dla obrazów obejmują również ich związek z otaczającą treścią i dostępność. Umieść ilustrację przy fragmencie, który wyjaśnia. Istotnych informacji nie chowaj wyłącznie w obrazie.

Rezerwacja miejsca na grafikę pomaga ograniczyć przesuwanie treści podczas ładowania. Brak atrybutów width i height w odczytanym HTML nie dowodzi sam w sobie wystąpienia CLS: miejsce może rezerwować CSS. Rzeczywisty efekt sprawdź w przeglądarce i pomiarze wydajności.

Gdzie poprawić i jak sprawdzić wynik?

1. Linki w treści zmień w edytorze podstrony. Elementy powtarzalne, np. karty i menu, popraw w komponencie lub szablonie.
2. ALT uzupełnij przy konkretnym użyciu obrazu; ustawienie w bibliotece mediów nie musi aktualizować wszystkich wcześniejszych wstawek.
3. Po publikacji otwórz kilka poprawionych odnośników, także na telefonie, i sprawdź faktyczny cel.
4. Obejrzyj stronę przy wolniejszym ładowaniu oraz bez obrazów, jeśli przeglądarka lub narzędzie testowe daje taką możliwość.
5. Uruchom audyt ponownie. Sprawdź, czy poprawiony adres wszedł do badanej próbki i czy zniknął konkretny dowód usterki.

Przy zmianie wspólnego szablonu przejrzyj kilka rodzajów treści. Naprawa jednego produktu nie powinna pogarszać kart kategorii ani ukrywać istotnych opisów na telefonie.