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

1.567 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.567
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

×