To będzie dość długi artykuł o danych strukturalnych – Schema.org i o tym, jak możesz je wdrożyć w swojej witrynie, aby uzyskać korzyści SEO. Dość szczegółowo wchodzę w szczegóły, ponieważ uważam, że schemat jest obowiązkowy w 2020 roku.
#1. Co to są dane strukturalne?
Wyszukiwarki chcą w pełni zrozumieć Twoje strony internetowe, ponieważ pomaga im to w dokładnym uszeregowaniu treści w SERP .
Chociaż większość wyszukiwarek świetnie radzi sobie z analizowaniem słów na stronie w celu znalezienia tematu lub motywu, możesz im jeszcze bardziej pomóc, dostarczając konkretnych informacji w ustandaryzowanym języku zrozumiałym dla wyszukiwarek.
Dane strukturalne (zwane także znacznikami schematu) dostarczają tych dodatkowych informacji. Dane strukturalne oznaczają dane (lub informacje), które zostały zorganizowane w określony sposób (ustrukturyzowane).
Dane strukturalne mogą obejmować informacje o stronie internetowej, np. autor, tytuł, opis, ocena, składniki, czas gotowania, długość filmu itp. Google może następnie wykorzystać te dane, według własnego uznania, w celu dodania większej wartości do wyników wyszukiwania.
Oto przykład pokazujący, jak Google wykorzystał uporządkowane dane osadzone na stronie internetowej, aby wyróżnić dane z recenzji:
Zwróć uwagę, że wpisy w SERP mają oceny w postaci gwiazdek i liczb, liczbę głosów, a nawet ceny początkowe. Są to tak zwane fragmenty rozszerzone, gdzie słowo „bogate” odnosi się do wszystkiego, czego zwykle nie można znaleźć w normalnym wpisie (niebieski tytuł, zielony adres URL i czarny opis).
Tego typu fragmenty rozszerzone są tworzone przez Google przy użyciu uporządkowanych danych, które webmasterzy osadzają na stronie internetowej.
Oto fragment tych uporządkowanych danych z kodu źródłowego pierwszej strony:
Strzałka wskazuje uporządkowane dane, które określają wartość i liczbę ocen. Możesz zobaczyć, że ta wartość jest używana we fragmencie rozszerzonym.
Ramka otoczona opisem podkreśla jeszcze jedną ważną kwestię. To, że dodasz uporządkowane dane, nie oznacza, że Google będzie z nich korzystać.
Jeśli spojrzysz wstecz na zrzut ekranu przedstawiający fragmenty rozszerzone w SERP, Google nie użył tego opisu we fragmencie rozszerzonym.
Google nie ma również najnowszej „niskiej ceny” wynoszącej 3,05 USD (fragment SERP pokazuje ceny zaczynające się od 3,92 USD), więc te uporządkowane dane mogły zostać zaktualizowane od czasu ostatniego indeksowania tej strony przez Google.
Uporządkowane dane osadzone na tej stronie dają Google więcej informacji, które może wykorzystać według własnego uznania w celu ulepszenia wpisu w SERP.
Pomaga także Google lepiej zrozumieć treść strony, co pomaga w dokładniejszej ocenie strony.
Dane strukturalne (SD) powinny stanowić integralną część Twojego SEO, ponieważ mogą być odczytywane (i wykorzystywane) przez wyszukiwarki, Facebook, Pinterest itp.
Kto zyska na wdrożeniu danych strukturalnych?
Jeśli którekolwiek z poniższych stwierdzeń jest prawdziwe, powinieneś wdrożyć w swojej witrynie dane strukturalne.
- Jeśli ruch z bezpłatnych wyników wyszukiwania jest dla Ciebie ważny.
- Chcesz, aby Twoje strony wyróżniały się w SERPach.
- Masz wiele artykułów powiązanych z kluczowymi terminami i chcesz, aby wyróżniały się jako karuzela w SERPach.
- Twoje strony zawierają recenzje, oferty pracy, lokalną firmę, wydarzenia, produkty, kursy, handel elektroniczny.
#2. Wdrażanie danych strukturalnych
Nie chcę Cię mylić, ale istnieje więcej niż jeden sposób implementacji danych strukturalnych . Jednak porozmawiamy tylko o metodzie preferowanej przez Google, która wykorzystuje taksonomię zwaną schema.org i język programowania JSON-LD.
Użytkownicy WordPressa, którzy nie chcą uczyć się nawet najmniejszej ilości programowania, nie panikują. Przyjrzę się wtyczce WordPress, która może zaimplementować za Ciebie dane strukturalne.
Aby dodać dane strukturalne, musimy znać zasady rządzące strukturą. W najprostszej formie dane strukturalne to zbiór par zmienna/wartość.
Nazwy zmiennych pokazane w tym kodzie są krytyczne. Jeśli nie użyjesz dokładnej nazwy zmiennej, kod nie zostanie zrozumiały.
Jako webmasterzy musimy wiedzieć, jakie zmienne są dostępne i jakie wartości te zmienne przyjmują. Tutaj właśnie pojawia się taksonomia, o której wspominaliśmy przed chwilą.
W 2011 roku Google, Bing, Yahoo! i Yandex połączyły siły, aby stworzyć ujednoliconą listę atrybutów i podmiotów, którą wszystkie zgodziły się wspierać i która stała się znana jako Schema.org (tak, to strona internetowa). Schema.org to taksonomia „rzeczy”, które możemy dodać do naszych ustrukturyzowanych danych.
OK, więc zróbmy szybkie podsumowanie.
- Dane strukturalne składają się z rzeczy, a rzeczy mają właściwości.
- Schema.org to taksonomia wszystkich rzeczy i ich właściwości.
- Google szczególnie zaleca korzystanie ze strony schema.org i języka programowania o nazwie JSON-LD do tworzenia kodu danych strukturalnych, który osadzamy na naszych stronach internetowych.
- Dlatego Schema.org jest naszym najważniejszym źródłem informacji o tworzeniu ustrukturyzowanych danych.
Rozumiem?
Cóż, w maści jest mucha… Google!
Oprócz tych, które znajdziesz na Schema.org, Google ma również swoje wytyczne.
Możesz tworzyć swoje uporządkowane dane zgodnie ze schema.org, ale jeśli nie zastosujesz się również do wytycznych Google, gigant wyszukiwania może nałożyć karę na Twoje strony/witrynę. Wytyczne te można znaleźć tutaj .
Dobra wiadomość jest taka, że większość wytycznych Google ma jedynie na celu zapobieganie nadużywaniu systemu przez administratorów sieci, np. tworzeniu ustrukturyzowanych danych, które nie odzwierciedlają dokładnie zawartości strony.
2.1 JSON-LD
Wcześniej wspominaliśmy, że dane strukturalne kodowane są przy użyciu języka JSON-LD. JSON-LD to kod używany do przekazywania danych do wyszukiwarek.
Możemy tworzyć dane strukturalne JSON-LD za pomocą pomocnika danych strukturalnych Google. To narzędzie umożliwia oznaczenie witryny, a następnie przechwycenie kodu JSON-LD, który należy dodać do swojej strony.
Wypróbuj. Przejdź do tej witryny. Znajdź adres URL w jednej ze swoich witryn, wybierz typ schematu, który chcesz utworzyć, a następnie wklej adres URL. Aby rozpocząć, kliknij przycisk Rozpocznij tagowanie.
Twoja strona zostanie załadowana na podzielonym ekranie, z elementami danych po prawej stronie, a stroną internetową po lewej stronie. Możesz teraz używać myszy do podświetlania informacji na swojej stronie internetowej.
Gdy to zrobisz, pojawi się wyskakujące menu, w którym możesz oznaczyć zaznaczone dane. W tym przykładzie podświetliłem tytuł i wybiorę nazwę z menu:
Po kliknięciu pozycji menu wartość danych jest zapisywana w zmiennej po prawej stronie ekranu. Oznacz jak najwięcej informacji o swojej stronie.
Jeśli są jakieś informacje, które chcesz oznaczyć, ale nie znajdują się fizycznie na stronie (więc nie możesz ich zaznaczyć), kliknij przycisk Dodaj brakujący tag na dole. Następnie możesz ręcznie wprowadzić dane.
Po zakończeniu oznaczania strony kliknij przycisk Utwórz HTML w prawym górnym rogu. Na następnym ekranie upewnij się, że z listy rozwijanej wybrano JSON-LD, a Twój prawidłowy kod JSON-LD zostanie wyświetlony poniżej:
Kod ten można teraz wstawić na stronę internetową.
Istnieją różne sposoby wstawiania kodu na stronę internetową. Jeśli znasz Menedżera tagów, możesz go użyć. Możesz też wkleić kod bezpośrednio do kodu HTML swojej strony, przetestować go, a następnie przejść do następnej strony, którą chcesz oznaczyć.
#3. Testowanie znaczników schematu
Dane strukturalne możesz przetestować za pomocą narzędzia Google do testowania danych strukturalnych . Po dotarciu do tego adresu URL masz możliwość przetestowania adresu URL lub fragmentu kodu.
Jeśli wprowadziłeś już dane strukturalne na swojej stronie internetowej, przetestuj adres URL. Twoja strona zostanie przeanalizowana, a wyniki pokażą:
Szukasz czystego rachunku zdrowia. Oznacza to 0 błędów. Każdy z tych wpisów w tabeli wyników reprezentuje inny fragment
danych struktury na Twojej stronie internetowej.
W zależności od sposobu zbudowania witryny, na stronach internetowych mogą znajdować się już uporządkowane dane. Jeśli używasz WordPressa, WordPress doda trochę dla Ciebie, podobnie jak niektóre wtyczki.
Na powyższej stronie znajdują się uporządkowane dane dotyczące:
- Breadcrumb (dodany przez WordPress).
- Organizacja (dodana przez wtyczkę Yoast SEO)
- Lista bułek tartych (dodana przez wtyczkę Yoast SEO)
- NewsArticle (dodany przez właśnie utworzony JSON-LD).
Możesz kliknąć dowolny z tych wpisów, aby rozwinąć dane strukturalne. Kliknięcie Organizacji pokazuje mi uporządkowane dane dotyczące tej „rzeczy”.
#4. Rozwiązywanie problemów za pomocą Konsoli Google
Stary interfejs (nadal możesz się na niego przełączyć) Google Search Console zawiera sekcję, która może pomóc Ci w zakresie uporządkowanych danych. Narzędzia do uporządkowanych danych znajdziesz w menu SearchAppearance.
Ekran danych strukturalnych wyświetli wszelkie problemy z danymi strukturalnymi w Twojej witrynie.
Kliknięcie linii zawierających błędy otworzy bardziej szczegółowy widok. Zobaczysz adresy URL zawierające błędy w danych strukturalnych, a także same błędy.
Jeśli klikniesz adres URL, otworzy się okno dialogowe zawierające więcej szczegółów, a także przycisk umożliwiający przetestowanie danych strukturalnych na aktywnej stronie:
Może się okazać, że podczas testowania opublikowanej strony schemat sprawdza się prawidłowo. Dzieje się tak, ponieważ problem został naprawiony od czasu, gdy Google widział go po raz ostatni. Pozostanie na liście błędów, dopóki Google nie przekształci strony i nie znajdzie prawidłowego schematu.
Tak naprawdę jedynie zarysowaliśmy powierzchnię, jeśli chodzi o ręczne dodawanie danych strukturalnych do witryny internetowej, ale jeśli chodzi o metody ręczne, omówiliśmy już wszystko.
Jak zauważyłeś, istnieje wiele zasad, których należy przestrzegać, a zasady te mogą ulec zmianie bez powiadomienia.
Osobiście nie chcę kłopotów ani czasochłonnego sprawdzania Schema.org i wytycznych Google za każdym razem, gdy dodaję uporządkowane dane do strony internetowej. Dlatego moją preferowaną metodą dodawania danych strukturalnych jest wtyczka WordPress.
Wtyczka, której używam, nazywa się Schema Pro i chcę ci szybko pokazać, jak to działa.
#5. Wtyczka WordPress Schema Pro
Głównym powodem, dla którego uwielbiam tę wtyczkę do danych strukturalnych, jest to, że jest regularnie aktualizowana.
Kiedy Schema.org zostanie zaktualizowany, ta wtyczka zostanie zaktualizowana. Oznacza to, że mogę skoncentrować się na ważniejszych rzeczach i pozostawić wtyczce obsługę moich wymagań dotyczących danych strukturalnych.
Szczegóły dotyczące wtyczki znajdziesz tutaj . I tutaj mamy dla naszych czytelników niezłą zniżkę WP Schema . Zamierzam skonfigurować pewne dane strukturalne za pomocą tej wtyczki na mojej stronie testowej.
5.1 Ustawienia schematu Pro
Po zainstalowaniu i aktywowaniu wtyczka dodaje menu w menu ustawień na lewym pasku bocznym pulpitu nawigacyjnego. Wolę ustawienia Schema Pro w innym miejscu i możesz to zrobić w menu konfiguracyjnym:
Cokolwiek tutaj dodasz, zostanie dodane do danych strukturalnych Twoich stron internetowych. Moje strony będą teraz miały uporządkowane wartości danych dotyczące logo witryny, typu witryny i nazwy firmy widoczne na powyższym zrzucie ekranu.
Na karcie profili społecznościowych w ustawieniach dodaj wszystkie strony mediów społecznościowych skonfigurowane dla witryny.
Na karcie Ustawienia innego schematu możesz przypisać bardziej uporządkowane dane:
Ponownie, wszystkie dane, które teraz wprowadzasz, są konwertowane na format JSON-LD i automatycznie dodawane do twoich stron. Możesz przetestować schemat dodany do stron, odwiedzając swoją witrynę po zalogowaniu się do swojego Panelu.
Kliknięcie tego linku spowoduje otwarcie bieżącej strony internetowej w Narzędziu do testowania danych strukturalnych, dzięki czemu będziesz mógł zobaczyć nowe dane strukturalne i potwierdzić, że są prawidłowe.
5.2 Dodawanie określonego schematu
Po dokonaniu ustawień ogólnych możemy przystąpić do dodawania schematu dla konkretnych stron. Kliknij kartę Schemat i kliknij przycisk Dodaj nowy. Załadowany ekran umożliwi Ci wybór typu schematu, który chcesz utworzyć:
Po kliknięciu przycisku Dalej zostaniesz zapytany, gdzie na Twojej stronie internetowej powinien zostać zintegrowany nowy schemat:
W moim przypadku chcę, aby ten schemat został zastosowany do wszystkich postów. Pamiętaj, że ostatni wpis, Określony cel, pozwala wybrać określone posty,
strony archiwalne (tag, kategoria) lub strony.
Na przykład, jeśli chcesz zastosować schemat tylko do jednego lub dwóch postów, możesz to zrobić. Masz także możliwość dodania reguł wykluczania, które uniemożliwiają dodanie schematu do stron w oparciu o Twoje kryteria.
Możesz dodać wiele reguł „włączania” i „wykluczania”, aby kierować reklamy na określone strony i sekcje witryny. Np. możesz skonfigurować schemat recenzji mający zastosowanie do wszystkich postów w kategorii recenzji.
Kiedy skończysz, kliknij przycisk Dalej. Otrzymasz potwierdzenie, że Twój schemat został skonfigurowany:
Kliknij przycisk Zakończ konfigurację, aby przejść do ekranu Edytuj schemat:
Na tym ekranie możesz edytować schemat, w tym, jeśli zajdzie taka potrzeba, reguły włączania/wykluczania. Schemat konfiguruje się poprzez wybranie opcji z rozwijanych pól.
Wszystko, co zostanie wybrane w rozwijanym polu, zostanie użyte do utworzenia uporządkowanych danych dla każdego wpisu. Potraktuj opcje w rozwijanych polach jako zmienne, które będą się zmieniać dla każdego posta.
Na przykład, jeśli dla właściwości Nagłówek wybrano zmienną Tytuł, każdy post będzie używał swojego tytułu dla schematu Nagłówek.
Większość z tych opcji zostanie dla Ciebie poprawnie wybrana, ale możesz zmienić lub zastąpić ustawienia domyślne. Na przykład w przypadku nazwy wydawcy wtyczka wybrała tytuł witryny w danych strukturalnych (co ma sens).
Kliknięcie pola rozwijanego pozwala mi, jeśli chcę, dokonać innego wyboru, w tym opcji Stały tekst, w której mogę wpisać dowolny tekst, który mi się podoba:
Kolejną przydatną opcją w rozwijanym polu jest Nowe pole niestandardowe. W takim przypadku możesz wybrać wartość w momencie publikowania treści.
Dobrym przykładem jest pole Obraz, które jest niezbędne w schemacie artykułu. Domyślnie jest ustawiony na Wyróżniony obraz, ale jeśli do posta nie przypisano wyróżnionego obrazu, spowoduje to błąd sprawdzania poprawności danych strukturalnych.
Zmieniając obraz na Nowe pole niestandardowe, będę mógł określić obraz dla każdego posta w momencie jego publikacji (bezpośrednio na ekranie edycji posta):
Wybranie obrazu w momencie publikacji spowoduje usunięcie błędu obrazu.
Jednak w tym raporcie o błędach występuje jeszcze inny błąd. Logo. Ten problem można łatwo naprawić, przypisując ikonę witryny w ustawieniach tożsamości witryny mojego motywu.
Ta wtyczka może dla Ciebie zrobić o wiele więcej.
Jednak zamierzam to tam zostawić. Jeśli zdecydujesz się kupić wtyczkę WP Schema Pro , będziesz mieć pełny dostęp do dokumentacji wtyczki, która Ci pomoże.
Zanim zakończyłem ten artykuł, chciałem wspomnieć, że istnieje kilka bezpłatnych wtyczek do danych strukturalnych.
Wypróbowałem te, które udało mi się znaleźć, i we wszystkich znalazłem pewne podstawowe problemy z funkcjonalnością.
#6. Zasoby schematów i danych strukturalnych
Wiele można się dowiedzieć o danych strukturalnych, a w tym artykule mogę jedynie zarysować ich powierzchnię. Uważam, że jest to coś, czego powinieneś używać jako SEO, więc pozwól, że zakończę, wymieniając niektóre z ważniejszych zasobów.
- Schema.org – taksonomia zalecana przez Google.
- Wytyczne Google dotyczące danych strukturalnych
- Narzędzie do testowania danych strukturalnych
- Konsola wyszukiwania Google
- Pomocnik do znaczników
#7. Wniosek
Czy używasz Schema.org?
Czy zauważyłeś poprawę w rankingach?
A może potrzebujesz pomocy. Chętnie Cię poprowadzę. Po prostu daj mi znać w komentarzach poniżej.
To świetny artykuł! Wszystko jest wyjaśnione w bardzo prosty sposób, dzięki czemu dane strukturalne są teraz znacznie łatwiejsze dla mojego SEO.
Dzięki Danielu!
Dziękuję Cosmin za miłe słowa i cieszę się, że uznałeś te treści za wartościowe w procesie nauki SEO. Wszystkiego najlepszego i informuj nas na bieżąco o procesie wdrażania Schema.org.