„Wenn unsere Website fertig ist, machen wir SEO, um mehr Besucher zu bekommen.“ So oder so ähnlich kennt die Aussage wohl jeder von uns. Bei der Planung neuer Websites stehen oft konzeptionelle und visuelle Aspekte an erster Stelle, danach folgen technische Elemente, und die Vermarktung kommt dann ins Spiel, wenn bereits alles andere fertig ist. Aber dient SEO tatsächlich nur der Vermarktung der Website? Warum werden immer wieder zahllose Change Requests fällig, sobald der SEOler sich einmischt? Werfen wir einen Blick auf den Ablauf von Webprojekten und die Rolle, die SEO dabei spielt. Wir sprechen darüber, an welchen Stellen SEO-Aspekte berücksichtigt werden sollten und wie sich Reibungseffekte vermeiden lassen.
CAMPIXX 2016 Internationales SEO mit seinen Höhen und Tiefen
SEO im Web Development - webinale 2016
1. André Scharf | DigitasLBi | @andrescharf
SEO im Web Development
2. 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
16. 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
17. 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
23. 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
39. 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
3,874 marketing technology solutions on a single slide
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.
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
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.
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
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