SlideShare ist ein Scribd-Unternehmen logo
OnPage SEO
Technik Grundlagen
SEOkomm – 20. November 2015
20.11.15 @danny_munich 2
Aus Gelsenkirchen
2011 nach München
2013 zu OnPage.org
Interessen: Real-World Big-Data Applicationen,
Suchmaschinen(-optimierung), Machine-Learning
@danny_munich
/danny.linden2
danny@onpage.org
Runterladen, Lesen & Anwenden
https://de.onpage.org/knowledge-base/100-punkte-plan/
20.11.15 @danny_munich 3
Was technische OnPage Optimierung bedeutet
- Wie optimiere ich meine Webseite für User und Suchmaschinen
Auszug aus „Einführung in Suchmaschinenoptimierung – Google“:
http://static.googleusercontent.com/media/www.google.de/de/de/webmasters/docs/einfuehrung-in-suchmaschinenoptimierung.pdf
20.11.15 @danny_munich 4
Website aus User-Sicht Website aus Crawler-Sicht
20.11.15 @danny_munich 5
Website aus User-Sicht Website aus Crawler-Sicht
20.11.15 @danny_munich 6
Was den Crawler „GoogleBot“ von einem User unterscheidet
• Fragt zusätzlich die Robots.txt ab
• Lädt / Rendert eine URL inkl. JavaScript, führt aber
keine Interaktionen aus (Hovern, Klicken...)
• Vorsicht bei sehr neuen Javascript/HTML Standards
20.11.15 @danny_munich 7
Was ist EINE URL
https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler
20.11.15 @danny_munich 8
Was ist EINE URL
https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler
http://de.onpage.org/blog/seo-spickzettel-fuer-entwickler
https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler.html
http://de.onpage.org/blog/seo-spickzettel-fuer-entwickler/
http://de.onpage.org:80/blog/seo-spickzettel-fuer-entwickler/
20.11.15 @danny_munich 9
Was ist EINE URL
https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler
http://de.onpage.org/blog/seo-spickzettel-fuer-entwickler
https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler.html
http://de.onpage.org/blog/seo-spickzettel-fuer-entwickler/
http://de.onpage.org:80/blog/seo-spickzettel-fuer-entwickler/
20.11.15 @danny_munich 10
Was ist eine URL: Das Protokoll
https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler
• HTTP 1.1 / HTTPS Protokoll
• Kanonisch unterschiedliche URLs
• Kein Grund auf SSL zu verzichten
• Kostenlose Zertifikate von letsencrypt.org und startssl.com
20.11.15 @danny_munich 11
Was ist eine URL: Die Domain
https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler
• Besteht mindestens aus Top-Level Domain (org) und Second-Level Domain
(onpage)
• Beliebig viele Ebenen
• Wird in eine (oder mehrere) IP Adressen über einen DNS Server aufgelöst
DNS „A“ Feld (IPv4): 192.168.0.1
DNS „AAAA“ Feld (IPv6): 2a03:2880:20:4f06:face:b00c:0:1
Weitere Felder (MX für E-Mail Server)
20.11.15 @danny_munich 12
Was ist eine URL: Die Ressource
https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler
https://de.onpage.org/blog-seo-spickzettel-fuer-entwickler
https://de.onpage.org/blog/spickzettel/seo/entwickler
• Ressource die beim Webserver angefragt wird
• Kann nahezu beliebig gestaltet werden
20.11.15 @danny_munich 13
Wir rufen eine URL auf
http://www.seokomm.at/agenda/
20.11.15 @danny_munich 14
Unnützes Wissen: OSI Modell
20.11.15 @danny_munich 15
Wir rufen eine URL auf
DNS Auflösung
• Auflösen der IP Adresse von www.seokomm.at
– DNS Server fragt DNS-Root-Server nach den DNS Server von at
– DNS Server fragt nic.at nach DNS Server von seokomm.at
– DNS Server fragt webhostone Server (ns1.nshost2.de) nach der IP Adresse
– DNS Server Antwortet mit der IP-Adresse: 89.107.186.95
http://www.seokomm.at/agenda/
20.11.15 @danny_munich 16
Wir rufen eine URL auf
DNS Auflösung
Verbindung
zum Server
• Verbindungsaufbau zum Server
– HTTP: Port 80
– HTTPS: Port 443
– Unterhalb von HTTP wird TCP verwendet
• Mit dem QUIC-Protokoll von Google kommt UDP zum Einsatz
http://www.seokomm.at/agenda/
20.11.15 @danny_munich 17
Wir rufen eine URL auf
DNS Auflösung
Verbindung
zum Server
HTTP
Anfrage
• HTTP Anfrage an den Webserver
– Webserver Apache, Nginx, Lighttpd...
http://www.seokomm.at/agenda/
20.11.15 @danny_munich 18
GET /agenda/ HTTP/1.1
Host: www.seokomm.at
Beispiel HTTP Request:
Wir rufen eine URL auf
DNS Auflösung
Verbindung
zum Server
HTTP
Anfrage
http://www.seokomm.at/agenda/
20.11.15 @danny_munich 19
Wir rufen eine URL auf
DNS Auflösung
Verbindung
zum Server
HTTP
Anfrage
HTTP
Antwort
• Enthält
– Status Code
– HTTP-Header-Daten
– Body (HTML)
http://www.seokomm.at/agenda/
20.11.15 @danny_munich 20
Wir rufen eine URL auf
DNS Auflösung
Verbindung
zum Server
HTTP
Anfrage
HTTP
Antwort
http://www.seokomm.at/agenda/
• Statuscode: 200
• Cache Control: no-cache
• Connection: keep-alive
• Gzip-Komprimiert
• Expires: 19.Nov 1981
20.11.15 @danny_munich 21
Einschub: Status Codes
• 1xx
• 200: Alles ok
• 3xx: Weiterleitungen
• 301: Permanenter Redirect
• 302: Temporärer Redirect
• 4xx: Clientfehler
• 404: Not found
• 5xx: Serverfehler
• 503: Service unavailable
20.11.15 @danny_munich 22
Wir rufen eine URL auf
DNS Auflösung
Verbindung
zum Server
HTTP
Anfrage
HTTP
Antwort
Parsen des
HTML
Aufbau des
DOM
http://www.seokomm.at/agenda/
20.11.15 @danny_munich 23
Wir rufen eine URL auf
DNS Auflösung
Verbindung
zum Server
HTTP
Anfrage
HTTP
Antwort
Parsen des
HTML
Aufbau des
DOM
Abfragen
der Assets
http://www.seokomm.at/agenda/
20.11.15 @danny_munich 24
Wir rufen eine URL auf
DNS Auflösung
Verbindung
zum Server
HTTP
Anfrage
HTTP
Antwort
Parsen des
HTML
Aufbau des
DOM
Abfragen
der Assets
Bearbeiten
des DOMs
Fertig
http://www.seokomm.at/agenda/
20.11.15 @danny_munich 25
Vom Browser zum Crawler:
Die robot.txt Robots.txt robots.txt
# robots.txt beispiel
User-agent: *
Disallow: /foo/
Allow: /foo/bar/
User-agent: Googlebot
Disallow: blabla.html
Disallow: /temp/
User-agent: Applebot
Disallow: /
Sitemap: http://example.com/sitemap.xml
20.11.15 @danny_munich 26
HTML
Das Dokument
20.11.15 @danny_munich 27
Anatomie des HTML Codes
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titel</title>
</head>
<body>
<h1>Die Seokomm ist geil</h1>
</body>
</html>
20.11.15 @danny_munich 28
Der Head
<head>
<title>OnPage.org: Für bessere Webseiten!</title>
<meta name="description" content="Die Analyse-Software für technisches SEO" />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://de.onpage.org/"/>
<link rel="alternate" hreflang="de" href="https://de.onpage.org/"/>
<link rel="alternate" hreflang="en" href="https://en.onpage.org/"/>
<link rel="dns-prefetch" href="https://static1.onpage.org/">
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="Die Analyse-Software für technisches SEO"/>
<link rel="apple-touch-icon" href="https://static2.onpage.org/images/apple-touch-icon.png" />
<meta name="google-site-verification" content="w_Thn7h1sTPLiPver1ndVRYn4" />
<link type="text/css" rel="stylesheet" href="https://static2.onpage.org/onpage.min.css" />
<script type='text/javascript'> window.q=[]; window.$=function(f) { q.push(f); }; var ga_currency = "eur"; var ga_lang = "de"; </script>
</head>
20.11.15 @danny_munich 29
Der Body
<body>
<h1>OnPage SEO Optimierung</h1>
<h2>Ladezeiten</h2>
<h3>Kompression</h3>
<div>...</div>
<h3>CDN</h3>
<div>...</div>
<h2>Interne Verlinkung</h2>
<h3>NoFollow</h3>
<div>...</div>
<h3>Ankertext</h3>
<div>...</div>
</body>
HTML Validator: https://validator.w3.org
CSS Validator: https://jigsaw.w3.org/css-validator/
20.11.15 @danny_munich 30
Speed, Speed, Speed
- Kompression über Webservers (gzip)
- Caching
- Content-Delivery-Network (CDN)
- Js / CSS Dateien Zusammenfassen
- Unnötige Assets entfernen
- Viel hilft nicht viel – Auch bei Thema Wordpress Plugins
- Minifier verwenden
- HTTP/2
- QUIC
20.11.15 @danny_munich 31
<link rel="dns-prefetch" href="//de.onpage.org">
<link rel="preconnect" href="//de.onpage.org">
<link rel="prefetch" href="//de.onpage.org/image.jpg">
<link rel="subresource" href="//de.onpage.org/image.jpg">
<link rel="preload" href="//de.onpage.org/image.jpg" as="image">
<link rel="prerender" href="//de.onpage.org/blog/">
Prefetch me if you can
Read More: https://de.onpage.org/blog/rasend-schnelle-ladezeiten-dank-prefetching-preloading-und-prerendering
20.11.15 @danny_munich 32
<!doctype html>
<html ⚡ lang="en">
<head>
<meta charset="utf-8">
<title>Hello, AMPs</title>
<link rel="canonical" href="http://example.ampproject.org/article-metadata.html" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script type="application/ld+json">
{ "@context": "http://schema.org",
"@type": "NewsArticle“,
"headline": "Open-source framework for publishing content",
"datePublished": "2015-10-07T12:02:41Z",
"image": [
"logo.jpg“]}
</script>
<style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
<h1>Welcome to the mobile web</h1>
</body>
</html>
20.11.15 @danny_munich 33
Accelerated Mobile Pages (AMP)
ONPAGE NOGOS
Häufige Fehler
20.11.15 @danny_munich 34
Intern NoFollow? No!
• Verlust von Linkpower
– Massiv, da iterativer Algorithmus
• Kein Mittel gegen Indexierung
– Sitemap
– Externe Links
– Magie & Zauberei...
20.11.15 @danny_munich 35
Intern 301/404? Pfui!
• Keinen Grund für interne 301 Redirects
• Für 404 (not found) sowieso nicht
20.11.15 @danny_munich 36
Disallow != NoIndex !=NoFollow
# robots.txt beispiel
User-agent: *
Disallow: /foo/
Allow: /foo/bar/
User-agent: Googlebot
Disallow: blabla.html
Disallow: /temp/
User-agent: Applebot
Disallow: /
Sitemap: http://example.com/sitemap.xml
Metatag im HTML „Head“:
<meta name="robots" content="noindex, follow">
Feld im HTTP Header (.htacces, Softwareseitig):
X-Robots-Tag: noindex, nofollow
20.11.15 @danny_munich 37
HTTP Header != HTML Meta
• Canonical
• Index
• Charset
• Sprache
20.11.15 @danny_munich 38
last but also least: Wordpress
• Falsches System für richtigen Wunsch
• Unendlich Duplicate/Thin-Content Seiten
Schlechte Seitenarchitektur
– Archive
– Kategorieseiten
– Autorenseiten
• Plugins Laden over 9000 JavaScripts nach
20.11.15 @danny_munich 39
Header FuckUps² am Beispiel „Charset“
20.11.15 @danny_munich 40
Fazit
• Macht geile Seiten mit modernen Technologien
• Steckt Liebe, Köpfchen & Testzeit in ein Projekt
– Und nicht nur Wordpress Plugins
• Versucht nicht Crawler zu betrügen, es sich
schließlich auch nur Menschen
20.11.15 @danny_munich 41

Weitere ähnliche Inhalte

Was ist angesagt?

Site Speed EXTREME - SEOkomm 2014
Site Speed EXTREME - SEOkomm 2014Site Speed EXTREME - SEOkomm 2014
Site Speed EXTREME - SEOkomm 2014
Bastian Grimm
 
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-FreaksSEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
SEARCH ONE
 
Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015
Walter Andreas Pucko
 
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
TA Trust Agents Internet GmbH
 
HTTPs Migration How To - SMX München 2017
HTTPs Migration How To - SMX München 2017HTTPs Migration How To - SMX München 2017
HTTPs Migration How To - SMX München 2017
Bastian Grimm
 
PageSpeed Extreme für das große Speed Update 2021
PageSpeed Extreme für das große Speed Update 2021PageSpeed Extreme für das große Speed Update 2021
PageSpeed Extreme für das große Speed Update 2021
SEARCH ONE
 
Migration Best-Practices: So gelingt der erfolgreiche Relaunch - SEOkomm 2017
Migration Best-Practices: So gelingt der erfolgreiche Relaunch - SEOkomm 2017Migration Best-Practices: So gelingt der erfolgreiche Relaunch - SEOkomm 2017
Migration Best-Practices: So gelingt der erfolgreiche Relaunch - SEOkomm 2017
Bastian Grimm
 
Digitale Assistenten - OMX 2017
Digitale Assistenten - OMX 2017Digitale Assistenten - OMX 2017
Digitale Assistenten - OMX 2017
Bastian Grimm
 
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai SpriestersbachSEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEARCH ONE
 
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Bastian Grimm
 
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secretsSEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
Bastian Grimm
 
Seo Campixx 2015 - Technical SEO for Beginners
Seo Campixx 2015 - Technical SEO for BeginnersSeo Campixx 2015 - Technical SEO for Beginners
Seo Campixx 2015 - Technical SEO for Beginners
Jan Berens
 
Linkmarketing - Backlinkaufbau 2016 inkl. live Linkaudit
Linkmarketing - Backlinkaufbau 2016 inkl. live LinkauditLinkmarketing - Backlinkaufbau 2016 inkl. live Linkaudit
Linkmarketing - Backlinkaufbau 2016 inkl. live Linkaudit
semrush_webinars
 
Voice search - "Next Big SEO Thing"? oder klassischer Hype?
Voice search - "Next Big SEO Thing"? oder klassischer Hype?Voice search - "Next Big SEO Thing"? oder klassischer Hype?
Voice search - "Next Big SEO Thing"? oder klassischer Hype?
Fabian Meister
 
Welcome to a New Reality - SEO goes Mobile First in 2017
Welcome to a New Reality - SEO goes Mobile First in 2017Welcome to a New Reality - SEO goes Mobile First in 2017
Welcome to a New Reality - SEO goes Mobile First in 2017
Bastian Grimm
 
10 grössten SEO Fehler
10 grössten SEO Fehler10 grössten SEO Fehler
10 grössten SEO Fehler
Lars Heinemann
 
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
André Goldmann
 
Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Impleme...
Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Impleme...Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Impleme...
Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Impleme...
Timon Hartung
 
Google Discover analysieren und optimieren
Google Discover analysieren und optimierenGoogle Discover analysieren und optimieren
Google Discover analysieren und optimieren
Jens Fauldrath
 
Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013
Bastian Grimm
 

Was ist angesagt? (20)

Site Speed EXTREME - SEOkomm 2014
Site Speed EXTREME - SEOkomm 2014Site Speed EXTREME - SEOkomm 2014
Site Speed EXTREME - SEOkomm 2014
 
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-FreaksSEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
 
Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015
 
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
 
HTTPs Migration How To - SMX München 2017
HTTPs Migration How To - SMX München 2017HTTPs Migration How To - SMX München 2017
HTTPs Migration How To - SMX München 2017
 
PageSpeed Extreme für das große Speed Update 2021
PageSpeed Extreme für das große Speed Update 2021PageSpeed Extreme für das große Speed Update 2021
PageSpeed Extreme für das große Speed Update 2021
 
Migration Best-Practices: So gelingt der erfolgreiche Relaunch - SEOkomm 2017
Migration Best-Practices: So gelingt der erfolgreiche Relaunch - SEOkomm 2017Migration Best-Practices: So gelingt der erfolgreiche Relaunch - SEOkomm 2017
Migration Best-Practices: So gelingt der erfolgreiche Relaunch - SEOkomm 2017
 
Digitale Assistenten - OMX 2017
Digitale Assistenten - OMX 2017Digitale Assistenten - OMX 2017
Digitale Assistenten - OMX 2017
 
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai SpriestersbachSEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
 
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
 
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secretsSEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
 
Seo Campixx 2015 - Technical SEO for Beginners
Seo Campixx 2015 - Technical SEO for BeginnersSeo Campixx 2015 - Technical SEO for Beginners
Seo Campixx 2015 - Technical SEO for Beginners
 
Linkmarketing - Backlinkaufbau 2016 inkl. live Linkaudit
Linkmarketing - Backlinkaufbau 2016 inkl. live LinkauditLinkmarketing - Backlinkaufbau 2016 inkl. live Linkaudit
Linkmarketing - Backlinkaufbau 2016 inkl. live Linkaudit
 
Voice search - "Next Big SEO Thing"? oder klassischer Hype?
Voice search - "Next Big SEO Thing"? oder klassischer Hype?Voice search - "Next Big SEO Thing"? oder klassischer Hype?
Voice search - "Next Big SEO Thing"? oder klassischer Hype?
 
Welcome to a New Reality - SEO goes Mobile First in 2017
Welcome to a New Reality - SEO goes Mobile First in 2017Welcome to a New Reality - SEO goes Mobile First in 2017
Welcome to a New Reality - SEO goes Mobile First in 2017
 
10 grössten SEO Fehler
10 grössten SEO Fehler10 grössten SEO Fehler
10 grössten SEO Fehler
 
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
 
Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Impleme...
Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Impleme...Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Impleme...
Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Impleme...
 
Google Discover analysieren und optimieren
Google Discover analysieren und optimierenGoogle Discover analysieren und optimieren
Google Discover analysieren und optimieren
 
Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013
 

Andere mochten auch

Tägliches arbeiten mit OnPage.org Zoom!
Tägliches arbeiten mit OnPage.org Zoom!Tägliches arbeiten mit OnPage.org Zoom!
Tägliches arbeiten mit OnPage.org Zoom!
Stephan F. Walcher
 
Curso Drupal 7 SiteBuilding parte 2
Curso Drupal 7 SiteBuilding parte 2Curso Drupal 7 SiteBuilding parte 2
Curso Drupal 7 SiteBuilding parte 2
Alessandro Mascherpa
 
Diari del 23 de desembre de 2013
Diari del 23 de desembre de 2013Diari del 23 de desembre de 2013
Diari del 23 de desembre de 2013
diarimes
 
Mòdul 2 Curs iMàrqueting -Us dels Blogs per fer màrqueting
Mòdul 2 Curs iMàrqueting -Us dels Blogs per fer màrquetingMòdul 2 Curs iMàrqueting -Us dels Blogs per fer màrqueting
Mòdul 2 Curs iMàrqueting -Us dels Blogs per fer màrqueting
Digital Granollers
 
Maquinas
MaquinasMaquinas
Maquinas
diego tecno
 
Preparando el Terreno Cap 1 al 3
Preparando el Terreno Cap 1 al 3Preparando el Terreno Cap 1 al 3
Preparando el Terreno Cap 1 al 3
bebusiness
 
Whitepaper transportation procurement_payment
Whitepaper transportation procurement_paymentWhitepaper transportation procurement_payment
Whitepaper transportation procurement_payment
tashikoma
 
Dónde está GUAM?
Dónde está GUAM?Dónde está GUAM?
Dónde está GUAM?
Raquel García Chao
 
Tema 1 qué es filosofíax
Tema 1 qué es filosofíaxTema 1 qué es filosofíax
Tema 1 qué es filosofíax
Angel Muñoz Álvarez
 
Cloud connect winter 2012
Cloud connect   winter 2012Cloud connect   winter 2012
Cloud connect winter 2012
Mark Casey
 
All Physicians re everything 11-03-14
All Physicians re everything 11-03-14All Physicians re everything 11-03-14
All Physicians re everything 11-03-14
Betsy Labick
 
introduccion y organizacion del sn- victor mendez
 introduccion y organizacion del sn- victor mendez introduccion y organizacion del sn- victor mendez
introduccion y organizacion del sn- victor mendez
Reina Celis
 
Manual de identidad visual corp
Manual de identidad visual corpManual de identidad visual corp
Manual de identidad visual corp
Natacha Castillo
 
Imagenes cerebro
Imagenes cerebroImagenes cerebro
Imagenes cerebro
Doris Sanchez
 
89 linee operative per l’organizzazione aziendale
89   linee operative per l’organizzazione aziendale89   linee operative per l’organizzazione aziendale
89 linee operative per l’organizzazione aziendale
http://www.studioingvolpi.it
 
Programa Instalador Amor
Programa Instalador AmorPrograma Instalador Amor
Programa Instalador Amor
marcelarioss
 
Revista 02
Revista 02Revista 02
Revista 02
Jose Angel Gomis
 
Camfed 2013 Annual Report
Camfed 2013 Annual ReportCamfed 2013 Annual Report
Camfed 2013 Annual Report
camfed
 
Palacio De Peterhof
Palacio De PeterhofPalacio De Peterhof
Palacio De Peterhof
Beatris Lopes
 
Integrating deep learning skills into the curriculum
Integrating deep learning skills into the curriculumIntegrating deep learning skills into the curriculum
Integrating deep learning skills into the curriculum
Lisa Harris
 

Andere mochten auch (20)

Tägliches arbeiten mit OnPage.org Zoom!
Tägliches arbeiten mit OnPage.org Zoom!Tägliches arbeiten mit OnPage.org Zoom!
Tägliches arbeiten mit OnPage.org Zoom!
 
Curso Drupal 7 SiteBuilding parte 2
Curso Drupal 7 SiteBuilding parte 2Curso Drupal 7 SiteBuilding parte 2
Curso Drupal 7 SiteBuilding parte 2
 
Diari del 23 de desembre de 2013
Diari del 23 de desembre de 2013Diari del 23 de desembre de 2013
Diari del 23 de desembre de 2013
 
Mòdul 2 Curs iMàrqueting -Us dels Blogs per fer màrqueting
Mòdul 2 Curs iMàrqueting -Us dels Blogs per fer màrquetingMòdul 2 Curs iMàrqueting -Us dels Blogs per fer màrqueting
Mòdul 2 Curs iMàrqueting -Us dels Blogs per fer màrqueting
 
Maquinas
MaquinasMaquinas
Maquinas
 
Preparando el Terreno Cap 1 al 3
Preparando el Terreno Cap 1 al 3Preparando el Terreno Cap 1 al 3
Preparando el Terreno Cap 1 al 3
 
Whitepaper transportation procurement_payment
Whitepaper transportation procurement_paymentWhitepaper transportation procurement_payment
Whitepaper transportation procurement_payment
 
Dónde está GUAM?
Dónde está GUAM?Dónde está GUAM?
Dónde está GUAM?
 
Tema 1 qué es filosofíax
Tema 1 qué es filosofíaxTema 1 qué es filosofíax
Tema 1 qué es filosofíax
 
Cloud connect winter 2012
Cloud connect   winter 2012Cloud connect   winter 2012
Cloud connect winter 2012
 
All Physicians re everything 11-03-14
All Physicians re everything 11-03-14All Physicians re everything 11-03-14
All Physicians re everything 11-03-14
 
introduccion y organizacion del sn- victor mendez
 introduccion y organizacion del sn- victor mendez introduccion y organizacion del sn- victor mendez
introduccion y organizacion del sn- victor mendez
 
Manual de identidad visual corp
Manual de identidad visual corpManual de identidad visual corp
Manual de identidad visual corp
 
Imagenes cerebro
Imagenes cerebroImagenes cerebro
Imagenes cerebro
 
89 linee operative per l’organizzazione aziendale
89   linee operative per l’organizzazione aziendale89   linee operative per l’organizzazione aziendale
89 linee operative per l’organizzazione aziendale
 
Programa Instalador Amor
Programa Instalador AmorPrograma Instalador Amor
Programa Instalador Amor
 
Revista 02
Revista 02Revista 02
Revista 02
 
Camfed 2013 Annual Report
Camfed 2013 Annual ReportCamfed 2013 Annual Report
Camfed 2013 Annual Report
 
Palacio De Peterhof
Palacio De PeterhofPalacio De Peterhof
Palacio De Peterhof
 
Integrating deep learning skills into the curriculum
Integrating deep learning skills into the curriculumIntegrating deep learning skills into the curriculum
Integrating deep learning skills into the curriculum
 

Ähnlich wie OnPage SEO - Technik Grundlagen - Danny Linden

TFF2015, Christoph Hoffinger, reachout Online Marketing, "Mit schema.org zu R...
TFF2015, Christoph Hoffinger, reachout Online Marketing, "Mit schema.org zu R...TFF2015, Christoph Hoffinger, reachout Online Marketing, "Mit schema.org zu R...
TFF2015, Christoph Hoffinger, reachout Online Marketing, "Mit schema.org zu R...
TourismFastForward
 
Technische SEO Probleme finden mit Tools
Technische SEO Probleme finden mit ToolsTechnische SEO Probleme finden mit Tools
Technische SEO Probleme finden mit Tools
Timon Hartung
 
Echtzeitvisualisierung von Twitter und Co.
Echtzeitvisualisierung von Twitter und Co.Echtzeitvisualisierung von Twitter und Co.
Echtzeitvisualisierung von Twitter und Co.
Kai Donato
 
Echtzeitvisualisierung von Twitter & Co
Echtzeitvisualisierung von Twitter & CoEchtzeitvisualisierung von Twitter & Co
Echtzeitvisualisierung von Twitter & Co
Oliver Lemm
 
PHP-SEO Vortrag SEOCampixx 2013 von Sebastian Blum
PHP-SEO Vortrag SEOCampixx 2013 von Sebastian BlumPHP-SEO Vortrag SEOCampixx 2013 von Sebastian Blum
PHP-SEO Vortrag SEOCampixx 2013 von Sebastian Blum
Sebastian Blum
 
Pagespeed Learnings aus mehreren Relaunches (SEO Campixx 2017)
Pagespeed Learnings aus mehreren Relaunches (SEO Campixx 2017)Pagespeed Learnings aus mehreren Relaunches (SEO Campixx 2017)
Pagespeed Learnings aus mehreren Relaunches (SEO Campixx 2017)
SEO & UX München
 
SEO und Web Analytics
SEO und Web AnalyticsSEO und Web Analytics
SEO und Web Analytics
Yourposition AG
 
Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2
Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2
Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2
Manfred Steyer
 
SMX München 2012 Recap
SMX München 2012 RecapSMX München 2012 Recap
SMX München 2012 Recap
121WATT GmbH
 
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklichDie Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Alexander Geißenberger
 
Web Performance Optimierung (WPO)
Web Performance Optimierung (WPO)Web Performance Optimierung (WPO)
Web Performance Optimierung (WPO)
Martin Kliehm
 
JAMstack / Static Site Generators
JAMstack / Static Site GeneratorsJAMstack / Static Site Generators
JAMstack / Static Site Generators
DietrichRordorf
 
HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014
Markus Greve
 
Frontend-Architektur der 1&1 Bestellsysteme
Frontend-Architektur der 1&1 BestellsystemeFrontend-Architektur der 1&1 Bestellsysteme
Frontend-Architektur der 1&1 Bestellsysteme
Nico Steiner
 
Web Components
Web ComponentsWeb Components
Web Components
Oliver Hader
 
Frontend-Performance mit PHP
Frontend-Performance mit PHPFrontend-Performance mit PHP
Frontend-Performance mit PHP
Frank Kleine
 
Frontend-Performance @ IPC
Frontend-Performance @ IPCFrontend-Performance @ IPC
Frontend-Performance @ IPC
Nico Steiner
 
MVHS: So realisieren Sie Ihren Webauftritt erfolgreich
MVHS: So realisieren Sie Ihren Webauftritt erfolgreichMVHS: So realisieren Sie Ihren Webauftritt erfolgreich
MVHS: So realisieren Sie Ihren Webauftritt erfolgreich
Thomas Kraehe
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
David Schneider
 

Ähnlich wie OnPage SEO - Technik Grundlagen - Danny Linden (20)

TFF2015, Christoph Hoffinger, reachout Online Marketing, "Mit schema.org zu R...
TFF2015, Christoph Hoffinger, reachout Online Marketing, "Mit schema.org zu R...TFF2015, Christoph Hoffinger, reachout Online Marketing, "Mit schema.org zu R...
TFF2015, Christoph Hoffinger, reachout Online Marketing, "Mit schema.org zu R...
 
Technische SEO Probleme finden mit Tools
Technische SEO Probleme finden mit ToolsTechnische SEO Probleme finden mit Tools
Technische SEO Probleme finden mit Tools
 
Echtzeitvisualisierung von Twitter und Co.
Echtzeitvisualisierung von Twitter und Co.Echtzeitvisualisierung von Twitter und Co.
Echtzeitvisualisierung von Twitter und Co.
 
Echtzeitvisualisierung von Twitter & Co
Echtzeitvisualisierung von Twitter & CoEchtzeitvisualisierung von Twitter & Co
Echtzeitvisualisierung von Twitter & Co
 
PHP-SEO Vortrag SEOCampixx 2013 von Sebastian Blum
PHP-SEO Vortrag SEOCampixx 2013 von Sebastian BlumPHP-SEO Vortrag SEOCampixx 2013 von Sebastian Blum
PHP-SEO Vortrag SEOCampixx 2013 von Sebastian Blum
 
Pagespeed Learnings aus mehreren Relaunches (SEO Campixx 2017)
Pagespeed Learnings aus mehreren Relaunches (SEO Campixx 2017)Pagespeed Learnings aus mehreren Relaunches (SEO Campixx 2017)
Pagespeed Learnings aus mehreren Relaunches (SEO Campixx 2017)
 
SEO und Web Analytics
SEO und Web AnalyticsSEO und Web Analytics
SEO und Web Analytics
 
Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2
Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2
Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2
 
SMX München 2012 Recap
SMX München 2012 RecapSMX München 2012 Recap
SMX München 2012 Recap
 
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklichDie Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
 
Web Performance Optimierung (WPO)
Web Performance Optimierung (WPO)Web Performance Optimierung (WPO)
Web Performance Optimierung (WPO)
 
JAMstack / Static Site Generators
JAMstack / Static Site GeneratorsJAMstack / Static Site Generators
JAMstack / Static Site Generators
 
HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014
 
Frontend-Architektur der 1&1 Bestellsysteme
Frontend-Architektur der 1&1 BestellsystemeFrontend-Architektur der 1&1 Bestellsysteme
Frontend-Architektur der 1&1 Bestellsysteme
 
Top 10 Internet-Trends
Top 10 Internet-TrendsTop 10 Internet-Trends
Top 10 Internet-Trends
 
Web Components
Web ComponentsWeb Components
Web Components
 
Frontend-Performance mit PHP
Frontend-Performance mit PHPFrontend-Performance mit PHP
Frontend-Performance mit PHP
 
Frontend-Performance @ IPC
Frontend-Performance @ IPCFrontend-Performance @ IPC
Frontend-Performance @ IPC
 
MVHS: So realisieren Sie Ihren Webauftritt erfolgreich
MVHS: So realisieren Sie Ihren Webauftritt erfolgreichMVHS: So realisieren Sie Ihren Webauftritt erfolgreich
MVHS: So realisieren Sie Ihren Webauftritt erfolgreich
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
 

OnPage SEO - Technik Grundlagen - Danny Linden

  • 2. 20.11.15 @danny_munich 2 Aus Gelsenkirchen 2011 nach München 2013 zu OnPage.org Interessen: Real-World Big-Data Applicationen, Suchmaschinen(-optimierung), Machine-Learning @danny_munich /danny.linden2 danny@onpage.org
  • 3. Runterladen, Lesen & Anwenden https://de.onpage.org/knowledge-base/100-punkte-plan/ 20.11.15 @danny_munich 3
  • 4. Was technische OnPage Optimierung bedeutet - Wie optimiere ich meine Webseite für User und Suchmaschinen Auszug aus „Einführung in Suchmaschinenoptimierung – Google“: http://static.googleusercontent.com/media/www.google.de/de/de/webmasters/docs/einfuehrung-in-suchmaschinenoptimierung.pdf 20.11.15 @danny_munich 4
  • 5. Website aus User-Sicht Website aus Crawler-Sicht 20.11.15 @danny_munich 5
  • 6. Website aus User-Sicht Website aus Crawler-Sicht 20.11.15 @danny_munich 6
  • 7. Was den Crawler „GoogleBot“ von einem User unterscheidet • Fragt zusätzlich die Robots.txt ab • Lädt / Rendert eine URL inkl. JavaScript, führt aber keine Interaktionen aus (Hovern, Klicken...) • Vorsicht bei sehr neuen Javascript/HTML Standards 20.11.15 @danny_munich 7
  • 8. Was ist EINE URL https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler 20.11.15 @danny_munich 8
  • 9. Was ist EINE URL https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler http://de.onpage.org/blog/seo-spickzettel-fuer-entwickler https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler.html http://de.onpage.org/blog/seo-spickzettel-fuer-entwickler/ http://de.onpage.org:80/blog/seo-spickzettel-fuer-entwickler/ 20.11.15 @danny_munich 9
  • 10. Was ist EINE URL https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler http://de.onpage.org/blog/seo-spickzettel-fuer-entwickler https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler.html http://de.onpage.org/blog/seo-spickzettel-fuer-entwickler/ http://de.onpage.org:80/blog/seo-spickzettel-fuer-entwickler/ 20.11.15 @danny_munich 10
  • 11. Was ist eine URL: Das Protokoll https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler • HTTP 1.1 / HTTPS Protokoll • Kanonisch unterschiedliche URLs • Kein Grund auf SSL zu verzichten • Kostenlose Zertifikate von letsencrypt.org und startssl.com 20.11.15 @danny_munich 11
  • 12. Was ist eine URL: Die Domain https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler • Besteht mindestens aus Top-Level Domain (org) und Second-Level Domain (onpage) • Beliebig viele Ebenen • Wird in eine (oder mehrere) IP Adressen über einen DNS Server aufgelöst DNS „A“ Feld (IPv4): 192.168.0.1 DNS „AAAA“ Feld (IPv6): 2a03:2880:20:4f06:face:b00c:0:1 Weitere Felder (MX für E-Mail Server) 20.11.15 @danny_munich 12
  • 13. Was ist eine URL: Die Ressource https://de.onpage.org/blog/seo-spickzettel-fuer-entwickler https://de.onpage.org/blog-seo-spickzettel-fuer-entwickler https://de.onpage.org/blog/spickzettel/seo/entwickler • Ressource die beim Webserver angefragt wird • Kann nahezu beliebig gestaltet werden 20.11.15 @danny_munich 13
  • 14. Wir rufen eine URL auf http://www.seokomm.at/agenda/ 20.11.15 @danny_munich 14
  • 15. Unnützes Wissen: OSI Modell 20.11.15 @danny_munich 15
  • 16. Wir rufen eine URL auf DNS Auflösung • Auflösen der IP Adresse von www.seokomm.at – DNS Server fragt DNS-Root-Server nach den DNS Server von at – DNS Server fragt nic.at nach DNS Server von seokomm.at – DNS Server fragt webhostone Server (ns1.nshost2.de) nach der IP Adresse – DNS Server Antwortet mit der IP-Adresse: 89.107.186.95 http://www.seokomm.at/agenda/ 20.11.15 @danny_munich 16
  • 17. Wir rufen eine URL auf DNS Auflösung Verbindung zum Server • Verbindungsaufbau zum Server – HTTP: Port 80 – HTTPS: Port 443 – Unterhalb von HTTP wird TCP verwendet • Mit dem QUIC-Protokoll von Google kommt UDP zum Einsatz http://www.seokomm.at/agenda/ 20.11.15 @danny_munich 17
  • 18. Wir rufen eine URL auf DNS Auflösung Verbindung zum Server HTTP Anfrage • HTTP Anfrage an den Webserver – Webserver Apache, Nginx, Lighttpd... http://www.seokomm.at/agenda/ 20.11.15 @danny_munich 18 GET /agenda/ HTTP/1.1 Host: www.seokomm.at Beispiel HTTP Request:
  • 19. Wir rufen eine URL auf DNS Auflösung Verbindung zum Server HTTP Anfrage http://www.seokomm.at/agenda/ 20.11.15 @danny_munich 19
  • 20. Wir rufen eine URL auf DNS Auflösung Verbindung zum Server HTTP Anfrage HTTP Antwort • Enthält – Status Code – HTTP-Header-Daten – Body (HTML) http://www.seokomm.at/agenda/ 20.11.15 @danny_munich 20
  • 21. Wir rufen eine URL auf DNS Auflösung Verbindung zum Server HTTP Anfrage HTTP Antwort http://www.seokomm.at/agenda/ • Statuscode: 200 • Cache Control: no-cache • Connection: keep-alive • Gzip-Komprimiert • Expires: 19.Nov 1981 20.11.15 @danny_munich 21
  • 22. Einschub: Status Codes • 1xx • 200: Alles ok • 3xx: Weiterleitungen • 301: Permanenter Redirect • 302: Temporärer Redirect • 4xx: Clientfehler • 404: Not found • 5xx: Serverfehler • 503: Service unavailable 20.11.15 @danny_munich 22
  • 23. Wir rufen eine URL auf DNS Auflösung Verbindung zum Server HTTP Anfrage HTTP Antwort Parsen des HTML Aufbau des DOM http://www.seokomm.at/agenda/ 20.11.15 @danny_munich 23
  • 24. Wir rufen eine URL auf DNS Auflösung Verbindung zum Server HTTP Anfrage HTTP Antwort Parsen des HTML Aufbau des DOM Abfragen der Assets http://www.seokomm.at/agenda/ 20.11.15 @danny_munich 24
  • 25. Wir rufen eine URL auf DNS Auflösung Verbindung zum Server HTTP Anfrage HTTP Antwort Parsen des HTML Aufbau des DOM Abfragen der Assets Bearbeiten des DOMs Fertig http://www.seokomm.at/agenda/ 20.11.15 @danny_munich 25
  • 26. Vom Browser zum Crawler: Die robot.txt Robots.txt robots.txt # robots.txt beispiel User-agent: * Disallow: /foo/ Allow: /foo/bar/ User-agent: Googlebot Disallow: blabla.html Disallow: /temp/ User-agent: Applebot Disallow: / Sitemap: http://example.com/sitemap.xml 20.11.15 @danny_munich 26
  • 28. Anatomie des HTML Codes <!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Titel</title> </head> <body> <h1>Die Seokomm ist geil</h1> </body> </html> 20.11.15 @danny_munich 28
  • 29. Der Head <head> <title>OnPage.org: Für bessere Webseiten!</title> <meta name="description" content="Die Analyse-Software für technisches SEO" /> <meta name="robots" content="index,follow" /> <link rel="canonical" href="https://de.onpage.org/"/> <link rel="alternate" hreflang="de" href="https://de.onpage.org/"/> <link rel="alternate" hreflang="en" href="https://en.onpage.org/"/> <link rel="dns-prefetch" href="https://static1.onpage.org/"> <meta name="twitter:card" content="summary_large_image" /> <meta property="og:title" content="Die Analyse-Software für technisches SEO"/> <link rel="apple-touch-icon" href="https://static2.onpage.org/images/apple-touch-icon.png" /> <meta name="google-site-verification" content="w_Thn7h1sTPLiPver1ndVRYn4" /> <link type="text/css" rel="stylesheet" href="https://static2.onpage.org/onpage.min.css" /> <script type='text/javascript'> window.q=[]; window.$=function(f) { q.push(f); }; var ga_currency = "eur"; var ga_lang = "de"; </script> </head> 20.11.15 @danny_munich 29
  • 30. Der Body <body> <h1>OnPage SEO Optimierung</h1> <h2>Ladezeiten</h2> <h3>Kompression</h3> <div>...</div> <h3>CDN</h3> <div>...</div> <h2>Interne Verlinkung</h2> <h3>NoFollow</h3> <div>...</div> <h3>Ankertext</h3> <div>...</div> </body> HTML Validator: https://validator.w3.org CSS Validator: https://jigsaw.w3.org/css-validator/ 20.11.15 @danny_munich 30
  • 31. Speed, Speed, Speed - Kompression über Webservers (gzip) - Caching - Content-Delivery-Network (CDN) - Js / CSS Dateien Zusammenfassen - Unnötige Assets entfernen - Viel hilft nicht viel – Auch bei Thema Wordpress Plugins - Minifier verwenden - HTTP/2 - QUIC 20.11.15 @danny_munich 31
  • 32. <link rel="dns-prefetch" href="//de.onpage.org"> <link rel="preconnect" href="//de.onpage.org"> <link rel="prefetch" href="//de.onpage.org/image.jpg"> <link rel="subresource" href="//de.onpage.org/image.jpg"> <link rel="preload" href="//de.onpage.org/image.jpg" as="image"> <link rel="prerender" href="//de.onpage.org/blog/"> Prefetch me if you can Read More: https://de.onpage.org/blog/rasend-schnelle-ladezeiten-dank-prefetching-preloading-und-prerendering 20.11.15 @danny_munich 32
  • 33. <!doctype html> <html ⚡ lang="en"> <head> <meta charset="utf-8"> <title>Hello, AMPs</title> <link rel="canonical" href="http://example.ampproject.org/article-metadata.html" /> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle“, "headline": "Open-source framework for publishing content", "datePublished": "2015-10-07T12:02:41Z", "image": [ "logo.jpg“]} </script> <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript> <script async src="https://cdn.ampproject.org/v0.js"></script> </head> <body> <h1>Welcome to the mobile web</h1> </body> </html> 20.11.15 @danny_munich 33 Accelerated Mobile Pages (AMP)
  • 35. Intern NoFollow? No! • Verlust von Linkpower – Massiv, da iterativer Algorithmus • Kein Mittel gegen Indexierung – Sitemap – Externe Links – Magie & Zauberei... 20.11.15 @danny_munich 35
  • 36. Intern 301/404? Pfui! • Keinen Grund für interne 301 Redirects • Für 404 (not found) sowieso nicht 20.11.15 @danny_munich 36
  • 37. Disallow != NoIndex !=NoFollow # robots.txt beispiel User-agent: * Disallow: /foo/ Allow: /foo/bar/ User-agent: Googlebot Disallow: blabla.html Disallow: /temp/ User-agent: Applebot Disallow: / Sitemap: http://example.com/sitemap.xml Metatag im HTML „Head“: <meta name="robots" content="noindex, follow"> Feld im HTTP Header (.htacces, Softwareseitig): X-Robots-Tag: noindex, nofollow 20.11.15 @danny_munich 37
  • 38. HTTP Header != HTML Meta • Canonical • Index • Charset • Sprache 20.11.15 @danny_munich 38
  • 39. last but also least: Wordpress • Falsches System für richtigen Wunsch • Unendlich Duplicate/Thin-Content Seiten Schlechte Seitenarchitektur – Archive – Kategorieseiten – Autorenseiten • Plugins Laden over 9000 JavaScripts nach 20.11.15 @danny_munich 39
  • 40. Header FuckUps² am Beispiel „Charset“ 20.11.15 @danny_munich 40
  • 41. Fazit • Macht geile Seiten mit modernen Technologien • Steckt Liebe, Köpfchen & Testzeit in ein Projekt – Und nicht nur Wordpress Plugins • Versucht nicht Crawler zu betrügen, es sich schließlich auch nur Menschen 20.11.15 @danny_munich 41

Hinweis der Redaktion

  1. ----- Besprechungsnotizen (20.11.15 02:05) ----- Vielen dank evert
  2. Das der in Gelsenkirchen geborene und im bayrichen münchen lebende Entwickler seinen ersten Vortrag auf einer Österreichischen Konferenz hält und von einem Niederländer anmoderiert wird.
  3. Danny Linden BigData München
  4. googlen nach „suchmaschinenoptimierung google “ Bau eine gute Webseite für den User Google wird sich immer am verhalten der User orientieren, mit delay
  5. Sehr aufwändig illustriert
  6. robots
  7. Wie viele kanonische URLs sehen wir hier?
  8. Implizit Port 80
  9. dev.blog.de.onpage.org Domainumzüge DNS Cache. 4,3 milliarden Ipv6 zahl 38 nullen
  10. CMS bestimmt in der regel die Ressource-Aufbau Verzechnisse sollten Logische struktur wiedergeben Hackable URLs
  11. hier http protokolll enfügen
  12. Browser / HTTP auf Layer 7 SSL/TLS Layer 5/6 IP auf Layer 4
  13. Einfachster HTTP Request
  14. Antwort enthält ganz viel blah mäh Hälfte der Zeit
  15. Drei wichtige dinge
  16. 129 Requests
  17. ----- Besprechungsnotizen (20.11.15 02:05) ----- suchergebniss
  18. ----- Besprechungsnotizen (20.11.15 02:05) ----- wordpress h1 abfucks
  19. Viel Hilft Wenig
  20. Einfaches CMS, wenige Seiten Inhalt Wer will den Inhalt sehen NoIndex crawlt er trotzdem
  21. Schönes Beispiel zum Schluss