SMX-Präsentation-Spriestersbach-Search-Engine-Friendly

Transcrição

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

SMX-Präsentation-Spriestersbach-Search-Engine-Friendly

Transcrição

Documentos relacionados

Die Krise ist eine Wende.

322 Suchmaschinen

3D Game Engine for Multiplayer Online Games

Detailansicht - Personalwirtschaft

KLV-W40A10E - Easynotebooks.de

business source premier - Ruhr

Bilder, Porträts

Aktivitäten:

PDF-Dokument

Anleitung zur Suche