Przewodnik po implementacji danych strukturalnych JSON-LD

Używanie znaczników schematu w witrynie w celu włączenia fragmentów rozszerzonych i zwiększenia obecności w SERP nie jest nową strategią. Jednak generalnie stwierdzamy, że nasi nowi klienci mogli wcześniej powstrzymywać się od jego wdrożenia lub mieli problemy z powodu braku czasu lub zasobów.

Ale bóle głowy związane z implementacją wbudowanych mikrodanych należą już do przeszłości. Google nie tylko wspiera, ale doradza korzystanie z formatu JSON-LD (JavaScript Object Notation for Linked Data) dla Twoich uporządkowanych danych, co jest ogromnym krokiem naprzód. Oznacza to, że zamiast na stałe kodować wbudowane mikrodane, Google będzie teraz indeksować JavaScript w celu uzyskania dostępu do danych strukturalnych.

To jest świetne, ponieważ JSON-LD jest łatwiejszy do pracy, a także do czytania i pisania, jeśli masz taką ochotę. Co więcej, masz teraz więcej sposobów na zaimplementowanie uporządkowanych danych.

„Ale co, jeśli nie wiem, jak napisać JavaScript?”

Dobre wieści na tym się nie kończą. W tym poście omówimy niektóre z najłatwiejszych sposobów implementacji danych strukturalnych, a także wymienimy kilka bardzo przydatnych zasobów do nauki o JSON-LD.

Narzędzie Markera danych Google

Przede wszystkim masz możliwość skorzystania z narzędzia Marker w Google Search Console, które pozwala zaimplementować uporządkowane dane bez konieczności patrzenia na pojedynczy wiersz kodu .

Możesz dodać schemat dla szeregu danych, w tym artykułów, wydarzeń, produktów i lokalnych informacji biznesowych. Narzędzie wyświetli wtedy podgląd strony, dzięki czemu możesz bezpośrednio wyróżnić konkretną treść, dodając za Ciebie znaczniki, jak to robisz:

To najłatwiejszy i najszybszy sposób na dodanie uporządkowanych danych do Twojej witryny. Po co więc zawracać sobie głowę robieniem tego w trudny sposób?

Problem polega na tym, że marker danych Google komunikuje się tylko z Google. Więc chociaż jest to świetne miejsce na rozpoczęcie, nie powinieneś na tym poprzestać.

Obserwujemy ciągły rozwój sposobu, w jaki Google wykorzystuje uporządkowane dane. Niedawno pojawiła się informacja o kartach Rich na urządzeniach mobilnych:

Nie ogranicza się to tylko do Google – giganci mediów społecznościowych znaleźli sposoby na wykorzystanie tych danych. Na przykład Pinterest umożliwia Rich Pins pobieranie danych o produktach, przepisach, miejscach i tak dalej.

Istnieje wiele fajnych rzeczy, które możesz zrobić za pomocą znaczników schematu, których nie możesz zrobić również za pomocą narzędzia do zakreślania Google. Na przykład, dlaczego nie spróbować dodać swoich profili w mediach społecznościowych do panelu wiedzy, tak jak ASOS poniżej:

Być może chcesz dodać pasek wyszukiwania linków do podstron, taki jak BuzzFeed poniżej, aby umożliwić ludziom wyszukiwanie w Twojej witrynie z poziomu SERP (to jest takie meta):

Ze wszystkich powyższych powodów zdecydowanie zalecamy korzystanie z narzędzia do wyróżniania danych Google jako rozwiązania krótkoterminowego, jednocześnie starając się zakodować znaczniki schematu na swoich stronach internetowych jako rozwiązanie bardziej przyszłościowe. Dzięki temu uzyskasz pełne prawo własności i zarządzanie swoimi uporządkowanymi danymi. Może to również przynieść korzyści w Bing i innych mniejszych wyszukiwarkach.

Proste sposoby dodawania znaczników schematu

Jeśli Twoja witryna jest oparta na WordPressie, możesz skorzystać z wtyczki, takiej jak Schema Creator firmy Raven. To przydatne narzędzie poprowadzi Cię przez proces i utworzy krótki kod dla każdego tworzonego schematu, umożliwiając później jego edycję:

Jeśli nie korzystasz z WordPressa, a nadal chcesz kodować swoje dane strukturalne JSON-LD lub po prostu chcesz dowiedzieć się więcej na ten temat, to właśnie tutaj pojawia się Menedżer tagów Google!

Używanie Menedżera tagów Google do przesyłania uporządkowanych danych

Ekscytującą rzeczą w wyszukiwarkach obsługujących JSON-LD jest to, że będzie on pobierany w dowolnym miejscu w kodzie HTML, nawet jeśli jest dynamicznie wstawiany przez system zarządzania tagami, taki jak Google Tag Manager.

Przejście do uchwytów z JSON-LD

Zanim zaczniesz, będziesz musiał poświęcić trochę czasu na zapoznanie się z JSON-LD. Na szczęście w Internecie można znaleźć wiele przydatnych zasobów, ale jeśli nadal nie czujesz się pewnie, musisz skonsultować się z deweloperem lub specjalistą ds. marketingu z doświadczeniem w pracy z JSON-LD.

Oto kilka linków na początek:

• Dokumentacja na Schema.org, wymieniona według typu.
• JSON Playground, świetne miejsce do zabawy z informacjami, które znajdziesz w powyższym linku, z kilkoma przydatnymi przykładami na początek.
• Generator JSON-LD autorstwa programisty Jamesa Flynna, bardzo łatwy w użyciu i wykonuje ciężką pracę za Ciebie.
• Przewodnik po uporządkowanych danych ze świata rzeczywistego z Search Engine News, z przykładami opisów rozszerzonych w środowisku naturalnym.

Przewodnik krok po kroku

Przyjrzyjmy się teraz łatwemu do naśladowania przykładowi wykorzystania Menedżera tagów do przesyłania danych strukturalnych JSON-LS na początek. Uwaga: jeśli nie używasz jeszcze GTM do wdrażania tagów marketingowych i analitycznych oraz zarządzania nimi, przeczytaj ten prosty przewodnik po konfiguracji i instalacji.

Krok pierwszy – dodaj tag

Przede wszystkim dodaj nowy tag:

Krok drugi – nazwij swój tag

Nazwij swój tag czymś, co ma sens. W tym przykładzie skoncentruję się na dodaniu znaczników schematu organizacji:

Krok trzeci – wybierz niestandardowy tag HTML

Ponieważ używamy naszych własnych znaczników JSON-LD, musisz wybrać opcję niestandardowego tagu HTML i nacisnąć przycisk Kontynuuj:

Krok czwarty – wprowadź swój znacznik JSON-LD

Teraz musisz wprowadzić swój znacznik w polu HTML. W tym przykładzie użyłem formatu JSON-LD dla organizacji, który można znaleźć tutaj.

Krok piąty – wybierz, kiedy tag ma się uruchamiać

W przypadku tej konkretnej konfiguracji chcę wybrać opcję uruchamiania na wszystkich stronach, ponieważ jest to znacznik „Organizacji”, a zatem obejmuje całą witrynę. Aby to zrobić, mogę po prostu zaznaczyć „wszystkie strony” przed zapisaniem tagu. Moja implementacja jest wtedy zakończona:

Jeśli chcesz dodać schemat, który jest specyficzny dla określonej strony lub grupy stron, możesz użyć opcji „niektóre strony”, aby określić konkretną stronę:

Możesz to zrobić, jeśli dodajesz informacje o firmie lokalnej do swojej strony kontaktowej lub jeśli masz kilka lokalizacji firmy do oznaczenia.

Wskazówka: jeśli chcesz określić grupę stron, możesz użyć operacji adresu URL strony „zawiera” lub operacji RegEx (wyrażenie regularne).

Kolejna wskazówka: możesz połączyć uporządkowane dane (kod) w jeden niestandardowy tag HTML lub logiczne grupy tagów, aby zmniejszyć liczbę tagów w kontenerze.

Krok szósty – testowanie

Chociaż możesz użyć trybu podglądu i debugowania Menedżera tagów Google, aby sprawdzić, czy tag jest uruchamiany, musisz też sprawdzić, czy działa on poza platformą Menedżera tagów:

Zarówno Google, jak i Bing mają przydatne narzędzia do testowania uporządkowanych danych i upewniania się, że wszystko działa tak, jak powinno. Pamiętaj tylko, aby najpierw opublikować wersję kontenera w Menedżerze tagów.

• Narzędzie do testowania uporządkowanych danych Google
• Walidator znaczników Binga

Upewnij się, że korzystasz z tych bezpłatnych narzędzi podczas testowania swojej implementacji, niezależnie od tego, czy używasz wtyczki, Menedżera tagów, czy na stałe zakodowałeś swój schemat. Google niedawno wprowadził pewne ulepszenia do swojego narzędzia, udoskonalając funkcje, takie jak podświetlanie, wyszukiwanie i zastępowanie oraz automatyczne uzupełnianie.

Ta metoda pozwoli bez problemu wstawić fragment JSON-LD na stronę lub strony. Jeśli jednak chcesz uzyskać więcej informacji technicznych i użyć Menedżera tagów do dynamicznego generowania fragmentu kodu, na przykład za pomocą {{adres URL strony}}, to nie zadziała. Chris Goddard niedawno napisał świetny post, w tym obejście tego problemu na blogu Moz.

Wniosek

Ostatnie zmiany w ciągu ostatnich kilku lat znacznie ułatwiły wdrożenie znaczników schematu w witrynie. Własne narzędzie Google Data Marker to łatwy sposób na szybkie dodanie schematu z korzyścią dla Google, ale zaleca się, aby zakodować schemat za pomocą wtyczek, Menedżera tagów Google lub ręcznie.

Implementacja danych strukturalnych JSON-LD jest obecnie najszerzej akceptowanym i zalecanym sposobem formatowania znaczników schematu. Chociaż nie gwarantuje to, że w wynikach wyszukiwania będą wyświetlane fragmenty rozszerzone lub karty rozszerzone, nie powinno to zniechęcać do dostarczania wyszukiwarkom najlepszych możliwych danych, pod warunkiem, że są one prawidłowo zaimplementowane.

Jeśli potrzebujesz pomocy we wdrożeniu uporządkowanych danych w swojej witrynie, skontaktuj się z nami.

Jeśli potrzebujesz pomocy, nie wahaj się z nami skontaktować.