Search Engine Friendly Design
Für Content-Provider
Daniel Herndler
Daniel Herndler
google.com/+DanielHerndler
SEFD
• aus Salzburg, Österreich
• seit 2010 im Bereich SEM
• seit 2011 SEO bei ...
Übersicht
google.com/+DanielHerndler
SEFD
• HTML & Aufbau
• Website-Struktur
• Lesbarkeit
• Schema.org
• Zusammenfassung
SEFD
HTML & Aufbau
google.com/+DanielHerndler
Search Engine Friendly Design
SEFD
HTML-Code
google.com/+DanielHerndler
<head>
<body>
Metadaten
Inhalte & Funktionen
HTML & Aufbau
HTML & Aufbau
google.com/+DanielHerndler
SEFD
<head>
</head>
 Titel
 Beschreibung
 Stylesheet
 Sprache
 Robots …
<hea...
HTML & AufbauSEFD
<body>
</body>
 Header
 Navigation
 Inhaltselemente
 Sidebar
 Footer …
google.com/+DanielHerndler
<...
HTML & AufbauSEFD
google.com/+DanielHerndler
Wikipedia.org
Main Content
Footer 1
Header
Sidebar
Footer 2
Main Content
Side...
HTML & AufbauSEFD
CSS auslagern
google.com/+DanielHerndler
<head>
<link rel="stylesheet" type="text/css" href="/styles.css...
HTML & AufbauSEFD
JavaScript auslagern
google.com/+DanielHerndler
<head>
<script type="text/javascript" src="/beispiel.js"...
Search Engine Friendly DesignSEFD
Struktur
google.com/+DanielHerndler
StrukturSEFD
google.com/+DanielHerndler
Startseite
Thema 1 Thema 2 Thema 3
1
2
3
1
2
3
1
2
3
StrukturSEFD
google.com/+DanielHerndler
http://www.city-guide-salzburg.com/altstadt/salzburger-festspiele/
Thema 1
1
Start...
StrukturSEFD
google.com/+DanielHerndler
google.com
Navigationselemente
SEFD
google.com/+DanielHerndler
Struktur
Immer in den
HTML-Code!
Navigationselemente
SEFD
google.com/+DanielHerndler
Struktur
<h1>
Intro
Content
Strukturiert durch <h2>, <h3>, …
• Einzigartig
• Enthält Keywo...
SEFD
google.com/+DanielHerndler
Struktur
Content-Struktur
<h1>
Intro
Verzeichnis
SEFD
google.com/+DanielHerndler
Struktur
Content-Struktur
Content
StrukturSEFD
google.com/+DanielHerndler
Für alle Endgeräte optimieren!
StrukturSEFD
google.com/+DanielHerndler
http://goo.gl/8hoQ1Q
StrukturSEFD
google.com/+DanielHerndler
StrukturSEFD
Breadcrumb-Navigation
google.com/+DanielHerndler
StrukturSEFD
Breadcrumb-Navigation
google.com/+DanielHerndler
StrukturSEFD
HTML-Sitemap
google.com/+DanielHerndler
StrukturSEFD
HTML-Sitemap
google.com/+DanielHerndler
StrukturSEFD
google.com/+DanielHerndler
Suchmaschinen lieben …
 Saubere URL-Struktur
 Einfache Navigation
 Klare Conten...
SEFD
Lesbarkeit
google.com/+DanielHerndler
Search Engine Friendly Design
SEFD
google.com/+DanielHerndler
!!!
Lesbarkeit
SEFD
google.com/+DanielHerndler
Lesbarkeit
Flash-Websites
SEFD
google.com/+DanielHerndler
92% = Flash
Lesbarkeit
SEFD
google.com/+DanielHerndler
Lesbarkeit
Flash-Websites
Text-Version
SEFD
google.com/+DanielHerndler
Lesbarkeit
Flash-Websites
Text-Version
SEFD
Die Lesbarkeit wird beeinflusst durch:
google.com/+DanielHerndler
Lesbarkeit
• Robots.txt
• " noindex "
• " nofollow ...
SEFD
Schema.org
google.com/+DanielHerndler
Search Engine Friendly Design
SEFD
google.com/+DanielHerndler
Schema.org
<p>00436643890776</p>
Was ist gemeint?
SEFD
google.com/+DanielHerndler
Schema.org
<p itemprop="telephone">00436643890776</p>
Eindeutig!
SEFD
google.com/+DanielHerndler
Schema.org
Vorteile von Schema.org
 Inhalte verstehen
 Hinweise auf wichtige Information...
SEFD
Original HTML
google.com/+DanielHerndler
Schema.org
SEFD
Mit Schema.org
google.com/+DanielHerndler
Schema.org
SEFD
Schema.org Beispiele
google.com/+DanielHerndler
Schema.org
SEFD
Schema.org Testing
google.com/+DanielHerndler
Testing Tool: http://goo.gl/yoPlrU
Schema.org
SEFD
Zusammengefasst:
google.com/+DanielHerndler
1. Sauberer HTML-Code & Aufbau
2. Crawlbare, einfache & verständliche Str...
www.danielherndler.com
Search Engine Friendly Design
SEFD
+DanielHerndler
@DanielHerndler
Nächste SlideShare
Wird geladen in …5
×

Search Engine Friendly Design (SEFD) - SMX München 2014

1.480 Aufrufe

Veröffentlicht am

Slides zur Session "Search Engine Friendly Design für Content Provider" auf der SMX München 2014 von Daniel Herndler.

Inhalte:
- HTML & Aufbau von SEFD
- Struktur & Content
- Les- & Crawlbarkeit
- Schema.org & Rich Snippets
- Zusammenfassung

Veröffentlicht in: Technologie
0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.480
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
188
Aktionen
Geteilt
0
Downloads
22
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Search Engine Friendly Design (SEFD) - SMX München 2014

  1. 1. Search Engine Friendly Design Für Content-Provider Daniel Herndler
  2. 2. Daniel Herndler google.com/+DanielHerndler SEFD • aus Salzburg, Österreich • seit 2010 im Bereich SEM • seit 2011 SEO bei ncm • mit Schwerpunkt Tourismus Daniel Herndler +DanielHerndler @DanielHerndler
  3. 3. Übersicht google.com/+DanielHerndler SEFD • HTML & Aufbau • Website-Struktur • Lesbarkeit • Schema.org • Zusammenfassung
  4. 4. SEFD HTML & Aufbau google.com/+DanielHerndler Search Engine Friendly Design
  5. 5. SEFD HTML-Code google.com/+DanielHerndler <head> <body> Metadaten Inhalte & Funktionen HTML & Aufbau
  6. 6. HTML & Aufbau google.com/+DanielHerndler SEFD <head> </head>  Titel  Beschreibung  Stylesheet  Sprache  Robots … <head>
  7. 7. HTML & AufbauSEFD <body> </body>  Header  Navigation  Inhaltselemente  Sidebar  Footer … google.com/+DanielHerndler <body>
  8. 8. HTML & AufbauSEFD google.com/+DanielHerndler Wikipedia.org Main Content Footer 1 Header Sidebar Footer 2 Main Content Side- bar Footer 1 Footer 2 Header
  9. 9. HTML & AufbauSEFD CSS auslagern google.com/+DanielHerndler <head> <link rel="stylesheet" type="text/css" href="/styles.css"> </head>
  10. 10. HTML & AufbauSEFD JavaScript auslagern google.com/+DanielHerndler <head> <script type="text/javascript" src="/beispiel.js"></script> </head>
  11. 11. Search Engine Friendly DesignSEFD Struktur google.com/+DanielHerndler
  12. 12. StrukturSEFD google.com/+DanielHerndler Startseite Thema 1 Thema 2 Thema 3 1 2 3 1 2 3 1 2 3
  13. 13. StrukturSEFD google.com/+DanielHerndler http://www.city-guide-salzburg.com/altstadt/salzburger-festspiele/ Thema 1 1 Startseite
  14. 14. StrukturSEFD google.com/+DanielHerndler google.com Navigationselemente
  15. 15. SEFD google.com/+DanielHerndler Struktur Immer in den HTML-Code! Navigationselemente
  16. 16. SEFD google.com/+DanielHerndler Struktur <h1> Intro Content Strukturiert durch <h2>, <h3>, … • Einzigartig • Enthält Keywords • Blickfang • Zusammenfassend • Zum Lesen anregen • Kernaussage des Inhalts • Inhalt / Inhaltselemente • Strukturiert durch Überschriften • Auf das Thema optimiert Content-Struktur
  17. 17. SEFD google.com/+DanielHerndler Struktur Content-Struktur <h1> Intro Verzeichnis
  18. 18. SEFD google.com/+DanielHerndler Struktur Content-Struktur Content
  19. 19. StrukturSEFD google.com/+DanielHerndler Für alle Endgeräte optimieren!
  20. 20. StrukturSEFD google.com/+DanielHerndler http://goo.gl/8hoQ1Q
  21. 21. StrukturSEFD google.com/+DanielHerndler
  22. 22. StrukturSEFD Breadcrumb-Navigation google.com/+DanielHerndler
  23. 23. StrukturSEFD Breadcrumb-Navigation google.com/+DanielHerndler
  24. 24. StrukturSEFD HTML-Sitemap google.com/+DanielHerndler
  25. 25. StrukturSEFD HTML-Sitemap google.com/+DanielHerndler
  26. 26. StrukturSEFD google.com/+DanielHerndler Suchmaschinen lieben …  Saubere URL-Struktur  Einfache Navigation  Klare Content-Strukturen  Übersichtliche Sitemaps
  27. 27. SEFD Lesbarkeit google.com/+DanielHerndler Search Engine Friendly Design
  28. 28. SEFD google.com/+DanielHerndler !!! Lesbarkeit
  29. 29. SEFD google.com/+DanielHerndler Lesbarkeit Flash-Websites
  30. 30. SEFD google.com/+DanielHerndler 92% = Flash Lesbarkeit
  31. 31. SEFD google.com/+DanielHerndler Lesbarkeit Flash-Websites Text-Version
  32. 32. SEFD google.com/+DanielHerndler Lesbarkeit Flash-Websites Text-Version
  33. 33. SEFD Die Lesbarkeit wird beeinflusst durch: google.com/+DanielHerndler Lesbarkeit • Robots.txt • " noindex " • " nofollow " • Redirects • Canonical-Tag
  34. 34. SEFD Schema.org google.com/+DanielHerndler Search Engine Friendly Design
  35. 35. SEFD google.com/+DanielHerndler Schema.org <p>00436643890776</p> Was ist gemeint?
  36. 36. SEFD google.com/+DanielHerndler Schema.org <p itemprop="telephone">00436643890776</p> Eindeutig!
  37. 37. SEFD google.com/+DanielHerndler Schema.org Vorteile von Schema.org  Inhalte verstehen  Hinweise auf wichtige Informationen  Rich Snippets
  38. 38. SEFD Original HTML google.com/+DanielHerndler Schema.org
  39. 39. SEFD Mit Schema.org google.com/+DanielHerndler Schema.org
  40. 40. SEFD Schema.org Beispiele google.com/+DanielHerndler Schema.org
  41. 41. SEFD Schema.org Testing google.com/+DanielHerndler Testing Tool: http://goo.gl/yoPlrU Schema.org
  42. 42. SEFD Zusammengefasst: google.com/+DanielHerndler 1. Sauberer HTML-Code & Aufbau 2. Crawlbare, einfache & verständliche Struktur 3. Les- & indexierbare Webseiten und Inhalte erstellen 4. Schema.org verwenden Überblick
  43. 43. www.danielherndler.com Search Engine Friendly Design SEFD +DanielHerndler @DanielHerndler

×