inhalte strukturieren für bessere user experience und maschinenlesbarkeit
Post on 21-Apr-2017
144 Views
Preview:
TRANSCRIPT
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
top related