Dane strukturalne – porady implementacyjne oraz narzędziownik

Dane strukturalne porady oraz narzędziownik

Dane strukturalne to temat, który z każdym rokiem zyskuje na popularności. Nie od dzisiaj wiadomo, że Google lubi eksperymentować z wyglądem wyników wyszukiwania. Nowe formaty nie są jednak jedynie domeną wyników płatnych reklam. Istnieje coraz więcej możliwości dla wyników organicznych – jednym z nich są tak zwane rich snippets (rozszerzone wyniki wyszukiwania w Google). Możemy rozróżnić kilka typów rich snippets, a do najpopularniejszych w ostatnim czasie zaliczamy:

  • reviews – opinie (gwiazdki),
  • how to/ Q&A / FAQ – tabele pytań i odpowiedzi, 
  • events –  data i czaswydarzenia ,
  • recipes – karty przepisów.

dane strukturalne 1
Przykład wyników organicznych dla zapytania przepis na hamburgera

Uzyskanie wysokiej pozycji dzięki rozszerzeniom Google, uzależnione jest od wielu czynników SEO. Rich snippets dają nowe możliwości pozycjonowania stron, które skutecznie wykorzystują branżowi eksperci (np. Neil Patel w tym artykule).

Najważniejszym z nich jest poprawne i zgodne z wytycznymi Google wdrażanie danych strukturalnych – schema.org. 

Schema

Dane strukturalne Schema to jeden z ustalonych i rekomendowanych przez Google typów oznaczania istotnych treści na naszych stronach za pomocą specjalnych komend w formacie JSON-LD.

Konkretną dokumentację z dokładnym opisem co, gdzie i jak należy wdrażać na stronę internetową, znajdziecie na oficjalnej stronie schema. Forma, w której podano treść na schema.org może na początku przytłaczać. Dużo w tym profesjonalnych programistycznych informacji, które dla osób nigdy nie zajmujących się programowaniem, mogą być niezrozumiałe. Poza tym zwykłe omówienie nie wyjaśnia nam jak skonstruować i zaimplementować kod na swoją stronę.

Aby pomóc Wam lepiej zrozumieć temat danych strukturalnych, przebiłem się przez najciekawsze i najbardziej potrzebne typy danych schema i przygotowałem dla Was listę linków i narzędzi, które pomogą wam we wdrożeniu ich na waszą stronę.

Istotne typy danych Schema

Poniższa lista zawiera konkretne i potrzebne każdemu przedsiębiorcy dane typu schema. Po nazwie następuje krótki opis, a pod nią zamieszczam dwa linki. Jeden kierujący do źródła i dokładnych danych odnośnie typu oznaczenia na stronie schema.org, a drugi do strony zawierającej przykład poprawnie stworzonego kodu. Wystarczy że skopiujecie go, wypełnicie własnymi treściami i zaimplementujecie na Waszej stronie. 

Breadcrumbs

Są to podstrony i kategorie posiadające własne subdomeny uszeregowane w strukturze stopniowej witryny: istotne przy e-commerce. 

Przykład:
Home -> Buty -> Sportowe -> High Mountain -> buty xyz. Ułatwia nawigacje, pokazuje link. Najbardziej podstawowa wartość schema, która powinna znaleźć się na twojej stronie głównej.

Schema BreadcrumbList
Example of BreadcrumbList Code

Blog, BlogPost, BlogPosting

Istotne dla contentu, szczególnie regularnie dodawanego. Nie do końca znana jest różnica między Blog, a BlogPosting. Można powiedzieć, że Blog to strona główna bloga, a BlogPosting to konkretne posty. Pozwala lepiej określić autorstwo, datę publikacji oraz inne informacje istotne przy ocenie autentyczności treści.

Schema Blog
Schema BlogPosting
Example of BlogPosting

dane strukturalne 2

BlogPosting w Schema Validator Tool od Google

Article

Treść związana z newsami, nauką. Z opisu wynika, że chodzi o “poważniejsze”, sprawdzone treści; ma również wariant TechArticle. Zbliżony do poprzedniego BlogPosting, może mieć jednak większą rangę i wartość. Powinien też oznaczać treści bardziej wartościowe niż proste teksty oparte o clickbait czy krótkie opisy produktów. Szczególnie istotny dla profesjonalnych marek i branży, w tym medycznej.

Schema Article
Tech Medical   News
Example article

dane strukturalne 3

Schema Article w bazie wiedzy schema.org

Product

Tak zwany star rating. Pozwala uzyskać rich snippet o danym produkcie. Bardzo istotny przy e-commerce.  Sprawia, że przy adresie twojego produktu, który wyświetla się w wyszukiwarce, zaczną pojawiać się ważne elementy jak cena, gwiazdki etc.

Schema Product
Example Product
Googiel o Product (dawno temu)

dane strukturalne 4

Schema Product w bazie wiedzy schema.org

Recipe

Przydatna dla restauracji. Daje karty w odpowiedzi na how to. Pozwala podzielić się swoimi przepisami. Można dzięki niej pokazywać swoją markę czy produkty gastronomiczne w rich results. Skutecznie do budowania wizerunku w branży restauracyjnej czy kawiarni.

Schema Recipe
Example recipe

Local Business

Istotne przy SEO lokalnym (wizytówki). Należy pamiętać o zgodności NAP (Name Address Phone). Najlepiej wdrożyć na podstronie dedykowanej lokalizacji (z mapką i NAP-em) i zwrócić uwagę na typy biznesów. Jeżeli posiadacie kilka lokalizacji, każda z nich powinna posiadać własną dedykowaną podstronę. 

Schema LocalBusiness
Example LocalBusiness

Event

Wydarzenia określone w jakimś miejscu i czasie. Ważne dla agencji eventowych/newsów, szczególnie lokalnych. Zwrócić uwagę na typy wydarzeń. Pozwala waszym wydarzeniom wyświetlać się w oddzielnej formie snippetów.

Schema Event
Example Event

dane strukturalne 5

Przykład Schema Event w wynikach wyszukiwania

Web Page

Tutaj musicie uważać, ponieważ może być to trochę skomplikowane. Każda strona to web page. Nie warto przesadzać z ilością danych tutaj, ale warto oznaczać, szczególnie, jeżeli chcemy bogaty wynik będąc w top 3. Wdrażanie schema jest szczególnie ważne w niektórych branżach, np. w branży medycznej. Zastosowanie tzw. “medical article” jest w takim przypadku wskazane, gdyż weryfikuje autentyczność domeny.

Schema WebPage
Example WebPage

Review

Opinia/ocena/recenzja podmiotu. Nie musi to być produkt. Ważne, by opinia była weryfikowana np. miała zgodność NAP czy dane produktu. Można dodawać w wielu większych formatach (np. blogPosting czy LocalBusiness). Review markup powinien być zaczerpnięty z miejsca, gdzie dana recenzja czy opinia istotnie widnieje, a algorytm może ją zweryfikować. Dodawanie nieistniejących Reviews może negatywnie wpłynąć na zaufanie waszej domeny.

Schema Review
Example Review

Q&A i FAQ

Bardzo istotne i na czasie. Generują spory ruch. Trzeba umieć je rozróżniać: Q&A to jedno pytanie, które ma wiele odpowiedzi. Natomiast FAQ to jedno lub więcej pytań i jedna odpowiedź do każdego z nich. FAQ powinien odnosić się najczęściej do pytań które wielokrotnie zadawane są przez klientów, użytkowników, pracowników.  Najlepiej mieć dwie podstrony: jedną FAQ, a drugą Q&A. FAQ można także dodawać do stron artykułów zawierających nagłówki w formie pytań, szczególnie tych, które często wpisywane są w wyszukiwarkach. Ważne by w paragrafie poniżej znajdowała się jasna odpowiedź. Część treści (nawet dłuższej) powinna stanowić prostą odpowiedź typu Tak/Nie/To zależy.

Schema QAPage
Example Q&A

Schema FAQPage
Example FAQ

Jak rozróżniać?

Narzędzia do testowania i implementacji

Dobrze, wiecie już jak kod powinien wyglądać, ale gdzie i jak go wdrożyć? Czy nie popełniłem żadnego błędu? To pytania bardzo rozsądne. Zabierając się za wdrażanie danych strukturalnych bardzo łatwo zapomnieć o nawiasie czy przecinku, rujnując przez to konstrukcję całego oznaczenia.

Dlatego przed wrzuceniem kodu na waszą stronę warto wkleić jego treść tutaj:

Narzędzie do sprawdzania błędów w kodzie – wskazuje dokładne miejsce i rozwiązania.

Test wskaże nam dokładne miejsca, w których popełniliśmy błąd. Dzięki temu naprawa błędów będzie o wiele łatwiejsza.
Możemy także użyć narzędzi prosto od Google, jednak ich wskaźniki błędu nie są aż tak precyzyjne:

Narzędzie do testowania Google,
Edytor kodu od Google.

Kod już sprawny, analizatory pokazują że wszystko działa. Co dalej? Trzeba wiedzieć, gdzie dany kod wdrożyć na własnej stronie. Zależy to od możliwości Waszego CMS’a, czy metody konstrukcji strony. Jeżeli macie dostęp do kodu źródłowego, to zawsze możecie zrobić to ręcznie, wgrywając kod do pliku źródłowego danej podstrony.

Jeżeli dla przykładu korzystacie z WordPressa, wystarczy, jak zawsze, ściągnąć odpowiednią aplikację -> na przykład taki intuicyjny generator danych strukturalnych.

Na koniec warto zrobić jeszcze jeden test po opublikowaniu zmian, weryfikujący czy na Twojej stronie pojawia się jakiś rich snippet:

Narzędzie do testowania rich results Google. A jeżeli miałbyś problemy z wygenerowaniem i zrozumieniem jak działa markup FAQ to i do tego w Internecie możesz znaleźć odpowiednie narzędzie: Narzędzie do generowania FAQ

Podsumowanie i perspektywa

Mamy nadzieję że ten tekst i narzędzia pomogą Ci we wdrożeniu danych typu schema. Warto zainteresować się tym tematem, gdyż nie tylko widać tendencję do rozwijania wyników Google w tę stronę, ale także widać tutaj znaczne możliwości na pozyskiwanie pozycji i wyświetleń wynikających z zapytań w asystencie głosowym Google.

Najważniejszym celem danych schema jest ustrukturyzowanie informacji. Dbając o “estetykę” konstrukcji zaplecza naszej strony, zadowolimy algorytmy, które spojrzą na nas bardziej przychylnym okiem, oferując większy ruch na naszej stronie.

Za trudne dla Ciebie? To nic, możemy Ci pomóc. Wystarczy że do nas napiszesz, a wdrożymy dane strukturalne za Ciebie.

Awatar użytkownika
Author: Wiktor Jacheć
Ostatnie wpisy

Spis treści

Czym jest Page Speed?

Odkryj znaczenie Page Speed dla współczesnych stron internetowych, w tym wpływ na SEO, UX i konwersję, oraz poznaj najlepsze praktyki optymalizacji.

Co to jest Schema?

Odkryj podstawy znaczników Schema, kluczowego elementu poprawiającego widoczność Twojej strony w wyszukiwarkach. Dowiedz się, jak dane strukturalne mogą przyczynić się do lepszych wyników wyszukiwania, ulepszenia rich snippets i integracji z Google Knowledge Graph, aby zoptymalizować działania SEO.

Ostatnio na naszym blogu

Porady SEO
Awatar użytkownika

Co to jest Schema?

Odkryj podstawy znaczników Schema, kluczowego elementu poprawiającego widoczność Twojej strony w wyszukiwarkach. Dowiedz się, jak dane strukturalne mogą przyczynić się do lepszych wyników wyszukiwania, ulepszenia rich snippets i integracji z Google Knowledge Graph, aby zoptymalizować działania SEO.

Porady SEO
Awatar użytkownika

Co to Mobile-First Indexing?

Dowiedz się, co oznacza Mobile-First Indexing i jakie ma konsekwencje dla pozycji twojej strony w wynikach wyszukiwania. Poznaj sposoby sprawdzenia, czy twoja witryna jest przyjazna dla urządzeń mobilnych i jak usunąć ewentualne błędy, aby zwiększyć atrakcyjność dla użytkowników mobilnych.

Chcesz współpracować z nami?

Otrzymaj
Darmową Wycenę

Znajdziesz w niej informację, o tym jak wygląda współpraca z anchor.team oraz szczegółowy plan na pozycjonowanie Twojej strony.

Współadministratorami danych osobowych są MTA Digital sp. z o.o. (KRS: 0000561985), MTA Performance sp. z o.o. (KRS: 0000784788) oraz Anchor.Team sp. z o.o. (KRS: 0000969275) wszystkie z siedzibą w Poznaniu przy ul. Święty Marcin 29/8, kod 61-806. Podstawą przetwarzania danych osobowych podanych przez Państwa w niniejszym formularzu jest art. 6 ust. 1 lit. b RODO tj. przetwarzanie jest niezbędne do wykonania umowy, której stroną jest osoba, której dane dotyczą, lub do podjęcia działań na żądanie osoby, której dane dotyczą, przed zawarciem umowy. W celu uzyskania pełnej informacji o sposobach przetwarzania danych osobowych prosimy o zapoznanie się z naszą Polityką prywatności, znajdująca się pod linkiem [link do Polityki Prywatności]. Polityka prywatności zawiera pełną informację na temat przetwarzania danych osobowych przez Współadministratorów wraz z opisem praw przysługujących osobie, której dane dotyczą. Kontakt ze Współadministratorami jest możliwy pod adresem e – mail gdpr@mta.digital lub telefonicznie pod numerem telefonu +48730971962. 

Do you want to cooperate with us?

RECEIVE FREE QUOTE

In it, you will find information about what the cooperation with anchor.team looks like and a detailed plan for positioning your website.

Potrzebujesz wsparcia?

Wypełnij formularz, pomożemy Ci poprawić widoczność Twojej strony.