Schema dane strukturalne: czym są i jak je wdrożyć

Czym są dane strukturalne?

Dane strukturalne to fragmenty kodu lub oznaczenia, które są dodawane do Twojej witryny, aby dostarczyć więcej informacji i kontekstu wyszukiwarkom o typie treści, którą oferujesz.

Z drugiej strony Schema to najbardziej rozpowszechniony "język" do pisania tych kodów i wdrażania ich na naszej witrynie.

Dlaczego miałbym chcieć dodawać więcej kodu do mojej witryny?

To proste. Dzięki tym fragmentom kodu ułatwiamy robotom interpretację treści.

Wciąż zdezorientowany? Poczekaj, podajmy Ci przykład:

Tutaj widzisz artykuł, który pozornie wygląda normalnie, ale... Wewnątrz kodu... Wysyłamy te informacje do botów:

To artykuł z:

• ›

  tytułem

• ›

  opisem

• ›

  datą publikacji

• ›

  datą aktualizacji

• ›

  autorem artykułu

• ›

  ...

Jak widzisz, jest to implementacja, która jest niewidoczna dla użytkownika, ale może dostarczyć wiele informacji botom.

Dlaczego Schema jest ważne dla SEO?

Dane strukturalne, jak już wspomnieliśmy, oferują możliwość strukturyzowania informacji. To ułatwia crawlerom (takim jak Google) lepsze zrozumienie informacji, które indeksują. Im lepiej Google rozumie informacje, które indeksuje, tym jaśniejsze będzie dla niego, do czego służy Twoja treść i na jaki typ intencji wyszukiwania może odpowiedzieć. Dzięki temu Google pokaże Twój wynik dla intencji wyszukiwania bardziej dopasowanych do Twojej treści, zwiększając Twój CTR i zmniejszając współczynnik odrzuceń.

Same zalety, prawda? Cóż, poczekaj, nie przeczytałeś jeszcze najlepszej części:

Schema i rich snippets

Dzięki tym dodatkowym informacjom, które dostarczamy Google, może nas ono nagrodzić tzw. rich snippets:

W tym przypadku mamy rich snippet produktu, który sprawia, że wynik Conforama jest znacznie bardziej przyciągający wzrok niż wyniki konkurentów.

Oprócz produktu Google oferuje nam mnóstwo danych strukturalnych, których możemy używać:

Polecana lektura = Dokumentacja Google na temat danych strukturalnych

Musisz pamiętać, że nie wszystkie dadzą Ci możliwość uzyskania wzbogaconych wyników, ale pomogą Google lepiej zrozumieć Twoją treść.

Najpopularniejsze to:

• ›

  Product

• ›

  Article

• ›

  Breadcrumb

Mimo to zawsze warto zajrzeć do oficjalnej dokumentacji w przypadku, gdy któraś z nich dobrze pasuje do Twojej witryny. Warto zauważyć, że wszystkie wymienione w dokumentacji to te, które Google oficjalnie skatalogowało, ale w rzeczywistości jest w stanie wykryć i zrozumieć każdą, którą znajdziesz w katalogu Schema.org. Istnieje nieskończenie wiele typów oznaczeń, więc polecam użycie narzędzia wyszukiwania (po angielsku).

Jak dodać dane strukturalne do mojej witryny?

OK, dochodzimy do części, która może sprawić, że będziesz nieco bardziej zdenerwowany, jeśli nie jesteś fanem kodu.

Jeśli chcemy wprowadzić oznaczanie danych na naszej witrynie, mamy kilka opcji:

• ›

  Microdata. To atrybuty i tagi, które są dodawane do kodu HTML naszej witryny.

• ›

  RDFa. Rozszerzenie HTML5 kompatybilne z atrybutami tagów HTML.

• ›

  JSON-LD. Skrypt, który zwykle jest dodawany w head naszej witryny, w którym dodawane są dane strukturalne.

Chociaż mamy te opcje, Google zaleca używanie JSON-LD, kiedy tylko to możliwe. Osobiście również poleciłbym używanie JSON-LD, ponieważ jest łatwiejszy we wdrożeniu, a w razie potrzeby do modyfikacji lub debugowania.

Brzmi to dla Ciebie jak chińszczyzna?

W oficjalnej dokumentacji możemy znaleźć wiele przykładów, dla których wystarczy zmienić dane i wstawić je do naszej witryny. Przykłady można znaleźć tutaj, a następnie klikając na stronę przykładową:

Po wykonaniu tego otworzy się nowa karta z oficjalnym narzędziem Google do danych strukturalnych. W nim zostanie zapisany skrypt i wystarczy zmienić dane i wstawić je do naszej witryny (najlepiej w head).

W ramach narzędzia, za pomocą zielonego przycisku, możesz zwalidować swój kod w przypadku, gdyby wystąpiły jakieś błędy, oraz krótki komunikat o tym, jak je rozwiązać.

Wciąż brzmi jak chińszczyzna?

To normalne, to zwykle praca programistów, ale mamy dla Ciebie ASA w rękawie (zwłaszcza jeśli używasz WordPressa):

Jak dodać Schema do WordPressa?

Jeśli masz WordPressa i nie chcesz komplikować sobie życia, możesz użyć wtyczki Schema & Structured Data For WP.

Osobiście wypróbowałem wiele wtyczek do oznaczania danych i bez wątpienia trzymam się tej. To lekka i przyjazna wtyczka z wieloma opcjami.

Ponadto ma system oznaczania danych z wieloma schematami i bardzo intuicyjnym asystentem, na wypadek gdybyśmy nie chcieli komplikować sobie życia:

Większość jest darmowa, ale jeśli Twój przypadek jest bardziej złożony (ze względu na motyw lub kombinację wtyczek, których używasz), cena wynosi około 15 USD. Śmiesznie niska cena, ponieważ jeśli masz jakikolwiek problem, deweloper wykonuje instalację za Ciebie.

Wreszcie, jeśli uważasz się za Rambo oznaczania, ma również opcje zaawansowane, które są dość potężne ?

Jak zwalidować swoje dane strukturalne?

OK, mamy wszystko zainstalowane i wdrożone, co teraz?

Cóż, czas na walidację.

Polecane narzędzie: Walidacja danych strukturalnych

W tym celu użyjemy oficjalnego narzędzia Google. Po wejściu mamy dwie opcje: albo przez URL, albo przez wklejenie kodu bezpośrednio:

Moja osobista rekomendacja to zawsze najpierw użyć opcji snippetu kodu, a gdy wszystko jest poprawne, przenieść go na witrynę i ponownie zwalidować z opcją URL.

Idealny scenariusz wygląda tak:

0 błędów i 0 ostrzeżeń. To jest idealne, ale nie jest normą. Jeśli mamy jakiś błąd lub ostrzeżenie, zostaniemy o tym poinformowani i będziemy musieli go rozwinąć, aby przeczytać komunikat i zlokalizować błąd.

Na przykład w tym przypadku mam błąd (pole price, które usunąłem) i ostrzeżenie (usunąłem pole sku). Samo narzędzie zwykle mówi nam, gdzie są błędy w kodzie i jak je naprawić.

Wniosek

Krótko mówiąc, dzięki tej implementacji uda Ci się zarówno zwiększyć Twój CTR (dzięki rich snippets, które będziesz mógł osiągnąć), jak i upewnić się, że wyszukiwarki mogą lepiej indeksować i rozumieć całą treść Twojej witryny.

Jak zawsze, w razie wątpliwości lub pytań, czekamy na Ciebie w komentarzach :)