SEARCH
ENGINE
FRIENDLY
DESIGN
KURZE VORSTELLUNG
Search Engine Friendly Design
Kai Spriestersbach
3
• 11 Jahre Online Marketing-Erfahrung
• Speaker
• SMX München 2010 - 20...
Search Engine Friendly Design
Kai Spriestersbach
4
• 11 Jahre Online Marketing-Erfahrung
• Speaker
• SMX München 2010 - 20...
Search Engine Friendly Design
Kai Spriestersbach
5
• 11 Jahre Online Marketing-Erfahrung
• Speaker
• SMX München 2010 - 20...
Search Engine Friendly Design
Gemeinsam stark
6
SEARCH ONE und eology kooperieren
WAS IST SEFD?
Search Engine Friendly Design
Search Engine Friendly Design
8
User
Centered
Design
Technical
Centered
Design
SEFD
Search Engine Friendly Design
Was Nutzer an Webseiten mögen
9
•Informativ
•Relevant
•Schnell
•Wenig Ablenkung
•Wenig Werbu...
Search Engine Friendly Design
Google ist nicht dumm
10
Search Engine Friendly Design
Was Suchmaschinen mögen
11
•Informativ
•Relevant
•Schnell
•Wenig Ablenkung
•Wenig Werbung
ht...
Search Engine Friendly Design
Was Suchmaschinen mögen
12
•Informativ
•Relevant
•Schnell
•Wenig Ablenkung
•Wenig Werbung
Go...
Search Engine Friendly Design
Search Engine Friendly Design
13
User
Centered
Design
Technical
Centered
Design
SEFD
Search Engine Friendly Design
Search Engine Friendly Design
14
SEFD
Technical
Centered
Design
User
Centered
Design
Search Engine Friendly Design
Content is King
15
Search Engine Friendly Design
Google muss Inhalte lesen können
16
Search Engine Friendly Design
Der Blick durch die Google-Brille
17
Search Engine Friendly Design
Suchmaschinen lesen Text
18
Search Engine Friendly Design
So sieht Google meine Seite
19
BASICS ABHAKEN
Search Engine Friendly Design
Was ist ein HTML-Dokument
21
<!DOCTYPE HTML>

<html lang="de">

<head>
…
</head>
<body>
…
</...
Search Engine Friendly Design
Was gehört in den Kopf der Seite?
22
<!DOCTYPE HTML>

<html lang="de">

<head>
…
</head>
<bo...
Search Engine Friendly Design
Was gehört in den Körper der Seite?
23
<!DOCTYPE HTML>

<html lang="de">

<head>
…
</head>
<...
Search Engine Friendly Design
Der Seitentitel
24
<!DOCTYPE HTML>

<html lang="de">

<head>

<title>Search Marketing Expo -...
Search Engine Friendly Design
Der Seitentitel im Browser
25
Search Engine Friendly Design
Der Seitentitel im Suchergebnis
26
Search Engine Friendly Design
Der Seitentitel im Suchergebnis
27
Search Engine Friendly Design
Basic Snippet-Optimierung
28
Search Engine Friendly Design
Basic Snippet-Optimierung
29
<head>

<meta name="description" content="SEO
+ SEA = SMX! Die ...
Search Engine Friendly Design
Bilder aus Sicht von Google?
30
Welcher
Welpe?
Search Engine Friendly Design 31
Weniger gut:
<img src="welpe.jpg"/>
Besser:
<img src="welpe.jpg" alt="welpe"/>
Am besten:...
Search Engine Friendly Design 32
Was Sie vermeiden sollten:
<img src="welpe.jpg" alt="Welpe Hund kleiner
Hund Welp Welps W...
Search Engine Friendly Design
Was machen wir mit Videos?
33
http://moz.com/blog/deep-learning-machine-learning-future-of-s...
Search Engine Friendly Design
Best Practice Video-Einbindung
34
http://moz.com/blog/deep-learning-machine-learning-future-...
Search Engine Friendly Design
Best Practice Video-Einbindung
35
<img src="//cloudfront.net/uploads/blog/
whiteboard-friday...
Search Engine Friendly Design
Best Practice Video-Einbindung
36
Search Engine Friendly Design
Flash?!
37
http://www.gocodigo.com/digital-signage-101-blog/2013/digital-signage/why-should-...
CRAWLABILITY
Search Engine Friendly Design
Crawling vs. Indexierung
39
http://www.sistrix.de/news/crawling-und-indexierung-umfangreiche...
Search Engine Friendly Design
Aufbau einer URL
40
protocol://sub.domain.tld/ordner/datei.html?var1=42&var2=wert#fragment
h...
DUPLICATE CONTENT
Search Engine Friendly Design
Häufige Fehler
42
Content ist mit und ohne "www" aufrufbar.
http://example.com
http://www.ex...
Search Engine Friendly Design
Häufige Fehler
43
Content ist über "http" und "https" aufrufbar.
http://www.example.com
http...
Search Engine Friendly Design
Häufige Fehler
44
Content ist mit und ohne „Trailing Slash" aufrufbar.
http://www.example.co...
Search Engine Friendly Design
Häufige Fehler
45
Content ist mit (Tracking-)Parametern aufrufbar.
http://www.example.com/
h...
Search Engine Friendly Design
Häufige Fehler
46
Seite ist auch mit Session-IDs aufrufbar.
http://www.example.com/
http://w...
Search Engine Friendly Design
Häufige Fehler
47
Content ist mit Groß- und Kleinschreibung aufrufbar.
http://www.example.co...
Search Engine Friendly Design
Häufige Fehler
48
Content ist über mehrere Ansichten aufrufbar
≠
http://www.example.com/arti...
Search Engine Friendly Design
Häufige Fehler
49
Content ist über Mobile und Desktop Webseite aufrufbar
≠
http://m.example....
Search Engine Friendly Design
Wie eine Indexierung verhindern?
50
•„noindex“
•„nofollow“
•Canonical Tag
•robots.txt
•Webma...
Search Engine Friendly Design 51
•Wir vor jedem Request abgefragt
•Muss im Root-Verzeichnis der Domain liegen
robots.txt
U...
Search Engine Friendly Design 52
•Wir vor jedem Request abgefragt
•Muss im Root-Verzeichnis der Domain liegen
robots.txt
U...
Search Engine Friendly Design 53
•Inhalte werden nicht in den Index aufgenommen
•Bedingung: Seite muss crawlbar sein (robo...
Search Engine Friendly Design 54
•Links auf dieser Seite werden nicht verfolgt
•Bedingung: Seite muss crawlbar sein (robot...
Search Engine Friendly Design 55
•Seite wird nicht in den Index aufgenommen (Vorsicht)
•Link auf der Seite werden nicht ve...
Search Engine Friendly Design
Der Canonical-Tag
56
http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth
Search Engine Friendly Design
Der Canonical-Tag
57
http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth
rel="can...
Search Engine Friendly Design 58
Webmaster Tools
Search Engine Friendly Design
Crawl Budget
59
http://searchengineland.com/how-i-think-crawl-budget-works-sort-of-59768
ARCHITEKTUR
Search Engine Friendly Design
1. Möglichst kurze Wege
61
Startseite
Seite 1 Seite 2 Seite 3 Seite 7.893
...
Search Engine Friendly Design
2. Die Entscheidung muss einfach sein
62
Startseite
Seite 1 Seite 2 Seite 3 Seite 5.768...
Search Engine Friendly Design
So viel wie nötig, so wenig wie möglich
63
Seite 2.1 Seite 2.2 Seite 2.3
Startseite
Seite 1 ...
Search Engine Friendly Design
Navigationsschema
64
Search Engine Friendly Design
Chaotische Verlinkung ohne Siloing
65
Search Engine Friendly Design
PageRank Vererbung
66
Search Engine Friendly Design
Das Reasonable Surfer Modell
67
Search Engine Friendly Design
Typisches Webseitenkonzept
68
Search Engine Friendly Design
Navigationsbedürfnisse
69
Search Engine Friendly Design
Ontologie
70
Search Engine Friendly Design
Diskriptive Linktexte
71
http://www.schleswig-holstein.de/IQSH/DE/IQSH_node.html
Search Engine Friendly Design
Diskriptive Linktexte
72
http://www.schleswig-holstein.de/IQSH/DE/IQSH_node.html
weiter zum ...
PAGE SPEED
Search Engine Friendly Design
Why Page Speed matters
74
100 ms zusätzliche Ladezeit 

= 

1% geringere Conversion-Rate
Gre...
Search Engine Friendly Design
Why Page Speed matters
75
500 ms zusätzliche Ladezeit
=
20% weniger Suchen
Marissa Mayer, Go...
Search Engine Friendly Design
Page Speed als Rankingfaktor
76
„Let’s make the web faster“
Search Engine Friendly Design
Google Page Speed Insights
77
Search Engine Friendly Design
Google Page Speed Insights
78
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
79
Verbindungsaufbau
HTML-Download
CSS-Datei
JavaScript-Datei
...
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
80
Verbindungsaufbau
HTML-Download
CSS-Datei
JavaScript-Datei
...
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
81
Verbindungsaufbau
HTML-Download
CSS-Datei
JavaScript-Datei
...
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
82
DNS Auflösung
HTML-Download
CSS-Datei
JavaScript-Datei
Bild ...
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
83
DNS Auflösung
HTML-Download
CSS-Datei
JavaScript-Datei
Bild ...
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
84
DNS Auflösung
HTML-Download
CSS-Datei
JavaScript-Datei
Bild ...
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
85
DNS Auflösung
HTML-Download
Bild 1
Bild 2
Bild 3
Bild 4
Logo...
Search Engine Friendly Design
Webfont
Was beeinflusst die Ladezeit?
86
Verbindungsaufbau
HTML-Download
CSS-Datei
JavaScrip...
Search Engine Friendly Design
Webfont
Was beeinflusst die Ladezeit?
87
Verbindungsaufbau
HTML-Download
CSS-Datei
JavaScrip...
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
88
Verbindungsaufbau
HTML-Download
CSS-Datei
JavaScript-Datei
...
Search Engine Friendly Design
Webfont
Was beeinflusst die Ladezeit?
89
Verbindungsaufbau
HTML-Download
CSS-Datei
JavaScrip...
MOBILE FRIENDLY FIRST!
Search Engine Friendly Design
Mobile Nutzung überwiegt längst
91
Morgan Stanley
Search Engine Friendly Design
Mobile Webseiten
92
Search Engine Friendly Design
Mobile Webseite auf eigener URL
93
Search Engine Friendly Design 94
Auf der Desktop-Seite http://www.example.com/page-1
<link rel="alternate" media="only scr...
Search Engine Friendly Design
Responsive Design
95
Responsive Webdesign stellt allen Geräten denselben Code bereit,
der an...
Search Engine Friendly Design
Google Test für mobile Geräte
96
https://www.google.com/webmasters/tools/mobile-friendly/
E-COMMERCE SPECIAL
Search Engine Friendly Design
Facetten-Navigation
98
Search Engine Friendly Design 99
•10 Preisoptionen
•12 Farben
•5 Obermateriale
•4 Funktionen
•50 Breiten
•30 Höhen
•4 Stil...
Search Engine Friendly Design 100
•10 Preisoptionen
•12 Farben
•5 Obermateriale
•4 Funktionen
•50 Breiten
•30 Höhen
•4 Sti...
Search Engine Friendly Design
Welche Facetten in den Index?
101
Search Engine Friendly Design
Die guten ins Töpfchen, die schlechten…
102
•Per Robots.txt sperren?
•Meta-Robots auf noinde...
Search Engine Friendly Design
„PRG“-Pattern als Lösung
103
Post Redirect Get
example.com/sofas/schlafcouch/gruen/
E-Mail: k.spriestersbach@eology.de
Telefon: 09381 58290 22
Mobil: 0176 96933632
Twitter: @seokai
Kai Spriestersbach
Präsen...
Nächste SlideShare
Wird geladen in …5
×

SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach

2.381 Aufrufe

Veröffentlicht am

Search Engine Friendly Design (SEFD) - Präsentation von Kai Spriestersbach von der SMX 2015 in München

“Ein gutes Webseiten-Design muss Nutzer und nicht Suchmaschinen ansprechen.” Das ist immer noch ein häufiger Einwand gegen SEO. Aber die Suchmaschinen bringen viele der Nutzer auf die Seiten. Zu ignorieren, wie Suchmaschinen mit einer Seite interagieren, kann sich niemand mehr leisten und wenn Ihre Seite für Suchmaschinen nicht funktioniert, verlieren Sie viele für Sie relevante Nutzer. Seiten zu gestalten, die sowohl für Suchmaschinen als auch für Nutzer attraktiv sind, ist aber heute kein Widerspruch mehr. Was sich sowohl Google als auch die Nutzer wünschen, erfahren Sie in dieser Session.

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

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.381
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
642
Aktionen
Geteilt
0
Downloads
43
Kommentare
0
Gefällt mir
7
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach

  1. 1. SEARCH ENGINE FRIENDLY DESIGN
  2. 2. KURZE VORSTELLUNG
  3. 3. Search Engine Friendly Design Kai Spriestersbach 3 • 11 Jahre Online Marketing-Erfahrung • Speaker • SMX München 2010 - 2015 • SEO CAMPIXX 2011 - 2015 • SEOkomm 2014 • SEO DAY 2015 • Referent der afs Akademie & 121WATT • Gastdozent der Hochschule Augsburg • Trainer beim Rheinwerk Verlag Bei Amazon.de unter: http://kai.im/dvd
  4. 4. Search Engine Friendly Design Kai Spriestersbach 4 • 11 Jahre Online Marketing-Erfahrung • Speaker • SMX München 2010 - 2015 • SEO CAMPIXX 2011 - 2015 • SEOkomm 2014 • SEO DAY 2015 • Referent der afs Akademie & 121WATT • Gastdozent der Hochschule Augsburg • Trainer beim Rheinwerk Verlag Bei Amazon.de unter: http://kai.im/dvd
  5. 5. Search Engine Friendly Design Kai Spriestersbach 5 • 11 Jahre Online Marketing-Erfahrung • Speaker • SMX München 2010 - 2015 • SEO CAMPIXX 2011 - 2015 • SEOkomm 2014 • SEO DAY 2015 • Referent der afs Akademie & 121WATT • Gastdozent der Hochschule Augsburg • Trainer beim Rheinwerk Verlag Bei Amazon.de unter: http://kai.im/dvd
  6. 6. Search Engine Friendly Design Gemeinsam stark 6 SEARCH ONE und eology kooperieren
  7. 7. WAS IST SEFD?
  8. 8. Search Engine Friendly Design Search Engine Friendly Design 8 User Centered Design Technical Centered Design SEFD
  9. 9. Search Engine Friendly Design Was Nutzer an Webseiten mögen 9 •Informativ •Relevant •Schnell •Wenig Ablenkung •Wenig Werbung http://www.topdesignmag.com/20-examples-of-bad-web-design/
  10. 10. Search Engine Friendly Design Google ist nicht dumm 10
  11. 11. Search Engine Friendly Design Was Suchmaschinen mögen 11 •Informativ •Relevant •Schnell •Wenig Ablenkung •Wenig Werbung http://www.2advanced.com
  12. 12. Search Engine Friendly Design Was Suchmaschinen mögen 12 •Informativ •Relevant •Schnell •Wenig Ablenkung •Wenig Werbung Google cache:http://www.2advanced.com FAIL
  13. 13. Search Engine Friendly Design Search Engine Friendly Design 13 User Centered Design Technical Centered Design SEFD
  14. 14. Search Engine Friendly Design Search Engine Friendly Design 14 SEFD Technical Centered Design User Centered Design
  15. 15. Search Engine Friendly Design Content is King 15
  16. 16. Search Engine Friendly Design Google muss Inhalte lesen können 16
  17. 17. Search Engine Friendly Design Der Blick durch die Google-Brille 17
  18. 18. Search Engine Friendly Design Suchmaschinen lesen Text 18
  19. 19. Search Engine Friendly Design So sieht Google meine Seite 19
  20. 20. BASICS ABHAKEN
  21. 21. Search Engine Friendly Design Was ist ein HTML-Dokument 21 <!DOCTYPE HTML>
 <html lang="de">
 <head> … </head> <body> … </body>
  22. 22. Search Engine Friendly Design Was gehört in den Kopf der Seite? 22 <!DOCTYPE HTML>
 <html lang="de">
 <head> … </head> <body> … </body> • Titel • Beschreibung • Stylesheet • Sprache • Robots
  23. 23. Search Engine Friendly Design Was gehört in den Körper der Seite? 23 <!DOCTYPE HTML>
 <html lang="de">
 <head> … </head> <body> … </body> • Header • Navigation • Inhaltselemente • Sidebar • Footer
  24. 24. Search Engine Friendly Design Der Seitentitel 24 <!DOCTYPE HTML>
 <html lang="de">
 <head>
 <title>Search Marketing Expo - SMX München - Suchmaschinen-Marketing, Suchmaschinen- Optimierung</title> ...
  25. 25. Search Engine Friendly Design Der Seitentitel im Browser 25
  26. 26. Search Engine Friendly Design Der Seitentitel im Suchergebnis 26
  27. 27. Search Engine Friendly Design Der Seitentitel im Suchergebnis 27
  28. 28. Search Engine Friendly Design Basic Snippet-Optimierung 28
  29. 29. Search Engine Friendly Design Basic Snippet-Optimierung 29 <head>
 <meta name="description" content="SEO + SEA = SMX! Die führende …" />
  30. 30. Search Engine Friendly Design Bilder aus Sicht von Google? 30 Welcher Welpe?
  31. 31. Search Engine Friendly Design 31 Weniger gut: <img src="welpe.jpg"/> Besser: <img src="welpe.jpg" alt="welpe"/> Am besten: <img src="welpe.jpg" alt="Niedlicher Labradorwelpe sitzt auf grüner Wiese"> Bilder für Google „lesbar“ machen http://www.fotocommunity.de/pc/pc/display/22280012
  32. 32. Search Engine Friendly Design 32 Was Sie vermeiden sollten: <img src="welpe.jpg" alt="Welpe Hund kleiner Hund Welp Welps Welpen Hunde Welps Wurf Welpen Hund Retriever Labrador Wolfshund Setter Pointer Welpe Jack Russell Terrier Welpen Hundefutter billiges Hundefutter Welpenfutter"/> Bilder für Google „lesbar“ machen
  33. 33. Search Engine Friendly Design Was machen wir mit Videos? 33 http://moz.com/blog/deep-learning-machine-learning-future-of-seo-whiteboard-friday
  34. 34. Search Engine Friendly Design Best Practice Video-Einbindung 34 http://moz.com/blog/deep-learning-machine-learning-future-of-seo-whiteboard-friday
  35. 35. Search Engine Friendly Design Best Practice Video-Einbindung 35 <img src="//cloudfront.net/uploads/blog/ whiteboard-friday-image-of-board.jpg" alt="Whiteboard Friday Image of Board">
  36. 36. Search Engine Friendly Design Best Practice Video-Einbindung 36
  37. 37. Search Engine Friendly Design Flash?! 37 http://www.gocodigo.com/digital-signage-101-blog/2013/digital-signage/why-should-i-care-about-html5
  38. 38. CRAWLABILITY
  39. 39. Search Engine Friendly Design Crawling vs. Indexierung 39 http://www.sistrix.de/news/crawling-und-indexierung-umfangreicher-webseiten/
  40. 40. Search Engine Friendly Design Aufbau einer URL 40 protocol://sub.domain.tld/ordner/datei.html?var1=42&var2=wert#fragment http:
 https:
 ftp:
 mailto: www
 blog
 m
 shop marke
 keyword
 fantasie .de
 .com
 .net
 .org /news/
 /produkte/ index.html
 startseite.htm
 page.php
 seite.jsp ?filter=preis
 ?s=suchwort #top
 #news #absatz2
  41. 41. DUPLICATE CONTENT
  42. 42. Search Engine Friendly Design Häufige Fehler 42 Content ist mit und ohne "www" aufrufbar. http://example.com http://www.example.com ≠
  43. 43. Search Engine Friendly Design Häufige Fehler 43 Content ist über "http" und "https" aufrufbar. http://www.example.com https://www.example.com ≠
  44. 44. Search Engine Friendly Design Häufige Fehler 44 Content ist mit und ohne „Trailing Slash" aufrufbar. http://www.example.com/pfad/ http://www.example.com/pfad ≠
  45. 45. Search Engine Friendly Design Häufige Fehler 45 Content ist mit (Tracking-)Parametern aufrufbar. http://www.example.com/ http://www.example.com/tid=2348742 ≠
  46. 46. Search Engine Friendly Design Häufige Fehler 46 Seite ist auch mit Session-IDs aufrufbar. http://www.example.com/ http://www.example.com/sid=1337 ≠
  47. 47. Search Engine Friendly Design Häufige Fehler 47 Content ist mit Groß- und Kleinschreibung aufrufbar. http://www.example.com/Pfad/ http://www.example.com/pfad/ ≠
  48. 48. Search Engine Friendly Design Häufige Fehler 48 Content ist über mehrere Ansichten aufrufbar ≠ http://www.example.com/artikel42/drucken/ http://www.example.com/artikel42/
  49. 49. Search Engine Friendly Design Häufige Fehler 49 Content ist über Mobile und Desktop Webseite aufrufbar ≠ http://m.example.com/ http://www.example.com/
  50. 50. Search Engine Friendly Design Wie eine Indexierung verhindern? 50 •„noindex“ •„nofollow“ •Canonical Tag •robots.txt •Webmaster Tools http://www.trafficmaxx.de/blog/seo/pr-sculpting-robotstxt-noindex-oder-nofollow
  51. 51. Search Engine Friendly Design 51 •Wir vor jedem Request abgefragt •Muss im Root-Verzeichnis der Domain liegen robots.txt User-agent: * Disallow: /cgi-bin/ Disallow: /tmp/ Allow: /tmp/pdfs/
  52. 52. Search Engine Friendly Design 52 •Wir vor jedem Request abgefragt •Muss im Root-Verzeichnis der Domain liegen robots.txt User-agent: * Disallow: /cgi-bin/ Disallow: /tmp/ Allow: /tmp/pdfs/
  53. 53. Search Engine Friendly Design 53 •Inhalte werden nicht in den Index aufgenommen •Bedingung: Seite muss crawlbar sein (robots.txt) Noindex <head>
 …
 <meta name="robots" content="noindex" />
  54. 54. Search Engine Friendly Design 54 •Links auf dieser Seite werden nicht verfolgt •Bedingung: Seite muss crawlbar sein (robots.txt) Nofollow <head>
 …
 <meta name="robots" content="nofollow" />
  55. 55. Search Engine Friendly Design 55 •Seite wird nicht in den Index aufgenommen (Vorsicht) •Link auf der Seite werden nicht verfolgt! •Bedingung: Seite muss crawlbar sein (robots.txt) Canonical-Tag <head>
 …
 <link rel="canonical" href="http://example.com"/>
  56. 56. Search Engine Friendly Design Der Canonical-Tag 56 http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth
  57. 57. Search Engine Friendly Design Der Canonical-Tag 57 http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth rel="canonical"
  58. 58. Search Engine Friendly Design 58 Webmaster Tools
  59. 59. Search Engine Friendly Design Crawl Budget 59 http://searchengineland.com/how-i-think-crawl-budget-works-sort-of-59768
  60. 60. ARCHITEKTUR
  61. 61. Search Engine Friendly Design 1. Möglichst kurze Wege 61 Startseite Seite 1 Seite 2 Seite 3 Seite 7.893 ...
  62. 62. Search Engine Friendly Design 2. Die Entscheidung muss einfach sein 62 Startseite Seite 1 Seite 2 Seite 3 Seite 5.768...
  63. 63. Search Engine Friendly Design So viel wie nötig, so wenig wie möglich 63 Seite 2.1 Seite 2.2 Seite 2.3 Startseite Seite 1 Seite 2 Seite 3 Seite 4
  64. 64. Search Engine Friendly Design Navigationsschema 64
  65. 65. Search Engine Friendly Design Chaotische Verlinkung ohne Siloing 65
  66. 66. Search Engine Friendly Design PageRank Vererbung 66
  67. 67. Search Engine Friendly Design Das Reasonable Surfer Modell 67
  68. 68. Search Engine Friendly Design Typisches Webseitenkonzept 68
  69. 69. Search Engine Friendly Design Navigationsbedürfnisse 69
  70. 70. Search Engine Friendly Design Ontologie 70
  71. 71. Search Engine Friendly Design Diskriptive Linktexte 71 http://www.schleswig-holstein.de/IQSH/DE/IQSH_node.html
  72. 72. Search Engine Friendly Design Diskriptive Linktexte 72 http://www.schleswig-holstein.de/IQSH/DE/IQSH_node.html weiter zum Artikel:
 „Institut für Qualitätsentwicklung 
 an Schulen Schleswig-Holstein“
  73. 73. PAGE SPEED
  74. 74. Search Engine Friendly Design Why Page Speed matters 74 100 ms zusätzliche Ladezeit 
 = 
 1% geringere Conversion-Rate Greg Linden, Amazon
  75. 75. Search Engine Friendly Design Why Page Speed matters 75 500 ms zusätzliche Ladezeit = 20% weniger Suchen Marissa Mayer, Google
  76. 76. Search Engine Friendly Design Page Speed als Rankingfaktor 76 „Let’s make the web faster“
  77. 77. Search Engine Friendly Design Google Page Speed Insights 77
  78. 78. Search Engine Friendly Design Google Page Speed Insights 78
  79. 79. Search Engine Friendly Design Was beeinflusst die Ladezeit? 79 Verbindungsaufbau HTML-Download CSS-Datei JavaScript-Datei Bild 1 Bild 2 Bild 3 Logo Datei Webfont CSS-Framework JavaScript-Framework Icon Bild 4 Bild 5 Bild 6 Ladezeit
  80. 80. Search Engine Friendly Design Was beeinflusst die Ladezeit? 80 Verbindungsaufbau HTML-Download CSS-Datei JavaScript-Datei Bild 1 Bild 2 Bild 3 Logo Datei Webfont CSS-Framework JavaScript-Framework Icon Bild 4 Bild 5 Bild 6 Ladezeit
  81. 81. Search Engine Friendly Design Was beeinflusst die Ladezeit? 81 Verbindungsaufbau HTML-Download CSS-Datei JavaScript-Datei Bild 1 Bild 2 Bild 3 Logo Datei Webfont CSS-Framework JavaScript-Framework Icon Bild 4 Bild 5 Bild 6 GZIP-Kompression Ladezeit
  82. 82. Search Engine Friendly Design Was beeinflusst die Ladezeit? 82 DNS Auflösung HTML-Download CSS-Datei JavaScript-Datei Bild 1 Bild 2 Bild 3 Logo Datei Webfont CSS-Framework JavaScript-Framework Icon Bild 4 Bild 5 Bild 6 Ladezeit
  83. 83. Search Engine Friendly Design Was beeinflusst die Ladezeit? 83 DNS Auflösung HTML-Download CSS-Datei JavaScript-Datei Bild 1 Bild 2 Bild 3 Logo Datei Webfont CSS-Framework JavaScript-Framework Icon Bild 4 Bild 5 Bild 6 Auflösung & Kompression Ladezeit
  84. 84. Search Engine Friendly Design Was beeinflusst die Ladezeit? 84 DNS Auflösung HTML-Download CSS-Datei JavaScript-Datei Bild 1 Bild 2 Bild 3 Bild 4 Logo Datei Bild 5 Bild 6 Webfont CSS-Framework JavaScript-Framework Icon Ladezeit
  85. 85. Search Engine Friendly Design Was beeinflusst die Ladezeit? 85 DNS Auflösung HTML-Download Bild 1 Bild 2 Bild 3 Bild 4 Logo Datei Bild 5 Webfont CSS-Framework JavaScript-Framework Icon HTTP Requests minimieren + Bilder auf CDN oder Subdomain Ladezeit Bild 6
  86. 86. Search Engine Friendly Design Webfont Was beeinflusst die Ladezeit? 86 Verbindungsaufbau HTML-Download CSS-Datei JavaScript-Datei Bild 1 Bild 2 Bild 3 Logo Datei CSS-Framework JavaScript-Framework Icon Bild 4 Bild 5 Bild 6 Ladezeit
  87. 87. Search Engine Friendly Design Webfont Was beeinflusst die Ladezeit? 87 Verbindungsaufbau HTML-Download CSS-Datei JavaScript-Datei Logo Datei Icon JavaScript +
 CSS kombinieren Ladezeit Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 Bild 6
  88. 88. Search Engine Friendly Design Was beeinflusst die Ladezeit? 88 Verbindungsaufbau HTML-Download CSS-Datei JavaScript-Datei Bild 1 Bild 2 Bild 3 Logo Datei Webfont CSS-Framework JavaScript-Framework Icon Bild 4 Bild 5 Bild 6 Ladezeit
  89. 89. Search Engine Friendly Design Webfont Was beeinflusst die Ladezeit? 89 Verbindungsaufbau HTML-Download CSS-Datei JavaScript-Datei Logo Datei Icon Es macht einen echten Unterschied Ladezeit Bild 1 Bild 2 Bild 3 Bild 4 Bild 5
  90. 90. MOBILE FRIENDLY FIRST!
  91. 91. Search Engine Friendly Design Mobile Nutzung überwiegt längst 91 Morgan Stanley
  92. 92. Search Engine Friendly Design Mobile Webseiten 92
  93. 93. Search Engine Friendly Design Mobile Webseite auf eigener URL 93
  94. 94. Search Engine Friendly Design 94 Auf der Desktop-Seite http://www.example.com/page-1 <link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1"> Auf der mobilen Seite http://m.example.com/page-1 <link rel="canonical" href="http://www.example.com/page-1" > Duplicate Content vermeiden
  95. 95. Search Engine Friendly Design Responsive Design 95 Responsive Webdesign stellt allen Geräten denselben Code bereit, der anschließend auf die Bildschirmgröße angepasst wird.
  96. 96. Search Engine Friendly Design Google Test für mobile Geräte 96 https://www.google.com/webmasters/tools/mobile-friendly/
  97. 97. E-COMMERCE SPECIAL
  98. 98. Search Engine Friendly Design Facetten-Navigation 98
  99. 99. Search Engine Friendly Design 99 •10 Preisoptionen •12 Farben •5 Obermateriale •4 Funktionen •50 Breiten •30 Höhen •4 Stile •50 Marken „Unendliche“ Möglichkeiten
  100. 100. Search Engine Friendly Design 100 •10 Preisoptionen •12 Farben •5 Obermateriale •4 Funktionen •50 Breiten •30 Höhen •4 Stile •50 Marken „Unendliche“ Möglichkeiten = 720.000.000 Kombinationen Nur bei den Sofas! 10 * 12 * 5 * 4 * 50 * 30 * 4 * 50
  101. 101. Search Engine Friendly Design Welche Facetten in den Index? 101
  102. 102. Search Engine Friendly Design Die guten ins Töpfchen, die schlechten… 102 •Per Robots.txt sperren? •Meta-Robots auf noindex setzen? •Canonical-Tag auf eine andere Seite? •Links per JavaScript cloaken?
  103. 103. Search Engine Friendly Design „PRG“-Pattern als Lösung 103 Post Redirect Get example.com/sofas/schlafcouch/gruen/
  104. 104. E-Mail: k.spriestersbach@eology.de Telefon: 09381 58290 22 Mobil: 0176 96933632 Twitter: @seokai Kai Spriestersbach Präsentation unter: http://kai.im/sefd-smx2015 VIELEN DANK

×