Widziałeś/aś kiedyś FAQ w wynikach Google?
Rzuć okiem:
Żeby ułatwić botowi od Googla zaczytanie takich fajnych elementów możemy wykorzystać nasze FAQ przystosowane do wysyłania tego typu zapytań.
Aby zbudować takie FAQ potrzebujemy poniższy fragment skopiować (np. do notatnika). To trochę jak z przepisem na ciasteczka. Z poniższego przepisu wyjdzie jedno pytanie i odpowiedź na nie.
Edycji dokonujemy np. we wspomnianym notatniku lub o poziom wyżej bezpłatnym Visual Studio Code. Wklej tam nasz kawałek tekstu i wpisz kolejno co potrzebujesz. Pytanie i odpowiedź. Entery nie działają. Aby uzyskać efekt enteru wklej <br />.
<div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
<div class="pytanie"><p itemprop="name">
Pytanie
</p></div>
<div class="odpowiedz" itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"><div itemprop="text">
Odpowiedź
</div></div></div>
Finalnie pytanie:
Ile kosztuje Shoper?
Odpowiedź:
Shoper kosztuje tyle ile musi. Enter. <br />
Nie jest drogo, nie jest tanio. Koniec odpowiedzi.
Te powyższe wklejamy w naszym kodzie w odpowiednim miejscu.
<div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
<div class="pytanie"><p itemprop="name">
Ile kosztuje Shoper?
</p></div>
<div class="odpowiedz" itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"><div itemprop="text">
Shoper kosztuje tyle ile musi. Enter. <br />
Nie jest drogo, nie jest tanio. Koniec odpowiedzi.
</div></div></div>
Ten kod wpisujemy w opisie produktu, opisie kategorii, na blogu etc w edycji z wyłączonym edytorem.
Efekt:
Kliknij element FAQ, zobaczysz:
Czyli idealnie zindeksowane pytania i odpowiedzi zwiększające nasze szanse na wyższe pozycje w wyszukiwarce 😊