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.
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. 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. 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
21. Search Engine Friendly Design
Was ist ein HTML-Dokument
21
<!DOCTYPE HTML>
<html lang="de">
<head>
…
</head>
<body>
…
</body>
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. 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
42. Search Engine Friendly Design
Häufige Fehler
42
Content ist mit und ohne "www" aufrufbar.
http://example.com
http://www.example.com
≠
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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Search Engine Friendly Design
Der Canonical-Tag
56
http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth
57. Search Engine Friendly Design
Der Canonical-Tag
57
http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth
rel="canonical"
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“
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. 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. Search Engine Friendly Design
Google Test für mobile Geräte
96
https://www.google.com/webmasters/tools/mobile-friendly/
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. Search Engine Friendly Design
„PRG“-Pattern als Lösung
103
Post Redirect Get
example.com/sofas/schlafcouch/gruen/