Kompletny przewodnik po schemacie dla SEO

W tym poście przyjrzymy się schematowi witryny i jego wpływowi na optymalizację pod kątem wyszukiwarek.

Schemat witryny to kod, który pomaga wyszukiwarkom dostarczać użytkownikom trafne wyniki.

Khalil Kanbar , dyrektor ds. strategii cyfrowej w Ignite Visibility, podsumowuje kilka przykładów znaczników schematów i zagłębia się w różne typy schema.org. Poznaj wszystkie podstawy schematu witryny, postępując zgodnie z tym przewodnikiem, aby poprawić optymalizację pod kątem wyszukiwarek dzięki wynikom rozszerzonym.

Co to jest schemat witryny?

Schemat witryny to kod, który pomaga wyszukiwarkom dostarczać użytkownikom trafne wyniki.

Jest to rodzaj mikrodanych, które pomagają im zrozumieć podstawowe części Twojej witryny i czasami wykorzystują te dane do wypełniania wyników z elementami rozszerzonymi w SERP.

Znaleziony na Schema.org , był wspólnym wysiłkiem Google, Bing, Yahoo! i Yandex w 2011 roku, aby stworzyć ujednolicony słownik danych strukturalnych dla sieci. (Jednak Bing i inne wyszukiwarki nie zgłosiły oficjalnego wsparcia dla implementacji JSON-LD Schema.org).

Korzystając ze strony schema.org, możemy znaleźć wiele różnych znaczników, które możemy dodać, aby ulepszyć witrynę.

Korzyść ze schematu witryny opiera się na ciągle zmieniających się SERPach Google i innych wyszukiwarek. Google nie tylko regularnie zmienia swój algorytm, ale także testuje nowe elementy projektu.

Podczas wpisywania imienia i nazwiska osoby, firmy, a nawet pytania, możesz zobaczyć wyskakujące okienko SERP inne niż HTML lub nawet niektóre SERPy HTML mają nawet dodatkowe funkcje, takie jak recenzje, ceny i bułka tarta.

Chociaż nie wszystkie tagi schematu dają jeszcze bogate wyniki, dobrą praktyką jest wyprzedzenie gry, gdy zdecydują się oni wprowadzić nową funkcję.

Należy również pamiętać, że posiadanie schematu witryny nie gwarantuje bogatego wyniku i nie ma dowodów na to, że schemat poprawi ranking. W przeszłości widziałem, jak schemat negatywnie wpływa na rankingi i CTR.

Zaletą schematu jest zajęcie większej powierzchni handlowej na pierwszej stronie. Jeśli dodanie schematu może utworzyć wynik z elementami rozszerzonymi w najczęstszych pytaniach, wynik z elementami rozszerzonymi w polu wyszukiwania, a nawet linki do podstron, zajmujesz teraz dużą część pierwszej strony.

Oczywiście Google rozumie, że może to być bardzo konkurencyjne i może wyznaczać granice wyników bogatych. Przykładem tego jest rok 2019, kiedy Google ograniczyło 3 fragmenty rozszerzone strony FAQ na stronę.

Rozpoczynając korzystanie ze schematu, pierwszym krokiem jest określenie typu schematu, którego chcesz użyć.

Co to jest schemat witryny?

Typy organizacji schematów

Istnieją trzy popularne typy organizacji schematów.

Są to JSON-LD, Microdata i RDFa. Skupimy się głównie na JSON-LD i Microdata, ponieważ RDFa jest rozszerzeniem HTML5 i niewiele różni się od mikrodanych (są one zwykle przemieszane).

Wybierając styl, polecam wybrać jeden i trzymać się go na całej stronie. Polecam również nie używać obu typów na tej samej stronie. Może to być trudne, gdy dodajesz wiele tagów schematu w witrynie i może być trudne do zdiagnozowania.

JSON-LD jest tym, co Google zaleca wszędzie tam, gdzie to możliwe, a Google jest w trakcie dodawania obsługi funkcji opartych na znacznikach. JSON-LD można zaimplementować w nagłówku treści i może zająć bardzo mało czasu.

Druga opcja to Microdata, która polega na zakodowaniu elementów na Twojej stronie. Z jakiegoś dziwnego powodu może to być trudny proces, dlatego nie wolę tego. Poniżej znajdują się podstawowe definicje typów organizacji schema.

JSON-LD a schemat mikrodanych

JSON-LD

JSON-LD jest obecnie preferowaną metodą oznaczania schematu, a Google obsługuje więcej typów schematów witryn za pomocą tego języka znaczników.

JSON-LD jest zwykle dodawany w nagłówku strony internetowej, w przeciwieństwie do mikrodanych, które są dodawane w elementach treści. Nadal możesz zaimplementować JSON-LD w treści, ale pamiętaj, aby nie próbować tagować poszczególnych elementów, tak jak w przypadku mikrodanych. Preferowana metoda Google znajduje się w nagłówku strony.

JSON-LD został stworzony jako łatwiejszy sposób implementacji znaczników schematu w kodzie bez konieczności tagowania każdego pojedynczego elementu HTML, tak jak robią to mikrodane.

Celem JSON-LD jest opisywanie tego, co znajduje się na stronie internetowej, za pomocą tablic wielowymiarowych. Oznacza to, że dodając znacznik schematu JSON-LD do swojej witryny, upewnij się, że treść faktycznie istnieje na stronie HTML.

POWIĄZANE: JSON-LD SEO, co to jest Jason-LD i jak wpływa na SEO

Mikrodane

Mikrodane to odczytywalne maszynowo znaczniki opatrzone adnotacjami na elementach HTML. Dodając typ elementu, którym jest zawartość strony, zaczynasz oznaczać różne obszary tekstu HTML w celu obsługi schematu witryny.

Identyfikowanie i znajdowanie schematu witryny

Znalezienie schematu można wykonać na wiele sposobów.

Najłatwiej to sprawdzić, korzystając z narzędzia danych strukturalnych Google . Tutaj możesz zaindeksować stronę internetową lub wprowadzić kod źródłowy, który poinformuje Cię, jaki schemat jest zaimplementowany na stronie, czy powoduje jakieś błędy i czy są jakieś ostrzeżenia.

Oczywiście w przypadku witryn wielostronicowych może to być trudne zadanie. Możesz także użyć narzędzi, takich jak ScreamingFrog, aby znaleźć znaczniki schematu na stronach. Przed uruchomieniem indeksowania otwórz konfigurację -> pająk -> i zajrzyj do ekstrakcji. Koniecznie sprawdź JSON-LD, mikrodane i RDFa.

Jeśli zauważysz, że klient uzyskuje wyniki z elementami rozszerzonymi, ale nie możesz zlokalizować tagów za pomocą kodu źródłowego lub narzędzi wymienionych powyżej, sprawdź jego Menedżera tagów Google. Podczas dynamicznego dodawania schematu do witryny za pomocą GTM może nie pojawić się w żadnym z tych narzędzi.

Przykłady typowych znaczników schematów:

Istnieje wiele znanych zastosowań schematu witryny.

Poniżej znajdują się główne elementy schematu wykorzystywane do celów SEO. Oczywiście istnieje wiele rzeczy, które możesz dodawać i usuwać. Sprawdź schema.org pod kątem różnych elementów, które można wstawić.

Organizacja

Schemat organizacji jest koniecznością, jeśli chodzi o klientów.

Podstawą tego tagu jest nazwa firmy, logo i adres URL witryny. Ale możesz przejść dalej, dodając linki do mediów społecznościowych, godziny pracy, dni otwarcia, liczbę pracowników, opis i wiele więcej. Chociaż nie jest to konieczne, schemat organizacji może pomóc wypełnić luki, jeśli chodzi o panel wiedzy firmy.

** Upewnij się, że ten schemat nie występuje na wszystkich stronach. Ten schemat powinien być zaimplementowany tylko na stronie głównej LUB stronie o nas .**

Przykład oznaczenia schematu: schemat organizacji

Pole wyszukiwania linków do podstron (witryna)

Schemat pola wyszukiwania linków do podstron, AKA Website Schema, to mały fragment, który umożliwia dodanie nazwy witryny, adresu URL witryny, logo witryny i adresu URL do pola wyszukiwania. Ten przykład znaczników schematu da wynik rozszerzony w wyszukiwaniu oznaczonym marką.

Pole wyszukiwania linków do podstron lub schemat witryny

Lista okruszków tartych

BreadcrumbList można dodać na wszystkich stronach.

Dzięki temu roboty wiedzą, na której stronie się znajdują i jaka struktura miała się tam dostać. Jeśli chcesz dodać na wszystkich stronach, najlepiej zrobić to za pomocą wtyczki schematu lub używając mikrodanych w szablonie listy nawigacyjnej na stronie (patrz sekcja Implementacja).

BreadcrubList: przykład wspólnego schematu znaczników

Strona FAQ

Jeśli Twoja strona lub blog zawiera pytania i odpowiedzi na często zadawane pytania, ten przykład znaczników schematu można dodać do tej strony. Typowy znany przypadek schematu FAQpage ma być używany w sekcji FAQ witryny.

Dodatkowym przykładem znacznika schematu byłoby użycie schematu FAQpage w blogach. Dodanie sekcji pytań/odpowiedzi do bloga może poprawić ranking bloga, a korzystając z tego schematu, możesz teraz zająć więcej powierzchni handlowej w ramach SERP. Możesz również użyć tego na PLP, jeśli używasz nagłówków jako pytania i odpowiadasz na pytanie w treści.

Schemat strony FAQ

Jak

Schematu „Jak to zrobić” można używać na stronach, które zawierają instrukcje użytkownika dotyczące korzystania z produktu lub funkcji. Typowymi przykładami są instrukcje instalacji i konfiguracje produktów.

Pytania i odpowiedzi

Nie mylić ze schematem FAQpage, schemat Q&A ma być używany, gdy użytkownik zadaje pytanie na stronie, a użytkownicy mają możliwość udzielenia odpowiedzi. Różnica między tym schematem a FAQpage polega na tym, że użytkownik odpowiada na pytania na otwartym forum, a odpowiedzi nie udziela sam serwis.

Oznaczenia schematu pytań i odpowiedzi

Artykuł

Można go używać na każdej stronie bloga witryny. Możesz dodać znaczniki, kiedy blog został opublikowany, kto był autorem, jaki jest obraz, a nawet treść. Może to spowodować wypełnienie wyników z elementami rozszerzonymi dla artykułów.

Produkt

Powinno to być używane na każdej stronie produktu w witrynie. Możesz dodać właściwości, takie jak cena, ocena, stan w magazynie lub brak w magazynie, kolor i inne. To częsty wynik z elementami rozszerzonymi, który zobaczysz podczas zakupów online.

Schemat produktu

Recenzja

Schemat recenzji może być używany w schemacie produktu dla poszczególnych produktów. Jeśli masz recenzję witryny lub inny rodzaj recenzji, nadal możesz używać schematu recenzji jako samodzielnego. Ten typowy przykład znaczników schematu wygeneruje wynik rozszerzony recenzji w HTML SERP.

Przykład oznaczenia schematu: schemat recenzji

Strona internetowa

Można to dodać do każdej strony witryny. Możliwe właściwości to data publikacji, logo, obraz, bułka tarta i inne.

Wideo

Schemat wideo można dodać na stronie zawierającej wideo. Możesz użyć tego, aby pokazać źródło filmu, sygnatury czasowe w filmie, tytuł filmu i opis filmu.

Przykład oznaczenia schematu: wideo

Lokalna firma

W przypadku firm lokalnych lub firm, które mają jednostki lokalne, ten schemat jest niezbędny, aby dodać różne godziny pracy, lokalizację, nazwę i inne.

I więcej…

Chociaż są to najczęstsze zastosowania schematów, istnieje więcej dostępnych dla Twoich potrzeb.

Przykłady innych schematów, które widziałem, to siłownie, restauracje, lotniska, osoby, przepisy kulinarne, oferty pracy i wydarzenia. Jeśli nie masz pewności, czy Twoja strona kwalifikuje się do dowolnego schematu, użyj strony schema.org, aby wyszukać typ tworzonego produktu/strony internetowej.

Realizacja

Implementacja jest najtrudniejszą częścią znaczników schematu.

Jeśli używasz JSON-LD, masz szczęście. Po prostu wklej tego złego chłopca w nagłówku strony i możesz rzucić! Jeśli korzystasz z mikrodanych, pamiętaj o określeniu typu elementu i zakresu elementu strony oraz testuj, testuj, testuj.

Istnieją dwa narzędzia do testowania kodu przed i po dodaniu schematu do witryny:

https://search.google.com/structured-data/testing-tool/u/0/

https://search.google.com/test/rich-results

Te narzędzia poinformują Cię, czy są jakieś błędy, czy są jakieś ostrzeżenia i czy dadzą rozszerzone wyniki.

Koniecznie sprawdź też Google Search Console pod kątem problemów ze schematem. Podczas dodawania funkcji schematu możesz zobaczyć w Search Console nową sekcję przeznaczoną dla dodanego schematu. Wszelkie błędy w Search Console wyeliminują Twój wynik rozszerzony dla tego SERP.

Nie masz dostępu do swojego CMS-a? W razie potrzeby schemat JSON-LD można zaimplementować za pomocą Menedżera tagów Google. Google nie preferuje tej metody, ale może działać. Jedynym minusem jest to, że czasami nie będzie to widoczne w kodzie źródłowym i powyższych narzędziach.

Dynamiczna implementacja i automatyzacja

Jeśli chcesz używać schematu na setkach stron, ręczne ich dodawanie może nie być najlepszą opcją. Istnieje wiele sposobów dynamicznego generowania schematu na stronie internetowej.

Dobrym rozwiązaniem jest zbudowanie go w szablonie strony internetowej. Jeśli wiesz, że każda strona produktu zawiera na dole sekcję FAQ, użyj mikrodanych na stronie szablonu, aby automatycznie wygenerować ten kod. W ten sposób nie musisz się martwić o dodawanie kodu za każdym razem, gdy tworzysz nową stronę.

Możesz to również zrobić, edytując inne elementy w witrynie, takie jak listy nawigacyjne. Jeśli masz klienta e-commerce, prawdopodobnie ma on wtyczkę do dynamicznego wyświetlania bułki tartej. Dodanie mikrodanych do wtyczki może pomóc w wygenerowaniu schematu listy BreadCrumb na każdej stronie.

Google Tag Manager to także możliwość dynamicznego generowania schematu na zbiorczej liczbie stron. W 2016 roku zostaliśmy wprowadzeni w tę metodę i była ona typowo stosowana na stronach produktowych i blogach. Zobacz pełny przewodnik, jak to stworzyć tutaj. Pamiętaj, że Google nie preferuje tej metody.

Wtyczki WordPress… Tak, w WordPressie jest wiele wtyczek, które tworzą dynamiczne tagi dla schematu produktu, listy BreadCrumb i nie tylko.

Najczęstsze to All In One Schema i Schema Pro. Zachowaj BARDZO OSTROŻNOŚĆ podczas korzystania z tych wtyczek. Widziałem niezliczone błędy tworzone przez te wtyczki, więc koniecznie uruchom testy.

Jeśli schemat generuje błąd (nawet tylko 1), jest on w zasadzie bezużyteczny i nie otrzymasz żadnych wyników rozszerzonych z tego tagu. Niewłaściwa implementacja tego schematu może również zaszkodzić witrynie, dodając niewłaściwy schemat do niewłaściwych stron. Może to być bardzo mylące dla Google i może spowodować utratę pozycji w rankingu.

Zasoby dotyczące schematu

Rozpoczęcie korzystania ze schematu może być trudne. Zwłaszcza jeśli chodzi o faktyczne budowanie kodu. Na szczęście istnieją strony internetowe, które mogą je automatycznie utworzyć i zacząć.

https://technicalseo.com/tools/schema-markup-generator/ – Opracowana przez Merkle, ta strona internetowa jest opcją plug and chug dla wspólnego kodu schematu. Po prostu skopiuj i wklej to, czego potrzebujesz w witrynie, a wygeneruje dla Ciebie kod.

https://developers.google.com/ – Szukasz konkretnego schematu? Są szanse, że jest to najprawdopodobniej na stronie Google Dev. Przeszukaj ich stronę internetową i zobacz, co możesz znaleźć, przez większość czasu zapewnią również podstawową (i działającą) strukturę dla JSON-LD i Microdata.

Schema.org – od tego wszystko się zaczęło. Sprawdź tę witrynę, aby zobaczyć, jakich właściwości możesz użyć dla różnych typów schematów. Ta strona internetowa jest bardzo zagmatwana, ale jest także najlepszym źródłem informacji na temat paskudnego błędu schematu.

Zawijanie tego

Największą zaletą schematu serwisu jest zajęcie jak największej ilości miejsca na pierwszej stronie wyszukiwarki.

Ponieważ Google regularnie zmienia swój algorytm, wciąż pojawiają się różne możliwości nowych elementów projektu. Pamiętaj, aby pozostać na szczycie różnych przykładów przykładów znaczników schematów witryn, aby pozostać na szczycie wyników wyszukiwania Google.