@HansPJung

WordPress SEO

SEO Campixx 2016

@HansPJung

SEO Consultant bei One Advertising

hansjung.de

Auf Twitter folgenBei Goggle+ abonnierenAuf Xing und LinkedIn kontaktieren

Hans Jung

@HansPJung

Struktur

@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

@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

@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

HTTP-Header If-Modified-Since

@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

Crawling per robots.txt steuern

@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)

@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

@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

@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

@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, Videos und Strukturierte Daten)

@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

Saubere URLs(ohne Parameter)

Permalinks.

@HansPJung

CSS und JS crawlbarrobots.txt

@HansPJung

Sichtbare InhalteAccordionTabs

@HansPJung

Werbelinks per robots.txt oder rel=”nofollow”

@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

@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)

@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

@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

Responsive DesignNatürlich.

@HansPJung

HTTPS

@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

ScreenreaderKompatibilität

@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

Alles Umgesetzt?https://varvy.com/

@HansPJung

SEO Consultant bei One Advertising

hansjung.de

Auf Twitter folgenBei Goggle+ abonnierenAuf Xing und LinkedIn kontaktieren

Hans Jung