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 &#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!