sefd - search engine friendly design - smx münchen 2015 kai spriestersbach
TRANSCRIPT
![Page 1: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/1.jpg)
SEARCH ENGINE FRIENDLY DESIGN
![Page 2: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/2.jpg)
KURZE VORSTELLUNG
![Page 3: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/3.jpg)
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
![Page 4: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/4.jpg)
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
![Page 5: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/5.jpg)
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
![Page 6: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/6.jpg)
Search Engine Friendly Design
Gemeinsam stark
6
SEARCH ONE und eology kooperieren
![Page 7: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/7.jpg)
WAS IST SEFD?
![Page 8: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/8.jpg)
Search Engine Friendly Design
Search Engine Friendly Design
8
User Centered Design
Technical Centered Design
SEFD
![Page 9: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/9.jpg)
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/
![Page 10: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/10.jpg)
Search Engine Friendly Design
Google ist nicht dumm
10
![Page 11: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/11.jpg)
Search Engine Friendly Design
Was Suchmaschinen mögen
11
•Informativ •Relevant •Schnell •Wenig Ablenkung •Wenig Werbung
http://www.2advanced.com
![Page 12: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/12.jpg)
Search Engine Friendly Design
Was Suchmaschinen mögen
12
•Informativ •Relevant •Schnell •Wenig Ablenkung •Wenig Werbung
Google cache:http://www.2advanced.com
FAIL
![Page 13: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/13.jpg)
Search Engine Friendly Design
Search Engine Friendly Design
13
User Centered Design
Technical Centered Design
SEFD
![Page 14: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/14.jpg)
Search Engine Friendly Design
Search Engine Friendly Design
14
SEFD
Technical Centered DesignUser
Centered Design
![Page 15: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/15.jpg)
Search Engine Friendly Design
Content is King
15
![Page 16: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/16.jpg)
Search Engine Friendly Design
Google muss Inhalte lesen können
16
![Page 17: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/17.jpg)
Search Engine Friendly Design
Der Blick durch die Google-Brille
17
![Page 18: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/18.jpg)
Search Engine Friendly Design
Suchmaschinen lesen Text
18
![Page 19: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/19.jpg)
Search Engine Friendly Design
So sieht Google meine Seite
19
![Page 20: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/20.jpg)
BASICS ABHAKEN
![Page 21: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/21.jpg)
Search Engine Friendly Design
Was ist ein HTML-Dokument
21
<!DOCTYPE HTML> <html lang="de"> <head>
…
</head>
<body>
…
</body>
![Page 22: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/22.jpg)
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
![Page 23: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/23.jpg)
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
![Page 24: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/24.jpg)
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>
...
![Page 25: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/25.jpg)
Search Engine Friendly Design
Der Seitentitel im Browser
25
![Page 26: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/26.jpg)
Search Engine Friendly Design
Der Seitentitel im Suchergebnis
26
![Page 27: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/27.jpg)
Search Engine Friendly Design
Der Seitentitel im Suchergebnis
27
![Page 28: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/28.jpg)
Search Engine Friendly Design
Basic Snippet-Optimierung
28
![Page 29: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/29.jpg)
Search Engine Friendly Design
Basic Snippet-Optimierung
29
<head><meta name="description" content="SEO
+ SEA = SMX! Die führende …" />
![Page 30: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/30.jpg)
Search Engine Friendly Design
Bilder aus Sicht von Google?
30
Welcher Welpe?
![Page 31: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/31.jpg)
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
![Page 32: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/32.jpg)
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
![Page 33: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/33.jpg)
Search Engine Friendly Design
Was machen wir mit Videos?
33
http://moz.com/blog/deep-learning-machine-learning-future-of-seo-whiteboard-friday
![Page 34: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/34.jpg)
Search Engine Friendly Design
Best Practice Video-Einbindung
34
http://moz.com/blog/deep-learning-machine-learning-future-of-seo-whiteboard-friday
![Page 35: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/35.jpg)
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">
![Page 36: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/36.jpg)
Search Engine Friendly Design
Best Practice Video-Einbindung
36
![Page 37: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/37.jpg)
Search Engine Friendly Design
Flash?!
37
http://www.gocodigo.com/digital-signage-101-blog/2013/digital-signage/why-should-i-care-about-html5
![Page 38: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/38.jpg)
CRAWLABILITY
![Page 39: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/39.jpg)
Search Engine Friendly Design
Crawling vs. Indexierung
39
http://www.sistrix.de/news/crawling-und-indexierung-umfangreicher-webseiten/
![Page 40: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/40.jpg)
Search Engine Friendly Design
Aufbau einer URL
40
protocol://sub.domain.tld/ordner/datei.html?var1=42&var2=wert#fragment
http:https:ftp:mailto:
wwwblogmshop
markekeywordfantasie
.de
.com
.net
.org
/news//produkte/
index.htmlstartseite.htm page.phpseite.jsp
?filter=preis?s=suchwort
#top#news
#absatz2
![Page 41: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/41.jpg)
DUPLICATE CONTENT
![Page 42: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/42.jpg)
Search Engine Friendly Design
Häufige Fehler
42
Content ist mit und ohne "www" aufrufbar.
http://example.com
http://www.example.com
≠
![Page 43: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/43.jpg)
Search Engine Friendly Design
Häufige Fehler
43
Content ist über "http" und "https" aufrufbar.
http://www.example.com
https://www.example.com
≠
![Page 44: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/44.jpg)
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
≠
![Page 45: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/45.jpg)
Search Engine Friendly Design
Häufige Fehler
45
Content ist mit (Tracking-)Parametern aufrufbar.
http://www.example.com/
http://www.example.com/tid=2348742
≠
![Page 46: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/46.jpg)
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
≠
![Page 47: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/47.jpg)
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/
≠
![Page 48: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/48.jpg)
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/
![Page 49: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/49.jpg)
Search Engine Friendly Design
Häufige Fehler
49
Content ist über Mobile und Desktop Webseite aufrufbar
≠http://m.example.com/
http://www.example.com/
![Page 50: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/50.jpg)
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
![Page 51: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/51.jpg)
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/
![Page 52: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/52.jpg)
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/
![Page 53: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/53.jpg)
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" />
![Page 54: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/54.jpg)
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" />
![Page 55: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/55.jpg)
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"/>
![Page 56: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/56.jpg)
Search Engine Friendly Design
Der Canonical-Tag
56
http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth
![Page 57: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/57.jpg)
Search Engine Friendly Design
Der Canonical-Tag
57
http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth
rel="canonical"
![Page 58: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/58.jpg)
Search Engine Friendly Design 58
Webmaster Tools
![Page 59: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/59.jpg)
Search Engine Friendly Design
Crawl Budget
59
http://searchengineland.com/how-i-think-crawl-budget-works-sort-of-59768
![Page 60: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/60.jpg)
ARCHITEKTUR
![Page 61: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/61.jpg)
Search Engine Friendly Design
1. Möglichst kurze Wege
61
Startseite
Seite 1 Seite 2 Seite 3 Seite 7.893...
![Page 62: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/62.jpg)
Search Engine Friendly Design
2. Die Entscheidung muss einfach sein
62
Startseite
Seite 1 Seite 2 Seite 3 Seite 5.768...
![Page 63: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/63.jpg)
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
![Page 64: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/64.jpg)
Search Engine Friendly Design
Navigationsschema
64
![Page 65: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/65.jpg)
Search Engine Friendly Design
Chaotische Verlinkung ohne Siloing
65
![Page 66: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/66.jpg)
Search Engine Friendly Design
PageRank Vererbung
66
![Page 67: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/67.jpg)
Search Engine Friendly Design
Das Reasonable Surfer Modell
67
![Page 68: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/68.jpg)
Search Engine Friendly Design
Typisches Webseitenkonzept
68
![Page 69: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/69.jpg)
Search Engine Friendly Design
Navigationsbedürfnisse
69
![Page 70: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/70.jpg)
Search Engine Friendly Design
Ontologie
70
![Page 71: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/71.jpg)
Search Engine Friendly Design
Diskriptive Linktexte
71
http://www.schleswig-holstein.de/IQSH/DE/IQSH_node.html
![Page 72: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/72.jpg)
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“
![Page 73: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/73.jpg)
PAGE SPEED
![Page 74: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/74.jpg)
Search Engine Friendly Design
Why Page Speed matters
74
100 ms zusätzliche Ladezeit =
1% geringere Conversion-Rate
Greg Linden, Amazon
![Page 75: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/75.jpg)
Search Engine Friendly Design
Why Page Speed matters
75
500 ms zusätzliche Ladezeit =
20% weniger Suchen
Marissa Mayer, Google
![Page 76: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/76.jpg)
Search Engine Friendly Design
Page Speed als Rankingfaktor
76
„Let’s make the web faster“
![Page 77: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/77.jpg)
Search Engine Friendly Design
Google Page Speed Insights
77
![Page 78: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/78.jpg)
Search Engine Friendly Design
Google Page Speed Insights
78
![Page 79: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/79.jpg)
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
79
VerbindungsaufbauHTML-Download
CSS-DateiJavaScript-Datei
Bild 1Bild 2
Bild 3
Logo Datei
Webfont
CSS-FrameworkJavaScript-Framework
Icon
Bild 4Bild 5
Bild 6Ladezeit
![Page 80: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/80.jpg)
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
80
VerbindungsaufbauHTML-Download
CSS-DateiJavaScript-Datei
Bild 1Bild 2
Bild 3
Logo Datei
Webfont
CSS-FrameworkJavaScript-Framework
Icon
Bild 4Bild 5
Bild 6Ladezeit
![Page 81: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/81.jpg)
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
81
VerbindungsaufbauHTML-Download
CSS-DateiJavaScript-Datei
Bild 1Bild 2
Bild 3
Logo Datei
Webfont
CSS-FrameworkJavaScript-Framework
Icon
Bild 4Bild 5
Bild 6
GZIP-Kompression
Ladezeit
![Page 82: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/82.jpg)
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
82
DNS AuflösungHTML-Download
CSS-DateiJavaScript-Datei
Bild 1Bild 2
Bild 3
Logo Datei
Webfont
CSS-FrameworkJavaScript-Framework
Icon
Bild 4Bild 5
Bild 6Ladezeit
![Page 83: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/83.jpg)
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
83
DNS AuflösungHTML-Download
CSS-DateiJavaScript-Datei
Bild 1Bild 2
Bild 3
Logo Datei
Webfont
CSS-FrameworkJavaScript-Framework
Icon
Bild 4Bild 5
Bild 6
Auflösung & Kompression
Ladezeit
![Page 84: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/84.jpg)
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
84
DNS AuflösungHTML-Download
CSS-DateiJavaScript-Datei
Bild 1Bild 2
Bild 3Bild 4
Logo Datei
Bild 5Bild 6
Webfont
CSS-FrameworkJavaScript-Framework
Icon
Ladezeit
![Page 85: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/85.jpg)
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
85
DNS AuflösungHTML-Download
Bild 1Bild 2
Bild 3Bild 4
Logo Datei
Bild 5
Webfont
CSS-FrameworkJavaScript-Framework
Icon
HTTP Requests minimieren
+ Bilder auf CDN
oder Subdomain
Ladezeit
Bild 6
![Page 86: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/86.jpg)
Search Engine Friendly Design
Webfont
Was beeinflusst die Ladezeit?
86
VerbindungsaufbauHTML-Download
CSS-DateiJavaScript-Datei
Bild 1Bild 2
Bild 3
Logo Datei
CSS-FrameworkJavaScript-Framework
Icon
Bild 4Bild 5
Bild 6Ladezeit
![Page 87: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/87.jpg)
Search Engine Friendly Design
Webfont
Was beeinflusst die Ladezeit?
87
VerbindungsaufbauHTML-Download
CSS-DateiJavaScript-Datei
Logo DateiIcon
JavaScript +CSS kombinieren
Ladezeit
Bild 1Bild 2
Bild 3Bild 4
Bild 5Bild 6
![Page 88: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/88.jpg)
Search Engine Friendly Design
Was beeinflusst die Ladezeit?
88
VerbindungsaufbauHTML-Download
CSS-DateiJavaScript-Datei
Bild 1Bild 2
Bild 3
Logo Datei
Webfont
CSS-FrameworkJavaScript-Framework
Icon
Bild 4Bild 5
Bild 6Ladezeit
![Page 89: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/89.jpg)
Search Engine Friendly Design
Webfont
Was beeinflusst die Ladezeit?
89
VerbindungsaufbauHTML-Download
CSS-DateiJavaScript-Datei
Logo DateiIcon
Es macht einen echten Unterschied
Ladezeit
Bild 1Bild 2
Bild 3Bild 4
Bild 5
![Page 90: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/90.jpg)
MOBILE FRIENDLY FIRST!
![Page 91: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/91.jpg)
Search Engine Friendly Design
Mobile Nutzung überwiegt längst
91
Morgan Stanley
![Page 92: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/92.jpg)
Search Engine Friendly Design
Mobile Webseiten
92
![Page 93: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/93.jpg)
Search Engine Friendly Design
Mobile Webseite auf eigener URL
93
![Page 94: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/94.jpg)
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
![Page 95: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/95.jpg)
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.
![Page 96: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/96.jpg)
Search Engine Friendly Design
Google Test für mobile Geräte
96
https://www.google.com/webmasters/tools/mobile-friendly/
![Page 97: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/97.jpg)
E-COMMERCE SPECIAL
![Page 98: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/98.jpg)
Search Engine Friendly Design
Facetten-Navigation
98
![Page 99: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/99.jpg)
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
![Page 100: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/100.jpg)
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
![Page 101: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/101.jpg)
Search Engine Friendly Design
Welche Facetten in den Index?
101
![Page 102: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/102.jpg)
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?
![Page 103: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/103.jpg)
Search Engine Friendly Design
„PRG“-Pattern als Lösung
103
Post Redirect Get
example.com/sofas/schlafcouch/gruen/
![Page 104: SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach](https://reader033.vdocuments.net/reader033/viewer/2022042817/55a674621a28ab3c3c8b46ff/html5/thumbnails/104.jpg)
E-Mail: [email protected] Telefon: 09381 58290 22 Mobil: 0176 96933632
Twitter: @seokai
Kai Spriestersbach
Präsentation unter: http://kai.im/sefd-smx2015
VIELEN DANK