Verschiedene Tipps, Tricks und Hacks zur Snippet Optimierung in den Suchmaschinenergebnissen von Google. Nach einer kurzen Einführung in die Basics werden verschiedene Experimente - basierend auf Live-Test-Projekten- in den Bereichen Rich Snippets und Nutzung von Unicode- Zeichen vorgestellt. Kurze Zusammenfassung der Ergebnissen: - Rich Snippets lassen sich nicht mehr (einfach) manipulieren [ http://unicode.myseosolution.de/rich-snippets ] und eine Manipulation kann zu einer Meldung in den Google Webmaster Tools führen. - Unicode-Zeichen werden bisher nur von wenigen Webseiten gezielt eingesetzt, können aber durch Piktogramme und Call-To-Action-Symbole sehr sinnvoll sein. Leider ist die Darstellung von viele Faktoren abhängig (Betriebssystem, Browser, etc.) und Google lässt nur bestimmte Zeichen zu [ http://unicode.myseosolution.de/ & http://bit.ly/PLeSlf ]. Letztendlich gilt: Die in dieser Session vermittelten Möglichkeiten müssen unbedingt vor dem praktischen Einsatz getestet werden und es gibt keine Garantien, dass Google die Darstellung auch in Zukunft so bei beibehält.

1. Dirty little snippets
Pascal Landau & Alexander Rosenthal

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

3. Über diese Präsentation

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

5. 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.">

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

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

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

9. Snippet-Basic
Weißraum nutzen

10. Snippet = Query + Content

11. Snippet = Query + Content

12. Snippet = Query + Content

13. Snippet = Query + Content

14. Snippet = Query + Content
> Live-Demo <

15. Agenda
Rich Snippets

16. Beispiel

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

18. BreadCrumb-Manipulation

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

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

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

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

23. Organization Rich Snippets

24. Music Rich Snippets

25. Person Rich Snippets
 Suchanfrage: „pascal landau“

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

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

28. Event Rich Snippets
 Suchanfrage: „marteria hamburg“

29. Recipe Rich Snippets
 Suchanfrage: „creme brulee“

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

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

32. Agenda
Unicode

33. Beispiel

34. Weitere Beispiele

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

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

37. Online Tool: Unicode Code Converter v7.06

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

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

40. 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…

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

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

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

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

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

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

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

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

49. 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%
👍 ✆ ✚ ✽ ▫ ☆
ღ ☆ ✘ ✸ □
☀
Ω ❄ ✈ ✶ ∫ ⇔
†
➩
♧~~
♧ ✪ ∇ ←
❥ ➤ ♥ ✬ × ➽
❤ ⇒ ♢ ✦ ¿ ☎
❇ ◕‿◕ ♡ ✤ ◇ ☼
❀ ◊ ♛ ✿ ▷ ☎
✿

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

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

52. Gimmick: Textauszeichnungen

53. Agenda
Praxis

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

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

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

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

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

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

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

61. Agenda
Mini-How-To

62. 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/

63. 1. SERPs aufrufen

64. 2. DOM bearbeiten (Firebug; Dev-Tools)

65. 3. Ergebnis

66. 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)
•…

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