Przepis w wynikach wyszukiwania z danymi rich snippets

Czy chcesz dodać fragmenty rozbudowane w swojej witrynie WordPress? Nie wiesz, co to są fragmenty bogate i dlaczego powinieneś go używać w swojej witrynie WordPress? Fragmenty rozszerzone umożliwiają tworzenie niestandardowych ofert wyszukiwania dla specjalnych treści, takich jak recenzje, przepisy, wydarzenia itp. W tym artykule pokażemy, jak korzystać z fragmentów rozbudowanych w witrynie WordPress.

Dlaczego warto korzystać z fragmentów rozbudowanych w witrynie WordPress?

Fragmenty bogate zapewniają właścicielom witryn inny sposób komunikacji z wyszukiwarkami. Ustrukturyzowane dane umożliwiają wyszukiwarkom wyświetlanie różnych typów treści w witrynie i wykorzystanie fragmentów rozszerzonych do wyświetlania dodatkowych informacji w wynikach wyszukiwania.

A recipe in search results with rich snippets data

Te dodatkowe informacje w wynikach wyszukiwania sprawiają, że Twoja oferta jest bardziej zauważalna w wyszukiwaniu, co oznacza większy ruch organiczny na twojej stronie.

Pomaga również budować autorytet w swojej niszy, ponieważ Twoja strona staje się bardziej widoczna w wyszukiwaniu.

Rich snippets to nie tylko recenzje czy przepisy kulinarne. Możesz używać fragmentów rozszerzonych Dla wydarzeń, Produktów, osób, wideo, muzyki, aplikacji, artykułów, postów na blogu itp.

Teraz, gdy wiesz, jak korzystne mogą być fragmenty bogate, przyjrzyjmy się, jak dodać fragmenty bogate w WordPress.

Pokażemy dwie metody: ręczne dodawanie fragmentów rozbudowanych w WordPress oraz korzystanie z wtyczki rich snippets WordPress.

Dodawanie fragmentów rozbudowanych w WordPress za pomocą wtyczki

Ręczne utrzymywanie fragmentów rozbudowanych może być trudne nawet dla najbardziej doświadczonych właścicieli witryn. Na szczęście istnieje kilka wtyczek WordPress, które bardzo ułatwią dodawanie fragmentów bogatych w posty WordPress.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować Wszystko W Jednym Schema.org Wtyczka Rich Snippets. Po aktywacji kliknij ikonę Menu urywki rozszerzone na pasku bocznym, aby kontynuować.

All in One Schema.org supported content types

Będziesz mógł zobaczyć różne typy treści, które możesz utworzyć za pomocą wtyczki. Lista zawiera:

  • Przegląd Przedmiotu
  • Wydarzenia
  • Osoba
  • Produkt
  • Przepis
  • SoftwareApp
  • Wideo
  • Artykuł

Kliknięcie dowolnego typu treści pokaże Ci pola, które będą dostępne, gdy użytkownik pisze post/stronę lub dowolny niestandardowy typ postu.

Teraz musisz utworzyć nowy post lub edytować istniejący. Tuż pod edytorem postów pojawi się nowe pole meta o nazwie Konfiguruj fragment bogaty. Wewnątrz zobaczysz rozwijane menu, w którym możesz wybrać typ zawartości dla postu, nad którym pracujesz.

Choose a content type to add rich snippets to a WordPress post

Wybranie typu zawartości spowoduje wyświetlenie pól fragmentu rozszerzonego, które należy wypełnić. Na poniższym zrzucie ekranu wybraliśmy typ zawartości artykułu i pokazano nam nazwę artykułu, autora, Krótki opis i pola obrazu artykułu.

Rich snippets for article content type

Możesz go zmienić na przepis, zdarzenie lub dowolny typ zawartości, który tworzysz, a następnie wypełnić pola. Nie musisz dodawać wszystkich pól, ale niektóre z nich są wymagane przez Google do wyświetlania fragmentów rozszerzonych.

Nie zapomnij zapisać swojego posta, aby przechowywać dane fragmentów rozbudowanych.

Ręczne dodawanie fragmentów rozszerzonych w WordPress

Fragmenty rozszerzone lub strukturyzowane znaczniki danych można zapisać w trzech różnych słownikach. Te słowniki to mikrodane, RDFa i JSON-LD. Możesz użyć dowolnego z nich na swojej stronie. Jednak większość początkujących uważa RDFa za bardziej przyjazną dla początkujących.

Oto przykład Strony Użytkownika o WordPress. Zwykle tekst strony będzie wyglądał mniej więcej tak:

John Smith
<img src = " johnsmith.jpg "alt =" Zdjęcie Johna Smitha" / >
Technik Wsparcia
342 Acme Inc.
101 Washington Avenue
Eagleton w 98052
(425) 123-4567
<a href="mailto:johnsmith@example.com" >johnsmith@example.com< / a>
Strona internetowa: 
<a href="http://www.example.com" >example.com< / a>

Można to łatwo przekształcić za pomocą bogatych fragmentów. Jeśli znasz HTML, możesz łatwo zrozumieć następujący przykład:

< div vocab="http://schema.org /" typeof = "Person">
  < span property="name">John Smith< / span>
  <img src = " johnsmith.jpg "property=" image "alt =" Photo of John Smith" / >
  < span property = "jobTitle" > Technika Wsparcia< / span>
  < div property = "address" typeof = "PostalAddress">
    <span property = "streetAddress">
      342 Acme Inc. 
      101 Washington Avenue
    </span>
    < span property="adreslokalność">Eagleton< / span>,
    < span property = "addressRegion" > IN < / span>
    < span property = "postalCode" >46818 < /span>
  < / div>
  < span property = "telefon" >(425) 123-4567</span>
  <a href="mailto:johnsmith@example.com" property= "email" >johnsmith@example.com< / a>
Strona internetowa
  <a href="http://example.com" property = " url " >example.com< / a>
< / div>

Dla każdego typu zawartości istnieją specjalne właściwości, które należy zdefiniować. Schema.org jest organizacją, która pomaga utrzymać standard dla różnych typów treści. Na ich stronie internetowej znajdziesz obszerną dokumentację z przykładami dla każdego typu treści.

Oto kolejny przykład przepisu z bogatymi fragmentami.

< div vocab="http://schema.org /" typeof = "przepis">
  < span property = "name" > słynny chleb bananowy mamy < /span>
  Autor: < span property="author">John Smith< / span>,
    < img property=" image"src=" bananabread .jpg"
    alt= "chleb bananowy na talerzu" / >
  <span property = "description" > ten klasyczny przepis na chleb bananowy pochodzi
  od mojej mamy-orzechy włoskie dodają bananowi przyjemnej konsystencji i smaku
  chleb.</span>
  Czas przygotowania :< meta property = "prepTime" content = "PT15M" >15 minut
  Czas gotowania :< meta property = "cookTime" content = "PT1H" >1 godzina
  Yield: <span property = "recipeYield" >1 bochenek< / span>
  Składniki:
  - <span property = "przepis" >3 lub 4 dojrzałe banany, rozbite< / span>
  - <span property = "przepis" >1 jajko< / span>
  - <span property = "przepis" >3/4 szklanki cukru< / span>
  ...
  Instrukcje:
  < span property = "recipeInstructions">
  Rozgrzej piekarnik do 350 stopni. Składniki wymieszać w misce. Dodaj
  mąka ostatnia. Wlać mieszaninę do bochenka i piec przez godzinę.
  </span>
< / div>

Jeśli ręcznie dodajesz fragmenty rozszerzone do swoich postów WordPress, musisz użyć edytora tekstu, aby móc napisać wymagane znaczniki. Aby dowiedzieć się, które właściwości są wymagane dla danego typu treści, konieczne może być również zapoznanie się z zasobem programistycznym Google dotyczącym danych strukturalnych.

Testowanie Fragmentów Bogatych

Google i inne wyszukiwarki mogą nie pobierać od razu fragmentów zawartości lub nie wyświetlać ich w wynikach wyszukiwania. Skąd wiesz, że korzystasz z urywków rozszerzonych poprawnie w swojej witrynie?

Musisz po prostu odwiedzić narzędzie do testowania danych strukturalnych Google. Możesz wkleić znaczniki w polu narzędzi lub kliknąć łącze Pobierz adres URL, aby wprowadzić adres URL. Kliknij przycisk zweryfikuj, a narzędzie przejrzy Twoje znaczniki.

Testing your rich snippet markup

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się korzystać z fragmentów rozbudowanych w Twojej witrynie WordPress. Możesz również sprawdzić naszą listę najlepszych wtyczek i narzędzi SEO 9 WordPress, których powinieneś użyć.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak edytować wp-config.plik php w WordPress

W artykule: Co to jest wp-config.plik php?Video TutorialPierwsze KrokiZrozumienie wp-config.plik phpUstawienia MySQL…

Jak napisać dobry komentarz na blogu i ominąć filtr antyspamowy w WordPress

W artykule: Video Tutorial1. Dlaczego chcesz komentować?2. Bądź pełen szacunku i uprzejmy3.…

Czy należy usunąć „linki” Blogroll na rzecz menu WordPress?

Wczoraj na naszej stronie na Facebooku zadaliśmy pytanie: „gdybyś mógł pozbyć się…

Jak zainstalować i skonfigurować Google Tag Manager w WordPress

W artykule: Co To jest Menedżer tagów Google?Video TutorialPierwsze KrokiKonfigurowanie Menedżera Tagów…