Ostatnio pojawiło się wiele dyskusji na temat przyszłości wyszukiwania w sieci i dlaczego będzie ono opierać się na semantyce. Pierwsze kroki w tym kierunku są już zdefiniowane i można je zobaczyć w implementacjach Rich Snippets, ale zanim zacznę wyjaśniać, jak wdrożyć Rich Snippets, pozwólcie, że opiszę, czym one są i jaki jest ich prawdziwy cel.
Rich Snippets to małe fragmenty kodu, głównie znormalizowane atrybuty tagów HTML (np. item-prop lub klasy), które po dodaniu do kodu źródłowego strony mogą pomóc wyszukiwarkom (ale nie tylko) lepiej określić, o czym jest Twoja strona.
Innymi słowy, pomagają semantycznie opisać, za co odpowiada każda sekcja strony i uniknąć niejednoznacznych definicji, np. Avatar film vs. avatar ikona. Rich snippets pomagają wyjaśnić botom wyszukiwarek, np. ile recenzji otrzymał produkt, co w przeciwnym razie jest trudne do założenia na podstawie nieznormalizowanych danych i samego tekstu.
Wracając do implementacji, rich snippets są bardzo łatwe do wdrożenia, ponieważ są tylko dodatkiem do obecnego kodu źródłowego HTML, a nie jego modyfikacją, a ponieważ działają w metasferze Twojej strony, nie zmienią jej wyglądu ani doświadczenia użytkownika, ale dodadzą semantyczny impuls, aby pomóc botom lepiej zrozumieć Twoje strony.
Aby to wyjaśnić, pokażę prostą implementację snippetów recenzji na poniższym przykładzie, używając zalecanego przez HTML5 schema.org.
Kod pojedynczej recenzji przed implementacją:
<div>
<div>
<span class="product-title">Nikon D90 SLR</span>
Recenzja od <span class="user">Anonimowy</span> dnia
<time class="date">26 lutego</time>.
<span class="title">D90 - Fajny aparat</span>
<span class="description">Polecam znajomym!</span>
Ocena: <span class="rate">4.5</span>
</div>
</div>
Kod pojedynczej recenzji po implementacji rich snippets:
<div>
<div itemscope itemtype="https://data-vocabulary.org/Review">
<span itemprop="itemreviewed" class="product-title">Nikon D90 SLR</span>
Recenzja od <span itemprop="reviewer" class="user">Anonimowy</span> dnia
<time itemprop="dtreviewed" datetime="2012-02-26" class="date">26 lutego</time>.
<span itemprop="summary" class="title">D90 - Fajny aparat</span>
<span itemprop="description" class="description">Polecam znajomym!</span>
Ocena: <span itemprop="rating" class="rate">4.5</span>
</div>
</div>
Gdy mamy wdrożone rich snippets dla recenzji na naszych stronach, warto dodać jeszcze jedną rzecz - atrybuty Review-aggregate rich snippets, które będą liczyć średnią ocenę i dodawać ocenę gwiazdkową do naszych organicznych wyników w Google:
Review-aggregate rich snippets są jeszcze łatwiejsze do wdrożenia niż rich snippets dla pojedynczych recenzji.
<div itemscope itemtype="https://data-vocabulary.org/Review-aggregate">
<a href="#">Pokaż <span itemprop="votes">979</span> recenzji użytkowników dla <span itemprop="itemreviewed">Nikon D90</span></a>
<meta itemprop="rating" content="5" />
</div>
Po wdrożeniu możesz przetestować wszystko za pomocą Narzędzia do testowania Rich Snippets Google.
Więcej informacji i przykładów można znaleźć na stronie Google lub na Schema.org - w sekcjach Review i AggregateRating.
Istnieje również jeszcze jedna korzyść z wdrożenia rich snippets dla recenzji, ponieważ liczba recenzji i średnia ocena mogą być uwzględnione w danych produktowych Google Shopping, co sprawi, że Twoje produkty będą bardziej atrakcyjne dla potencjalnych kupujących.