Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

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

4.368 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
  • Als Erste(r) kommentieren

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

×