Rich snippets i dane strukturalne (schema.org)

Rich snippets i dane strukturalne (schema.org)

Dane strukturalne w HTML pozwalają wyszukiwarkom i systemom przetwarzającym treść lepiej zrozumieć, o czym jest strona. Dzięki nim możliwe jest generowanie tzw. rozszerzonych wyników wyszukiwania (ang. rich snippets) – czyli takich, które zawierają dodatkowe informacje: oceny, autorów, ceny, zdjęcia, daty wydarzeń itp.

Czym są rich snippets?

Rich snippets to wzbogacone wyniki Google (i innych wyszukiwarek), które pokazują więcej informacji niż zwykły tytuł, link i opis. Mogą zawierać np.:

• oceny i gwiazdki (dla produktów, recenzji),
• datę wydarzenia, lokalizację,
• dane o autorze i czasie publikacji,
• nawigację breadcrumb,
• miniaturki obrazów,
• ceny i dostępność produktów,
• czas przygotowania przepisu, składniki, kalorie itd.

Jak to działa?

W kodzie HTML dodajesz semantyczne oznaczenia zgodne ze schema.org, które pozwalają wyszukiwarce zrozumieć strukturę danych. Przeglądarka Google analizuje te dane i może zdecydować o wyświetleniu dodatkowych informacji.

Przykład: karta produktu

<div itemscope itemtype="https://schema.org/Product">
  <span itemprop="name">Laptop X100</span>
  <img src="laptop.jpg" itemprop="image" alt="Laptop X100">
  <p itemprop="description">Nowoczesny laptop z ekranem 14 cali.</p>
  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
    <span itemprop="price">2499.00</span> PLN
    <link itemprop="availability" href="https://schema.org/InStock">
  </div>
</div>

Dzięki takiej strukturze Google może pokazać cenę, dostępność i opis produktu bezpośrednio w wynikach wyszukiwania.

Najczęściej wykorzystywane typy danych

• Article – artykuły, wpisy na blogu, wiadomości
• Product – produkty w sklepach
• Review, AggregateRating – recenzje i oceny
• Event – wydarzenia z datą i lokalizacją
• Recipe – przepisy kulinarne
• Organization, Person – dane kontaktowe firm i osób

Testowanie danych strukturalnych

Po dodaniu danych warto sprawdzić, czy są poprawne i mogą zostać użyte przez Google. Do tego służą narzędzia:

• Rich Results Test – sprawdza, czy strona kwalifikuje się do wyświetlania rich snippets
• Schema Validator – waliduje zgodność ze schematami schema.org

Ważne zasady i ograniczenia

• Google nie gwarantuje, że pokaże rich snippets – nawet jeśli dane są poprawne
• Wyniki mogą być widoczne tylko dla niektórych typów treści (np. produkty, artykuły, wydarzenia)
• Dane muszą odpowiadać treści wyświetlanej użytkownikowi – nie mogą być „sztucznie napompowane”
• Google może ukarać witrynę za fałszywe dane strukturalne (np. fałszywe oceny, nieprawdziwe informacje)

Dobre praktyki

• Używaj tylko typów danych zgodnych z treścią strony
• Nie powielaj tych samych danych w wielu miejscach na stronie
• Stosuj dane strukturalne zgodnie z wytycznymi Google
• Zadbaj o poprawne typy, adresy, formaty (np. cena jako liczba, dostępność jako link do schema.org)

Ćwiczenie

Stwórz komponent HTML opisujący produkt w sklepie lub wpis blogowy z danymi:

• tytuł, opis, autor, data publikacji,
• dla produktu – nazwa, cena, dostępność, zdjęcie,
• dodaj poprawne itemscope, itemtype i itemprop

Następnie przetestuj stronę za pomocą Rich Results Test.

Wniosek

Rich snippets nie tylko poprawiają wygląd wyników w wyszukiwarce, ale też zwiększają klikalność (CTR), zaufanie użytkowników i widoczność Twojej strony. Zastosowanie danych strukturalnych zgodnie z wytycznymi Google to obecnie standard w projektowaniu zoptymalizowanych, profesjonalnych serwisów internetowych.