Techniczne SEO

Mikrodane

Mikrodane (ang. Microdata) to sposób strukturyzowania informacji na stronie internetowej, umożliwiający wyszukiwarkom i innym aplikacjom lepsze rozumienie zawartości. Są one formą semantycznego znacznikowania w kodzie HTML, której celem jest wzbogacenie treści strony o dodatkowe kontekstowe wskazówki, ułatwiające interpretację danych przez maszyny. Wykorzystując odpowiednie atrybuty mikrodanych, takie jak itemscope, itemtype i itemprop, twórcy stron mogą wskazywać, jakie typy informacji są przedstawiane w różnych częściach strony, np. recenzje, osoby, wydarzenia, produkty.

Cel i funkcje

Główną funkcją mikrodanych jest ulepszenie komunikacji między stroną a wyszukiwarkami w celu lepszego indeksowania i przedstawiania wyników wyszukiwania. Pozwala to na generowanie fragmentów rozszerzonych (ang. rich snippets), które mogą zawierać dodatkowe elementy takie jak oceny gwiazdkowe, zdjęcia produktów, czy informacje o cenie i dostępności, sprawiając, że wyniki są bardziej atrakcyjne i informacyjne dla użytkowników.

Powstanie i rozwój

Mikrodane zostały wprowadzone jako część specyfikacji HTML5, rozpowszechnianej przez konsorcjum W3C, aby umożliwić twórcom lepszą semantykę dla zgłaszających dane. Z czasem narodziły się również inne formy semantycznych znaczników, takie jak mikroformaty i RDFa. Schema.org, wspólny projekt gigantów takich jak Google, Microsoft, Yahoo! oraz Yandex, został rozpoczęty w 2011 roku i stał się standardem w definiowaniu i przedstawianiu strukturyzowanych danych dla wyszukiwarek.

Ewolucja funkcji

W miarę jak technologie webowe ewoluowały, mikrodane zyskiwały na znaczeniu, przechodząc od podstawowych zastosowań, takich jak poprawa wyników wyszukiwania, do zaawansowanych, w tym:

zwiększanie przejrzystości i precyzji danych prezentowanych w SERPach,
wpływanie na poprawę klikalności (CTR, czyli Click-Through Rate) wyników wyszukiwania przez wzbogacanie ich dodatkową zawartością,
dostarczanie danych do personalizowanych i głosowych asystentów sztucznej inteligencji,
wspieranie sieci społecznościowych i innych platform w generowaniu bardziej szczegółowego podglądu treści strony.

Przykład użycia mikrodanych

Oto przykład kodu HTML, który zawiera mikrodane dla artykułu:

<!DOCTYPE html>
<html>
<head>
    <title>Przykładowy artykuł</title>
</head>
<body>
    <article itemscope itemtype="http://schema.org/Article">
        <header>
            <h1 itemprop="headline">Tytuł artykułu</h1>
            <p>Autor: <span itemprop="author" itemscope itemtype="http://schema.org/Person">
                <span itemprop="name">Jan Kowalski</span>
            </span></p>
            <p>Data publikacji: <time itemprop="datePublished" datetime="2023-06-06">6 czerwca 2023</time></p>
        </header>
        <div itemprop="articleBody">
            <p>Treść artykułu zaczyna się tutaj. Możesz dodać więcej paragrafów i innych elementów HTML, które będą stanowić treść artykułu.</p>
        </div>
        <footer>
            <p>Tagi: 
                <span itemprop="keywords">SEO, mikrodane, optymalizacja</span>
            </p>
        </footer>
    </article>
</body>
</html>

W powyższym przykładzie:

Tag <article> – Oznacza cały artykuł i używa atrybutu itemscope oraz itemtype z wartością http://schema.org/Article, co wskazuje, że ten fragment kodu HTML opisuje artykuł.
Tytuł artykułu – Oznaczony za pomocą itemprop="headline", co wskazuje, że jest to nagłówek artykułu.
Autor artykułu – Oznaczony za pomocą itemprop="author", który zawiera dodatkowo itemscope i itemtype z wartością http://schema.org/Person, co wskazuje, że jest to osoba.
Data publikacji – Oznaczona za pomocą itemprop="datePublished" i datetime, co wskazuje, że jest to data publikacji artykułu.
Treść artykułu – Oznaczona za pomocą itemprop="articleBody", co wskazuje, że jest to główna treść artykułu.
Tagi – Oznaczone za pomocą itemprop="keywords", co wskazuje, że są to słowa kluczowe związane z artykułem.

Takie oznaczenie pozwala wyszukiwarkom lepiej zrozumieć strukturę i zawartość strony, co może prowadzić do lepszego indeksowania i wyświetlania bogatszych wyników wyszukiwania (np. snippetów z dodatkowymi informacjami).