Poradnik krok po kroku: przykład wdrożenia mikrodanych

Jeżeli nie wiesz jeszcze czym są mikrodane dla ecommerce polecamy zacząć od naszego artykułu wprowadzającego: Mikrodane w e-commerce - dlaczego Google ich potrzebujeDo wdrożenia przedstawionych niżej zmian będziesz potrzebował minimum wiedzy technicznej z zakresu HTML a najlepiej jeżeli przekażesz ten artykuł w ręce swojego programisty.Aby łatwiej zobrazować cały proces posłużymy się prostym przykładem:
Kod HTML bez mikrodanych:

Apple Iphone 7s

1899.89 USDinstock

Kod HTML z wykorzystaniem mikrodanych:

Apple Iphone 7s

1899,89 USDinstock

Modyfikacje, które zostały wprowadzone polegają na dodaniu odpowiednich znaczników zgodnych ze standardem http://schema.org - i to tak naprawdę wszystko co musimy zrobić.Kod został podzielony na dwie części:

1. Produktową, która zawiera informacje o nazwie (dodatkowo może być to: id, sku i wiele innych wymienionych tutaj: http://schema.org/Product)
2. 1. dodanie schematu względem, którego przekazane dane będą odczytywane przez roboty wyszukiwarki:
   2. 1. itemtype="http://schema.org/Product" itemscope
   2. dodanie znaczników meta w których zawieramy docelowe dane:
   3. 1. <meta itemprop="name" content="Apple Iphone 7s">
2. Ofertową, która zwiera informacje o cenie i dostępności (dodatkowo może być to: stan produktu i inne wymienione tutaj: http://schema.org/Offer)
3. 1. dodanie schematu względem, którego przekazane dane będą odczytywane przez roboty wyszukiwarki:
   2. 1. itemprop="offers" itemscope itemtype="http://schema.org/Offer”
   2. dodanie znaczników meta w których zawieramy docelowe dane:
   3. 1. <meta itemprop="price" content="1899.89" />
      2. <meta itemprop="priceCurrency" content="USD" />
      3. <meta itemprop="availability" content="http://schema.org/InStock" />

Jak widać wprowadzone modyfikacje nie są skomplikowane, a podany przykład pozwali na ich łatwe i poprawne wdrożenie.W większości systemów sklepowych szablon strony produktowej pozwala na przekazanie danych odnośnie ceny czy dostępności produktu do kodu HTML w postaci tzw. makr, np. {{price}}, {{availability}}. Wykorzystanie tych znaczników spowoduje ich automatyczne uzupełnienie na każdej stronie produktowej.Warto także pamiętać, ze wprowadzenie znaczników mikrodanych w żaden sposób nie będzie widoczne dla użytkownika końcowego - aspekt wizualny naszej strony nie ulegnie zmianie.Po wdrożeniu mikrodanych warto sprawdzić ich poprawność wykorzystując do tego przygotowane przez Google narzędzieWięcej informacji można znaleźć także w artykule przygotowanym przez Google: https://support.google.com/merchants/answer/6069143?hl=en