Jak generować strukturalne dane za pomocą JavaScript dla Twojej witryny Google

Nowoczesne strony internetowe używają JavaScript do wyświetlania wielu treści dynamicznych. Istnieje kilka rzeczy, na które warto zwrócić uwagę podczas korzystania z JavaScript do generowania strukturalnych danych w Twojej witrynie. To przywództwo analizuje najlepsze praktyki i strategie wdrażania. Jeśli jesteś początkującym w dziedzinie danych strukturalnych, przeczytaj sposób działania danych strukturalnych.

Istnieje kilka sposobów generowania strukturalnych danych za pomocą JavaScript, ale najczęstsze z nich są następujące:

Menedżer tagów Google
JavaScript użytkownika

Korzystanie z oznaczenia produktu? Należy pamiętać, że dynamicznie generowane oznaczenie może czołgać się rzadziej i mniej niezawodne, co może stać się problemem dla szybko zmieniających się treści, takich jak dostępność towarów i cen. Jeśli jesteś sprzedawcą, który optymalizuje wszystkie rodzaje wyników konsumentów, upewnij się, że Twój serwer ma wystarczające zasoby obliczeniowe do przetwarzania zwiększonego ruchu z Google.

Korzystanie z Google Tag Manager dla dynamicznej generacji JSON-LD na swojej stronie Google

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

Skonfiguruj i zainstaluj Manager Tagu Google w swojej stronie.
Dodaj nowy znacznik użytkownika do kontenera.
Włóż obsługiwany blok strukturalnych danych do zawartości znacznika.
Zainstaluj kontener, jak pokazano w sekcji „Instalacja Google Tag Manager” w menu administracji kontenera.
Aby dodać tag do Twojej witryny, opublikuj kontener za pośrednictwem interfejsu Google Tag Manager.
Przetestuj swoją implementację.

Korzystanie z zmiennych Google Tag Manager dla Twojej witryny Google

Google Tag Manager (GTM) obsługuje użycie zmiennych do wyodrębnienia informacji ze strony i dodawania ich do twoich strukturalnych danych. Użyj zmiennych, aby wyodrębnić ustrukturyzowane dane ze strony, aby uniknąć powielania informacji w GTM. Duplikacja danych w GTM zwiększa ryzyko niespójności między zawartością strony a ustrukturyzowanymi danymi dodanymi przy użyciu GTM.

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

function() { return document.title; }

Następnie możesz użyć receptue_name w swoim użytkowniku.

Zaleca się tworzenie zmiennych do gromadzenia wszystkich niezbędnych informacji ze strony za pomocą zmiennych.

Oto przykład treści użytkownika -:

Uwaga: Poprzedni przykład sugeruje, że określiłeś nazwę_nazową zmiennych, przepisu_image i przepisu_author w GTM.

Generowanie danych ustrukturyzowanych za pomocą użytkownika JavaScript dla Twojej witryny Google

Innym sposobem generowania strukturalnych danych jest użycie JavaScript do generowania wszystkich twoich danych strukturalnych lub dodanie dodatkowych informacji do danych strukturalnych serwer-Random. W każdym razie Google Search może zrozumieć i przetwarzać dane o strukturze, które są dostępne w DOM podczas renderowania strony. Aby dowiedzieć się więcej o tym, jak wyszukiwanie Google przetwarza JavaScript, przeczytaj przywództwo JavaScript.

Oto przykład strukturalnych danych wygenerowanych za pomocą JavaScript:

Znajdź rodzaj strukturalnych danych, które Cię interesują.
Edytuj swoją witrynę, aby włączyć fragment JavaScript, na przykład:

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 serwera dla witryny Google

Jeśli korzystasz z renderowania serwera, możesz również dołączyć dane strukturalne do wyjścia Render. Sprawdź dokumentację swojej struktury, aby dowiedzieć się, jak wygenerować JSON-LD dla rodzaju strukturalnych danych, które Cię interesują.

Jak przetestować swoją implementację dla swojej witryny w Google

Aby upewnić się, że wyszukiwarka Google może indeksować i przetwarzać twoje strukturalne dane, przetestuj swoją implementację:

Otwórz narzędzie testowe Rich Results.
Wprowadź adres URL, który chcesz przetestować. Zalecamy użycie wejścia adresu URL, a nie wprowadzania kodu, ponieważ mogą istnieć ograniczenia JavaScript (na przykład ograniczenia CORS) przy użyciu kodu inpat.
Kliknij URL TEST.

Sukces: Jeśli zrobiłeś wszystko dobrze, a Twój rodzaj strukturalnych danych jest obsługiwany w narzędziu, zobaczysz wiadomość „Strona jest odpowiednia dla zaawansowanych wyników”. Jeśli testujesz rodzaj strukturalnych danych, które nie są obsługiwane w narzędziu Rich wyników, sprawdź reputację. Jeśli render zawiera dane ustrukturyzowane, Google Search będzie w stanie je przetworzyć.

Spróbuj ponownie: Jeśli widzisz błędy lub ostrzeżenia, najprawdopodobniej jest to błąd składniowy lub brak właściwości. Sprawdź dokumentację typu strukturalnych danych i upewnij się, że dodałeś wszystkie niezbędne właściwości. Jeśli problem zostanie zapisany, skontaktuj się również z problemami związanymi z rozwiązaniem problemu JavaScript w celu wyszukiwania.

Możesz skontaktować się z firmą SEO „SEO.COMPUTER” w dowolnym numerze e -mail info@seo.computer, WhatsApp +79202044461.

ID 146