Dirty little snippets
Pascal Landau & Alexander Rosenthal

Referenten
Pascal Landau
Technischer SEO Manager
Alexander Rosenthal
Abteilungsleiter E-Commerce & CRM

Über diese Präsentation

Agenda
 Basics
 Rich Snippets
 Unicode
 Praxis
 Mini-How-To

Snippet-Basic
TITLE-Tag mit bis zu 70 Zeichen
<title>Mini-Kreuzfahrt Kiel-Oslo-Kiel
– Color Line</title>URL: Bis 70 Zeichen
Meta Description mit 68 bis 150 Zeichen
<meta name="description" content="
Mini-Kreuzfahrt nach Norwegen buchen: Kiel - Oslo – Kiel
mit Color Fantasy oder Color Magic schon ab € 79,- p.P.">

Danke, Google…
Quelle: http://www.seroundtable.com/google-launches-new-design-18245.html

Snippet-Basic
Mehr als nur Rankings
 Einfluss der CTR auf Rankings

Snippet-Basic
 Jedes Snippet sollte dem Branding dienen!
 Aktuelle Informationen als Call 2 Action
 z.B: Rabatte, Aktionen, etc.
 Achtung beim Pflegeaufwand!

Snippet-Basic
Weißraum nutzen

Snippet = Query + Content

Snippet = Query + Content

Snippet = Query + Content

Snippet = Query + Content

Snippet = Query + Content
> Live-Demo <

Agenda
Rich Snippets

Beispiel

BreadCrumb-Manipulation
• BreadCrumbs lassen sich (fast) beliebig manipulieren
• Micro-Data funktioniert (fast) immer, auch auf der
Startseite (Achtung: Kein Schema.org benutzen!)
• Über Seitenanker (example.org#test) lassen sich
beliebige BreadCrumb-Elemente erzeugen
• Die Länge ist begrenzt – keine Anzeige bei Überlänge!
• Lässt sich im Rich Snippet Testing Tool relativ gut testen

BreadCrumb-Manipulation

Rich Snippets: Author
Stichprobe-Nutzung
• 1000 Keywords
• 4937 Domains
• 20.804 Ergebnisse
• 2,54% Autoreneinbindung
• 275 unterschiedliche Autoren

Weitere Rich Snippets
Tests: http://unicode.myseosolution.de/rich-snippets/
Quelle: https://support.google.com/webmasters/topic/1088474?hl=en&ref_topic=21997

Review-Aggregate Rich Snippets
 Suchanfrage: „günstige schuhe“

Review-Individual Rich Snippets
 Suchanfrage: „lady gaga album“

Organization Rich Snippets

Music Rich Snippets

Person Rich Snippets
 Suchanfrage: „pascal landau“

Product-Individual Rich Snippets
 Suchanfrage: „tchibo milchaufschäumer“

Product-Aggregated Rich Snippets
 Suchanfrage: „chuck converse preisvergleich“

Event Rich Snippets
 Suchanfrage: „marteria hamburg“

Recipe Rich Snippets
 Suchanfrage: „creme brulee“

Test-Ergebnis: Nix hat funktioniert…Test-Ergebnis:

Spam Message
•seit Februar 2014
•kann zum Verlust aller Rich Snippets führen
Quelle: http://searchenginewatch.com/article/2327459/Google-Starts-Penalizing-Sites-for-Rich-Snippet-Spam

Agenda
Unicode

Beispiel

Weitere Beispiele

So geht‘s:
• Computer kennt keine Buchstaben sondern nur Zahlen
• Jedes Zeichen lässt sich als Zahl darstellen
• Beispiel: 📈
• Dezimal: 128200
• Hexadezimal: 1F4C8

Darstellung mit WordPad:
Richtige Schriftart (Font)auswählen
(Nicht jede Font enthält jedes Zeichen!)
 Bsp: Segoe UI Symbol aufWindows
Zeichen markieren und ALT+X drücken
 Zahlencode wird dargestellt
Erneutes drücken von ALT+X stellt das
Zeichen wieder her

Online Tool: Unicode Code Converter v7.06

Darstellung im Browser:
• Nutzung von sog. Numeric Character References:
• Hexadezimal via &#x1F4C8;
• Dezimal via &#128200;

Wie finde ich passende Symbole?
• Google: Keyword (englisch) + Unicode Symbol
• „Handy Unicode Symbol“
• „Smartphone Unicode Symbol“
• „Telephone Unicode Symbol“

Wie finde ich passende Symbole?
• Unicode-Zeichen sind in sog. Blöcke aufgeteilt, z.B.
• Sprachspezifische Zeichen
• Deutsche Umlaute
• Chinesische Schriftzeichen
• Geometrische Symbole
• Boxen
• Pfeile
• Bilder und Piktogramme
• Transportsymbole
• Verschiedenes…

Interessante Unicodeblöcke
 http://unicode.myseosolution.de/block-Arrows-74.html?table

Interessante Unicodeblöcke
 http://unicode.myseosolution.de/block-Box-Drawing-80.html?table

Interessante Unicodeblöcke
 http://unicode.myseosolution.de/block-Geometric-Shapes-82.html?table

Interessante Unicodeblöcke
 http://unicode.myseosolution.de/block-Emoticons-210.html?table

Interessante Unicodeblöcke
 http://unicode.myseosolution.de/block-Dingbats-84.html?table

Interessante Unicodeblöcke
 http://unicode.myseosolution.de/block-Miscellaneous-Symbols-83.html?table

Interessante Unicodeblöcke
 http://unicode.myseosolution.de/block-Transport-And-Map-Symbols-211.html?table

Interessante Unicodeblöcke
 http://unicode.myseosolution.de/block-Miscellaneous-Symbols-And-Pictographs-209.html?table

Unicode im Einsatz
Stichprobe-Nutzung
• 20.804 Ergebnisse (1.000 Keywords/4.937 Domains)
• Ohne normal genutzte Zeichen (Punkt, Komma,…)
• 3.080 Snippets - 14,8%
• Ohne gebräuchliche Zeichen (®,™, », #,..)
• 1.274 Snippets – 6,12%
• Ohne: * | ▻ •
• 767 Snippets – 3,69%
• Ohne: ✓
• 317 Snippets – 1,52%
👍 ✆ ✚ ✽ ▫ ☆
ღ ☆ ✘ ✸ □
☀
Ω ❄ ✈ ✶ ∫ ⇔
†
➩
♧~~
♧ ✪ ∇ ←
❥ ➤ ♥ ✬ × ➽
❤ ⇒ ♢ ✦ ¿ ☎
❇ ◕‿◕ ♡ ✤ ◇ ☼
❀ ◊ ♛ ✿ ▷ ☎
✿

Gimmick: Textauszeichnungen
Quelle: http://www.panix.com/~eli/unicode/convert.cgi?text=Dirty+little+Snippets+dank+Unicode+!

Gimmick: Textauszeichnungen
•Tests unter http://unicode.myseosolution.de/snippet-tests/

Gimmick: Textauszeichnungen

Agenda
Praxis

Fallstricke: Inkonsistente Darstellung
• Die Darstellung von Unicode-Zeichen hängt von
unterschiedlichen Faktoren ab, z.B.:
• Endgerät
• Betriebssystem
• Browsertyp
• Browserversion
• Installierte Schriftarten
Win 7 Firefox 15
 Mac OS X Safari 6
Win XP Chrome 30

Beispiele verschiedener Browser
• Tipp: http://browsershots.org/ nutzen
WinXP Firefox1.5
Win7 IE 7
Debian 6.0 Chrome 30
Debian 6.0 Firefox 24

Beispiele verschiedener Suchmaschinen
 Suche nach http://www.bitcoins-kaufen.org/
DuckDuckGo
Qwant
Bing
Web.de
Yahoo!

Besonderheiten bei Google I
• Title
• Nur wenige Sonderzeichen sind zugelassen
• Zeichen dürfen in der Regel nicht am Anfang oder Ende stehen
• Ausnahmen sind in der Regel Zeichen, die im Chrome nicht
dargestellt werden können…
• Description
• Einige Sonderzeichen sind ausgeschlossen (vor allem Sterne)
• Einige Sonderzeichen werden umgewandelt
• Zeichen dürfen in der Regel nicht am Anfang oder Ende stehen
• URL / BreadCrumb
• Aktuell ist noch fast alles erlaubt

Besonderheiten bei Google II
• Testprojekt: http://unicode.myseosolution.de
• Abfragen via site:unicode.myseosolution.de „Blockname“

Besonderheiten bei Google III
• „auffällige“ Zeichen werden auf weniger auffällige gemappt

Besonderheiten bei Google IV
• Sprachspezifische Zeichen klappen (noch) überall

Agenda
Mini-How-To

Tool-Empfehlungen
• SEOmofo
 http://www.seomofo.com/snippet-optimizer.html
• Firebug
 https://addons.mozilla.org/de/firefox/addon/firebug/
• Yoast Wordpress Plugin
 https://yoast.com/wordpress/plugins/seo/

1. SERPs aufrufen

2. DOM bearbeiten (Firebug; Dev-Tools)

3. Ergebnis

4. Next steps
•Test in verschiedenen Browser:
•SERP-HTML offline speichern und auf Webspace uploaden
•Kontrolle via http://browsershots.org
•Test aufsetzen um Snippet real bei Google zu testen
•Am besten direkt mehrere Varianten ausprobieren
•Still not done?
•Snippets in der mobilen Suche
•Snippet-Optimierung auf verschiedene Keywords (mehrere Meta-
Descriptions)
•…

 Den Blick nicht zu sehr fokussieren!
 Probieren, probieren und nochmal probieren!
 Wer anders ist, fällt auf!