WordPress SEO | Campixx 2016 | Hans Jung
Transcript of WordPress SEO | Campixx 2016 | Hans Jung
@HansPJung
SEO Consultant bei One Advertising
hansjung.de
Auf Twitter folgenBei Goggle+ abonnierenAuf Xing und LinkedIn kontaktieren
Hans Jung
@HansPJung@HansPJung
Google Webmaster Guidelines
Finden
Erkennen
Verwenden
https://support.google.com/webmasters/answer/35769?hl=de
@HansPJung
Google Webmaster Guidelines: Finden
● Interne Verlinkung
● Sitemap (xml und html)
● HTTP-Header If-Modified-Since
● Crawling mit robots.txt steuern
● Backlinks
@HansPJung
Google Webmaster Guidelines: Erkennen
● Relevanter Content (klar und eindeutig)
● Keywordverwendung
● <title>-Elemente und ALT-Attribute
● klare Seitenhierarchie
● Medien (Bilder, Videos und Strukturierte Daten)
● Saubere URLs (ohne Parameter)
● CSS und JS crawlbar
● Sichtbare Inhalte (keine Tabs oder maximierbare Bereiche)
● Werbelinks per robots.txt oder rel=”nofollow”
@HansPJung
Google Webmaster Guidelines: Verwenden
● Keine Broken-Links
● Gültiges HTML (W3C)
● Ladezeitoptimierung
● Responsive Design
● HTTPS
● Screenreader-Kompatibilität
@HansPJung@HansPJung
Google Webmaster Guidelines: Finden
Interne Verlinkung
Sitemap (xml und html)
HTTP-Header If-Modified-Since
Crawling mit robots.txt steuern
Backlinks
@HansPJung
Interne Verlinkung: Beiträge
Ziel:
Hohe Verweildauer und viele Seitenaufrufe je Session.
Plugins:
● Auto Load Next Posthttps://wordpress.org/plugins/auto-load-next-post/
Plugins:
● Table of Contents Plus (TOC+)https://wordpress.org/plugins/table-of-contents-plus/
● Automatic Post Taggerhttps://wordpress.org/plugins/automatic-post-tagger/
● Yet Another Realted Posts Plugin (YARPP)https://wordpress.org/plugins/yet-another-related-posts-plugin/
@HansPJung
Interne Verlinkung: Kategorien und Schlagworte
Ziel:
Themenverwandte Beiträge über wenige Klicks erreichbar machen, ohne near D.C. und Thin Content Seiten.
Matrix:
● Jeden Beitrag über Schlagworte und Kategorien aufrufbar machen.
● Jeder Beitrag nur eine Kategorie.Erste Kategorie ist Canonical-Ziel.
Plugins:
● Allow HTML in Category Descriptionshttps://de.wordpress.org/plugins/allow-html-in-category-descriptions/
● Rich Text Tagshttps://wordpress.org/plugins/rich-text-tags/
● Breadcrumb NavXThttps://wordpress.org/plugins/breadcrumb-navxt/
@HansPJung
Interne Verlinkung: Archive
Ziel:
Beiträge sinnvoll gruppieren und zugänglich machen.
i.d.R. monatsbasierte Archive abschalten.
Bei nur einem Autor das Autorenarchiv abschalten.
Plugin:
● Simple Yearly Archive (Jahresarchive)https://wordpress.org/plugins/simple-yearly-archive/
@HansPJung
Sitemap: XML und HTML
Ziel:
Die Seitenstruktur für Suchmaschinen (XML) und Besucher (HTML) aufbereiten und zugänglich machen.
Plugins:
● Simple Sitemap (HTML Sitemap)https://wordpress.org/plugins/simple-sitemap/
● Google XML Sitemaps (XML Sitemap)https://wordpress.org/plugins/google-sitemap-generator/
● SEO Plugin eures Vertrauens
@HansPJung
Crawlbudget: HTTP-Header If-Modified-Since
Ziel:
Nur Seiten crawlen, die seit dem letzten Crawl verändert wurden.
Plugin:
● If Modified Since HTTP Headerhttps://wordpress.org/plugins/if-modified-since-header/
● Add Headershttps://wordpress.org/plugins/add-headers/
@HansPJung
Crawl-Steuerung: robots.txt
Ziel:
Administrative Bereiche und seiteninterne SERPs vom Crawling ausschließen.
Regeln:
● https://de.onpage.org/wiki/Robots.txt
Plugin: Wirklich notwendig?
● Robots.txthttps://wordpress.org/plugins/pc-robotstxt/
@HansPJung@HansPJung
Google Webmaster Guidelines: Erkennen
Relevanter Content (klar und eindeutig)
Keywordverwendung
<title>-Elemente und ALT-Attribute
klare Seitenhierarchie
Medien (Bilder, Videos und Strukturierte Daten)
Saubere URLs (ohne Parameter)
CSS und JS crawlbar
Sichtbare Inhalte (keine Tabs oder maximierbare Bereiche)
Werbelinks per robots.txt oder rel=”nofollow”
@HansPJung
Relevanter Content (klar und eindeutig)
Ziel:
Jede Seite und jeder Beitrag behandelt nur ein Thema.
Kein interner Wettbewerb.
Keine (wenige) wiederkehrenden Textbausteine (z.B. in der Sidebar oder im Footer)
Tools:
● Google Siteabfragesite:[domain] [keyword]
● Onpage.org (free)https://de.onpage.org/product/free/
● Sitelinerhttp://www.siteliner.com/
@HansPJung
Keywordverwendung
Ziel:
User und Suchmachinen sollen sofort erkennen, welches Thema eine Seite behandelt. Dazu muss das Keyword auf der Seite stehen.
In der Praxis:
Autoren unterstützen, das Keyword an allen relevanten Stellen zu verwenden (Title, H1, H2, Inhalt, Bilder ALT-Attribute)
Plugins:
● Das SEO-Plugin eures Vertrauens
○ DELUCKS SEO Plugin for WordpressCampixx: Severin Lucks
○ wpSEOCampixx: Soeren Eisenschmidt a.k.a. eisy
○ Yoast
@HansPJung
<title>-Elemente und ALT-Attribute
Ziel:
Den Inhalt von Seiten und Bildern für User, Screenreader und Suchmaschinen lesbar aufbereiten.
Plugins:
● SEO Friendly Images (Auto Alt und Title)https://wordpress.org/plugins/seo-image/
● DOM SEO Image (ALT und Title pflegen)https://wordpress.org/plugins/dom-seo-image/
● Restore Link Title Field (Link Title)https://wordpress.org/plugins/restore-link-title-field/
● SEO Plugin eurer Wahl.
@HansPJung
klare Seitenhierarchie
Ziel:
Die wichtigsten Seiten erhalten intern die meisten Links, sind am besten erreichbar.
Tools:
● Onpage.org (free)https://de.onpage.org/product/free/
● Screaming Froghttp://www.screamingfrog.co.uk/seo-spider/
Plugins:
● Breadcrumb NavXThttps://wordpress.org/plugins/breadcrumb-navxt/
URL- und Verzeichnis-Struktur:
● Einstellungen > Permalinks[domain]/%category%/%postname%/
@HansPJung
Medien: Bilder
Ziel:
Textwüsten aufbrechen, Inhalte um Bilder zum veranschaulichen und auflockernden.
Faustregel: PNG für Logos & JPG für Fotos.
Plugins:
● Imsanity (Bilddimensionen reduzieren)https://wordpress.org/plugins/imsanity/
● Kraken Image Optimizer (komprimieren)https://wordpress.org/plugins/kraken-image-optimizer/
Plugins:
● a3 Lazy Load (Lazy-load; auch für Videos)https://wordpress.org/plugins/a3-lazy-load/
● Responsify WP (Responsive und Retina Bilder)https://wordpress.org/plugins/responsify-wp/
● SEO Friendly Images (ALT und Title pflegen)https://wordpress.org/plugins/seo-image/
● DOM SEO Image (ALT und Title pflegen)https://wordpress.org/plugins/dom-seo-image/
@HansPJung
Medien: Videos
Ziel:
Textwüsten aufbrechen, Inhalte um Videos zum verdeutlichen und auflockernden.
Tools:
● Sistrix Video Rich Snippet Generator*https://www.sistrix.de/video-seo/
● Youtube-nocookie.comhttp://www.youtube-nocookie.com/embed/[videourl]
Plugins:
● Youtube Widget Responsivehttps://wordpress.org/plugins/youtube-widget-responsive/
● Lazy Load for Videoshttps://wordpress.org/plugins/lazy-load-for-videos/
● YouTubehttps://wordpress.org/plugins/youtube-embed-plus/
@HansPJung
Medien: Strukturierte Daten
Ziel:
Inhalte für Suchmaschinen strukturiert aufbereiten und auszeichnen.
Plugins:
● Schema Creator by Raven (div. Rich-Snippets)https://wordpress.org/plugins/schema-creator/
● The Events Calendar (Event Rich-Snippets)https://wordpress.org/plugins/the-events-calendar/
● Euer bevorzugtes SEO Plugin
@HansPJung
Werbelinks per robots.txt oder rel=”nofollow”
Ziel:
Links mit monetärem Interesse “entwerten”.
Plugins:
● Ultimate Nofollow (Checkbox)https://wordpress.org/plugins/nofollow/
● Easy Affiliate Links (Redirect)https://wordpress.org/plugins/easy-affiliate-links/
● ThirstyAffiliates (Redirect)https://wordpress.org/plugins/thirstyaffiliates/
@HansPJung@HansPJung
Google Webmaster Guidelines: Verwenden
Keine Broken-Links
Valides HTML (W3C)
Ladezeitoptimierung
Responsive Design
HTTPS
Screenreader-Kompatibilität
@HansPJung
Keine Broken-Links
Ziel:
Positives Surferlebnis für die User und sparsamer Umgang mit den Ressourcen der Crawler.
Plugins:
● Broken Link Checker (Notification + Bulk edit)https://wordpress.org/plugins/broken-link-checker/
Tools:
● Onpage.org (free)https://de.onpage.org/product/free/
● Screaming Froghttp://www.screamingfrog.co.uk/seo-spider/
@HansPJung
Valides HTML (W3C)
Ziel:
Darstellungsfehler und Browser Quirks-Modus vermeiden.
Tipp:
Demo-Seiten vor der Themeauswahl prüfen.
Plugins wie iThemes Security (XML-RPC) können Fehler verursachen.
Plugins:
● Validatedhttps://wordpress.org/plugins/validated/
Tools:
● W3C Validatorhttps://validator.w3.org/#validate_by_uri
@HansPJung
Ladezeitoptimierung
Ziel:
Kurzweiliges Surferlebnis für die Besucher (auch mobil), schnelle Crawls für die Suchmaschinen.
Muss: Caching.
Tipps:
● Webfonts selbst hosten● Externe Ressourcen per “preconnect”
schneller abrufen● Hintergrundbilder im CSS per @media
einfügen
Plugins:
● W3 total cache (Cache, Minify, Verketten)https://wordpress.org/plugins/w3-total-cache/
● Autoptimize (Minify, Above the Fold inline CSS)https://wordpress.org/plugins/autoptimize/
Tools:
● webpagetest.orghttp://www.webpagetest.org/
@HansPJung
Ladezeitoptimierung: preconnect
Ziel:
Externe Ressourcen per preconnect schneller abrufen. Alternativ: subresource (nur chrome)
Code im Header:
<link rel="preconnect" href="https://www.
googletagmanager.com">
<link rel="preconnect" href="https://www.google-
analytics.com">
<link rel="preconnect" href="https://stats.g.
doubleclick.net">
@HansPJung
Ladezeitoptimierung: Hintergrundbilder
Ziel:
Hintergrundbilder im CSS per @media einfügen, damit sie mobil (bzw. auf Bildschirmen mit niedriger Auflösung) nicht geladen werden.
Code im CSS:
@media only screen and (max-width:1180px) { body { background: #ECED2O; } }
@media screen and (min-width:1181px) {
body {
background: url("https://domain.com/hintergrundbild.jpg") no-repeat fixed center top / auto 120%;
}
}
@HansPJung
Ladezeitoptimierung: AMP
Plugins:
● AMPhttps://wordpress.org/plugins/amp/
● Glue for Yoast SEO & AMPhttps://wordpress.org/plugins/glue-for-yoast-seo-amp/
Ziel:
Kurze Ladezeiten auf Mobilgeräten.
@HansPJung
HTTPS
Ziel:
Vertrauenswürdige Kommunikation zwischen Browser und Server.
Vorteile:
● Ist Voraussetzung für HTTP/2.0
● Datenschutzkonform für Kontaktformulare
● Bei EV-Zertifikaten: grüne Adressleiste
Plugins:
● Better Search Replacehttps://wordpress.org/plugins/better-search-replace/
@HansPJung
Screenreader-Kompatibilität
Plugins:
● WP Accessibilityhttps://wordpress.org/plugins/wp-accessibility/
● Contact Form 7: Accessible Defaultshttps://wordpress.org/plugins/contact-form-7-accessible-defaults/
Ziel:
Barrierefreies Internet, Ursprung für Alt-Attribut der Bilder.
Tipp:
Ein Accessible-Theme wählen(z.B. twentyfifteen und twentysixteen)
@HansPJung
SEO Consultant bei One Advertising
hansjung.de
Auf Twitter folgenBei Goggle+ abonnierenAuf Xing und LinkedIn kontaktieren
Hans Jung