SEO ist Aufgabe der Experten, dafür gibt es Agenturen, die einzig und allein darauf spezialisiert sind. So oder so ähnlich ist das allgemeine Verständnis von Suchmaschinenoptimierung. Kein Wunder, denn immerhin haben wir Experten knapp zwei Jahrzehnte lang SEO als Wunderwaffe im Performancemarketing aufgebaut und damit geworben, dass wir die Einzigen sind, die die Geheimnisse der Suchalgorithmen entschlüsseln können. Mittlerweile allerdings sind diese Algorithmen so komplex, dass selbst ihre Entwickler sie nicht mehr verstehen. Was also tun? Ganz einfach: alle müssen alles richtig machen, um erfolgreich sein zu können! Wie das geht und welche Hausaufgaben wir alle – egal ob Entwickler, Marketer, Designer – zu machen haben, zeigt diese Session.
3. SEO ist (auch) Deine Aufgabe
Aber warum eigentlich?
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
4. Verschiedene Blickwinkel
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
IT
UX
Geschäfts
-führung
Marke-
ting
Pro-
dukt
PRSocial
Media
Redak-
tion
Web
Dev
5. Was macht SEO eigentlich?
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
7. Einfach dargestellt…
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist
• 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 im
Kontext
• Lädt Inhalte aus Index
• Bewertet und rankt die
Ergebnisse
Query
Engine
@andrescharf
8. 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
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
9. … und dann wird‘s bunt
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
10. Zahlreiche Überschneidungen
Konzeption Design & UX Entwicklung
Content/Prod
ukt
Marketing &
PR
• Zieldefinition
• Zielgruppen
• Markt-/Wett-
bewerbsanalyse
• Status-Quo-
Analyse
• Keywords
• Websitestruktur
• Navigation
• Landingpages
• Keywordmappin
g
• Content-
Planung
• URL-Struktur
• Hierarchie
• Templates
• Structured
Markup
• Web Analytics
• Metadaten
• Überschriften
• Texte/Inhalte
• Linkbuilding
• Kampagnen
• Social Media
• Kooperationen
• Außenwirkung
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
11. WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist
ALLES MIT DEMSELBEN ZIEL
@andrescharf
12. Wie sieht das im Alltag aus?
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
13. SEO im Web Development
Projektanalyse,
Abstimmung,
Datensammlun
g
Workshops
Wireframes,
Designkonzept,
Abstimmung &
Verfeinerung
XHTML/CSS/J
S,
Content,
Individuelle
Programmierun
g
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/Abteilungen:
Online-Marketing
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
26. PageSpeed Insights als Hilfe
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
27. DEN EIGENEN LADEN HÜTEN
On-page
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
28. Optimierung der Seiten
• Saubere Templates
• Design, das Struktur
und Textelemente
berücksichtigt
• Optimierte Texte und
Metadaten
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
29. Nutzer & Crawler abholen …
• Page Titles und Meta
Descriptions
• Felder vorsehen und
befüllen
• Max. Länge beachten
• Call to Action!
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
vs.
30. … und richtig bedienen
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
31. NACH AUßEN GUT AUSSEHEN
Off-site
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
32. Aufbau von Backlinks
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist
• Marketingkampagnen
• Microsites
• Kooperationen
• Sponsorings & Events
• PR-/Presseaktivitäten
• Pressemeldungen
• Social Media
• Engagement am Markt
• Bewertungen &
Testimonials
• Forenbeiträge
@andrescharf
33. „Die beste Methode, Webmaster anderer Websites
dazu zu bewegen, über hochqualitative Links auf Ihre
Website zu verweisen, sind individuelle und relevante
Inhalte, die sich ohne Manipulation großer Beliebtheit
bei der Internet-Community erfreuen.“
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist
Google-Guidelines zum Linkaufbau
@andrescharf
34. Content Marketing
Content + Marketing
• Themenfindung auf Basis
der Nutzerinteressen
• Content gehört auf die
Website
• Verbreitung durch Marke
selbst über PR u. Social
• Unternehmen muss sich
damit identifizieren
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
36. „Alone we can do so little;
together we can do so much.“
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist
Helen Keller
@andrescharf
37.
38. Danke!
Die Folien gibt es unter:
http://www.slideshare.net/ascharf382
WebTechCon 2016 Warum SEO (auch) Deine Aufgabe ist @andrescharf
Notas do Editor
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.
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.
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
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
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
Allg. Fehlerquellen: oft nur Content, kein Marketing
SEO als Support bei der Themenfindung
Content muss auf Website leben o. zumindest Brand-Bezug haben
Verbreitung muss von der Marke ausgehen> PR + Social
Marke/Unternehmen muss dahinter stehen
Vielleicht Trumpkin-Foto
Nicht immer nur gegeneinander, sondern miteinander
Plant Gründung eines konservativen Medienunternehmens, wenn er Wahl verliert
Will Wahlergebnis evtl. Nicht annehmen