SEO-grafika

Rich snippets – przykład opisu wydarzenia

Strony internetowe / Łukasz Socha / 11 września 2014

Z poprzednich części cyklu o Rich snippets wiesz już jak opisać osobę oraz produkt. W trzecim artykule przedstawiam jak opisywać wydarzenia.

<!DOCTYPE html>
<html>
<head>
    <title>Wydarzenie</title>
</head>
<body>

<div itemscope itemtype="http://schema.org/Event">
    <a itemprop="url" href="racymind.pl"><span itemprop="name">Nazwa wydarzenia<span></a>

    <div itemprop="description">Opis wydarzenia</div>
    <meta itemprop="startDate" content="2016-04-21T12:00"/>
    Start o 12:00 22.04.2014
    <meta itemprop="endDate" content="2016-04-22T20:00"/>
    Koniec o 20:00 22.04.2014
    <br><br>
    Miejsce: <br/>

    <div class="event-venue" itemprop="location" itemscope itemtype="http://schema.org/Place">
        <span itemprop="name">Lublin</span>

        <div class="address" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
            <span itemprop="streetAddress">Jakaś ulica 66</span><br>
            <span itemprop="addressLocality">Lublin</span>,
            <span itemprop="addressRegion">Lubelskie</span>
            <span itemprop="postalCode">00-00</span>
        </div>
    </div>
    Bilety:<br/>

    <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">
        Najtańższy:<span itemprop="lowPrice">15 zł</span><br/>
        Najdroższy: <span itemprop="highPrice">100 zł</span>
        <a itemprop="url" href="racymind.pl/bilety">Kup bilet</a>
        <meta itemprop="availability" href="http://schema.org/InStock"/>
    </div>

</div>

<div itemscope itemtype="http://schema.org/Event">
    <a itemprop="url" href="racymind.pl"><span itemprop="name">Nazwa wydarzenia 2<span></a>

    <div itemprop="description">Opis wydarzenia</div>
    <meta itemprop="startDate" content="2016-05-21T12:00"/>
    Start o 12:00 22.05.2014
    <meta itemprop="endDate" content="2016-05-22T20:00"/>
    Koniec o 20:00 22.05.2014
    <br><br>
    Miejsce: <br/>

    <div class="event-venue" itemprop="location" itemscope itemtype="http://schema.org/Place">
        <span itemprop="name">Warszawa</span>

        <div class="address" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
            <span itemprop="streetAddress">Jakaś ulica 66</span><br>
            <span itemprop="addressLocality">Warszawa</span>,
            <span itemprop="addressRegion">Mazowieckie</span>
            <span itemprop="postalCode">00-00</span>
        </div>
    </div>
    Bilety:<br/>

    <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">
        Najtańższy:<span itemprop="lowPrice">25 zł</span><br/>
        Najdroższy: <span itemprop="highPrice">120 zł</span>
        <a itemprop="url" href="racymind.pl/bilety">Kup bilet</a>
        <meta itemprop="availability" href="http://schema.org/InStock"/>
    </div>

</div>

<div itemscope itemtype="http://schema.org/Event">
    <a itemprop="url" href="racymind.pl"><span itemprop="name">Nazwa wydarzenia 3<span></a>

    <div itemprop="description">Opis wydarzenia</div>
    <meta itemprop="startDate" content="2016-06-21T12:00"/>
    Start o 12:00 22.06.2014
    <meta itemprop="endDate" content="2016-06-22T20:00"/>
    Koniec o 20:00 26.06.2014
    <br><br>
    Miejsce: <br/>

    <div class="event-venue" itemprop="location" itemscope itemtype="http://schema.org/Place">
        <span itemprop="name">Warszawa</span>

        <div class="address" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
            <span itemprop="streetAddress">Jakaś ulica 66</span><br>
            <span itemprop="addressLocality">Warszawa</span>,
            <span itemprop="addressRegion">Mazowieckie</span>
            <span itemprop="postalCode">00-00</span>
        </div>
    </div>
    Bilety:<br/>

    <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">
        Najtańższy:<span itemprop="lowPrice">35 zł</span><br/>
        Najdroższy: <span itemprop="highPrice">100 zł</span>
        <a itemprop="url" href="racymind.pl/bilety">Kup bilet</a>
        <meta itemprop="availability" href="http://schema.org/InStock"/>
    </div>

</div>
</body>
</html>

Z wydarzeniami jest o tyle fajnie, że Google może wyświetlić ich kilka dla jednej strony. Powyższy przykład wyglądałby tak:

Przykład wydarzenia w SERPach Google

Użytkownik już w wynikach wyszukiwania ma podane podstawowe informacje o wydarzeniu: datę, nazwę wydarzenia, miejsce oraz ceny biletów. Inną, istotną korzyścią jest to, że nasze wydarzenie może zostać wyświetlone bezpośrednio w Google Maps. Chyba nie muszę mówić jakie są tego zalety… :)

Wydarzenia na Torwarze w Google Maps

Co sądzisz o wpisie?
BeżnadziejnySłabyŚredniDobryBardzo dobry (1 głosów, średnia ocen: 5,00 z 5)
Loading...