Jak dodać znaczniki schematu artykułu do postów na blogu?

Opublikowany: 2021-07-19

Schemat to język, który pomaga wyszukiwarkom zrozumieć zawartość Twojej witryny. Dowiedz się, jakie są typy schematów i jak je dodać, aby Twoja witryna miała jak największą szansę na zauważenie.

Kiedy wyszukiwarki indeksują strony Twojej witryny, próbują zrozumieć, o czym jest każda strona. Ma to na celu ich zindeksowanie i wyświetlenie użytkownikom, gdy szukają czegoś odpowiedniego. Aby to zrobić, muszą zrozumieć cały kod HTML w Twojej witrynie. W zależności od sposobu zbudowania witryny może to być dla nich łatwe lub nie.

kodowanie obrazu do dodawania postu na blogu schemat artykułu

Schemat (znany również jako dane strukturalne, fragmenty rozszerzone lub mikrodane) to język, który jest powszechnie rozumiany przez wyszukiwarki z niezwykłą łatwością. Zasadniczo schemat informuje wyszukiwarki, o czym jest Twoja witryna lub konkretna strona, w bardzo prosty sposób.

Dlaczego warto dodawać schemat artykułów do postów na blogu?

Jeśli piszesz niesamowitą treść, ma się rozumieć, że chcesz, aby wyszukiwarki łatwo ją zrozumiały: wprowadź schemat, język stworzony po to, by ułatwić zrozumienie treści.

Ponadto około marca 2016 r. do algorytmu czynników rankingowych Google dodano dane strukturalne. Posiadanie go na swoich stronach może więc pomóc w lepszym rankingu postów na blogu z długim ogonem, a tym samym wesprzeć strategię marketingu treści i ogólne cele marketingu cyfrowego.

Co więcej, jeśli czytasz naszego bloga lub jakiekolwiek inne wiadomości dotyczące marketingu cyfrowego, wiesz, że przyspieszone strony mobilne (AMP) były ogromnym tematem dla blogów i witryn publikujących. Zaawansowane funkcje opierają się w dużej mierze na uporządkowanych danych. Zapoznanie się z prostszymi typami, takimi jak schemat BlogPosting, to niezawodny sposób na przygotowanie się do tego.

Wreszcie, jeśli potrzebujesz bardziej przekonujących informacji, posiadanie uporządkowanych danych dotyczących wiadomości, postów na blogu lub artykułów z Twojej witryny może poprawić wygląd Twojej witryny w wyszukiwarkach. Może pozwolić Ci pojawiać się w karuzeli z najlepszymi artykułami (należy jednak pamiętać, że Google nie gwarantuje tego, ponieważ wydaje się, że w tej chwili priorytetowo traktuje strony AMP ponad wszystko inne).

Jakie typy schematów artykułów mogę dodać?

Istnieje wiele typów schematów artykułów, które można dodać, z których najczęstsze to NewsArticle lub BlogPosting. W przypadku większości firm (chyba że zgłaszasz wiadomości) polecam korzystanie ze schematu BlogPosting, ponieważ jest on bardziej szczegółowy dla tego, czym jest artykuł. Im bardziej szczegółowy jest schemat, tym łatwiej jest wyszukiwarkom w pełni zrozumieć Twoją witrynę. Dla jasności użyję schematu BlogPosting jako przykładu.

Jak dodać schemat publikowania bloga

W dzisiejszych czasach wiele CMS doda je automatycznie lub przynajmniej będzie kompatybilne z wtyczką, która to robi. Na przykład Yoast dla WordPressa, Amasty dla Magento itp. – wystarczy znaleźć ten, który jest kompatybilny z Twoją witryną i upewnić się, że nie koliduje z innymi wtyczkami lub szybkością witryny. Jest to również niezwykle przydatne, ponieważ oznacza, że ​​każdy wpis na blogu będzie miał dynamicznie wstawiany schemat BlogPosting – nie musisz go dodawać do każdego posta.

W przypadku strony internetowej zbudowanej na zamówienie CMS, po prostu zapytaj programistów, jak mogliby ją dodać. Równie dobrze może być tak, że muszą to zrobić, umieszczając go na stałe na stronie – ale jeśli potrafią zbudować szablony stron obsługujące schemat, byłoby to najlepsze. Zobacz w dalszej części tego bloga, co musieliby wstawić na stronach.

Jeśli nie możesz uzyskać wtyczki, która wstawia ją dynamicznie, a twoi programiści nie mogą na stałe zakodować jej w witrynie, ostatnią deską ratunku jest dodanie jej za pomocą Menedżera tagów Google. To ostatnia deska ratunku, bo tylko Google byłby w stanie zobaczyć kod – również GTM bywa czasami kapryśny, więc nie jest idealny.

Ta metoda nie wymaga faktycznej zmiany kodu w witrynie. Aby dodać schemat artykułu, jako firma musisz mieć już schemat organizacji na swojej stronie. Aby to ustawić, sprawdź wpis na blogu, który napisałem w zeszłym miesiącu, który zawiera przewodnik krok po kroku – ponownie pamiętaj, że wtyczki i kodowanie są preferowanymi opcjami.

Podobnie jak w przypadku dodawania schematu organizacji do witryny, aby dodać schemat artykułu, musisz utworzyć wyzwalacz i niestandardowy tag HTML. Z wyjątkiem tego, że tym razem nie chcesz, aby wyzwalacz kierował na „wszystkie strony”, chcesz, aby kierował na konkretny adres URL posta na blogu. Na przykład, aby dodać schemat BlogPosting do jednego z postów na blogu mojego klienta: http://applefostering.co.uk/skills-foster/ konfiguruję wyzwalacz w Menedżerze tagów w następujący sposób:

umiejętności rozwijania obrazu wyzwalacza dla schematu artykułu GTM blog

Po skonfigurowaniu reguły musisz utworzyć rzeczywisty tag. Podobnie jak w przypadku schematu organizacji, jest to niestandardowy tag HTML, do którego należy dodać następujące elementy (oczywiście po zastąpieniu pól danymi własnej firmy i artykułu):

<typ skryptu=”application/ld+json”>
{
„@context”: „http://schema.org”,
„@type”: „Zamieszczanie bloga”,
„mainEntityOfPage”:{
„@type”:”Strona internetowa”,
„@id”:”http://applefostering.co.uk/skills-foster/”
},
„nagłówek”: „Umiejętności do rozwijania”,
"wizerunek": {
„@type”: „ImageObject”,
„url”: „http://applefostering.co.uk/wp-content/uploads/family.jpg”,
„wysokość”: 463,
„szerokość”: 700
},
„data opublikowania”: „2016-02-12”,
„data modyfikacji”: „2016-02-12”,
„autor”: {
„@type”: „Osoba”,
„imię”: „Imię osoby”
},
„wydawca”: {
„@type”: „Organizacja”,
„nazwa”: „Wychowanie jabłka”,
„logo”: {
„@type”: „ImageObject”,
„url”: „http://applefostering.co.uk/apple-logo-schema/”,
„szerokość”: 550,
„wysokość”: 60
}
},
„opis”: „Krótki opis Twojego artykułu”,
„articleBody”: „Tu możesz umieścić cały artykuł: może być tak długi, jak chcesz”.
}
</script>

Kilka rzeczy do zapamiętania:

  • Obraz na blogu musi mieć co najmniej 700 pikseli szerokości
  • W sekcji Wydawca logo Twojej firmy musi mieć 550 pikseli szerokości x 60 pikseli wysokości (nie dotyczy to zwykłego schematu organizacji – tylko wtedy, gdy dodasz je w schemacie artykułu)

Jeśli nie przestrzegasz tych zasad, schemat nie zadziała – co jest frustrujące, ponieważ znalezienie tych instrukcji w Internecie zajęło mi dużo czasu.

Gdy kod zostanie dodany do niestandardowego tagu HTML, zastosuj go do utworzonej wcześniej reguły uruchamiającej dla konkretnej strony. Podobnie jak w moim poprzednim poście, użyj trybu podglądu i debugowania, aby sprawdzić, czy jest uruchamiany na stronie. Jeśli nie, zacznij od nowa. Jeśli tak, opublikuj zmiany i przetestuj schemat w Narzędziu do testowania danych strukturalnych.

Ci z Was, którzy mają bloga, który aktualizuje codziennie, mogą poprosić Menedżera tagów Google, aby generował go dynamicznie lub uzyskać odpowiednią wtyczkę. Polecam to głównie w przypadku witryn, które mają dużą liczbę postów na blogu (takich jak codzienne aktualizacje).

Znajdź więcej sposobów na zwiększenie widoczności Twojej witryny

Pobierz bezpłatny ebook

  • To pole służy do celów walidacji i należy je pozostawić bez zmian.

Jeśli potrzebujesz pomocy w pozycjonowaniu, nie wahaj się z nami skontaktować.