Du hast gute Inhalte auf deiner Webseite? Mach sie noch besser, indem du sie strukturierst. Markup (HTML) und Metadaten (JSON-LD) können deine Inhalte anreichern, die Usability für deine Leser verbessern und gleichzeitig die Lesbarkeit der Informationen für Google und andere Suchmaschinen verbessern. Google belohnt deine Mühe mit Featured Snippets (Answerboxen) und deine User mit bessern Conversion-Rates und niedrigeren Absprungraten.

1. Inhalte strukturieren
für bessere UX und
Maschinenlesbarkeit

5. Möglichkeiten zur Strukturierung
1. Markup
(HTML)
2. Metadaten
(JSON-LD)

6. Warum soll Google
unsere Inhalte verstehen?

8. Suchmaschine?
Antwortmaschine!

9. Antworten in den Serps
15% aller Suchergebnisse
enthalten Featured Snippets
40% enthalten Knowledge Panels
* MozCast gerundet - http://mozcast.com/features

10. Begriffserklärung
Featured Snippet
vs.
Answer Box

11. Answer Box

12. Featured Snippet

13. Markup

14. Markup
Markup
Maschinenlesbare Sprache
Gliedert Texte
Semantische Auszeichnung

15. Markup
Vorteile von Markup
Trennung von Struktur und Design
Kein zusätzlicher Aufwand
Hilft bei Konzeption von Inhalten

16. Überschriften

19. Überschriftenstruktur - Beispiel

20. Überschriftenstruktur
Strukturiert die Seite
Ermöglicht Scanning
und seiteninterne Navigation

21. Ü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>

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

23. Überschriftenstruktur - Tool
Firefox
Web Developer Tools
Informationen ->
Dokumentenkontur anzeigen

24. H1 - der Hero der Landingpage

25. Überschrift - H1
<h1> Die 10 besten Motorräder </h1>

26. H1 - Problem
Slogan <> Überschrift
Technischer Trick:
Trennung von Markup und Design

27. Was ist die H1?

28. H1 - mit Seitenthema

29. H1 - konsistent zu Rankings

30. Überschrift - H1
Konsistente Kommunikation
zwischen Snippet / Anzeige und Landingpage
User erkennt Thema der Seite auf den ersten Blick

31. Konsistente Kommunikation

32. Listen

33. Listen

34. Listen

35. 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>

36. Betonung

37. Betonung - strong

38. Betonung
<strong> Sporttouren-Motorrad </strong>

39. Betonung
Wichtige Punkte hervorheben
Unterstützt „Scanning“ der Seite

40. Betonung
Nicht übertreiben!

41. Bilder

42. Bilder auszeichnen
Kontext
Bildunterschriften
Alternativ-Text (ALT-Attribut)
Dateiname

43. 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>

44. Bilder
Barrierefreiheit
Kontext zu Bildern und Grafiken
Bildersuche
Relevante Keywords

45. Tabellen

47. Tabelle auf der Website

48. Structured Snippet

49. 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>

50. Tabellen
Grundlegendste Form von
„strukturierten Daten“
Für tabellarische Daten anwenden
Nicht als Designelement verwenden
Gut als Zusammenfassung / Übersicht geeignet

51. Ist Markup also ein neuer Trend?

52. Markup
Markup ist nichts Neues
Immer noch extrem wichtig
Wird sehr selten korrekt angewendet

53. Zwischenüberschrift ist keine Überschrift

54. Überschriften im Footer – nicht im Content

55. Produktbeschreibung ohne Struktur

56. Ungeeigneter Produktname wird überall wiederholt

57. Und was bedeutet das fürs Ranking?

58. Ranking
Verständnis von Inhalten
ermöglicht Bewertung
Themencluster
Rankingsignale
Pos 0 mit organischem Ranking auf 5 möglich

59. Bonus

61. Pyramidale Informationsaufbereitung

62. Pyramidale Informationsaufbereitung
Kernaussage am Anfang
Detailinformationen als Ergänzung
Kein Markup / keine Metadaten nötig
 Struktur von wichtig nach unwichtig

63. Metadaten

64. Rich Snippets

65. Warum strukturierte Daten?
Differenzierung gegenüber den Mitbewerbern
Steigerung der Click-Through-Rate

67. 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

68. Vorteile von JSON-LD
• Daten in einem Block
• Kann überall im Quelltext eingebunden werden
• Unabhängig vom restlichen HTML und Inhalt
• Besser lesbar

70. 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

71. Struktur wird von
schema.org spezifiziert
schema.org = Doku
für alle Schemata und Typen

72. Schema.org ist nicht Google
<>

73. Produkte

74. Produkteigenschaften
• Name des Produkts
• Produktbild
• Beschreibungstext
• Markenname
• Bewertung („5-Sterne“)
• Angebot
• Preis
• Währung
• Verfügbarkeit
• URL

75. 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>

76. Test-Tool für strukturierte Daten

77. Strategische Frage
Wir geben Google
all unsere Daten
Wir helfen Google
uns optimal zu
vermarkten
vs.

78. About Me
Torben Henke
Technical SEO Manager
torbenhenke.de
@torbenseo
hosting.1und1.de