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 auf Windows
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 📈
• Dezimal via 📈
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!