Inhalte strukturieren

für bessere UX und Maschinenlesbarkeit

Möglichkeiten zur Strukturierung

1. Markup (HTML)

2. Metadaten (JSON-LD)

Warum soll Google unsere Inhalte verstehen?

Suchmaschine?

Antwortmaschine!

Antworten in den Serps

15% aller Suchergebnisse enthalten Featured Snippets

40% enthalten Knowledge Panels

* MozCast gerundet - http://mozcast.com/features

Begriffserklärung

Featured Snippet

vs.

Answer Box

Answer Box

Featured Snippet

Markup

Markup

Markup

Maschinenlesbare Sprache Gliedert Texte

Semantische Auszeichnung

Markup

Vorteile von Markup

Trennung von Struktur und DesignKein zusätzlicher AufwandHilft bei Konzeption von Inhalten

Überschriften

Überschriftenstruktur - Beispiel

Überschriftenstruktur

Strukturiert die Seite

Ermöglicht Scanning und seiteninterne Navigation

Überschriften in HTML

<h1> Honda VFR 1200 F </h1><h2> Dein treuer Begleiter in allen Lebenslagen </h2><h2> Technische Daten </h2><h3> Motor </h3><h3> Maße </h3><h2> Händler </h2>

Bonus - Snippet

* Mehr Infos: https://webmasters.googleblog.com/2009/09/using-named-anchors-to-identify.html

Überschriftenstruktur - Tool

FirefoxWeb Developer ToolsInformationen -> Dokumentenkontur anzeigen

H1 - der Hero der Landingpage

Überschrift - H1

<h1> Die 10 besten Motorräder </h1>

H1 - Problem

Slogan <> Überschrift

Technischer Trick: Trennung von Markup und Design

Was ist die H1?

H1 - mit Seitenthema

H1 - konsistent zu Rankings

Überschrift - H1

Konsistente Kommunikation zwischen Snippet / Anzeige und Landingpage

User erkennt Thema der Seite auf den ersten Blick

Konsistente Kommunikation

Listen

Listen

Listen

Listen in HTML

<ul><li> 173 PS </li><li> 1237 cm3 </li>

</ul>

<ol><li> Honda VFR 1200 F </li><li> Suzuki Bandit GSF 1250 </li>

</ol>

Betonung

Betonung - strong

Betonung

<strong> Sporttouren-Motorrad </strong>

Betonung

Wichtige Punkte hervorheben

Unterstützt „Scanning“ der Seite

Betonung

Nicht übertreiben!

Bilder

Bilder auszeichnen

Kontext

BildunterschriftenAlternativ-Text (ALT-Attribut)Dateiname

Bilder

<div> <img src="/motorraeder/honda/vfr-1200F.png" alt= "Honda VFR 1200F auf der Rennstrecke" />

Auch auf der Rennstrecke macht die Honda VFR 1200 F eine gute Figur

</div>

Bilder

Barrierefreiheit

Kontext zu Bildern und GrafikenBildersucheRelevante Keywords

Tabellen

Tabelle auf der Website

Structured Snippet

Tabellen<table class="ce-table">

<thead><tr>

<th>Konferenz-Features</th><th>Remote-Zugriff</th>…

</tr></thead><tbody>

<tr><td>Ammyy Admin</td><td>ja</td>

</tr>

Tabellen

Grundlegendste Form von „strukturierten Daten“

Für tabellarische Daten anwendenNicht als Designelement verwendenGut als Zusammenfassung / Übersicht geeignet

Ist Markup also ein neuer Trend?

Markup

Markup ist nichts Neues

Immer noch extrem wichtigWird sehr selten korrekt angewendet

Zwischenüberschrift ist keine Überschrift

Überschriften im Footer – nicht im Content

Produktbeschreibung ohne Struktur

Ungeeigneter Produktname wird überall wiederholt

Und was bedeutet das fürs Ranking?

Ranking

Verständnis von Inhalten ermöglicht Bewertung

ThemenclusterRankingsignalePos 0 mit organischem Ranking auf 5 möglich

Bonus

Pyramidale Informationsaufbereitung

Pyramidale Informationsaufbereitung

Kernaussage am AnfangDetailinformationen als ErgänzungKein Markup / keine Metadaten nötig

Struktur von wichtig nach unwichtig

Metadaten

Rich Snippets

Warum strukturierte Daten?

Differenzierung gegenüber den MitbewerbernSteigerung der Click-Through-Rate

Wie Daten strukturieren?

Mögliche Formate:• JSON-LD• Microdata• RDFa

„JSON-LD is the recommended format.” *

* Google - https://developers.google.com/search/docs/guides/intro-structured-data

Vorteile von JSON-LD

• Daten in einem Block• Kann überall im Quelltext eingebunden werden• Unabhängig vom restlichen HTML und Inhalt• Besser lesbar

Von Google verwendete Markups

• Webseitenstruktur• Brotkrumen• Suche• Webseiten-Name

• Firmendaten• Kontaktdaten• Logos• Social-Media Profile

• Werke• Artikel• Bücher• Uvm.

• E-Commerce• Produkte• Events• Lokale Geschäfte

https://developers.google.com/search/docs/data-types/data-type-selector

Struktur wird von schema.org spezifiziert

schema.org = Dokufür alle Schemata und Typen

Schema.org ist nicht Google

<>

Produkte

Produkteigenschaften

• Name des Produkts• Produktbild• Beschreibungstext• Markenname• Bewertung („5-Sterne“)• Angebot

• Preis• Währung• Verfügbarkeit• URL

Produkteigenschaften - Beispiel in JSON-LD<script type="application/ld+json">{ "@context": "http://schema.org/", "@type": "Product", "name": "Executive Anvil", "image": "http://www.example.com/anvil_executive.jpg", "description": „The Executive Anvil is perfect for the business traveler.", "brand": { "@type": "Thing", “name": "ACME" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.4", "reviewCount": "89" }, "offers": { "@type": "Offer", "priceCurrency": "USD", "price": "119.99", "priceValidUntil": "2020-11-05", "availability": "http://schema.org/InStock", }}</script>

Test-Tool für strukturierte Daten

Strategische Frage

Wir geben Googleall unsere Daten

Wir helfen Googleuns optimal zu

vermarktenvs.

About Me

Torben HenkeTechnical SEO Manager

torbenhenke.de@torbenseo

hosting.1und1.de