SlideShare ist ein Scribd-Unternehmen logo
1 von 44
Downloaden Sie, um offline zu lesen
André Scharf | DigitasLBi | @andrescharf
SEO im Web Development
Kurz was zu mir …
• Online seit ca. 20 Jahren
• Beruflich im Web seit
13 Jahren
• Ostkind und Wunschbayer
• Kunden:
Marriott, ZDF, Bosch, Goodyear,
AIDA, Telekom, Langenscheidt,
Microsoft, SEAT, Nissan, IKEA,
Daimler, u.v.m.
André Scharf
Director SEO, DigitasLBi
andre.scharf@digitaslbi.com
@andrescharf
Digital Technology Landscape
Klassischer Workflow
Projektanalyse,
Abstimmung,
Datensammlung
Workshops
Wireframes,
Designkonzept,
Abstimmung &
Verfeinerung
XHTML/CSS/JS,
Content,
Individuelle
Programmierung
Testing,
Testing,
Testing & Testing
Delivery &
Support
➊
Planung
➋
Design
➌
Umsetzung
➍
Testing
➎
Delivery & Support
Account Manager,
Projektmanager
Projektmanager,
Designer,
Konzepter,
UX
Projektmanager,
Entwickler,
Designer,
Texter
Projektmanager, Entwickler, Designer, Entwickler & QA
Beteiligte Personen
Online-Marketing
WAS MACHT SEO EIGENTLICH?
Wie Suchmaschinen arbeiten
Einfach dargestellt…
• Durchsucht das Web
• Findet und folgt
Hyperlinks
• Sammelt neue und
geänderte Seiten und
Inhalte
Crawler
• Durchsucht und
analysiert Inhalte
• Analysiert Verlinkungen
• Rendert Webseiten
Indexer
• Interpretiert
Suchanfragen und
deren Kontext
• Ruft Inhalte aus dem
Index ab
• Bewertet und rankt die
Ergebnisse
Query
Engine
Die Rolle von SEO
1. Websites und
Inhalte crawlbar
machen
2. Content leicht
verwertbar machen
3. Inhalte auffindbar,
sichtbar und
erreichbar machen
Off-Site
On-
Page
Technik
SEO IM DEVELOPMENT
Oder ums mit Dilbert zu sagen
Shannon-Weaver-Modell
Von User:Wiska Bodo - de:Datei:Sender-Empfänger-Modell.png; 200px, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=19142848
Klassische Überschneidungen
• Websitestruktur und URL-Gestaltung
• JavaScript und Crawlbarkeit
• Structured Markup
• HTML5 und Template-Strukturen
• Mobile Website, Responsiveness, etc.
• HTTP-Headers vs. <head>-Elements
• Seitenladezeiten
Klare Website-Hierarchie
Content
Kategorien
Bereiche
Thema Homepage
Silo 1
Kategorie
1.1
Artikel
Kategorie
1.2
Artikel
Silo 2
Kategorie
2.1
Artikel
Kategorie
2.2
Artikel
URL-Gestaltung
JavaScript ist überall
JS wird sogar immer beliebter
ReactJS is SEO-konform
Structured Markup
Auch hier empfiehlt Google JS
Überschriftenstruktur
HTML5 macht vieles leichter
HTML4 HTML5
Mobile Websites
Accelerated Mobile Pages
HTTP Header vs. <head> Tags
HTTP Header vs. <head> Tags
HTTP Header vs. <head> Tags
• Möglich für…
– X-Robots-Tags
– Hreflang-Tags
– Rel-Canonical-Links
• Weniger Code im Seitenheader
• Auch für Nicht-HTML-Dokumente anwendbar
(z.B. Videos, Bilder, PDF)
• Leider durch SEO-Tools i.d.R. nicht
erkennbar (Alternative: DevTools)
Seitenladezeiten
Wie erreicht man <1s?
1. Serverantwortzeiten <200ms halten
2. Zielseiten-Weiterleitungen vermeiden
3. Serveranfragen zum ersten Rendern minimieren
4. Nur asynchron ladende und absolut notwendige
JavaScript- u/o CSS-Ressourcen „above the fold“
5. Zeit für Browserlayout und Rendering
berücksichtigen (200 ms)
6. JavaScript-Ausführung und -Rendering optimieren
7. HTML, JavaScript und CSS reduzieren
8. Komprimierung aktivieren
PageSpeed Insights als Hilfe
SEO im Workflow
Projektanalyse,
Abstimmung,
Datensammlung
Workshops
Wireframes,
Designkonzept,
Abstimmung &
Verfeinerung
XHTML/CSS/JS,
Content,
Individuelle
Programmierung
Testing,
Testing,
Testing & Testing
Delivery &
Support
➊
Planung
➋
Design
➌
Umsetzung
➍
Testing
➎
Delivery & Support
• Zieldefinition
• Zielgruppenanalyse
• Marktanalyse
• Status-Quo-Analyse
• Keywordanalyse
SEO-Aufgaben
• Websitestruktur
• Navigationsstruktur
• Landingpages
• Keywordmapping
• Content-Planung
• Analysekonzept
• URL-Struktur
• Websitestruktur
• Templatestruktur
• Metadaten
• Überschriften- und
Contentoptimierung
• Structured Markup
• Analytics-Setup
• Test-Crawls
• Planung der
Weiterleitungen
• Überprüfen und
Nachbessern
• 301-Weiterleitungen
• XML-Sitemaps
• Search Console u/o
Webmaster Tools
• Ergebniskontrolle
• Ongoing Services
Bildquellen: wikimedia.org, pexels.com, flickr.com, imgflip.com, quickmeme.com
Folien gibt’s unter: http://de.slideshare.net/ascharf382
Danke fürs Zuhören!

Weitere ähnliche Inhalte

Andere mochten auch

Tosca – sebastian baumgarten arbeitet an der neuerfindung der oper (mit kathr...
Tosca – sebastian baumgarten arbeitet an der neuerfindung der oper (mit kathr...Tosca – sebastian baumgarten arbeitet an der neuerfindung der oper (mit kathr...
Tosca – sebastian baumgarten arbeitet an der neuerfindung der oper (mit kathr...UlrikeHartung
 
Evalight cut sheets
Evalight cut sheetsEvalight cut sheets
Evalight cut sheetsevalite
 
"Mach doch, was du willst!" - 3. Oktober 2014 - Tag der Wertschätzung
"Mach doch, was du willst!" - 3. Oktober 2014 - Tag der Wertschätzung"Mach doch, was du willst!" - 3. Oktober 2014 - Tag der Wertschätzung
"Mach doch, was du willst!" - 3. Oktober 2014 - Tag der Wertschätzungheartleaders
 
Presentation Abelardo Gonzalez
Presentation Abelardo GonzalezPresentation Abelardo Gonzalez
Presentation Abelardo GonzalezAbelardo Gonzalez
 
LightSwitch und SQL Azure: Datengetriebene Anwendungen in Rekordzeit erstellen
LightSwitch und SQL Azure: Datengetriebene Anwendungen in Rekordzeit erstellenLightSwitch und SQL Azure: Datengetriebene Anwendungen in Rekordzeit erstellen
LightSwitch und SQL Azure: Datengetriebene Anwendungen in Rekordzeit erstellenAlexander Galkin
 
WordPress Tutorial
WordPress TutorialWordPress Tutorial
WordPress TutorialSkill Day
 
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und ErfindungC1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und ErfindungJorge L. Santos
 
Bundeswehr juli 4 2013 alexander w köhler
Bundeswehr juli 4 2013 alexander w köhlerBundeswehr juli 4 2013 alexander w köhler
Bundeswehr juli 4 2013 alexander w köhlerICT Economic Impact
 
Social media community_you_tube
Social media community_you_tubeSocial media community_you_tube
Social media community_you_tubesonia_weber
 
AK Austria - Robert Leubolt
AK Austria - Robert LeuboltAK Austria - Robert Leubolt
AK Austria - Robert Leuboltwernerweninger
 

Andere mochten auch (20)

Kurs it 2013 (2)
Kurs it 2013 (2)Kurs it 2013 (2)
Kurs it 2013 (2)
 
Tosca – sebastian baumgarten arbeitet an der neuerfindung der oper (mit kathr...
Tosca – sebastian baumgarten arbeitet an der neuerfindung der oper (mit kathr...Tosca – sebastian baumgarten arbeitet an der neuerfindung der oper (mit kathr...
Tosca – sebastian baumgarten arbeitet an der neuerfindung der oper (mit kathr...
 
20140325 wiki
20140325 wiki20140325 wiki
20140325 wiki
 
Evalight cut sheets
Evalight cut sheetsEvalight cut sheets
Evalight cut sheets
 
Zine
ZineZine
Zine
 
Im Auge der Zentrifuge 2013
Im Auge der Zentrifuge 2013Im Auge der Zentrifuge 2013
Im Auge der Zentrifuge 2013
 
"Mach doch, was du willst!" - 3. Oktober 2014 - Tag der Wertschätzung
"Mach doch, was du willst!" - 3. Oktober 2014 - Tag der Wertschätzung"Mach doch, was du willst!" - 3. Oktober 2014 - Tag der Wertschätzung
"Mach doch, was du willst!" - 3. Oktober 2014 - Tag der Wertschätzung
 
Presentation Abelardo Gonzalez
Presentation Abelardo GonzalezPresentation Abelardo Gonzalez
Presentation Abelardo Gonzalez
 
LightSwitch und SQL Azure: Datengetriebene Anwendungen in Rekordzeit erstellen
LightSwitch und SQL Azure: Datengetriebene Anwendungen in Rekordzeit erstellenLightSwitch und SQL Azure: Datengetriebene Anwendungen in Rekordzeit erstellen
LightSwitch und SQL Azure: Datengetriebene Anwendungen in Rekordzeit erstellen
 
WordPress Tutorial
WordPress TutorialWordPress Tutorial
WordPress Tutorial
 
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und ErfindungC1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
 
Dvd
DvdDvd
Dvd
 
Destructed magazine
Destructed magazineDestructed magazine
Destructed magazine
 
Das ist Budapest
Das ist BudapestDas ist Budapest
Das ist Budapest
 
Bundeswehr juli 4 2013 alexander w köhler
Bundeswehr juli 4 2013 alexander w köhlerBundeswehr juli 4 2013 alexander w köhler
Bundeswehr juli 4 2013 alexander w köhler
 
Pres
PresPres
Pres
 
KOMintern DiaShow 2013
KOMintern DiaShow 2013KOMintern DiaShow 2013
KOMintern DiaShow 2013
 
Social media community_you_tube
Social media community_you_tubeSocial media community_you_tube
Social media community_you_tube
 
AK Austria - Robert Leubolt
AK Austria - Robert LeuboltAK Austria - Robert Leubolt
AK Austria - Robert Leubolt
 
Unser briesebote01 web
Unser briesebote01 webUnser briesebote01 web
Unser briesebote01 web
 

Ähnlich wie SEO im Web Development - webinale 2016

Google Tools für Fotografen
Google Tools für FotografenGoogle Tools für Fotografen
Google Tools für FotografenPARX
 
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016André Scharf
 
TechDays 2012 Internet Sites mit SharePoint 2013
TechDays 2012 Internet Sites mit SharePoint 2013TechDays 2012 Internet Sites mit SharePoint 2013
TechDays 2012 Internet Sites mit SharePoint 2013David Schneider
 
Mein Betrieb im Internet: So findet mich der Gast
Mein Betrieb im Internet: So findet mich der GastMein Betrieb im Internet: So findet mich der Gast
Mein Betrieb im Internet: So findet mich der GastChristina Steinkellner
 
SEO-Workshop Sissach mit Markus Pfeisinger
SEO-Workshop Sissach mit Markus PfeisingerSEO-Workshop Sissach mit Markus Pfeisinger
SEO-Workshop Sissach mit Markus PfeisingerMarkus Pfeisinger
 
My application as webdesigner and front-end developer
My application as webdesigner and front-end developerMy application as webdesigner and front-end developer
My application as webdesigner and front-end developerchristianschweinhardt
 
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 BeginnersJan Berens
 
HTML5 für Entwickler: Part 1, 2 und 3, 2013
HTML5 für Entwickler: Part 1, 2 und 3, 2013HTML5 für Entwickler: Part 1, 2 und 3, 2013
HTML5 für Entwickler: Part 1, 2 und 3, 2013Markus Greve
 
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
 
Crawl-Budget-Booster für eine bessere Search Engine Experience
Crawl-Budget-Booster für eine bessere Search Engine ExperienceCrawl-Budget-Booster für eine bessere Search Engine Experience
Crawl-Budget-Booster für eine bessere Search Engine ExperienceAndré Goldmann
 
Creasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der ZukunftCreasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der ZukunftCreasoft AG
 
Brand My SharePoint
Brand My SharePointBrand My SharePoint
Brand My SharePointfabianmoritz
 
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webs...
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webs...SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webs...
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webs...fabianmoritz
 
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 ZukunftDavid Schneider
 
SEO-Workshop - by Heiko Stammel
SEO-Workshop - by Heiko StammelSEO-Workshop - by Heiko Stammel
SEO-Workshop - by Heiko StammelBlogfamilia
 
HTML5 für Entwickler: Part 1 und 2, 2013
HTML5 für Entwickler: Part 1 und 2, 2013HTML5 für Entwickler: Part 1 und 2, 2013
HTML5 für Entwickler: Part 1 und 2, 2013Markus Greve
 
Integrate your business - SharePoint 2010 and Microsoft Dynamics NAV
Integrate your business - SharePoint 2010 and Microsoft Dynamics NAVIntegrate your business - SharePoint 2010 and Microsoft Dynamics NAV
Integrate your business - SharePoint 2010 and Microsoft Dynamics NAVChristian Krause
 
revision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH
 
CAMPIXX 2016 Internationales SEO mit seinen Höhen und Tiefen
CAMPIXX 2016 Internationales SEO mit seinen Höhen und TiefenCAMPIXX 2016 Internationales SEO mit seinen Höhen und Tiefen
CAMPIXX 2016 Internationales SEO mit seinen Höhen und TiefenAlona Demchyk (Hakel)
 

Ähnlich wie SEO im Web Development - webinale 2016 (20)

Google Tools für Fotografen
Google Tools für FotografenGoogle Tools für Fotografen
Google Tools für Fotografen
 
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
 
TechDays 2012 Internet Sites mit SharePoint 2013
TechDays 2012 Internet Sites mit SharePoint 2013TechDays 2012 Internet Sites mit SharePoint 2013
TechDays 2012 Internet Sites mit SharePoint 2013
 
Mein Betrieb im Internet: So findet mich der Gast
Mein Betrieb im Internet: So findet mich der GastMein Betrieb im Internet: So findet mich der Gast
Mein Betrieb im Internet: So findet mich der Gast
 
SEO-Workshop Sissach mit Markus Pfeisinger
SEO-Workshop Sissach mit Markus PfeisingerSEO-Workshop Sissach mit Markus Pfeisinger
SEO-Workshop Sissach mit Markus Pfeisinger
 
My application as webdesigner and front-end developer
My application as webdesigner and front-end developerMy application as webdesigner and front-end developer
My application as webdesigner and front-end developer
 
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
 
HTML5 für Entwickler: Part 1, 2 und 3, 2013
HTML5 für Entwickler: Part 1, 2 und 3, 2013HTML5 für Entwickler: Part 1, 2 und 3, 2013
HTML5 für Entwickler: Part 1, 2 und 3, 2013
 
Beratungsangebot SEO für Websites
Beratungsangebot SEO für WebsitesBeratungsangebot SEO für Websites
Beratungsangebot SEO für Websites
 
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...
 
Crawl-Budget-Booster für eine bessere Search Engine Experience
Crawl-Budget-Booster für eine bessere Search Engine ExperienceCrawl-Budget-Booster für eine bessere Search Engine Experience
Crawl-Budget-Booster für eine bessere Search Engine Experience
 
Creasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der ZukunftCreasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der Zukunft
 
Brand My SharePoint
Brand My SharePointBrand My SharePoint
Brand My SharePoint
 
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webs...
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webs...SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webs...
SharePoint Branding Best Practices - Grafische Gestaltung von SharePoint-Webs...
 
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
 
SEO-Workshop - by Heiko Stammel
SEO-Workshop - by Heiko StammelSEO-Workshop - by Heiko Stammel
SEO-Workshop - by Heiko Stammel
 
HTML5 für Entwickler: Part 1 und 2, 2013
HTML5 für Entwickler: Part 1 und 2, 2013HTML5 für Entwickler: Part 1 und 2, 2013
HTML5 für Entwickler: Part 1 und 2, 2013
 
Integrate your business - SharePoint 2010 and Microsoft Dynamics NAV
Integrate your business - SharePoint 2010 and Microsoft Dynamics NAVIntegrate your business - SharePoint 2010 and Microsoft Dynamics NAV
Integrate your business - SharePoint 2010 and Microsoft Dynamics NAV
 
revision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH Internetagentur
revision6 GmbH Internetagentur
 
CAMPIXX 2016 Internationales SEO mit seinen Höhen und Tiefen
CAMPIXX 2016 Internationales SEO mit seinen Höhen und TiefenCAMPIXX 2016 Internationales SEO mit seinen Höhen und Tiefen
CAMPIXX 2016 Internationales SEO mit seinen Höhen und Tiefen
 

SEO im Web Development - webinale 2016

Hinweis der Redaktion

  1. 3,874 marketing technology solutions on a single slide
  2. SEO = Vermarktung? Wenn das so wäre, könnte SEO ganz unabhängig von der Website arbeiten, oder? Aber warum wollen SEOler dann immer an der Website rumfummeln? SEO =  On-site (Technik + On-page) + Off-site Off-site ist schwerer geworden (Panda, Penguin, …) On-site ist individueller geworden was das Backend anbetrifft, aber im Frontend sind die Erwartungen (aus SEO-Sicht) einfach zu definieren, da kann man leicht mitreden diverse technische Anforderungen bzgl. CMS, AJAX, JS, AMP, etc.
  3. https://www.flickr.com/photos/breatheindigital/4418188897/sizes/o/
  4. Von User:Wiska Bodo - de:Datei:Sender-Empfänger-Modell.png; 200px, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=19142848
  5. Wenn möglich, nur eine Domain und Subdomain verwenden. Je einfacher und lesbarer, umso besser. Keywords in URLs verwenden. Mehrere URLs für gleiche Inhalte vermeiden. 301-Weiterleitungen oder Canonical Links nutzen. URL-Parameter und v.a. dynamische Parameter vermeiden. Kürzer ist besser. URLs und Page Titles abstimmen. Stoppwörter sind unnötig. Unsichere Zeichen vermeiden oder codieren. Weiterleitungsketten vermeiden. Case Sensitivity beachten. Bindestriche als Worttrenner. Keywordspamming verhindern.
  6. Fast jede Website im Netz verwendet irgendeine Form von JS um Inhalte zu verändern Aber Google stellt spezielle Anforderungen, um JS crawlen zu können
  7. AngularJS als Framework MVW für Einzelseitenanwendung ist nicht SEO-konform, obwohl es von Google stammt Facebooks MVW Framework ReactJS besitzt dagegen ein Feature, um HTML statisch zu rendern
  8. Hx-Tagging nur für relevante Seiteninhalte Separate CSS-Formatierungen für Sidebar-Elemente usw. HTML5 ändert alles ein wenig und erlaubt mehr Möglichkeiten
  9. https://developers.google.com/webmasters/mobile-sites/mobile-seo/
  10. https://www.ampproject.org/ Alternativ: Facebook Instant Pages
  11. https://support.google.com/webmasters/answer/189077?hl=en https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag?hl=en#using-the-x-robots-tag-http-header
  12. https://support.google.com/webmasters/answer/189077?hl=en https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag?hl=en#using-the-x-robots-tag-http-header
  13. https://support.google.com/webmasters/answer/189077?hl=en https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag?hl=en#using-the-x-robots-tag-http-header
  14. Google erwartet, dass Inhalte Above the Fold in unter 1 Sekunde geladen werden Abzgl. Overhead bleiben damit 400ms zu Laden der Inhalte https://developers.google.com/speed/docs/insights/mobile#delivering-the-sub-one-second-rendering-experience
  15. https://developers.google.com/speed/pagespeed/insights/