Rozmiar obrazu mniejszy niż zalecany - Błąd AMP w gsc

W erze Core Web Vitals, sposób obsługi obrazków decyduje o Twoim SEO. Historycznie ten wpis dotyczył błędów AMP. W 2026 roku problemem jest Cumulative Layout Shift (CLS) oraz wymagania Google Discover.

#Błąd: “Rozmiar obrazu mniejszy niż zalecany”

Jeśli widzisz to w Google Search Console, zazwyczaj dotyczy to danych strukturalnych lub Google Discover. Google wymaga, aby obrazy miały co najmniej 1200px szerokości, aby kwalifikować się do dużych kart w Discover i News.

Rozwiązanie: Upewnij się, że Twój og:image i Główny Obrazek Wyróżniający są wysokiej rozdzielczości (np. 1200x675px). Nie używaj małych miniaturek (300px) jako głównego obrazu metadanych.

#Zabójca wydajności: CLS (cumulative layout shift)

Czy kiedykolwiek wszedłeś na stronę, zacząłeś czytać, a potem załadował się obrazek i przesunął tekst w dół? To jest CLS. Google tego nienawidzi (a metryki dowodzą, że użytkownicy też).

#1. Zawsze ustawiaj width i height

Przeglądarki muszą znać proporcje zanim obraz się pobierze, aby zarezerwować miejsce.

<!-- ŹLE -->
<img src="photo.jpg" alt="...">

<!-- DOBRZE -->
<img src="photo.jpg" width="800" height="600" alt="...">

WordPress dodaje te atrybuty automatycznie do standardowych obrazków. Ale jeśli hardcodujesz HTML w motywie, musisz je dodać ręcznie.

#2. Nowoczesny CSS: Aspect-ratio

W 2026 używamy właściwości CSS aspect-ratio, aby rezerwować miejsce dla responsywności, nawet dla wideo czy kontenerów tła.

.card-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

To zapewnia, że przeglądarka natychmiast narysuje pudełko 16:9, zapobiegając przesunięciom układu.

#Dziedzictwo “AMP”

Jeśli wciąż widzisz stare błędy AMP:

1. Obraz Banera: Musi mieć dokładnie 60px wysokości? Nie, to prehistoria. Po prostu upewnij się, że Twoje Logo w Schema.org ma 600x60px.
2. Obraz Wyróżniający: Musi mieć co najmniej 696px szerokości dla AMP.

Rekomendacja na 2026: Porzuć AMP. Nowoczesny WordPress z dobrym Cache/CDN jest szybszy niż AMP i daje większą kontrolę. Skup się na Core Web Vitals (INP i CLS).

#Podsumowanie

1. Metadane: Używaj obrazów 1200px+ dla Obrazków Wyróżniających.
2. Układ: Zawsze dodawaj width=".." i height=".." w HTML.
3. CSS: Używaj aspect-ratio dla responsywnych kontenerów.
4. Discover: Wysokiej jakości obrazy zdobywają 3x więcej kliknięć w Google Feed.

Sprawdź nasze profesjonalne usługi WordPress aby rozwinąć swój projekt.