Jak korzystać ze znaczników Schema.org w swojej witrynie i dlaczego powinieneś

Reklama

Wyszukiwarki są niezwykle potężny 7 Alternatywy wyszukiwania Google i ich cechy znaków towarowychCzy jesteś zagorzałym użytkownikiem Google? Wypróbuj te alternatywne wyszukiwarki. Od prywatności po pomoc charytatywną, te wyszukiwarki mogą dać ci powody do zmiany sposobu przeglądania. Czytaj więcej . Potrafią interpretować często niejasny język, którego używamy, aby dowiedzieć się, czego szukamy, wybrać najlepszy zasób, aby odpowiedzieć na nasze pytania, i pokazać nam go w ułamku sekundy.

Google jest nawet naprawdę dobry w odpowiadaniu na pytania na stronie wyników wyszukiwania, eliminując potrzebę klikania na cokolwiek. To nawet personalizuje wyniki wyszukiwania Jak wyłączyć personalizację wyników wyszukiwania przez Google Czytaj więcej . To pomaga ludziom szybciej znajdować informacje, których szukają.

Ale wyszukiwarki nie mogą tego zrobić same - potrzebują pomocy właścicieli witryn i programistów. Znaczniki schematów to jeden ze sposobów, w jaki możesz pomóc na swojej stronie.

Co to jest znacznik schematu?

Znaczniki schematu to sposób wyróżnienia określonych elementów danych strukturalnych.

Co to są dane strukturalne? Jego informacje, które są uporządkowane i oznaczone dzięki czemu może być lepiej zrozumiany przez maszyny. Krótko mówiąc, znaczniki schematów to informacje, które pomagają wyszukiwarkom znaleźć określone typy informacji na twojej stronie internetowej. Najłatwiej jest spojrzeć na przykład.

Google ma swoje interaktywny przykład znaczników schematu opisujący przepis na szarlotkę:

Powyżej możesz zobaczyć JavaScript, który określa czas przygotowania, całkowity czas, wydajność receptury i różne fakty dotyczące wartości odżywczej dla przepisu.

W tym miejscu należy zauważyć, że istnieją dwa główne sposoby oznaczania danych strukturalnych: z JSON Co to jest JSON? Przegląd laikaNiezależnie od tego, czy planujesz zostać programistą, czy nie, warto przynajmniej wiedzieć, co to jest JSON, dlaczego jest ważny i dlaczego jest używany w całej sieci. Czytaj więcej lub z wbudowanymi tagami HTML. Google zaleca metodę JSON, ale omówimy obie później.

Oto, w jaki sposób Google pobiera określone informacje o wartości odżywczej:

Schema.org ma tysiące różnych rodzajów znaczników, których możesz użyć, aby lepiej wyświetlać wyszukiwarkom informacje na swojej stronie. Na przykład typ TechArticle obejmuje między innymi następujące atrybuty:

• Poziom biegłości
• Liczba słów
• publiczność
• twórca
• Data utworzenia
• Data modyfikacji
• Data opublikowania
• publikowanie Zasad
• typicalAgeRange

Istnieją pełne schematy dla bibliotek, firm zajmujących się zakwaterowaniem, mieszkań, wydarzeń związanych ze sztuką wizualną, kanałów transmisji, metod dostarczania, statusów serwerów gier i innych.

Chodzi o to, aby wyszukiwarki wiedziały, co tak naprawdę reprezentują poszczególne informacje na Twojej stronie, aby mogły wyświetlać te informacje osobom, które ich szukają.

Korzyści ze znaczników schematu

OK. Znaczniki schematu informują wyszukiwarki, co jest na twojej stronie - o co chodzi?

Google przedstawia to tak:

„Gdy informacje są wysoce ustrukturyzowane i przewidywalne, wyszukiwarki mogą łatwiej organizować i wyświetlać je w kreatywny sposób”.

Na przykład możesz zobaczyć daty tras dla nadchodzącej trasy Slayer wyświetlane bezpośrednio w wynikach wyszukiwania:

Lub uzyskaj szczegółowe informacje o filmie podczas wyszukiwania:

Google cały czas poprawia się w znajdowaniu tych informacji samodzielnie, ale poprawnie używa schematu znaczniki ułatwiają proces i zwiększają prawdopodobieństwo, że informacje na stronie będą ocechowany.

A kiedy wyszukiwarki dokładnie wiedzą, co znajduje się na Twojej stronie, mogą pokazać to osobom, które szukają tego bezpośrednio w wynikach wyszukiwania. I to jest dobre dla wszystkich.

Rozpoczęcie pracy z danymi strukturalnymi

Teraz, gdy zobaczyłeś zalety korzystania ze znaczników Schema.org, czas zacząć nurkować. Zaczniemy od najłatwiejszego dostępnego narzędzia: Marker danych Google.

Musisz połączyć swoją witrynę z Search Console Google (wcześniej znaną jako Narzędzia dla webmasterów Uzyskaj głębsze statystyki wyszukiwania dla swojej witryny za pomocą zapytań Search ConsoleZmiany w narzędziu Wyszukiwane hasła w Google Webmasterzy mogą zmienić sposób prowadzenia badań tematycznych. Generowanie treści w sieci wymaga kreatywności i koncentracji na użytkowniku oraz wielu badań dotyczących słów kluczowych. Czytaj więcej ). Jeśli potrzebujesz pomocy przy konfiguracji, sprawdź Przydatny przewodnik Yoast.

Gdy to zrobisz, zaloguj się w Search Console i kliknij Wygląd wyszukiwania> Marker danych. Uderz w Rozpocznij wyróżnianie przycisk po prawej stronie ekranu.

Następnie musisz wprowadzić adres URL strony, którą chcesz otagować, i wybrać rodzaj znaczników, które będziesz wykonywać. W tym konkretnym przypadku będziemy używać typu znaczników Artykuły.

Ponieważ wyróżniam artykuł w witrynie, która zawiera wiele artykułów, będę go przechowywać Oznacz tę stronę i innym podobają się sprawdzone.

Teraz zobaczysz podzielony ekran: twoja strona po lewej i dostępne pola znaczników po prawej.

To jest naprawdę proste. Po prostu zacznij wyróżniać! Ilekroć podświetlisz tekst (lub klikniesz obraz), pojawi się małe menu, w którym możesz wybrać rodzaj wyróżnionej informacji.

Tutaj podkreśliłem tytuł strony. Wszystko, co muszę zrobić, to kliknąć „Tytuł” ​​w menu.

Teraz tytuł jest wypełniany w prawym okienku.

Kontynuuję, podkreślając autora, datę publikacji, główny obraz i kategorię (wyróżniłem tagi u góry artykułu i wszystkie trzy zostały zaimportowane jako kategorie).

I gotowe! To wszystko.

Kiedy uderzysz GotowyMarker danych pomoże Ci zastosować ten znacznik do innych podobnych stron w Twojej witrynie.

Dodawanie więcej szczegółów

Marker danych pozwala jedynie zarysować powierzchnię znaczników danych strukturalnych. Jak widziałeś powyżej, mogłem tylko dodać garść atrybutów do tego artykułu. Typ artykułu Schema.org zawiera o wiele więcej atrybutów, które można ustawić.

Co robimy, jeśli chcemy dodać więcej szczegółów do znaczników schematu?

W tym momencie będziesz musiał zagłębić się w kod. Jak wspomniałem wcześniej, istnieją dwa główne sposoby reprezentowania danych strukturalnych: za pomocą JSON i wbudowanych znaczników HTML. Ponieważ Tagi HTML 17 prostych przykładów kodu HTML, których możesz się nauczyć w 10 minutChcesz stworzyć podstawową stronę internetową? Naucz się tych przykładów HTML i wypróbuj je w edytorze tekstu, aby zobaczyć, jak wyglądają w przeglądarce. Czytaj więcej są nieco bardziej intuicyjne, omówimy je w pierwszej kolejności.

Inline Schema.org HTML Markup

Na przykład oznaczymy proste zdanie: „Mieszkam w Denver”. W HTML będzie to reprezentowane w następujący sposób:

Mieszkam w Denver.

Aby rozpocząć znaczniki, musimy określić, że to konkretne zdanie dotyczy osoby (pokazane przez typ elementu Osoba). Oto jak to robimy:

Mieszkam w Denver.

Teraz wyszukiwarka będzie wiedziała, że ​​wszystko w niej zawarte

Następnie dodamy atrybut znaczników: homeLokalizacja. Schema.org definiuje homeLocation jako „Miejsce kontaktu dla miejsca zamieszkania danej osoby”.

Musimy dodać ten konkretny atrybut do kodu HTML. Oto jak to robimy:

mieszkam w Denver.

Teraz „Denver” jest określany jako homeLokalizacja i Google wie, że osoba wymieniona w tym akapicie tam mieszka.

Jeśli zmienimy zdanie na „Mieszkam i pracuję w Denver”, możemy to również pokazać:

Mieszkam i pracuję Denver.

Denver jest teraz identyfikowany jako oba homeLokalizacja i miejsce pracy. (Dzięki Lloyd Bank i unor w Stack Exchange za nakreślając ten przykład.)

Jest to dość prosty przypadek znaczników schematu, ale masz pomysł. Używając i tagi, możesz dodawać atrybuty i właściwości do wszystkiego na swojej stronie.

Schema.org Znaczniki z JSON

Google zaleca stosowanie JSON-LD (JavaScript Object Notation for Linked Data) do oznaczania schematu. Największą zaletą tej metody jest to, że utrzymuje HTML w czystości. Jeśli wrócisz do edycji strony i zobaczysz dziesiątki stron kodu ze znacznikami, nie będziesz szczęśliwy.

Znaczniki JSON nadal wymagają dużo miejsca, ale są oddzielone od kodu HTML, co ułatwia utrzymanie.

Załóżmy, że masz księgarnię o nazwie Harker's i na swojej stronie kontaktowej umieściłeś następujące informacje:

Numer telefonu: 555-8710. Adres: 749 Stoker St., Boulder, Kolorado. Godziny: 10–9 od poniedziałku do piątku, 11–8 soboty, 12–5 niedzieli

Oto jak reprezentowałbyś to w JSON-LD:

To znajduje się w nagłówku strony. Jak widać, zajmie to dużo miejsca, ponieważ ta zawartość prawie na pewno będzie również wyświetlana na twojej stronie w HTML. Więc wszystko, co chcesz oznaczyć, zostanie zapisane dwa razy.

Mimo tego powielania metoda JSON jest jednak często lepsza, ponieważ oddziela znaczniki schematu i kod HTML. Wiele Najlepsze praktyki HTML 9 błędów, których nie powinieneś popełniać, budując stronę internetowąPoniższe błędy kodowania HTML są łatwe do zrobienia, ale jeśli usuniesz je wcześniej niż później, Twoja strona będzie wyglądać lepiej, będzie łatwiejsza w utrzymaniu i będzie działać tak, jak tego chcesz. Czytaj więcej wydają się trochę dziwne, dopóki nie uświadomisz sobie, że ułatwiają one utrzymanie witryn. To jest to samo.

Dodawanie znaczników schematu do witryny

Teraz, gdy widziałeś kilka różnych sposobów dodawania uporządkowanej notacji danych do swojej witryny, możesz zacząć! Warto zacząć od Markera danych i przejść od tego momentu. Dokumentacja Schema.org jest ostatecznym zasobem, ale trudno jest ją przejrzeć.

Bez względu na to, czy chcesz sięgnąć po podstawy, czy zacząć oznaczać wszystko w zasięgu wzroku, masz teraz zasoby potrzebne do rozpoczęcia!

Czy używałeś znaczników Schema.org na swojej stronie? Czy masz jakieś wskazówki dla właścicieli witryn lub programistów, którzy chcą zacząć? Podziel się swoimi przemyśleniami w komentarzach poniżej!

Zdjęcie: iinspiration za pośrednictwem Shutterstock.com