Popraw wyniki wyszukiwania za pomocą słownika Rich Snippets & Schema.org

Dane strukturalne umożliwia przedstawienie wyników wyszukiwania w bardziej atrakcyjny wizualnie i informacyjny sposób. Zgodnie z badaniem Searchmetrics dodanie znaczników danych strukturalnych do strony internetowej prowadzi do 36% wzrostu wyników wyszukiwania Google.

Strukturalne znaczniki danych są renderowane w Google, Bing i innych wyszukiwarkach jako fragmenty bogate. Bogate fragmenty są ulepszone wyniki wyszukiwania to dodaj dodatkowe informacje, takie jak zdjęcie, cena, oceny użytkowników i inne cechy do wyszukiwania fragmentów wyszukiwarki.

Dane strukturalne prowadzą do lepszych wyników wyszukiwania z dwóch głównych powodów:

1. Rozszerza semantykę HTML, tworząc treść bardziej zrozumiały dla wyszukiwarek.
2. Bogate fragmenty - prezentacja danych strukturalnych w wyszukiwarkach - mają lepszy współczynnik klikalności niż regularne, mniej pouczające wyniki wyszukiwania.

Słownictwo Schema.org

Jeśli chcesz mieć bogate fragmenty do własnej witryny, musisz dodaj dane strukturalne do znaczników HTML. Dane strukturalne używają słownictwo schema.org co pozwala informować wyszukiwarki o naturze treści.

Schema.org to inicjatywa Google, Bing i Yahoo, której celem jest zapewnienie zestaw schematów do opisywania różnych rodzajów treści internetowych, aby wyszukiwarki mogły je lepiej zrozumieć.

Słownictwo Schema.org jest zorganizowane w a hierarchia dwupoziomowa:

1. Typy: różne rodzaje treści internetowych są uporządkowane w ich własną hierarchię
2. Nieruchomości: każdy typ ma pewną liczbę właściwości

Pierwszy poziom typów

Rzecz jest najbardziej ogólny element w słownictwie schema.org jest przodkiem wszystkich innych typów.

Drugi poziom typów

The drugi poziom typów jest trochę bardziej szczegółowy i zawiera Zdarzenie, Akcja, Nieuchwytny, Kreatywna praca, Miejsce, Organizacja, Produkt, i Osoba Typy. Istnieje również osobna rzecz drugiego poziomu, dostępna jako rozszerzenie schema.org; to jest Medyczna osobowość Rodzaj.

Trzeci poziom typów

Każdy drugi poziom zawiera typ niektóre lub wiele typów trzeciego poziomu, na przykład jednym z podtypów CreativeWork jest Przejrzeć Rodzaj. Zauważ, że bardziej konkretne typy (drugi i trzeci poziom) odziedziczyć właściwości swojego rodzica (i dziadkowie w przypadku trzeciego poziomu).

Poniższy obraz został opublikowany na oficjalnym blogu schematów i wizualizuje hiearchię słownictwa schema.org.

Znajdź potrzebny Ci schemat

Przeglądaj słownictwo, aby znaleźć potrzebny schemat. Na przykład, w przypadku fragmentów bogatych w recepturę, musisz użyć Przepis Wpisz, który jest dzieckiem CreativeWork. Ma wiele właściwości, takich jak czas gotowania, metoda gotowania, recipeIngredient, i inne, a także dziedziczy właściwości swojego rodzica (CreativeWork) i dziadka (Thing).

Schema.org to projekt społeczności, jest często przedłużany, a nowe wersje są regularnie wydawane. Jeśli nie możesz znaleźć odpowiedniego schematu, możesz zaproponować go społeczności Schema.org, a także możesz przyczynić się do jego projektu Github.

Dodaj dane strukturalne do znacznika

Jak więc dodać swoje schematy do kodu frontonu? Schema.org może z niego korzystać trzy różne formaty. Musisz wybrać jedną, aby dodać znaczniki danych strukturalnych do witryny. Chociaż teoretycznie można używać więcej niż jednego formatu w tej samej witrynie, szkodzi to czytelności kodu i łatwości konserwacji, więc nie jest to dobra praktyka.

The trzy główne formaty znaczników strukturalnych danych są następujące:

1. Mikrodane: To standard internetowy rozszerzający HTML o wprowadzenie nowych atrybutów Jak na przykład itemprop. Oficjalna strona schema.org zawiera świetny poradnik na temat korzystania z mikrodanych, więc jeśli znasz już HTML, ten format może być dobrym wyborem.
2. RDFa: Długa forma RDFa to Struktura opisu zasobów w atrybutach, i jest to zalecenie W3C, które rozszerza dokumenty HTML, XML i SVG za pomocą zestawu określonych atrybutów. Protokół Open Graph na Facebooku jest również oparty na RDFa, więc prawdopodobnie już go napotkałeś. Istnieje wersja RDFa Lite dla początkujących, a także pełna wersja, która daje wiele opcji do pracy z danymi strukturalnymi w skomplikowany sposób.
3. JSON-LD: Podczas gdy dwie inne opcje rozszerzają znaczniki HTML, JSON-LD używa JSON składnia. JSON-LD oznacza Notacja obiektu JavaScript dla połączonych danych, i to jest format zalecany przez Google Developers, ponieważ zgodnie z ich poglądem „znaczniki strukturalne danych są najłatwiej reprezentowane w formacie JSON-LD”. Nie musisz być ekspertem JavaScript, aby używać JSON, ponieważ jest to prosty system notacji używający par nazwa-wartość.

Możesz łatwo porównać trzy formaty za pomocą poręcznej karty na dole każdej strony typu schema.org.

Analizując przykłady, możesz łatwo zrozumieć, jak działa każdy format i użyć jednego z nich na własnej stronie.

Znaczniki danych strukturalnych, które należy dodać do kodu, to na podstawie słownictwa schema.org. Jeśli wybierzesz mikrodane lub RDFa, musisz dodać dodatkowe atrybuty do zwykłych znaczników HTML.

Na przykład z mikrodanych, dodajesz nazwę typu do kontenera, używając itemscope atrybut, a każda właściwość za pomocą itemprop atrybut. Oto bardzo prosty przykład:

 
 
Mój przepis
  
Opis przepisu
 
 

I ten sam przykład używając RDFa, warto zwrócić uwagę na różne atrybuty, których potrzebujesz tutaj:

 
 
Mój przepis
  
Opis przepisu
 
 

Jeśli wybierzesz Format JSON-LD, musisz umieścić swój kod w środku tag w głowie twojej strony HTML. Powyższy przykład będzie wyglądał następująco:

Wskazówki dotyczące korzystania z danych strukturalnych

Przetestuj swój znacznik danych strukturalnych

Przed dodaniem znaczników danych strukturalnych do witryny można szybko przetestować je za pomocą narzędzia do testowania danych strukturalnych Google. W ten sposób możesz szybko znaleźć problemy, jeśli je masz.

Wykorzystaj karty graficzne Google

Google nie tylko używa danych strukturalnych do fragmentów bogatych, ale jeśli masz uprawnienia do określonego typu treści, Twoja treść może również pojawiają się w jednej z kart wykresu wiedzy wyświetlane po prawej stronie niektórych stron wyników wyszukiwania.

Pamiętaj, że nie możesz zmusić Google do wyświetlania Karty Wiedzy dla twoich treści, ale jeśli Twoje dane strukturalne są prawidłowo skonfigurowane, masz możliwość.

Skorzystaj z Google Rich Cards

W maju 2016 r. Google wprowadził Bogate karty które są „uaktualnieniem obecnego formatu Rich Snippets” i zapewniają atrakcyjne wyniki wyszukiwania mobilnego prezentowane w karuzelach które można przeglądać, przewijając w lewo iw prawo. Bogate karty Google używają również znaczników strukturalnych i słownictwa schema.org.

Dodaj dane strukturalne do wiadomości e-mail

Możesz użyć znaczników danych strukturalnych w twoich e-mailach w celu uruchomienia kart Google Now dla odbiorcy Google Developers ma świetny poradnik, jak to zrobić.

Dynamicznie generuj dane strukturalne

Można użyć Menedżera tagów Google do dynamicznie generuj ustrukturyzowane dane w formacie JSON-LD Moz.com uczy, jak to zrobić.