SEARCH ENGINE FRIENDLY DESIGN

Transkript

1 SEARCH ENGINE FRIENDLY DESIGN

2 KURZE VORSTELLUNG

3 Kai Spriestersbach 11 Jahre Online Marketing-Erfahrung Speaker SMX München SEO CAMPIXX SEOkomm 2014 SEO DAY 2015 Referent der afs Akademie & 121WATT Gastdozent der Hochschule Augsburg Trainer beim Rheinwerk Verlag Bei Amazon.de unter: 3

6 Gemeinsam stark SEARCH ONE und eology kooperieren 6

7 WAS IST SEFD?

8 User Centered Design Technical Centered Design SEFD 8

9 Was Nutzer an Webseiten mögen Informativ Relevant Schnell Wenig Ablenkung Wenig Werbung 9

10 Google ist nicht dumm 10

11 Was Suchmaschinen mögen Informativ Relevant Schnell Wenig Ablenkung Wenig Werbung 11

12 Was Suchmaschinen mögen Informativ Relevant Schnell Wenig Ablenkung FAIL Wenig Werbung Google cache: 12

13 User Centered Design Technical Centered Design SEFD 13

14 Technical User Centered Centered Design Design SEFD 14

15 Content is King 15

16 Google muss Inhalte lesen können 16

17 Der Blick durch die Google-Brille 17

18 Suchmaschinen lesen Text 18

19 So sieht Google meine Seite 19

20 BASICS ABHAKEN

21 Was ist ein HTML-Dokument <!DOCTYPE HTML> <html lang="de"> <head> </head> <body> </body> 21

22 Was gehört in den Kopf der Seite? <!DOCTYPE HTML> <html lang="de"> <head> </head> <body> Titel Beschreibung Stylesheet Sprache Robots </body> 22

23 Was gehört in den Körper der Seite? <!DOCTYPE HTML> <html lang="de"> <head> </head> <body> Header Navigation Inhaltselemente Sidebar Footer </body> 23

24 Der Seitentitel <!DOCTYPE HTML> <html lang="de"> <head> <title>search Marketing Expo - SMX München - Suchmaschinen-Marketing, Suchmaschinen- Optimierung</title>... 24

25 Der Seitentitel im Browser 25

26 Der Seitentitel im Suchergebnis 26

27 Der Seitentitel im Suchergebnis 27

28 Basic Snippet-Optimierung 28

29 Basic Snippet-Optimierung <head> <meta name="description" content="seo + SEA = SMX! Die führende " /> 29

30 Bilder aus Sicht von Google? Welcher Welpe? 30

31 Bilder für Google lesbar machen 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"> 31

32 Bilder für Google lesbar machen 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"/> 32

33 Was machen wir mit Videos? 33

34 Best Practice Video-Einbindung 34

35 Best Practice Video-Einbindung <img src="//cloudfront.net/uploads/blog/ whiteboard-friday-image-of-board.jpg" alt="whiteboard Friday Image of Board"> 35

36 Best Practice Video-Einbindung 36

37 Flash?! 37

38 CRAWLABILITY

39 Crawling vs. Indexierung 39

40 Aufbau einer URL http: https: marke ftp: keyword /news/?filter=preis mailto: fantasie /produkte/?s=suchwort protocol://sub.domain.tld/ordner/datei.html?var1=42&var2=wert#fragment index.html #top blog.com startseite.htm #news m.net page.php #absatz2 shop.org seite.jsp 40

41 DUPLICATE CONTENT

42 Häufige Fehler Content ist mit und ohne "www" aufrufbar. 42

43 Häufige Fehler Content ist über "http" und "https" aufrufbar. 43

44 Häufige Fehler Content ist mit und ohne Trailing Slash" aufrufbar. 44

45 Häufige Fehler Content ist mit (Tracking-)Parametern aufrufbar. 45

46 Häufige Fehler Seite ist auch mit Session-IDs aufrufbar. 46

47 Häufige Fehler Content ist mit Groß- und Kleinschreibung aufrufbar. 47

48 Häufige Fehler Content ist über mehrere Ansichten aufrufbar 48

49 Häufige Fehler Content ist über Mobile und Desktop Webseite aufrufbar 49

50 Wie eine Indexierung verhindern? noindex nofollow Canonical Tag robots.txt Webmaster Tools 50

51 robots.txt User-agent: * Disallow: /cgi-bin/ Disallow: /tmp/ Allow: /tmp/pdfs/ Wir vor jedem Request abgefragt Muss im Root-Verzeichnis der Domain liegen 51

52 robots.txt User-agent: * Disallow: /cgi-bin/ Disallow: /tmp/ Allow: /tmp/pdfs/ Wir vor jedem Request abgefragt Muss im Root-Verzeichnis der Domain liegen 52

53 Noindex <head> <meta name="robots" content="noindex" /> Inhalte werden nicht in den Index aufgenommen Bedingung: Seite muss crawlbar sein (robots.txt) 53

54 Nofollow <head> <meta name="robots" content="nofollow" /> Links auf dieser Seite werden nicht verfolgt Bedingung: Seite muss crawlbar sein (robots.txt) 54

55 Canonical-Tag <head> <link rel="canonical" href=" Seite wird nicht in den Index aufgenommen (Vorsicht) Link auf der Seite werden nicht verfolgt! Bedingung: Seite muss crawlbar sein (robots.txt) 55

56 Der Canonical-Tag 56

57 Der Canonical-Tag rel="canonical" 57

58 Webmaster Tools 58

59 Crawl Budget 59

60 ARCHITEKTUR

61 1. Möglichst kurze Wege Startseite Seite 1 Seite 2 Seite 3 Seite

62 2. Die Entscheidung muss einfach sein Startseite... Seite 1 Seite 2 Seite 3 Seite

63 So viel wie nötig, so wenig wie möglich Startseite Seite 1 Seite 2 Seite 3 Seite 4 Seite 2.1 Seite 2.2 Seite

64 Navigationsschema 64

65 Chaotische Verlinkung ohne Siloing 65

66 PageRank Vererbung 66

67 Das Reasonable Surfer Modell 67

68 Typisches Webseitenkonzept 68

69 Navigationsbedürfnisse 69

70 Ontologie 70

71 Diskriptive Linktexte 71

72 Diskriptive Linktexte weiter zum Artikel: Institut für Qualitätsentwicklung an Schulen Schleswig-Holstein 72

73 PAGE SPEED

74 Why Page Speed matters 100 ms zusätzliche Ladezeit = 1% geringere Conversion-Rate Greg Linden, Amazon 74

75 Why Page Speed matters 500 ms zusätzliche Ladezeit = 20% weniger Suchen Marissa Mayer, Google 75

76 Page Speed als Rankingfaktor Let s make the web faster 76

77 Google Page Speed Insights 77

78 Google Page Speed Insights 78

79 Was beeinflusst die Ladezeit? Verbindungsaufbau HTML-Download CSS-Framework JavaScript-Framework Webfont CSS-Datei JavaScript-Datei Logo Datei Icon Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 Ladezeit Bild 6 79

81 Was beeinflusst die Ladezeit? Verbindungsaufbau HTML-Download CSS-Framework JavaScript-Framework Webfont CSS-Datei GZIP-Kompression JavaScript-Datei Logo Datei Icon Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 Ladezeit Bild 6 81

82 Was beeinflusst die Ladezeit? DNS Auflösung HTML-Download CSS-Framework JavaScript-Framework Webfont CSS-Datei JavaScript-Datei Logo Datei Icon Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 Ladezeit Bild 6 82

83 Was beeinflusst die Ladezeit? DNS Auflösung HTML-Download CSS-Framework JavaScript-Framework Webfont CSS-Datei JavaScript-Datei Auflösung & Kompression Logo Datei Icon Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 Ladezeit Bild 6 83

84 Was beeinflusst die Ladezeit? DNS Auflösung HTML-Download CSS-Framework JavaScript-Framework Webfont CSS-Datei JavaScript-Datei Logo Datei Icon Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 Ladezeit Bild 6 84

85 Was beeinflusst die Ladezeit? DNS Auflösung HTML-Download CSS-Framework JavaScript-Framework Webfont Logo Datei HTTP Requests minimieren Icon Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 Bild 6 + Bilder auf CDN oder Subdomain Ladezeit 85

87 Was beeinflusst die Ladezeit? Verbindungsaufbau HTML-Download Webfont CSS-Datei JavaScript-Datei JavaScript + Icon Logo Datei Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 Bild 6 CSS kombinieren Ladezeit 87

89 Was beeinflusst die Ladezeit? Verbindungsaufbau HTML-Download Webfont CSS-Datei JavaScript-Datei Es macht einen Icon Logo Datei Bild 1 Bild 2 Bild 3 Bild 4 Bild 5 echten Unterschied Ladezeit 89

90 MOBILE FRIENDLY FIRST!

91 Mobile Nutzung überwiegt längst Morgan Stanley 91

92 Mobile Webseiten 92

93 Mobile Webseite auf eigener URL 93

94 Duplicate Content vermeiden Auf der Desktop-Seite <link rel="alternate" media="only screen and (max-width: 640px)" href=" Auf der mobilen Seite <link rel="canonical" href=" > 94

95 Responsive Design Responsive Webdesign stellt allen Geräten denselben Code bereit, der anschließend auf die Bildschirmgröße angepasst wird. 95

96 Google Test für mobile Geräte 96

97 E-COMMERCE SPECIAL

98 Facetten-Navigation 98

99 Unendliche Möglichkeiten 10 Preisoptionen 12 Farben 5 Obermateriale 4 Funktionen 50 Breiten 30 Höhen 4 Stile 50 Marken 99

100 Unendliche Möglichkeiten 10 Preisoptionen 12 Farben 5 Obermateriale 4 Funktionen 10 * 12 * 5 * 4 * 50 * 30 * 4 * 50 = Kombinationen 50 Breiten 30 Höhen Nur bei den Sofas! 4 Stile 50 Marken 100

101 Welche Facetten in den Index? 101

102 Die guten ins Töpfchen, die schlechten Per Robots.txt sperren? Meta-Robots auf noindex setzen? Canonical-Tag auf eine andere Seite? Links per JavaScript cloaken? 102

103 PRG -Pattern als Lösung Post Redirect Get example.com/sofas/schlafcouch/gruen/ 103

104 VIELEN DANK Kai Spriestersbach Telefon: Mobil: Präsentation unter: