Rozmiar obrazu mniejszy niż zalecany - błąd AMP w GSC
PL

Rozmiar obrazu mniejszy niż zalecany - błąd AMP w GSC

5.00 /5 - (31 głosów )
Spis treści

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.