Szybki przewodnik po implementacji znaczników schematów w WordPress
Opublikowany: 2020-05-13Uruchomiłeś stronę internetową o pięknym wyglądzie i świetnych funkcjach. Więc, co dalej? Ustaw pozycję przyjazną dla SEO w wyszukiwarce, aby uzyskać ruch organiczny. Może to wyglądać na trochę trudne zadanie, ponieważ jest wiele elementów technicznych, które musisz zrozumieć, chociaż nie są one łatwe do strawienia. Ale jeśli poważnie podchodzisz do SEO swojej witryny, musisz mieć całościowe spojrzenie na wszystkie tematy związane z SEO. Jednym z takich tematów jest implementacja znaczników schematu.
Znaczniki schematów i dane strukturalne od lat odgrywają dobrą rolę w SEO i wydaje się, że polecają je główne wyszukiwarki, takie jak Google, Bing, Yahoo itp. Ale czym dokładnie jest znacznik schematu i jak wpływa na proces SEO Twojej witryny? Po przeczytaniu tego artykułu dowiesz się dokładnie, co to jest, jak wpływa na SEO i wyszukiwarki, jak poprawnie go wdrożyć, aby uzyskać lepsze rankingi.
Co to są dane strukturalne i znaczniki schematu?
Dane strukturalne to format informacji, który może być powszechnie rozumiany. Zawiera różne elementy, które umożliwiają wyszukiwarkom łatwe określenie, o czym jest strona.
Podczas gdy Schema Markup to w zasadzie kod, który umieszcza Twoją witrynę w wyszukiwarce. Jego głównym celem jest uczynienie wyszukiwarki bardziej informatywną dla użytkowników.
Można go dodać do swojej strony internetowej w postaci kodu, aby zdefiniować różne elementy, takie jak daty, zdjęcia, godziny otwarcia i wiele innych.
Korzyści ze znaczników schematów w SEO
Jeśli chodzi o SEO, uporządkowane dane reprezentowane w Schema Markup wyświetlają wyniki wyszukiwania w bardziej szczegółowy i informacyjny sposób. Nie tylko sprawia, że witryna jest bardziej przyjazna dla SEO, ale może również wyświetlać bogate wyniki, aby przyciągnąć większy ruch do witryny.
Różne typy wyników rozszerzonych wyświetlanych w wyszukiwarce
Wcześniej omawialiśmy zalety Schema Markup w wyświetlaniu wyników rozszerzonych w wyszukiwarce. Oto niektóre z bogatych wyników, które będą wyświetlane w wyszukiwarce, jeśli w Twojej witrynie zostanie zaimplementowany Schema Markup.
Fragmenty rozszerzone
Fragmenty rozszerzone to te wyniki, które podczas wyświetlania w wynikach wyszukiwania zawierają dodatkowe informacje, takie jak oceny, recenzje, obrazy i wiele innych. Pomoże to użytkownikom dowiedzieć się więcej o stronie/postu i zapewni większe szanse na kliknięcie.
Bogate karty
Bogate karty to nowy format wyświetlania wyników w wyszukiwarkach. Podobnie jak fragmenty rozszerzone, karty rozszerzone wykorzystują znaczniki schematu, aby wyświetlać wyniki wyszukiwania w bardziej atrakcyjnym i atrakcyjnym wizualnie formacie. Koncentruje się na zapewnieniu lepszych wrażeń z wyszukiwania mobilnego i zawiera przyjazne dla dotyku opcje przesuwania.
Wykres wiedzy
Wykres wiedzy to baza wiedzy wykorzystywana w wyszukiwarkach w celu uszczegółowienia informacji poprzez wyświetlanie obrazów, lokalizacji, informacji kontaktowych, opisu, profili w mediach społecznościowych.
Polecany fragment
Polecane fragmenty to format wyszukiwarki zapewniający użytkownikom bezpośrednie odpowiedzi na ich pytania. Nie zawierają żadnych dodatkowych informacji, takich jak fragmenty rozszerzone, ale zapewniają zwięzłą odpowiedź użytkownikowi bez konieczności klikania konkretnych wyników.
Jak mogę rozpocząć implementację znaczników schematu na mojej stronie internetowej?
Możesz zaimplementować Schema Markup na różne sposoby. Oto niektóre z nich poniżej:
Dodaj schemat za pomocą mikrodanych:
Mikrodane to zestaw tagów wprowadzonych w HTML5 w celu zapewnienia prostego sposobu opisywania elementów HTML za pomocą tagów odczytywanych maszynowo. Jest dość łatwy w użyciu, dobry do wdrożenia dla początkujących. Ale minusem jest to, że będziesz musiał oznaczyć każdy element osobno w treści strony, co może być bałaganiarskie.
Ale zanim zaczniemy, musisz ustalić, jaki typ elementu definiuje Twoja strona internetowa. Pomoże Ci określić, jakiego rodzaju tagów musisz użyć.
Załóżmy, że jesteś właścicielem sklepu internetowego o nazwie HashThemes, a jego strona główna może wyglądać tak:
<div> <h1>HashThemes</h1> <h2>Najlepszy sprzedawca motywów WordPress!</h2> <p>Adres:</p> <p>Dhobighat</p> <p>Lalitpur, Nepal</p> <p>E-mail: [email protected]</p> <p><a href="https://hashthemes.com/wordpress-theme/">Kliknij tutaj, aby wyświetlić nasze najlepsze motywy WordPress!</a></p> <p>Jesteśmy otwarci: </p> <p>Pon-Pt 10:00-18:00</p> </div>
Po pierwsze, musisz zidentyfikować sekcje strony internetowej. To wszystko pomiędzy znacznikami <div>. Więc dodajemy
<div przedmiot zakres>
Dodając tag zakresu pozycji, możemy określić kod HTML zawarty w bloku między tagami <div>, aby odwoływał się do określonych elementów.
Teraz użyjemy atrybutu typu przedmiotu, aby określić rodzaj przedmiotów na Twojej stronie.
<div itemscope itemtype = "http://schema.org/wordpressthemes">
Teraz przejdź do strony głównej i otaguj część strony, która ma nazwę Twojej witryny. Tutaj dodamy tag prop item, który określa właściwości przedmiotów.
<h1 itemprop="name">HashThemes</h1>
Śmiało i dodaj tagi również do pozostałych stron.
Czasami może nie być konieczne oznaczanie całego wiersza, ale część wiersza, do którego odnosi się właściwość, tak jak w wierszu adresu e-mail.
<h2 itemprop="description">Najlepszy sprzedawca motywów WordPress!</h2> <p>Adres:</p> <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <p itemprop="streetAddress">Dhobighat</p> <p itemprop="addressLocality">Lalitpur, Nepal</p></span> <p>E-mail: <span itemprop="email">[email protected]</span></p> <p><a itemprop="store" href="https://hashthemes.com/wordpress-theme/">Kliknij tutaj, aby wyświetlić nasze najlepsze motywy WordPress!</a></p> <p>Jesteśmy otwarci:</p> <p itemprop="openingHours">pon-pt 10:00-18:00</p> </div>
Możesz też skorzystać z pomocnika Google do oznaczania danych strukturalnych, aby ułatwić tagowanie stron internetowych.
Dodawanie znaczników za pomocą RDFa
Resource Description Framework in Attributes (RDFa) to rozszerzenie HTML5, które ma pomóc w oznaczaniu uporządkowanych danych. Jest to zalecenie W3C i może być używane do łączenia wielu słowników danych strukturalnych w celu dodawania danych strukturalnych wykraczających poza Schema.org
Jeśli wiesz, jak używać znaczników mikrodanych w Schema.org, RDFa nie będzie się różnić. Integruje istniejący kod HTML w treści treści.
Użyjmy powyższej witryny eCommerce jako przykładu:
<div> <h1>HashThemes</h1> <h2>Najlepszy sprzedawca motywów WordPress!</h2> <p>Adres:</p> <p>Dhobighat</p> <p>Lalitpur, Nepal</p> <p>E-mail: [email protected]</p> <p><a href="https://hashthemes.com/wordpress-theme/">Kliknij tutaj, aby wyświetlić nasze najlepsze motywy WordPress!</a></p> <p>Jesteśmy otwarci: </p> <p>Pon-Pt 10:00-18:00</p> </div>
Tutaj określimy tag vocab wraz z adresem URL http://schema.org/. Typ strony jest określony przez typ tagu.
<div vocab="http://schema.org/" typeof="store">
Powiedzieliśmy teraz wyszukiwarkom, o czym jest ta strona. Teraz nadszedł czas na zdefiniowanie właściwości za pomocą atrybutów właściwości.
<h1 property="name">HashThemes</h1>
Typ atrybutu może być również użyty do zdefiniowania właściwości, podobnie jak zdefiniowanie adresu pocztowego.
<div property="adres" typeof="AdresPocztowy">
Typ atrybutu jest równoważny typowi pozycji w Microdata, podczas gdy właściwość jest równoważna atrybutowi atrybutu pozycji.
<h2 property="description">Najlepszy sprzedawca motywów WordPress!</h2> <p>Adres:</p> <div property="adres" typeof="AdresPocztowy"> <p property="streetAddress">Dhobighat</p> <p property="addressLocality">Lalitpur, Nepal</p> </div> <p>E-mail: <span property="email">[email protected]</span></p> <p><a property="store" href="https://hashthemes.com/wordpress-theme/">Kliknij tutaj, aby wyświetlić nasze najlepsze motywy WordPress!</a></p> <p>Jesteśmy otwarci:</p> <p property="openingHours">pon-pt 10:00-18:00</p> </div>
Oznaczenie strony internetowej za pomocą JSON-LD
JavaScript Object Notation for Linked Data (JSON-LD) to kodowanie połączonych danych przy użyciu JSON. Jest to zalecenie W3C i zostało dodane jako zalecany format dla Schema.org w 2013 roku.
Główną zaletą korzystania z JSON-LD dla Schema Markup jest to, że ogranicza on najbardziej odpowiednie kody do nagłówka strony i utrzymuje dodatkowy tag z głównej treści treści. Dzięki temu kody są czystsze i łatwiejsze do odczytania.
Notacja JSON – LD jest zawarta w bloku skryptu. Tak więc, aby rozpocząć proces, wprowadzamy wiersz skryptu, aby pokazać, że używamy formatu JSON-LD:
<script type="application/ld+json">
Kod JSON-LD powinien również znajdować się w nawiasach klamrowych (nawiasy klamrowe), w przeciwnym razie nie zostanie zastosowany do strony ani nie zostanie przeanalizowany przez wyszukiwarki. Jest to znane jako struktura obiektów w JavaScript. Tak więc zarys kodu będzie wyglądał tak:
<script type="application/ld+json"> kod idzie tutaj </script>
Teraz będziesz musiał użyć kontekstu zdefiniowanego przez słownik do danych połączonych ze Schema.org.
W każdym wierszu kodu powinien znajdować się przecinek.
"@context": "http://schema.org",
W przypadku innych typów formatu schema.org musisz zdefiniować typ treści, którą zamierzasz oznaczyć. Odpowiada to atrybutowi typu obrazu Microdata i typowi atrybutu RDFa.
Jako przykład użyjemy prostej strony internetowej, o której wspomnieliśmy powyżej:
"@type": "Sklep",
Teraz definiujemy nazwę sklepu i jego opis. Jeśli używasz Microdata lub RDFa do zdefiniowania tych elementów, powinny one być prezentowane na samej stronie głównej witryny. Ale w przypadku JSON-LD możesz zdefiniować elementy bez konieczności obecności na stronie.
"name": "HashThemes", "description": "Najlepszy sprzedawca motywów WordPress!",
Teraz czas na zdefiniowanie adresu. Adres będzie miał dodatkową, bardziej precyzyjną właściwość, taką jak ulica i miejscowość. Więc umieścimy je w nawiasie klamrowym.
"adres": {
"@type": "Adres Pocztowy",
"addressLocality": "Lalitpur, Nepal",
"streetAddress": "Dhobighat",
},Teraz umieścimy godziny otwarcia sklepu. Będziemy przechowywać godzinę otwarcia w tablicy i określać dni w dwuliterowych kombinacjach. Również czas powinien być zegarem 24-godzinnym.
"godziny otwarcia": [ „Pn-Pt 10:00-18:00” ],
Na koniec dodamy adres e-mail i URL motywu. Oba są dość proste.
"e-mail": "[email protected]" "store": "https://hashthemes.com/wordpress-theme/" A na koniec nasz znacznik będzie wyglądał tak: <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Sklep", "name": "HashThemes", "description": "Najlepszy sprzedawca motywów WordPress!", "adres": { "@type": "Adres Pocztowy", "addressLocality": "Lalitpur, Nepal", "streetAddress": "Dhobighat", }, "godziny otwarcia": [ „Pn-Pt 10:00-18:00” ], "e-mail": "[email protected]" "store": "https://hashthemes.com/wordpress-theme/" } </script>
Aby sprawdzić składnię pod kątem błędów, możesz użyć narzędzia Google do testowania uporządkowanych danych.
Jak zaimplementować znaczniki schematu na swojej stronie WordPress?
Implementację Schema Markup można wykonać na różne sposoby. Możesz je śledzić, aby Twoja witryna była przyjazna dla SEO i poprawiała ranking swoich treści w wyszukiwarce. Tutaj są niektóre z nich:
Wybór motywu WordPress z wbudowaną integracją z Schema Markup:
Jak wiesz, WordPress to najpopularniejsza platforma, która składa się z dużej liczby szablonów do tworzenia atrakcyjnych stron internetowych w krótkim czasie. Jednak tylko kilka motywów jest zintegrowanych z kodami Schema Mark Up. Tak więc, jeśli wybierasz motyw WordPress, aby rozpocząć swoją obecność w sieci lub zmienić wygląd swojej istniejącej witryny, upewnij się, że motyw zawiera przynajmniej typowe funkcje schematu. Wspólny schemat zawiera opcje nagłówka, stopki i nawigacji, aby umożliwić wyszukiwarkom zrozumienie struktury Twojej witryny.
Oznaczanie innych danych schematu za pomocą wtyczek WordPress
Jak wspomniano powyżej, możesz mieć trudności ze znalezieniem motywu WordPress z pełną integracją z kodami Schema MarkUp. Alternatywnie możesz wybrać dostępne wtyczki WordPress, aby dodać funkcję Schemat do swojej witryny. Yoast SEO i Schema Pro to kilka wtyczek, które pomogą wdrożyć Schema MarkUp w Twojej witrynie.
O czym należy pamiętać podczas wdrażania Schema MarkUps
Teraz, gdy wiesz, jak zaimplementować Schema Markup na swojej witrynie WordPress, oto kilka rzeczy, o których warto pamiętać podczas wdrażania Schema Markup:
Integracja znaczników schematu może nie gwarantować dobrego rankingu
Sam schemat znaczników nie gwarantuje dobrego rankingu treści internetowych. Istnieje wiele innych czynników, takich jak autorytet treści, jakość treści, analiza słów kluczowych, trafność itp., które wpływają na ranking. Pamiętaj więc, że Schema Markup to tylko jeden z czynników, który może pomóc Ci poprawić ranking Twoich treści.
Znacznik schematu zaczyna działać po pewnym czasie
Jeśli zastanawiasz się, czy Schema Markup wejdzie w życie natychmiast, to się mylisz. Zanim fragment rozszerzony pojawi się w wynikach wyszukiwania, minie kilka miesięcy.
Sprawdź znaczniki schematu podane przez motyw WordPress i użyj wtyczki, aby odpowiednio zwiększyć funkcjonalność
Większość motywów WordPress przyjmuje tylko wspólny schemat, taki jak nagłówek i stopka, nawigacja. Chociaż może istnieć jakiś szablon z innymi funkcjami implementacji związanymi ze schematem. Możesz przejść do Google Structured Data Testing Tool, aby przeanalizować implementację schematu swojej witryny i odpowiednio wybrać wtyczkę.