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 Zeiche...
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, Aktio...
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, auc...
BreadCrumb-Manipulation
Rich Snippets: Author
Stichprobe-Nutzung
• 1000 Keywords
• 4937 Domains
• 20.804 Ergebnisse
• 2,54% Autoreneinbindung
• 27...
Weitere Rich Snippets
Tests: http://unicode.myseosolution.de/rich-snippets/
Quelle: https://support.google.com/webmasters...
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/...
Agenda
Unicode
Beispiel
Weitere Beispiele
So geht‘s:
• Computer kennt keine Buchstaben sondern nur Zahlen
• Jedes Zeichen lässt sich als Zahl darstellen
• Beispiel:...
Darstellung mit WordPad:
Richtige Schriftart (Font)auswählen
(Nicht jede Font enthält jedes Zeichen!)
 Bsp: Segoe UI Symb...
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 Unico...
Wie finde ich passende Symbole?
• Unicode-Zeichen sind in sog. Blöcke aufgeteilt, z.B.
• Sprachspezifische Zeichen
• Deuts...
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 (P...
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....
Beispiele verschiedener Browser
• Tipp: http://browsershots.org/ nutzen
WinXP Firefox1.5
Win7 IE 7
Debian 6.0 Chrome 30
De...
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 Anfa...
Besonderheiten bei Google II
• Testprojekt: http://unicode.myseosolution.de
• Abfragen via site:unicode.myseosolution.de „...
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/fire...
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:/...
 Den Blick nicht zu sehr fokussieren!
 Probieren, probieren und nochmal probieren!
 Wer anders ist, fällt auf!
Upcoming SlideShare
Loading in...5
×

Dirty Little Snippets - SEO Campixx 2014 - Slides zum Vortrag

7,108

Published on

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.

Published in: Marketing
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,108
On Slideshare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
123
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

Dirty Little Snippets - SEO Campixx 2014 - Slides zum Vortrag

  1. 1. Dirty little snippets Pascal Landau & Alexander Rosenthal
  2. 2. Referenten Pascal Landau Technischer SEO Manager Alexander Rosenthal Abteilungsleiter E-Commerce & CRM
  3. 3. Über diese Präsentation
  4. 4. Agenda  Basics  Rich Snippets  Unicode  Praxis  Mini-How-To
  5. 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. 6. Danke, Google… Quelle: http://www.seroundtable.com/google-launches-new-design-18245.html
  7. 7. Snippet-Basic Mehr als nur Rankings  Einfluss der CTR auf Rankings
  8. 8. Snippet-Basic  Jedes Snippet sollte dem Branding dienen!  Aktuelle Informationen als Call 2 Action  z.B: Rabatte, Aktionen, etc.  Achtung beim Pflegeaufwand!
  9. 9. Snippet-Basic Weißraum nutzen
  10. 10. Snippet = Query + Content
  11. 11. Snippet = Query + Content
  12. 12. Snippet = Query + Content
  13. 13. Snippet = Query + Content
  14. 14. Snippet = Query + Content > Live-Demo <
  15. 15. Agenda Rich Snippets
  16. 16. Beispiel
  17. 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. 18. BreadCrumb-Manipulation
  19. 19. Rich Snippets: Author Stichprobe-Nutzung • 1000 Keywords • 4937 Domains • 20.804 Ergebnisse • 2,54% Autoreneinbindung • 275 unterschiedliche Autoren
  20. 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. 21. Review-Aggregate Rich Snippets  Suchanfrage: „günstige schuhe“
  22. 22. Review-Individual Rich Snippets  Suchanfrage: „lady gaga album“
  23. 23. Organization Rich Snippets
  24. 24. Music Rich Snippets
  25. 25. Person Rich Snippets  Suchanfrage: „pascal landau“
  26. 26. Product-Individual Rich Snippets  Suchanfrage: „tchibo milchaufschäumer“
  27. 27. Product-Aggregated Rich Snippets  Suchanfrage: „chuck converse preisvergleich“
  28. 28. Event Rich Snippets  Suchanfrage: „marteria hamburg“
  29. 29. Recipe Rich Snippets  Suchanfrage: „creme brulee“
  30. 30. Test-Ergebnis: Nix hat funktioniert…Test-Ergebnis:
  31. 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. 32. Agenda Unicode
  33. 33. Beispiel
  34. 34. Weitere Beispiele
  35. 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. 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. 37. Online Tool: Unicode Code Converter v7.06
  38. 38. Darstellung im Browser: • Nutzung von sog. Numeric Character References: • Hexadezimal via 📈 • Dezimal via 📈
  39. 39. Wie finde ich passende Symbole? • Google: Keyword (englisch) + Unicode Symbol • „Handy Unicode Symbol“ • „Smartphone Unicode Symbol“ • „Telephone Unicode Symbol“
  40. 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. 41. Interessante Unicodeblöcke  http://unicode.myseosolution.de/block-Arrows-74.html?table
  42. 42. Interessante Unicodeblöcke  http://unicode.myseosolution.de/block-Box-Drawing-80.html?table
  43. 43. Interessante Unicodeblöcke  http://unicode.myseosolution.de/block-Geometric-Shapes-82.html?table
  44. 44. Interessante Unicodeblöcke  http://unicode.myseosolution.de/block-Emoticons-210.html?table
  45. 45. Interessante Unicodeblöcke  http://unicode.myseosolution.de/block-Dingbats-84.html?table
  46. 46. Interessante Unicodeblöcke  http://unicode.myseosolution.de/block-Miscellaneous-Symbols-83.html?table
  47. 47. Interessante Unicodeblöcke  http://unicode.myseosolution.de/block-Transport-And-Map-Symbols-211.html?table
  48. 48. Interessante Unicodeblöcke  http://unicode.myseosolution.de/block-Miscellaneous-Symbols-And-Pictographs-209.html?table
  49. 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. 50. Gimmick: Textauszeichnungen Quelle: http://www.panix.com/~eli/unicode/convert.cgi?text=Dirty+little+Snippets+dank+Unicode+!
  51. 51. Gimmick: Textauszeichnungen •Tests unter http://unicode.myseosolution.de/snippet-tests/
  52. 52. Gimmick: Textauszeichnungen
  53. 53. Agenda Praxis
  54. 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. 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. 56. Beispiele verschiedener Suchmaschinen  Suche nach http://www.bitcoins-kaufen.org/ DuckDuckGo Qwant Bing Web.de Yahoo!
  57. 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. 58. Besonderheiten bei Google II • Testprojekt: http://unicode.myseosolution.de • Abfragen via site:unicode.myseosolution.de „Blockname“
  59. 59. Besonderheiten bei Google III • „auffällige“ Zeichen werden auf weniger auffällige gemappt
  60. 60. Besonderheiten bei Google IV • Sprachspezifische Zeichen klappen (noch) überall
  61. 61. Agenda Mini-How-To
  62. 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. 63. 1. SERPs aufrufen
  64. 64. 2. DOM bearbeiten (Firebug; Dev-Tools)
  65. 65. 3. Ergebnis
  66. 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. 67.  Den Blick nicht zu sehr fokussieren!  Probieren, probieren und nochmal probieren!  Wer anders ist, fällt auf!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×