Artykuł blogowy o danych strukturalnych Schema.org
Zostaw komentarz / b_Marketing, b_Strony / Przez

Czym jest Schema i jak może pomóc Twojej stronie osiągnąć lepsze wyniki organiczne?

Z tego artykułu dowiesz się:

Czy wiesz, że możesz „podpowiedzieć” wyszukiwarkom, czym jest zawartość Twojej strony, używając specjalnego kodu? Mowa o danych strukturalnych (structured data) i standardzie Schema.org. W tym artykule wyjaśniamy, czym jest Schema.org i uporządkowane dane, przedstawiamy krótko historię powstania tego standardu, opisujemy korzyści SEO z jego stosowania (w tym słynne rich snippets i wyższą klikalność), a także porównujemy Schema z tagami Open Graph używanymi w social media. Pokażemy również, jak wdrożyć znaczniki Schema.org na różnych platformach – od WordPressa, przez Shopify, po PrestaShop – zarówno za pomocą wtyczek/modułów, jak i ręcznie w formacie JSON-LD. Na koniec znajdziesz przykładowe kody JSON-LD dla artykułu blogowego, strony produktu i lokalnej firmy oraz informacje o narzędziach Google do testowania danych strukturalnych. Zaczynajmy!

Czym jest Schema.org i czym są dane strukturalne?

Dane strukturalne (uporządkowane) to ustandaryzowany sposób prezentowania informacji o stronie internetowej w jej kodzie, tak aby były one zrozumiałe dla robotów wyszukiwarek. Innymi słowy, jest to dodatkowa warstwa opisu zawartości strony, którą dodajemy do HTML – zwykle w formie specjalnych znaczników lub skryptu JSON – aby przekazać wyszukiwarkom kontekst i znaczenie danych znajdujących się na stronie. Przykładowo, jeśli na stronie znajduje się przepis kulinarny, dane strukturalne mogą wyszczególnić takie elementy jak lista składników, czas przygotowania, liczba kalorii itp. Dzięki temu roboty Google czy Binga lepiej rozumieją, co znajduje się na stronie i jak klasyfikować tę treść.

Schema.org to z kolei otwarty słownik (schemat) znaczników danych strukturalnych, wypracowany i wspierany przez największe wyszukiwarki internetowe. Schema.org dostarcza ustandaryzowany zbiór definicji typów danych (tzw. typów schematu), takich jak Article (artykuł), Product (produkt), Recipe (przepis), LocalBusiness (firma lokalna) i wiele innych, wraz z wyszczególnieniem atrybutów (właściwości), jakie można dla nich zdefiniować. Używając schematu ze strony schema.org, webmasterzy mogą oznaczyć konkretne elementy strony – np. tytuł i autora artykułu, cenę i dostępność produktu, adres firmy itp. – w ustandaryzowany sposób rozumiany przez wszystkie najważniejsze wyszukiwarki. W ten sposób dostarczamy także więcej wartościowych danych, co wzmacnia prezencję naszej strony i jej zawartości w wynikach wyszukiwania.

Dane strukturalne osadza się w kodzie HTML stron – można to robić na różne sposoby. Historycznie popularne były mikrodane (microdata) i RDFa – czyli specjalne atrybuty HTML (typu itemprop, itemscope itp.) dodawane do elementów strony. Współcześnie jednak najwygodniejszą metodą jest użycie formatu JSON-LD (JavaScript Object Notation for Linked Data) – w postaci osobnego skryptu <script type="application/ld+json"> umieszczonego w sekcji <head> lub <body> strony. JSON-LD ma tę zaletę, że nie wymaga modyfikowania istniejącego HTML element po elemencie, a jedynie doklejenia gotowego bloku ze zdefiniowanymi danymi. Google zresztą oficjalnie zaleca format JSON-LD do implementacji schema. Niezależnie od formy (mikrodane czy JSON-LD), efekt dla wyszukiwarek jest podobny – otrzymują one strukturalną informację o zawartości strony.

Krótka historia powstania Schema.org

Standard Schema.org narodził się z potrzeby ujednolicenia sposobu, w jaki webmasterzy przekazują dodatkowe informacje o swoich stronach wyszukiwarkom. Wcześniej istniały różne konkurencyjne schematy i mikrofomaty, co powodowało chaos – każda wyszukiwarka mogła interpretować dane inaczej lub wspierać inny standard. Dlatego w czerwcu 2011 roku trzy największe firmy – Google, Microsoft (Bing) i Yahoo – ogłosiły wspólnie powstanie inicjatywy Schema.org. Jeszcze w listopadzie 2011 dołączył do nich rosyjski Yandex. Był to przełom, bo konkurujące ze sobą wyszukiwarki zgodziły się współpracować nad jednym wspólnym schematem znaczników.

Od strony praktycznej oznaczało to stworzenie strony schema.org zawierającej dokumentację wszystkich uzgodnionych typów danych strukturalnych oraz ciągły rozwój tego słownika. Schema.org jest projektem żywym – od momentu powstania doczekał się licznych aktualizacji i rozszerzeń. Do połowy 2021 projekt Schema.org już 13 aktualizacji zawierających usprawnienia i nowe znaczniki. Schema.org integruje też inne wcześniejsze ontologie – np. w 2012 włączono do niego schemat GoodRelations dla danych e-commerce. Co ważne, Schema.org od początku wspiera różne formaty implementacji – wspomniane mikrodane i RDFa, a także JSON-LD (od 2015 r., gdy Google zaczął go obsługiwać, stając się obecnie preferowaną metodą).

Podsumowując, Schema.org to efekt współpracy największych wyszukiwarek, który powstał, by ułatwić wyszukiwarkom indeksowanie witryn i lepiej rozumieć treści stron internetowych. Zamiast wielu standardów jest jeden uniwersalny „język” opisu struktury strony – prawdziwie uniwersalny język Internetu, jak czasem się go określa.

Korzyści SEO ze stosowania danych strukturalnych Schema.org

Skoro dodawanie danych strukturalnych wymaga pewnego wysiłku, warto zadać pytanie: co daje schema? Okazuje się, że korzyści z implementacji schema mogą być bardzo wymierne, zwłaszcza jeśli chodzi o wygląd wyników wyszukiwania i ruch z SEO. Oto najważniejsze korzyści, jakie może uzyskać Twoja strona internetowa z wdrożenia danych schema:

  • Bogate wyniki wyszukiwania (rich results, tzw. rich snippets) – są to wyróżnione fragmenty informacji, które Google i inne wyszukiwarki mogą wyświetlić w wynikach, jeśli strona dostarcza danych strukturalnych. Przykładem bogatego wyniku mogą być żółte gwiazdki ocen przy produkcie lub recenzji, cena i informacja o dostępności produktu, zdjęcie i czas przygotowania przy przepisie kulinarnym, data wydarzenia przy zapowiedzi eventu, sekcja FAQ w wynikach itp. W praktyce dane strukturalne umożliwiają wyświetlenie w wynikach Google dodatkowych informacji, które przyciągają wzrok użytkownika. Strona bez danych strukturalnych wyświetli zwykły wynik z tytułem i opisem, podczas gdy strona z poprawnie wdrożonym schema może zyskać atrakcyjne snippety z dodatkowymi szczegółami. To sprawia, że wynik wyróżnia się na tle konkurencji.
Przykład danych schema wyświetlanych w wynikach Google
Przykład bogatego wyniku (rich snippet) dla produktu w Google – widoczne są gwiazdki oceny, liczba recenzji, cena oraz informacja o dostępności.
  • Wyższy CTR i więcej ruchu – ponieważ wyniki z elementami rozszerzonymi są bardziej atrakcyjne wizualnie i informacyjnie, użytkownicy chętniej w nie klikają. Wiele case studies pokazało znaczący wzrost współczynnika klikalności (CTR) po wdrożeniu danych strukturalnych. Google podaje np., że Rotten Tomatoes odnotował 25% wzrost CTR, a serwisy Nestlé nawet 82% wyższy CTR, na stronach z wdrożonymi danymi strukturalnymi. To przekłada się bezpośrednio na więcej ruchu organicznego z wyszukiwarki. Samo zastosowanie schema nie podbije nam pozycji w rankingu, jednak lepsze zrozumienie kontekstu przez Google może poprawić dopasowanie strony do intencji wyszukiwania, a wzbogacone wyniki zazwyczaj przekładają się na wyższy CTR. Innymi słowy – dane strukturalne pomagają „wyciągnąć” z Google więcej ruchu bez zmiany treści czy dodatkowego link buildingu.
  • Lepsza widoczność i wyróżnienie marki – bogate wyniki nie tylko zwiększają klikalność, ale też budują świadomość marki. Użytkownik widząc np. wysoką ocenę produktu (gwiazdki) czy często pojawiające się FAQ z Twojej strony w wynikach, zaczyna kojarzyć Twoją witrynę jako autorytet w danym temacie. Dodatkowo niektóre typy znaczników, jak Organization czy LocalBusiness, pozwalają pokazać w Knowledge Graph (panel wiedzy Google) informacje o firmie, logo, dane kontaktowe itp. – co również zwiększa widoczność marki w sieci.
  • Dopasowanie do wyszukiwania głosowego i asystentów – uporządkowane dane mogą być wykorzystywane przez Asystenta Google, Alexę i inne systemy do udzielania odpowiedzi na pytania użytkowników. Np. jeśli ktoś zapyta głosowo „OK Google, ile kalorii ma lasagne?”, a Twój przepis ma w danych strukturalnych podaną kaloryczność, asystent może skorzystać właśnie z tej informacji w odpowiedzi. Posiadanie strukturalnych danych zwiększa więc szansę, że Twoja treść zostanie wykorzystana w odpowiedziach bezpośrednich (tzw. featured snippets lub działaniach typu Q&A).
  • Lepsze zrozumienie strony przez algorytmy (choć bez bezpośredniego wpływu na pozycję) – to podkreślenia wymaga fakt: Google oficjalnie twierdzi, że dane strukturalne nie są czynnikiem rankingowym (tzn. samo ich posiadanie nie sprawi, że strona awansuje w wynikach). Jednak dzięki nim algorytmy lepiej rozumieją treść i kontekst strony, co może pośrednio pomóc w jej właściwym zaklasyfikowaniu i wyświetlaniu na trafniejsze zapytania użytkowników. W efekcie, strona może uzyskać więcej wyświetleń na odpowiednie frazy (lepsza widoczność na tzw. długi ogon). Dodatkowo, jeśli strona dostarcza Google komplet danych (np. produkt ma podany price, availability, review), to minimalizuje ryzyko błędnej interpretacji zawartości przez wyszukiwarkę.

Wymienione zalety przekładają się na realne korzyści biznesowe – więcej ruchu i potencjalnie więcej konwersji, lepszą prezentację oferty już na poziomie wyszukiwarki i profesjonalny wizerunek. Nic dziwnego, że Google “lubi” strony z poprawnie wdrożonym Schema.org – może nie premiuje ich wyższą pozycją za sam fakt posiadania danych, ale nagradza pośrednio poprzez atrakcyjniejsze wyniki i większą widoczność. W świecie, gdzie konkurencja o uwagę użytkownika jest ogromna, schema to stosunkowo prosty sposób, by zyskać przewagę.

Najpopularniejsze rodzaje danych strukturalnych w SEO

Warto wspomnieć, że istnieje bardzo wiele typów znaczników schema – nie wszystkie skutkują wyświetleniem elementów w wynikach, ale wiele może. Do najczęściej wykorzystywanych w kontekście SEO należą m.in.:

  • Product – dla stron produktowych (sklepy internetowe). Pozwala przekazać takie informacje jak cena, dostępność, marka produktu, oceny i recenzje itp., które mogą pojawić się w wynikach (np. gwiazdki, cena).
  • BreadcrumbList – tzw. okruszki nawigacyjne. Pomagają wyświetlić w wynikach „ścieżkę” kategorii/sekcji zamiast samego URL, co czyni wynik bardziej czytelnym i pokazuje strukturę witryny.
  • Article/BlogPosting – dla artykułów blogowych i newsów. Umożliwia oznaczenie tytułu, autora, daty publikacji, obrazka, opisu itd. Często wykorzystywane przez Google do tworzenia wyników z karuzelą artykułów w Top Stories lub po prostu ułatwia zrozumienie treści newsów.
  • Recipe – dla przepisów kulinarnych. Pozwala na bogate wyniki z obrazkiem potrawy, ocenami, czasem przygotowania, kaloriami i listą składników.
  • FAQ – sekcja pytań i odpowiedzi. Prawidłowo wdrożona (jako FAQPage) może skutkować tym, że pod wynikiem wyszukiwania pojawią się rozwijane pytania i odpowiedzi z naszej strony (co bardzo zwiększa obszar zajmowany przez wynik).
  • Event – dla wydarzeń (koncerty, konferencje, webinary itp.). Pozwala wyświetlić datę, lokalizację, cenę biletów itp. bezpośrednio w wynikach.
  • LocalBusiness/Organization – dane o firmie, np. adres, telefon, godziny otwarcia, współrzędne geograficzne. Wykorzystywane głównie w panelu wiedzy (Knowledge Graph) i Mapach Google, ale również mogą wzbogacić wynik (np. przez link do mapy, ocenę lokalnej firmy itp.).

To tylko kilka przykładów – schema.org zawiera setki typów, od oczywistych jak Person czy Movie, po wyspecjalizowane jak MedicalCondition czy FAQPage. Kluczem jest dobranie tych, które pasują do treści naszej witryny i mogą przynieść nam korzyść w postaci lepszego wyglądu w SERP lub lepszego zrozumienia treści przez wyszukiwarkę.

Czym są Open Graph Tags i jak uzupełniają Schema? (social media)

Oprócz danych strukturalnych schema.org, które kierujemy głównie do wyszukiwarek, istnieje też inny rodzaj meta-danych, o którym warto wspomnieć – Open Graph. Tagi Open Graph (OG) to meta tagi HTML (umieszczane w <head> strony), które zostały wprowadzone przez Facebooka, aby umożliwić dowolnej stronie internetowej zachowywanie się jak „obiekt” w grafie społecznościowym. Mówiąc prościej, Open Graph pozwala zdefiniować, jak nasza strona/URL będzie prezentować się po udostępnieniu w mediach społecznościowych takich jak Facebook, LinkedIn czy Twitter. Typowe tagi OG to m.in.:

  • og:title – tytuł strony (np. tytuł artykułu czy produktu),
  • og:description – opis strony (krótki lead),
  • og:image – URL obrazka, który ma się pojawić przy podglądzie (np. zdjęcie artykułu lub produktu),
  • og:url – kanoniczny URL strony,
  • og:type – typ obiektu (np. article, product, video.movie itd.), który może determinować dodatkowe pola.

Przykładowo, dla artykułu blogowego meta tagi Open Graph mogą wyglądać tak:

<meta property="og:title" content="10 pomysłów na zdrowe śniadanie" />
<meta property="og:description" content="Poznaj przepisy na pyszne i szybkie zdrowe śniadania..." />
<meta property="og:image" content="https://example.com/images/sniadanie.jpg" />
<meta property="og:url" content="https://example.com/blog/zdrowe-sniadanie" />
<meta property="og:type" content="article" />

Dzięki temu, gdy ktoś wklei link do tego artykułu na Facebooku, wygeneruje się ładna karta z tytułem, opisem i miniaturką zdjęcia. Podobnie zadziała to na LinkedIn. Twitter z kolei używa tzw. Twitter Cards, które są zbliżone do OG (wiele serwisów używa po prostu tagów og:title, a Twitter też je odczytuje, ewentualnie dodając własne jak twitter:card).

Czy Open Graph wpływa na SEO?

Bezpośrednio nie – tagi Open Graph nie są wykorzystywane przez Google do rankingu stron ani do wyświetlania bogatych wyników. Są one przeznaczone głównie dla crawlerów mediów społecznościowych (Facebook Crawler, LinkedIn bot etc.). Jednak pośrednio mogą pomagać: dobrze udostępniany i atrakcyjnie wyglądający w social media content może zdobyć więcej kliknięć, udostępnień, a to zwiększa zasięg i ruch na stronie. Co więcej, Open Graph uzupełnia dane strukturalne – stanowi dodatkowy, ustrukturyzowany zestaw metadanych o stronie, tyle że dla platform społecznościowych, a nie wyszukiwarek.

Warto też zauważyć, że Open Graph i Schema.org to oddzielne standardy, które się nie wykluczają, lecz uzupełniają. Można (i warto) na stronie mieć jednocześnie znaczniki schema.org dla Google oraz meta tagi OG dla Facebooka i innych platform. Przykładowo strona produktu może mieć zarówno JSON-LD Product dla Google, jak i meta tagi og:title, og:image itd. dla zapewnienia poprawnego podglądu na FB.

Co prawda OG to osobny protokół, ale również przekazuje pewne ustrukturyzowane informacje, z czego mogą skorzystać także wyszukiwarki w kontekście ogólnego rozumienia strony. Jak zauważono w pewnym opracowaniu, Open Graph dostarcza ustrukturyzowane metadane dla wyszukiwarek (mimo że przeznaczony jest głównie dla social media), co pomaga lepiej zrozumieć treść strony. Choć same tagi OG nie wpływają na ranking, uzupełniają dane strukturalne Schema.org i mogą wspomóc indeksowanie strony poprzez pełniejsze informacje. Podsumowując: Schema.org to „język” danych strukturalnych dla Google/Bing, a Open Graph to „język” meta danych dla Facebooka i social media – warto stosować oba, by zarówno wyszukiwarki, jak i platformy społecznościowe miały pełnię informacji o naszej stronie.

Jak wdrożyć Schema.org na stronie internetowej?

Skoro wiemy już, że warto, przejdźmy do praktyki: jak dodać znaczniki Schema.org do swojej strony lub sklepu? Wdrożenie może wyglądać różnie w zależności od używanej platformy/CMS. Ogólnie mamy dwa podejścia:

  1. Automatycznie, za pomocą odpowiednich wtyczek lub modułów – wiele systemów CMS oferuje dodatki, które generują dane strukturalne za nas. To często najprostsza droga dla osób nietechnicznych.
  2. Ręcznie, poprzez dodanie kodu JSON-LD lub mikrodanych do szablonu strony – opcja dla bardziej zaawansowanych, gdy chcemy pełnej kontroli lub gdy brak dedykowanej wtyczki.

Poniżej opisujemy, jak to wygląda na przykładzie trzech popularnych platform: WordPress, Shopify oraz PrestaShop.

WordPress – wdrażanie danych strukturalnych Schema

WordPress jest obecnie najpopularniejszym CMS-em i ma tę zaletę, że posiada mnóstwo gotowych wtyczek SEO ułatwiających dodawanie schema. Jeśli korzystasz z WordPressa, najprostsza metoda to sięgnięcie po wtyczkę SEO z obsługą Schema.org, taką jak Rank Math, Yoast SEO, All in One SEO lub dedykowane wtyczki schema. Google sam sugeruje, że w przypadku korzystania z CMS-a warto użyć dostępnych wtyczek zamiast wdrażać wszystko ręcznie. Wtyczki takie automatyzują dodawanie znaczników JSON-LD do kodu strony.

Przykładowo Rank Math (darmowa wtyczka SEO) pozwala na dodanie schematu dla różnych typów treści z poziomu edycji wpisu: możemy oznaczyć wpis jako artykuł, wpis FAQ, przepis, produkt itp. – wtyczka wygeneruje odpowiedni skrypt JSON-LD. Rank Math posiada też moduł Schema Generator, w którym można wyklikać własny schemat lub zaimportować istniejący kod JSON-LD i przypisać go do wybranych stron. Inna popularna wtyczka, Yoast SEO, automatycznie dodaje podstawowe dane strukturalne jak BreadcrumbList (okruchy), Article (dla wpisów blogowych) czy WebSite/Organization (dla całej witryny). W większości przypadków, instalując jedną z tych wtyczek i włączając odpowiednie opcje, nie musisz pisać żadnego kodu – schema zostanie dodana do HTML Twojej strony automatycznie.

Oczywiście, wtyczki mają swoje ograniczenia – często pokrywają najpopularniejsze typy danych. Jeśli potrzebujesz czegoś customowego lub chcesz mieć pełną kontrolę, możesz dodać JSON-LD ręcznie. W WordPressie można to zrobić np. wstawiając kod <script type="application/ld+json">...</script> wewnątrz szablonu (np. w pliku header.php dziecka motywu) lub użyć hooków. Można też skorzystać z mniejszych wtyczek typu Code Snippets, aby wstrzyknąć fragment kodu JSON-LD globalnie albo tylko na wybranych podstronach.

Porada: Jeśli korzystasz z WooCommerce (wtyczka sklepowa dla WP), to wiele danych strukturalnych dla produktów dodawanych jest automatycznie (np. Product, Offer, AggregateRating) – upewnij się, że motyw nie usuwa tych fragmentów. W przypadku własnych rozwiązań, zawsze możesz posiłkować się gotowymi generatorami JSON-LD (np. generator schema w Rank Math lub narzędzia online) i wkleić wynik do kodu strony.

Podsumowując, na WordPressie najłatwiej jest skonfigurować wtyczkę SEO z obsługą danych strukturalnych, co zajmuje parę minut, a zapewnia implementację większości potrzebnych znaczników bez dotykania kodu.

Shopify – wdrażanie danych strukturalnych w sklepie

Shopify (popularna platforma sklepów online) również umożliwia dodawanie danych strukturalnych, choć podejście jest nieco inne niż w WordPressie. Tutaj mamy do wyboru:

  • Wykorzystanie aplikacji (app) z Shopify App Store – np. aplikacja Smart SEO lub inne dedykowane do schema. Takie aplikacje automatycznie generują i dodają do sklepu odpowiednie skrypty JSON-LD ze znacznikami produktów, stron itd., w zalecanym formacie. Jest to o tyle wygodne, że nie wymaga technicznej wiedzy – instalujemy app, konfigurujemy kilka opcji i dane strukturalne pojawiają się na wszystkich stronach produktów, bloga, strony głównej itp. (Smart SEO deklaruje obsługę JSON-LD dla produktów, blogów, stron kolekcji itd. z automatycznymi aktualizacjami).
  • Ręczna edycja kodu szablonu (Liquid) – Shopify pozwala edytować szablony motywu, które są napisane w języku Liquid. Osoba z doświadczeniem może dodać kod JSON-LD bezpośrednio do plików szablonu. Typowo robi się to poprzez utworzenie/edytowanie snippetu i wstawienie go w odpowiednie miejsce. Np. dla stron produktów edytuje się plik product.liquid (lub odpowiedni szablon sekcji produktu) i wkleja w nim <script type="application/ld+json"> z wypełnionym JSON, korzystając z zmiennych Liquid (takich jak {{ product.title }}, {{ product.price }} itp.), by dynamicznie przekazać dane produktu. Podobnie można postąpić dla artykułów na blogu (plik article.liquid) czy strony głównej (theme.liquid – dodając np. znacznik Organization). Ręczne podejście daje dużą elastyczność, ale wymaga znajomości Liquid, HTML i JSON-LD – początkującym łatwo tu o błąd, dlatego Shopify poleca je raczej doświadczonym developerom.
  • Zlecenie specjaliście (Shopify Expert) – Jeśli nie chcemy używać gotowej aplikacji, a brak nam wiedzy, zawsze można skorzystać z pomocy eksperta od Shopify, który wdroży schema za nas. Wspominamy o tym dla kompletności – Shopify ma oficjalnych partnerów (freelancerów/agencje), które mogą wykonać taką usługę. Jednak dla większości sklepów SaaS-owych lepszym rozwiązaniem będzie skorzystanie z dedykowanej aplikacji (prościej i często taniej).

Warto wiedzieć, że wiele nowoczesnych motywów Shopify ma już wbudowane podstawowe znaczniki danych strukturalnych. Np. domyślny motyw Dawn zawiera fragmenty JSON-LD dla produktów (Product, Offer, AggregateRating), dla list kolekcji (BreadcrumbList, ItemList) itp. Sprawdź dokumentację swojego motywu – być może część pracy jest już wykonana. Jeśli jednak Twój sklep internetowy korzysta z motywu, który tego nie ma, lub chcesz rozbudować zakres danych (np. dodać znacznik FAQ do stron FAQ, znacznik Recipe do bloga z przepisami itp.), wtedy z pomocą przychodzą wspomniane aplikacje lub manualne dodatki.

Praktyczna wskazówka: Po dodaniu danych strukturalnych (czy to appką, czy ręcznie), przetestuj stronę produktu w narzędziu Google Rich Results Test – upewnisz się, czy Google widzi np. cenę, dostępność i recenzje produktu poprawnie. W Shopify czasem drobne błędy w Liquid mogą spowodować np. duplikację znaczników – warto to wychwycić testami.

PrestaShop – wdrażanie schema w sklepie internetowym

PrestaShop (popularny silnik sklepu open-source) również umożliwia wdrożenie schema.org na parę sposobów. W przypadku PrestaShop warto zaznaczyć, że domyślny motyw Presty zawiera już pewne wbudowane mikrodane (rich snippets) dla produktów – np. znaczniki ceny, dostępności, oceny produktu w szablonie produktu. Jak zauważył jeden z moderatorów forum PrestaShop, domyślny szablon ma zaimplementowane większość podstawowych rich snippets. Jeśli jednak chcemy dodać więcej szczegółów lub inne typy danych strukturalnych, potrzebne będą moduły albo edycja szablonów.

Opcja 1: gotowy moduł PrestaShop – Na marketplace Presta (addons.prestashop.com) znajdziemy wiele modułów związanych z SEO i danymi strukturalnymi. Przykładowo moduły typu „SEO Rich Snippets” lub „Schema.org Markup” automatycznie dodają JSON-LD do sklepu: opisy produktów, dane firmy, lokalizację, breadcrumbs itp. Część modułów jest płatna, ale ich zaletą jest prostota – instalujemy moduł w PrestaShop, włączamy go i konfigurujemy (np. wpisujemy nazwę firmy, dane kontaktowe) i moduł dokleja odpowiedni kod do front-endu. Jeśli nie chcesz grzebać w kodzie, skorzystanie z modułu jest najprostszą drogą.

Opcja 2: edycja szablonów (.tpl) – Dla bardziej technicznych użytkowników lub nietypowych wymagań można samodzielnie dodać potrzebne znaczniki w plikach szablonów Presty. Pliki szablonów (.tpl) w PrestaShop (zwłaszcza w wersjach 1.6/1.7) zawierają kod HTML z wbudowanymi zmiennymi Smarty. Można w nich dodać zarówno mikrodane (dodając atrybuty itemprop, itemscope do istniejących elementów) jak i całe bloki JSON-LD. Np. w pliku product.tpl można umieścić skrypt JSON-LD definiujący obiekt Product z polami podstawionymi przez zmienne Smarty (np. {$product.name} dla nazwy, {$product.price} dla ceny, itp.). Podobnie w pliku header.tpl można dodać znacznik Organization z nazwą sklepu i logo. Trzeba jednak pamiętać, że każda aktualizacja motywu lub Presty może nadpisać nasze zmiany, dlatego lepiej robić to w motywie potomnym lub notować zmiany.

Opcja 3: moduły dedykowane konkretnym elementom – Czasem potrzebujemy tylko dołożyć np. znacznik oceny do opinii, lub breadcrumbs. Istnieją moduły dodające konkretne funkcjonalności (np. rozbudowany system opinii klientów, który przy okazji dodaje dane strukturalne review i rating). Warto sprawdzić, czy funkcja, którą chcemy osiągnąć, nie jest już pokryta przez inny moduł, którego używamy.

Generalnie, wielu developerów PrestaShop zaleca użycie gotowego modułu dla pełnego pokrycia schema.org w sklepie, zwłaszcza że PrestaShop 1.6/1.7 posiada tylko podstawową integrację schema w szablonach (np. produkt i breadcrumbs), a bardziej zaawansowane dane trzeba dodać samemu. Proste poprawki mogą wiele poprawić (np. upewnienie się, że tagi itemprop są obecne przy cenie, dostępności, nazwie produktu w szablonie), ale to wciąż dopiero podstawa. Jeśli chcemy np. dodać znacznik Product z pełnymi danymi w formacie JSON-LD, czy objąć znacznikami FAQPage naszą stronę FAQ, w podstawowej Preście tego nie ma – stąd dodatkowy moduł bywa niezbędny.

Dane strukturalne Schema w Shoper

Platforma Shoper również implementuje dane strukturalne Schema.org, ale w ograniczonym zakresie i w sposób zamknięty — to znaczy, że użytkownik nie ma pełnej kontroli nad ich strukturą ani treścią. Większość szablonów Shoper zawiera podstawowe mikrodane dla stron produktowych (np. Product, Offer), ale są one często osadzone w kodzie HTML jako atrybuty itemprop, co ogranicza możliwości rozbudowy i elastyczności.

Niektóre szablony oraz aplikacje z Shopera oferują dane strukturalne również dla breadcrumbs, organizacji czy wpisów blogowych, jednak brakuje wsparcia dla JSON-LD, który jest rekomendowany przez Google. Co więcej, użytkownicy Shopera nie mają bezpośredniego dostępu do kodu źródłowego (np. szablonów Liquid jak w Shopify), dlatego nie można samodzielnie dodać pełnych znaczników JSON-LD, chyba że platforma to umożliwi poprzez indywidualne wdrożenie (np. na zlecenie techniczne lub przy wyższych planach abonamentowych).

Jeśli korzystasz z Shopera i chcesz mieć pewność, że Twoje dane strukturalne są kompletne i zgodne z wytycznymi Google, warto:

  • sprawdzić, co już generuje Twój szablon (np. przez Rich Results Test),
  • skontaktować się z pomocą techniczną Shopera,
  • lub rozważyć wdrożenie niestandardowe przez zewnętrznego partnera Shopera.

Podsumowanie wdrażania: Każda platforma ma swoje sposoby, ale uniwersalna rada brzmi: jeżeli istnieje sprawdzona wtyczka/moduł dla Twojego CMS, który dodaje dane strukturalne – skorzystaj z niego (zaoszczędzisz czas i zmniejszysz ryzyko błędów). Jeśli nie, albo jeśli masz bardzo specyficzne wymagania, pozostaje ręczne dodanie kodu – co wymaga jednak ostrożności i testowania. Pamiętaj również, by po wdrożeniu zawsze przetestować stronę narzędziami Google (o nich za chwilę), aby upewnić się, że wszystko jest poprawnie odczytywane.

Przykłady kodu Schema (JSON-LD)

W tej sekcji znajdziesz konkretne przykłady kodu JSON-LD dla różnych typów stron. Możesz potraktować je jako punkt wyjścia przy wdrażaniu danych strukturalnych na swojej witrynie. Pamiętaj, by zawsze dostosować wartości do własnej strony (np. tytuły, URL-e, ceny, daty). Dla czytelności przykłady są niepełne (zawierają najważniejsze pola), ale zawsze warto dodać jak najwięcej rekomendowanych atrybutów schema.org, o ile masz takie dane.

Przykład Schema: artykuł blogowy (Article/BlogPosting)

Załóżmy, że chcemy oznaczyć wpis blogowy, np. artykuł poradnikowy. Idealnym typem schema będzie tutaj BlogPosting (podtyp Article). Kod JSON-LD mógłby wyglądać tak:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.com/blog/jak-przygotowac-lasagne"
  },
  "headline": "Jak przygotować pyszną lasagne – poradnik krok po kroku",
  "description": "Dowiedz się, jak zrobić tradycyjną włoską lasagne z bogatym sosem bolońskim i beszamelem. Przepis krok po kroku.",
  "image": "https://example.com/images/lasagne.jpg",
  "author": {
    "@type": "Person",
    "name": "Jan Kowalski"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Przykładowy Blog Kulinarny",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "datePublished": "2025-05-01",
  "dateModified": "2025-05-03"
}
</script>

W powyższym kodzie opisaliśmy artykuł: wskazaliśmy unikalny identyfikator strony (mainEntityOfPage z adresem URL), tytuł (headline), opis, obrazek (miniaturka potrawy), autora oraz wydawcę (tu ustawiony jako organizacja – blog). Podaliśmy też daty publikacji i modyfikacji. Taki zestaw danych powinien w zupełności wystarczyć Google do zrozumienia, że strona jest artykułem blogowym. Dzięki temu Google może np. wyświetlić w mobilnych wynikach tzw. Top Stories z tym artykułem lub zrozumieć lepiej tematykę (choć rich snippetów w postaci gwiazdek czy czegoś ekstra przy zwykłych artykułach raczej się nie spodziewamy, poza może datą publikacji).

Przykład Schema: strona produktu (Product)

Dla stron produktowych możemy użyć schematu typu Product. Ważnymi elementami będą tutaj informacje o ofercie (cena, waluta, dostępność) oraz ewentualnie opinie/oceny. Przykładowy JSON-LD dla strony produktu może wyglądać tak:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Smartfon XYZ 128GB",
  "image": [
    "https://example.com/images/smartfon_xyz_front.jpg",
    "https://example.com/images/smartfon_xyz_back.jpg"
  ],
  "description": "Smartfon XYZ z 6.5-calowym wyświetlaczem, 128GB pamięci i aparatem 48Mpx.",
  "sku": "XYZ-128-BLACK",
  "brand": {
    "@type": "Brand",
    "name": "XYZ Electronics"
  },
  "review": {
    "@type": "Review",
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "4.5",
      "bestRating": "5"
    },
    "author": {
      "@type": "Person",
      "name": "Janina Nowak"
    },
    "description": "Telefon działa bardzo płynnie, świetny ekran i dobry aparat. Bateria mogłaby być lepsza.",
    "datePublished": "2025-04-10"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.4",
    "reviewCount": "57"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/sklep/smartfon-xyz-128gb",
    "priceCurrency": "PLN",
    "price": "1999.00",
    "priceValidUntil": "2025-12-31",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition"
  }
}
</script>

Ten kod zawiera dość obszerny opis produktu Smartfon XYZ 128GB: nazwa, kilka obrazów, opis produktu, SKU, marka. Ponadto dodaliśmy pojedynczą recenzję (Review – z oceną 4.5/5 i komentarzem autora Janiny) oraz ocenę zbiorczą (AggregateRating – średnia 4.4 na podstawie 57 opinii). Kluczowa sekcja to offers – informacje o ofercie sprzedaży: cena (1999 PLN), dostępność (InStock), link do strony produktu, warunki (nowy) i data ważności oferty. Google wymagają co najmniej jednego z tych elementów (Review/AggregateRating lub Offer) by wyświetlić wynik produktowy z elementami rozszerzonymi. Posiadając cenę, dostępność i ocenę, nasz produkt jest w pełni kwalifikowany do wyświetlenia w wynikach jako bogaty snippet (jak na obrazku wyżej, z gwiazdkami, ceną i etykietą dostępności).

Oczywiście w praktyce większość sklepów generuje te dane dynamicznie (np. platformy e-commerce czy wtyczki SEO same podstawiają aktualną cenę, liczbę opinii itd.). Niemniej, przykład ilustruje strukturę – można go użyć jako szablonu.

Przykład Schema: lokalna firma (LocalBusiness)

Jeśli posiadasz stronę firmową dla lokalnego biznesu (np. restauracji, sklepu stacjonarnego, salonu usług), warto dodać znacznik LocalBusiness. Można doprecyzować podtyp, np. Restaurant, Store, ProfessionalService – tutaj użyjemy ogólnego LocalBusiness. Taki znacznik często umieszcza się na stronie kontaktowej lub głównej. Przykład:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Kawiarnia Espresso Bar",
  "image": "https://example.com/images/lokal.jpg",
  "telephone": "+48 123 456 789",
  "email": "biuro@espressobar.pl",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Ul. Przykładowa 10",
    "addressLocality": "Kraków",
    "postalCode": "30-001",
    "addressCountry": "PL"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 50.06465,
    "longitude": 19.94498
  },
  "openingHours": "Mo-Fr 08:00-18:00",
  "url": "https://espressobar.pl",
  "priceRange": "$$"
}
</script>

Tutaj definiujemy lokalny biznes – Kawiarnia Espresso Bar z Krakowa. Podaliśmy podstawowe dane kontaktowe: telefon, e-mail, pełny adres (w formacie PostalAddress), współrzędne geograficzne (latitude/longitude). Do tego godziny otwarcia (pon-pt 8-18) oraz zakres cenowy priceRange (umowne $$ – co często stosuje się np. dla restauracji). Tego typu dane strukturalne mogą zostać wykorzystane przez Google np. w Knowledge Graph (panelu bocznym z informacjami o firmie) lub przy wyświetlaniu wyników lokalnych. Ponadto, jeżeli nasza strona nie korzysta z Google Moja Firma lub w ogóle jako dodatkowe źródło, dostarczamy wyszukiwarce cenne informacje o naszej lokalizacji i ofercie.

Uwaga: Dla lokalnych firm warto rozważyć użycie podtypu, jeśli pasuje – np. @type": "Restaurant" dodać dodatkowe pola (jak menu, oceny itd.), @type": "Store" dla sklepu detalicznego, itp. Schema.org posiada całą hierarchię podtypów LocalBusiness.

Testowanie poprawności wdrożenia – narzędzia Google

Wdrożenie danych strukturalnych to jedno, ale równie ważne jest sprawdzenie, czy wszystko działa prawidłowo i czy nasze dane są czytelne dla wyszukiwarki. Na szczęście Google dostarcza darmowe narzędzia do walidacji schema. W szczególności warto znać dwa z nich:

  • Rich Results Test (Test wyników rozszerzonych) – oficjalne narzędzie Google, które pokazuje, jakie rich results (bogate wyniki) mogą zostać wygenerowane z danych strukturalnych na podanej stronie. Wystarczy wkleić adres URL (lub fragment kodu HTML/JSON-LD), a narzędzie sprawdzi obecność znaczników schema obsługiwanych przez Google i pokaże, czy kwalifikujemy się np. do wyświetlania gwiazdek, wyników FAQ, rozszerzonych wyników artykułów itp. Pokaże również ewentualne błędy krytyczne lub ostrzeżenia (np. brak wymaganej pola „price” w Product). Co więcej, Rich Results Test umożliwia podgląd (preview) jak potencjalnie wynik wyszukiwania z elementami rozszerzonymi będzie się prezentował. Jest to zatem świetny sposób na weryfikację, czy nasze wdrożenie działa i co z niego wynika.
  • Schema Markup Validator (validator.schema.org) – narzędzie do ogólnej walidacji znaczników schema.org, utrzymywane we współpracy z Google. Pozwala sprawdzić dowolny kod schema (nawet jeśli Google go nie wykorzystuje w wynikach). Innymi słowy, walidator schema.org skupi się na poprawności składni i zgodności z definicjami schema.org. Jest to kontynuacja dawnego Structured Data Testing Tool (SDTT), który Google wygasił – obecnie cała walidacja niezależna od specyfiki Google odbywa się na stronie schema.org. Jeśli używasz znaczników, które nie generują rich snippets (np. bardzo szczegółowe branżowe schematy), warto użyć tego walidatora aby sprawdzić, czy JSON-LD nie zawiera błędów.

Google rekomenduje, aby zaczynając testy korzystać właśnie z Rich Results Test, a do ogólnego sprawdzania schematów używać Schema Markup Validator. Oba narzędzia są dostępne online i darmowe. Dodatkowo, jeżeli masz stronę zweryfikowaną w Google Search Console, to w razie wykrycia danych strukturalnych Google często pokazuje w panelu sekcję „Ulepszenia” z raportami (np. Osobne raporty dla Produktów, FAQ, Breadcrumbs etc. z informacją o liczbie stron z danymi i ewentualnych błędach). W Search Console możesz też dostać alert, jeśli np. Twoje dane strukturalne nagle przestaną działać poprawnie (np. po aktualizacji motywu).

Na koniec – pamiętaj, że nawet poprawne wdrożenie schema nie gwarantuje od razu bogatych wyników. Google traktuje dane strukturalne jako sugestię i wyświetli elementy rozszerzone według własnego uznania. Jeśli jednak Twoja strona spełnia wymagania i dostarcza wartościowe treści, szansa na rich snippets jest bardzo duża. Warto więc dopilnować, by dane strukturalne były kompletne i wolne od błędów (narzędzia testowe pomogą to osiągnąć).

Jak ważne jest wdrożenie danych strukturalnych Schema.org?

Wdrożenie danych strukturalnych Schema.org nie jest obowiązkowe, ale stanowi obecnie jeden z kluczowych elementów technicznego SEO. Chociaż brak znaczników schema nie uniemożliwia indeksowania strony przez Google, to ich obecność daje szereg korzyści, których nie warto ignorować – zwłaszcza jeśli zależy nam na większej widoczności i skuteczniejszym przyciąganiu użytkowników z wyników wyszukiwania.

Przede wszystkim dane strukturalne pomagają wyszukiwarkom lepiej zrozumieć zawartość i kontekst naszej strony. Dzięki oznaczeniu konkretnych elementów – takich jak produkt, artykuł, firma lokalna, przepis, wydarzenie czy sekcja FAQ – algorytmy Google mogą precyzyjnie rozpoznać, z czym mają do czynienia i dopasować treść strony do intencji użytkownika. To zwiększa szanse na pojawienie się naszej strony w bardziej trafnych wynikach wyszukiwania, zwłaszcza na tzw. długi ogon (long tail) i zapytania kontekstowe.

Drugą, najbardziej widoczną zaletą Schema.org, jest możliwość wyświetlania tzw. bogatych wyników wyszukiwania (rich snippets). Dzięki danym strukturalnym Google może pokazać przy naszej stronie dodatkowe informacje, takie jak oceny w formie gwiazdek, ceny produktów, dostępność, czas przygotowania przepisu, rozwijane pytania i odpowiedzi czy breadcrumbs. To elementy, które wyróżniają wynik w SERP-ach, przyciągają wzrok i znacznie zwiększają współczynnik klikalności (CTR). Niektóre serwisy notują po wdrożeniu schema nawet 25–80% wzrost CTR – bez zmiany pozycji czy treści.

Co istotne, Google potwierdza, że schema nie jest bezpośrednim czynnikiem rankingowym, ale dzięki lepszemu dopasowaniu do zapytań oraz wyższemu CTR-owi może pośrednio wpłynąć pozytywnie na pozycję i ruch organiczny. Im częściej użytkownicy klikają nasz wynik, tym silniejszy sygnał jakościowy otrzymują algorytmy.

Dane strukturalne mają również znaczenie w kontekście wyszukiwania głosowego i asystentów AI, takich jak Google Assistant. Odpowiednio oznaczone treści – np. przepisy, definicje, odpowiedzi na pytania – mogą zostać odczytane jako odpowiedź głosowa lub pojawić się w odpowiedziach bezpośrednich (featured snippets).

Zatem warto wdrożyć Schemę. To jedna z najprostszych, a zarazem najskuteczniejszych technik SEO technicznego, która nie wymaga gruntownych zmian w treści czy linkach. Jeśli zależy Ci na:

  • lepszej prezentacji w Google,
  • większym ruchu z wyszukiwarek,
  • profesjonalnym odbiorze marki,
  • i gotowości na przyszłość (np. AI/voice search),

…to schema powinna być priorytetem.

Podsumowanie

Dane strukturalne Schema.org to potężne, a przy tym dość proste w użyciu narzędzie, by poprawić komunikację między Twoją stroną a wyszukiwarkami. Dzięki nim możesz uzyskać atrakcyjniejsze wyniki wyszukiwania (rich snippets), lepsze zrozumienie treści przez Google i potencjalnie więcej ruchu organicznego. W połączeniu z meta tagami Open Graph, zadbasz również o to, jak Twoja strona prezentuje się w mediach społecznościowych. Kluczem jest poprawna implementacja – na szczęście dla większości popularnych platform są gotowe rozwiązania (wtyczki, moduły), które to ułatwiają.

Na koniec zachęcamy: przyjrzyj się swojej witrynie i zastanów, jakie informacje mógłbyś przekazać wyszukiwarkom poprzez schema.org. Czy są to produkty ze sklepu, artykuły na blogu, a może lokalizacja firmy lub wydarzenia? Spróbuj wdrożyć odpowiednie znaczniki i sprawdź efekty. Być może już po kilku tygodniach zobaczysz w wynikach Google pozytywne zmiany – wyróżniony wynik z Twoją stroną. Powodzenia – niech efekty będą jak najlepsze dla Twojej strony!

Jeśli chcesz wykorzystać pełny potencjał danych strukturalnych na swojej stronie lub sklepie — jesteśmy tu, by Ci pomóc.

  • Masz wątpliwości, czy Twoje schema działa poprawnie?
  • Widzisz błędy w wynikach testów Google?
  • Chcesz wdrożyć dane strukturalne dla produktów, artykułów, FAQ, lokalizacji lub wydarzeń?
  • A może chcesz, żeby Twoja strona zaczęła wyświetlać się z bogatymi wynikami (rich snippets), ale nie wiesz, od czego zacząć?

Skontaktuj się z naszym zespołem – pomożemy Ci wdrożyć schema od A do Z: od audytu technicznego, przez poprawki w kodzie, aż po testy i monitoring.

POROZMAWIAJMY

Wypełnij formularz kontaktowy

Przewijanie do góry