Generowanie strukturalnych danych za pomocą JavaScript dla Twojej witryny Google

Nowoczesne strony internetowe aktywnie używają JavaScript do wyświetlania dynamicznej zawartości. Kiedy używasz JavaScript do tworzenia strukturalnych danych na swojej stronie, istnieje kilka punktów, na które należy zwrócić uwagę. Niniejszy podręcznik omawia najlepsze praktyki i strategie wdrażania.

Jeśli dopiero zaczynasz pracować z danymi strukturalnymi, możesz zapoznać się z tym, jak te dane działają w wyszukiwarce Google.

Istnieje kilka opcji generowania strukturalnych danych za pomocą JavaScript, ale najpopularniejsze z nich to: następujące:

Google Tag Manager
Castle JavaScript

Jeśli używasz znakowania dla produktów, pamiętaj, że dynamicznie generowane oznaczenie może zmniejszyć częstotliwość i dokładność indeksowania produktów w wyszukiwarkach, co jest szczególnie ważne dla szybko zmieniających się danych, takich jak dostępność towarów i ich cena. Jeśli jesteś sprzedawcą, który optymalizuje wszystkie rodzaje wyników handlu, upewnij się, że Twój serwer jest w stanie poradzić sobie ze zwiększonym obciążeniem Google.

Korzystanie z Google Tag Manager dla dynamicznej generacji JSON-LD dla Twojej witryny Google

Google Tag Manager to platforma, która umożliwia kontrolowanie tagów w witrynie bez konieczności edytowania kodu. Aby wygenerować dane ustrukturyzowane za pomocą Google Tag Manager, wykonaj następujące kroki:

Skonfiguruj i zainstaluj Menedżer Tagu Google na swojej stronie.
Dodaj nowego użytkownika -Tag do kontenera.
Włóż obsługiwany blok strukturalnych danych do zawartości znacznika.
Zainstaluj kontener, jak pokazano w menu administratora kontenera.
Aby dodać tag do Twojej witryny, opublikuj kontener w interfejsie Google Tag Manager.
Przetestuj implementację.

Korzystanie z zmiennych Google Tag Manager dla Twojej witryny Google

Google Tag Manager (GTM) obsługuje użycie zmiennych w celu wyodrębnienia danych ze strony i uwzględnienia ich w danych strukturalnych. Zastosowanie zmiennych pozwala uniknąć powielania informacji w GTM, co zmniejsza ryzyko rozbieżności między zawartością strony a strukturalnymi danymi zaimplementowanymi za pomocą GTM.

Na przykład możesz dynamicznie utworzyć blok JSON-LD dla przepisu, który używa nazwy strony jako nazwy przepisu, tworząc następującą zmienną użytkownika o nazwie Receptue_name:

 function() { return document.title; }

Następnie możesz użyć przepis_name w swoim niestandardowym -tag.

Zalecamy utworzenie zmiennych do gromadzenia wszystkich niezbędnych informacji ze strony.

Oto przykład zawartości niestandardowej:

Uwaga: Ten przykład sugeruje, że określiłeś nazwa_nambury zmiennych, przepis_image i przepis_author w GTM.

Generowanie danych ustrukturyzowanych za pomocą niestandardowego JavaScript dla Twojej witryny Google

Inną metodą generowania strukturalnych danych jest użycie JavaScript do generowania wszystkich danych lub dodawania informacji do oznaczeń serwerów. W każdym razie Google może przetwarzać i zrozumieć strukturalne dane obecne w DOM podczas renderowania strony. Aby dowiedzieć się więcej o tym, jak Google przetwarza JavaScript, przeczytaj przywództwo JavaScript.

Przykład wygenerowanych danych strukturalnych za pomocą JavaScript:

Określić rodzaj strukturalnych danych, które Cię interesują.
Edytuj swoją witrynę, aby włączyć następny fragment JavaScript (patrz dokumentacja twojego CMS lub dostawcy hostingu lub skontaktuj się z programistami).

 fetch('https://api.example.com/recipes/123') .then(response => response.text()) .then(structuredDataText => { const script = document.createElement('script'); script.setAttribute('type', 'application/ld+json'); script.textContent = structuredDataText; document.head.appendChild(script); });

Przetestuj swoją implementację za pomocą narzędzia testowego Rich Results.

Korzystanie z renderowania serwerów dla danych ustrukturyzowanych w Twojej witrynie Google

Jeśli korzystasz z renderowania serwera, możesz również uwzględnić strukturalne dane w wyniku renderowania. Sprawdź dokumentację swojej struktury, aby dowiedzieć się, jak wygenerować JSON-LD dla pożądanego rodzaju danych strukturalnych.

Testowanie wdrożenia strukturalnych danych dla Twojej witryny Google

Aby upewnić się, że Google może indeksować twoje strukturalne dane, wykonaj następujące kroki:

Otwórz narzędzie testowe Rich Results.
Wprowadź strony URL, które chcesz przetestować. Zalecamy użycie wejścia adresu URL, a nie kodu, ponieważ przy użyciu kodu mogą wystąpić ograniczenia (na przykład ograniczenia CORS).
Kliknij „URL testu”.

Sukces: Jeśli zrobiłeś wszystko poprawnie, a twój rodzaj strukturalnych danych jest obsługiwany w narzędziu, zobaczysz wiadomość „Strona kwalifikuje się do bogatych wyników”. Jeśli przetestujesz rodzaj strukturalnych danych, które nie są obsługiwane w teście Rich wyników, sprawdź renderowanie. Jeśli zawiera ustrukturyzowane dane, Google będzie mógł je przetworzyć.

Spróbuj ponownie: Jeśli występują błędy lub ostrzeżenia, najprawdopodobniej jest to błąd składniowy lub nieobecna właściwość. Sprawdź dokumentację typu strukturalnych danych i upewnij się, że dodałeś wszystkie niezbędne właściwości. Jeśli problem nie zostanie wyeliminowany, sprawdź również przewodnik, aby rozwiązać problemy z JavaScript w celu wyszukiwania.

Jeśli potrzebujesz pomocy w generowaniu lub testowaniu danych strukturalnych dla swojej witryny, możesz skontaktować się z firmą SEO „SEO.COMPUTER” w celu uzyskania problemu w e -mailu info@seo.computer Lub przez WhatsApp +79202044461.

ID 15