Schema Markup (znacznik schematu) to kod dodawany do strony internetowej, który pomaga wyszukiwarkom lepiej zrozumieć treści na stronie i dostarczyć bardziej szczegółowe informacje w wynikach wyszukiwania. Schema Markup jest oparty na standardzie danych strukturalnych Schema.org, który został opracowany wspólnie przez Google, Bing, Yahoo i Yandex.
Dzięki oznaczeniom Schema Markup, wyszukiwarki mogą wyświetlać rich snippets (rozszerzone fragmenty), które mogą zawierać dodatkowe elementy, takie jak oceny, recenzje, ceny produktów, zdjęcia, lokalizacje, terminy wydarzeń, czas przygotowania przepisu kulinarnego i wiele innych.
Dlaczego Schema Markup jest ważne?
- Poprawia widoczność w wynikach wyszukiwania:
- Treści oznaczone za pomocą Schema Markup są wyświetlane w bardziej atrakcyjny sposób jako rich snippets, co zwiększa ich widoczność i przyciąga uwagę użytkowników.
- Zwiększa współczynnik klikalności (CTR):
- Dzięki dodatkowym informacjom użytkownicy mogą łatwiej ocenić, czy dana strona odpowiada ich zapytaniu, co może prowadzić do większej liczby kliknięć.
- Pomaga wyszukiwarkom lepiej zrozumieć treść:
- Schema Markup dostarcza wyszukiwarkom kontekstowych informacji o zawartości strony, co może poprawić zrozumienie strony i jej znaczenia.
- Zwiększa szanse na wyświetlenie jako featured snippets:
- Treści oznaczone Schema Markup mogą być lepiej rozumiane przez wyszukiwarki, co zwiększa też szanse na wyświetlenie jako featured snippet – specjalne wyniki, które pojawiają się na górze wyników wyszukiwania.
Przykłady znaczników
- Recenzje i oceny: Można użyć Schema Markup do wyświetlania ocen użytkowników w formie gwiazdek (np. ★★★★★), wraz z liczbą recenzji, przykład:
html
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Laptop XYZ",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"reviewCount": "50"
}
}
</script>- Przepisy kulinarne: Można oznaczyć przepisy, dodając informacje o składnikach, czasie przygotowania, liczbie kalorii i zdjęciach, przykład:
html
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Recipe",
"name": "Ciasto czekoladowe",
"image": "https://example.com/photos/ciasto.jpg",
"author": "Jan Kowalski",
"prepTime": "PT30M",
"cookTime": "PT45M",
"recipeIngredient": [
"200g czekolady",
"100g masła",
"150g cukru"
],
"recipeInstructions": "Rozpuść czekoladę i masło..."
}
</script>- Wydarzenia: Oznaczenie wydarzeń, takich jak koncerty, spotkania, konferencje, wraz z ich datą, godziną, lokalizacją i ceną biletów, przykład:
html
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Event",
"name": "Koncert Rockowy",
"startDate": "2024-10-28T19:30",
"location": {
"@type": "Place",
"name": "Stadion Narodowy",
"address": "Warszawa, Polska"
},
"offers": {
"@type": "Offer",
"url": "https://example.com/bilety",
"price": "150.00",
"priceCurrency": "PLN"
}
}
</script>Produkty: Można oznaczyć informacje o produkcie, takie jak cena, dostępność, opisy, zdjęcia, przykład:
html
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Smartfon XYZ",
"image": "https://example.com/photos/smartfon.jpg",
"description": "Najlepszy smartfon na rynku z 6,5-calowym ekranem.",
"sku": "12345",
"offers": {
"@type": "Offer",
"priceCurrency": "PLN",
"price": "2000.00",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock"
}
}
</script>Jak dodać znacznik schematu?
- Znaczniki JSON-LD:
- Google preferuje używanie formatu JSON-LD do dodawania danych strukturalnych na stronach internetowych. Kod jest wstawiany w sekcji
<head>strony lub bezpośrednio w treści HTML.
- Google preferuje używanie formatu JSON-LD do dodawania danych strukturalnych na stronach internetowych. Kod jest wstawiany w sekcji
- Znaczniki HTML z mikrodanymi:
- Schema Markup można również dodać, używając atrybutów HTML, takich jak
itemtypeiitemprop. Jest to jednak bardziej skomplikowana i mniej elastyczna metoda w porównaniu z JSON-LD.
- Schema Markup można również dodać, używając atrybutów HTML, takich jak
- Narzędzia Google:
- Google udostępnia narzędzia takie jak Markup Helper i Rich Results Test, które pomagają dodać i przetestować dane strukturalne.
Schema Markup pomaga to tworzyć bardziej zrozumiałe i atrakcyjne wyniki wyszukiwania, takie jak rich snippets. Wykorzystanie Schema Markup może poprawić widoczność strony, zwiększyć współczynnik klikalności (CTR) i ułatwić wyszukiwarkom lepsze zrozumienie zawartości Twojej strony.
