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

SEARCH ENGINE FRIENDLY DESIGN

KURZE VORSTELLUNG

Search Engine Friendly Design

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 Bei Amazon.de unter: http://kai.im/dvd

Kai Spriestersbach

Gemeinsam stark

SEARCH ONE und eology kooperieren

WAS IST SEFD?

User Centered Design

Technical Centered Design

Was Nutzer an Webseiten mögen

•Informativ •Relevant •Schnell •Wenig Ablenkung •Wenig Werbung

http://www.topdesignmag.com/20-examples-of-bad-web-design/

Google ist nicht dumm

Was Suchmaschinen mögen

http://www.2advanced.com

Was Suchmaschinen mögen

Google cache:http://www.2advanced.com

User Centered Design

Technical Centered Design

Technical Centered DesignUser

Centered Design

Content is King

Google muss Inhalte lesen können

Der Blick durch die Google-Brille

Suchmaschinen lesen Text

So sieht Google meine Seite

BASICS ABHAKEN

Was ist ein HTML-Dokument

<!DOCTYPE HTML> <html lang="de"> <head>

</head>

<body>

</body>

Was gehört in den Kopf der Seite?

</head>

<body>

</body>

• Titel • Beschreibung • Stylesheet • Sprache • Robots

Was gehört in den Körper der Seite?

</head>

<body>

</body>

• Header • Navigation • Inhaltselemente • Sidebar • Footer

Der Seitentitel

<!DOCTYPE HTML> <html lang="de"> <head><title>Search Marketing Expo - SMX München

- Suchmaschinen-Marketing, Suchmaschinen-

Optimierung</title>

Der Seitentitel im Browser

Der Seitentitel im Suchergebnis

Basic Snippet-Optimierung

<head><meta name="description" content="SEO

+ SEA = SMX! Die führende …" />

Bilder aus Sicht von Google?

Welcher Welpe?

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

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

Was machen wir mit Videos?

http://moz.com/blog/deep-learning-machine-learning-future-of-seo-whiteboard-friday

Best Practice Video-Einbindung

http://moz.com/blog/deep-learning-machine-learning-future-of-seo-whiteboard-friday

<img src="//cloudfront.net/uploads/blog/

whiteboard-friday-image-of-board.jpg"

alt="Whiteboard Friday Image of Board">

Flash?!

http://www.gocodigo.com/digital-signage-101-blog/2013/digital-signage/why-should-i-care-about-html5

CRAWLABILITY

Crawling vs. Indexierung

http://www.sistrix.de/news/crawling-und-indexierung-umfangreicher-webseiten/

Aufbau einer URL

protocol://sub.domain.tld/ordner/datei.html?var1=42&var2=wert#fragment

http:https:ftp:mailto:

wwwblogmshop

markekeywordfantasie

/news//produkte/

index.htmlstartseite.htm page.phpseite.jsp

?filter=preis?s=suchwort

#top#news

#absatz2

DUPLICATE CONTENT

Häufige Fehler

Content ist mit und ohne "www" aufrufbar.

http://example.com

http://www.example.com

Häufige Fehler

Content ist über "http" und "https" aufrufbar.

http://www.example.com

https://www.example.com

Häufige Fehler

Content ist mit und ohne „Trailing Slash" aufrufbar.

http://www.example.com/pfad/

http://www.example.com/pfad

Häufige Fehler

Content ist mit (Tracking-)Parametern aufrufbar.

http://www.example.com/

http://www.example.com/tid=2348742

Häufige Fehler

Seite ist auch mit Session-IDs aufrufbar.

http://www.example.com/sid=1337

Häufige Fehler

Content ist mit Groß- und Kleinschreibung aufrufbar.

http://www.example.com/Pfad/

http://www.example.com/pfad/

Häufige Fehler

Content ist über mehrere Ansichten aufrufbar

≠http://www.example.com/artikel42/drucken/

http://www.example.com/artikel42/

Häufige Fehler

Content ist über Mobile und Desktop Webseite aufrufbar

≠http://m.example.com/

Wie eine Indexierung verhindern?

•„noindex“ •„nofollow“ •Canonical Tag •robots.txt •Webmaster Tools

http://www.trafficmaxx.de/blog/seo/pr-sculpting-robotstxt-noindex-oder-nofollow

•Wir vor jedem Request abgefragt •Muss im Root-Verzeichnis der Domain liegen

robots.txt

User-agent: * Disallow: /cgi-bin/ Disallow: /tmp/ Allow: /tmp/pdfs/

•Wir vor jedem Request abgefragt •Muss im Root-Verzeichnis der Domain liegen

robots.txt

User-agent: * Disallow: /cgi-bin/ Disallow: /tmp/ Allow: /tmp/pdfs/

•Inhalte werden nicht in den Index aufgenommen •Bedingung: Seite muss crawlbar sein (robots.txt)

Noindex

•Links auf dieser Seite werden nicht verfolgt •Bedingung: Seite muss crawlbar sein (robots.txt)

Nofollow

•Seite wird nicht in den Index aufgenommen (Vorsicht) •Link auf der Seite werden nicht verfolgt! •Bedingung: Seite muss crawlbar sein (robots.txt)

Canonical-Tag

Der Canonical-Tag

http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth

Der Canonical-Tag

http://moz.com/blog/dispelling-a-persistent-rel-canonical-myth

rel="canonical"

Webmaster Tools

Crawl Budget

http://searchengineland.com/how-i-think-crawl-budget-works-sort-of-59768

ARCHITEKTUR

1. Möglichst kurze Wege

Startseite

Seite 1 Seite 2 Seite 3 Seite 7.893...

2. Die Entscheidung muss einfach sein

Startseite

Seite 1 Seite 2 Seite 3 Seite 5.768...

So viel wie nötig, so wenig wie möglich

Seite 2.1 Seite 2.2 Seite 2.3

Startseite

Seite 1 Seite 2 Seite 3 Seite 4

Navigationsschema

Chaotische Verlinkung ohne Siloing

PageRank Vererbung

Das Reasonable Surfer Modell

Typisches Webseitenkonzept

Navigationsbedürfnisse

Ontologie

Diskriptive Linktexte

http://www.schleswig-holstein.de/IQSH/DE/IQSH_node.html

Diskriptive Linktexte

http://www.schleswig-holstein.de/IQSH/DE/IQSH_node.html

weiter zum Artikel:„Institut für Qualitätsentwicklung an Schulen Schleswig-Holstein“

PAGE SPEED

Why Page Speed matters

100 ms zusätzliche Ladezeit =

1% geringere Conversion-Rate

Greg Linden, Amazon

Why Page Speed matters

500 ms zusätzliche Ladezeit =

20% weniger Suchen

Marissa Mayer, Google

Page Speed als Rankingfaktor

„Let’s make the web faster“

Google Page Speed Insights

Was beeinflusst die Ladezeit?

VerbindungsaufbauHTML-Download

CSS-DateiJavaScript-Datei

Bild 1Bild 2

Bild 3

Logo Datei

Webfont

CSS-FrameworkJavaScript-Framework

Bild 4Bild 5

Bild 6Ladezeit

Bild 1Bild 2

Bild 3

Logo Datei

Webfont

Bild 4Bild 5

Bild 6Ladezeit

Bild 1Bild 2

Bild 3

Logo Datei

Webfont

Bild 4Bild 5

Bild 6

GZIP-Kompression

Ladezeit

DNS AuflösungHTML-Download

Bild 1Bild 2

Bild 3

Logo Datei

Webfont

Bild 4Bild 5

Bild 6Ladezeit

Bild 1Bild 2

Bild 3

Logo Datei

Webfont

Bild 4Bild 5

Bild 6

Auflösung & Kompression

Ladezeit

Bild 1Bild 2

Bild 3Bild 4

Logo Datei

Bild 5Bild 6

Webfont

Ladezeit

Bild 1Bild 2

Bild 3Bild 4

Logo Datei

Bild 5

Webfont

HTTP Requests minimieren

+ Bilder auf CDN

oder Subdomain

Ladezeit

Bild 6

Webfont

Bild 1Bild 2

Bild 3

Logo Datei

Bild 4Bild 5

Bild 6Ladezeit

Webfont

Logo DateiIcon

JavaScript +CSS kombinieren

Ladezeit

Bild 1Bild 2

Bild 3Bild 4

Bild 5Bild 6

Bild 1Bild 2

Bild 3

Logo Datei

Webfont

Bild 4Bild 5

Bild 6Ladezeit

Webfont

Logo DateiIcon

Es macht einen echten Unterschied

Ladezeit

Bild 1Bild 2

Bild 3Bild 4

Bild 5

MOBILE FRIENDLY FIRST!

Mobile Nutzung überwiegt längst

Morgan Stanley

Mobile Webseiten

Mobile Webseite auf eigener URL

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

Responsive Design

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

Google Test für mobile Geräte

https://www.google.com/webmasters/tools/mobile-friendly/

E-COMMERCE SPECIAL

Facetten-Navigation

•10 Preisoptionen •12 Farben •5 Obermateriale •4 Funktionen •50 Breiten •30 Höhen •4 Stile •50 Marken

„Unendliche“ Möglichkeiten

•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

Welche Facetten in den Index?

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?

„PRG“-Pattern als Lösung

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äsentation unter: http://kai.im/sefd-smx2015

VIELEN DANK

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

Marketing

Kai Spriestersbach - Die Macht der internen Verlinkung SEO CAMPIXX 2013

TITEL DER PRÄSENTATION - km credit consulting · • Gründer + Geschäftsführer 8com • Buchautor • Kolumnist • Speaker • Hacker (friendly ) ... Versicherungen für kritische

Smx 2013 knut barth

hreflang SMX München 2016 Eoghan Henn

Copyright everynear 2013 * Benutzerfreundliche Allgegenwärtige Ladestellen für Elektromobilität User friendly ubiquitous charging infrastructure for e-mobility

Bing Webmaster Tools - Einführung (SMX 2014)

Vortrag alexander holl smx münchen recap zur vib lounge im märz 2012

Google Adwords Remarketing - SMX München 2011

Brands und SEO - Etablierte Marke - Was sagt Google dazu? - SMX München 2015 Kai Spriestersbach

Fly the friendly skies' von Sunita Jain - School-Scout · 2020. 7. 21. · Titel: Sunita Jain – Fly the friendly skies Bestellnummer: 36511 Kurzvorstellung: Englischsprachige Interpretation

SMX München 2013 - AdWords Automatisierung

SMX München 2014: Maps & Metros - Überleben und Gewinnen mit lokaler Suche

SMX 2009 - Reputation und Social Media Management für Unternehmen

SMX 2013 - Ein Bild ist mehr wert als tausend Links

Smart Business Connect: Kick-Off Friendly Pilot UCCdocuments.swisscom.com/product/1000614-Smart_Business_Connect... · Smart Business Connect: Kick-Off Friendly Pilot UCC 19. September

Friendly Work Space Job-Stress-Analysis · Friendly Work Space (FWS) Job-Stress-Analysis ist ein Online-Befragungsinstrument zur Analyse der Res-sourcen und Belastungen sowie des

Cédric Ulmer Markus Lauff, Axel Spriestersbach, Thomas Ziegert, Amy Yu

Installationshandbuch für die SMX Serie SMX Modular und ...bbh-products.de/files/content/downloads/Handbuecher/de/HB-37420 … · des PLC-Programms Sicherheitstechnische Prüfung

Tag 1 - Dienstag, 20. März 2018 - SMX München · Tag 1 - Dienstag, 20. März 2018 08:00 Uhr Registrierung + Kaffee, Tee und Frühstückssnack 08:30 Uhr SMX Orientierungs-Meeting

SMX 2017: Search Marketing Reports: Warum deine Daten dich belügen oder - Spaß mit der Google Search Console