Webentwickler-Guide für das Jahr 2014

Wer Online im Jahre 2014 up-to-date sein will, hat viel vor sich. Neben neuen technischen Entwicklungen und wichtigen Design-Trends ist vor allem der Bereich Online-Marketing eine sich ständig verändernde Baustelle. Für alle "Überblick-behalten-Woller" gibt es hier eine umfassende Übersicht.
Dieser Artikel lebt von den technischen Veränderungen und wird ständig aktualisiert und erweitert. Die letzte Änderung war am 06.03.2014.

Online-Marketing

SEO Trends 2014

2014 wird alles anders und dennoch bleibt vieles gleich. Und anders herum :)
Zu den wichtigsten Trends des Jahres gehören zweifelsohne:

Mobile first:
Wer seine Webseiten nicht für mobile Endgeräte optimiert, wird bald viele potentielle Besucher vergraulen. Das Surfen mit Smartphone, Tablet und Co. setzt sich durch.
Content ist immer noch King:
Was sich jedoch ändert: Nicht (nur) der einzigartige Inhalt zählt - die Qualität wird sehr viel wichtiger werden. Vor allem wird die ständige Aktualisierung bestehender Inhalte einen Großteil der Zeit einnehmen.
Links are (not) dead:
Gekaufte Links gehören in die Mottenkiste. Die sind inzwischen richtig schädlich. Gute Linkgeber gibt es aber immer noch. Es wird nur schwerer diese zu finden. Generisches Linkbuilding ist das Zauberwort.
Das bestehende Backlinkprofil sollte unbedingt unter laufender Beobachtung stehen. Schlechte Links, oder solche die sich danach anfühlen, sollten abgebaut werden.
Social Media geht richtig ab:
Vor allem Google+ steht kurz vor dem finalen Durchbruch. Es wird jetzt immer wichtiger guten Content in den richtigen Kanälen zu veröffentlichen.
Smart-TV und Spielekonsolen kommen:
XBox One, PS4 und die neuen Smart-TV-Generationen werden langsam aber sicher für das "Zwischendurch-Surfen" interessant. Besonders HTML5 (mit WebGL) wird spannende Nutzungsmöglichkeiten für die neuen Viewports bieten.
Onpage-SEO wird Basic:
Bisher galt: Wer seine Webseite optimiert wurde belohnt. Bald heisst es: Wer seine Webseite nicht optimiert wird bestraft. Ohne Onpage-SEO geht es in Zukunft nicht mehr.
Keyword-Optimierung wird schwerer:
Mit individualisierten Suchergebnisseiten wird es schwerer in den SERPs auf den oberen Plätzen zu ranken. Mit Hummingbird und der Umsetzung der semantischen Suche werden Longtail-Keywords an Fahrt gewinnen.
User Experience:
Die hohe Kunst der Webentwicklung versteht die Zielgruppe. Der Besucher sollte im Idealfall eine Webseite nicht mehr verlassen (wollen).

Neues aus Googlehausen

An dieser Stelle finden sich wichtige Fakten und Aussagen direkt von Google.

Das Keyword-Meta-Tag spielt keine Rolle fürs Ranking:
Google zieht sich alle Informationen aus dem Seiten-Content. Meta-Keyword-Angaben spielen keine Rolle. Dementsprechend kann man sich diese Angabe sparen. ²
Das Erklärbar-Video von Matt Cutts findet sich hier.
"Rächtschreibunk" oder Rechtschreibung. Wichtig oder nicht?
Selbstverständlich ist eine korrekte Rechtschreibung und Grammatik wichtig. Als Rankingfaktor ist es jedoch kein relevantes Element. Eine schludrige Schreibweise, bzw. schlecht übersetzte Texte, können aber als Spamsignal gewertet werden. Von daher: Lieber einmal zu viel korrigiert, als einmal zu wenig. Matt GrammatiCutts Aussage dazu.
Sind Social Signals ein Rankingfaktor oder nicht?:
Inhalte mit vielen Likes und +1 zeigen eine weite Verbreitung und damit eine entsprechende Beliebtheit an. Der Inhalt muss also entweder einen relevanten Mehrwert und/oder hochwertig sein. Für Google sind Social Signals (noch) kein direktes Ranking-Kriterium. Indirekt ist die Verbreitung in Sozialen Netzwerken jedoch sehr wohl wichtig, da eine hohe Reichweite für messbaren Traffic sorgt. Traffic ist übrigens ein wichtiger Ranking-Faktor.
Das Ganze in bunt und in Farbe als Bewegtbild mit und von Matt Cutts: Are pages from social media sites ranked differently?
Wie sieht das jetzt eigentlich aus mit diesen Backlinks?
Immer noch wichtig. Wenn die Qualität stimmt. Kurz gesagt: Lieber wenige Backlinks mit hohem Mehrwert, als viele Backlinks die keine Aussagekraft haben.
Auch hierzu spricht Matt Cutts in Form eines Bewegtbildes.
Einfache Sprache oder doch geballtes Fachvokabular?
Kommt drauf an. Auf die Zielgruppe und den zu transportierenden Inhalt. Bei einem Fachartikel für theoretische Physiker darfs gerne etwas komplexer werden. Eine allgemein lesbare Ansprache sollte auch leicht ohne beiligendem Fachwörterbuch les- und verstehbar sein.
Was versteht Google unter bezahlten Links?
Wie inzwischen jeder wissen sollte: Linkkauf ist pöse (Kann gar nicht oft genug erwähnt werden)! Matt Cutts hat auch zu diesem Thema eine fachkundige Meinung.

Links für Online-Marketer

Karl Kratz Online Marketing
Der Online-Marketing-Guru schlechthin. Bei Fragen zum Thema SEO, Content-Marketing und bessere Landingpages ist dieser Blog einfach ein "Must-have-Bookmark". seo-united.de: SEO bzw. Suchmaschinenoptimierung für Anfänger
Umfassendes Tutorial für Einsteiger (und auch Fortgeschrittene). Neben Einführungen in die Basics, gibt es hier auch weitere Informationen zum Thema. Seorch
Dieses Online-Tool überprüft eine Webseite auf wichtige Onpage-Faktoren und macht Verbesserungsvorschläge für die SEO-Optimierung.

Entwicklung

Links für Entwickler

OverAPI.com
Hier findet jeder Entwickler Funktionsreferenz-Cheat-Sheets für alle wichtigen Programmiersprachen. Ideal, wenn man mal wieder was vergessen hat und nur schnell nachschauen will. DevDocs
Eine weitere Funktionsreferenz, speziell für Webentwickler. Hier sind die wichtigsten Informationen auf einer Seite komprimiert: CSS, DOM, HTML, HTTP, JS mit allen wichtigen Frameworks, PHP, SQL, Python und Ruby (on Rails). Everything you need to know to generate rich snippets
Rich Snippets, Micro Data und Schema.org? Eine sehr gute Anleitung zum Umgang und Einbau von Microformaten findet sich in diesem englischsprachigen Tutorial. Ultimate CSS Gradient Generator
Das CSS3 *rockt* wissen wir. Bloß merken kann man sich nicht alles. Dieser Generator übernimmt die Arbeit:
Er zaubert butterweiche Farbverläufe und spuckt Browserkompatiblen Code aus. The Shapes of CSS
Komplexe Formen lassen sich wunderbar mit reinem CSS zeichnen. Diese Übersicht zeigt wie es geht und lädt zum Experimentieren ein.

Design

Design Trends 2014

Das ist für 2014 angesagt:

Responsive Design:
Die Zeiten, in denen eine Webseite nur auf Desktop-Endgeräten schick aussehen soll, sind vorbei. Jetzt wird es immer wichtiger Seiten auch für Smartphones, Tablets und Konsorten zu optimieren. Ob jetzt mit Liquid Templates (Fluid Design) oder eigenen Templates sei dahingestellt. ¹
Minimalistische OnePager:
Seiten ohne optischen Schnickschnack (aber wahrscheinlich mit sehr vielen technischen Spielereien) werden 2014 häufiger anzutreffen sein. ¹
Typografie-Mix:
Große Schriften und eine Mischung verschiedener Schriftarten können Designs den besonderen Touch geben. Die Betonung liegt hier auf können. Zuviele unterschiedliche Schriftarten erzeugen Unruhe und lenken vom Inhalt ab. Daher sollten (gerade) hier nicht mehr als 2 unterschiedliche Fonts eingesetzt werden. ³
Parallax Scrolling:
Auch wenn animierte Inhalte (wenn überhaupt) nur sehr behutsam eingesetzt werden sollten, scheinen bewegte Hintergründe voll im Trend der Zeit zu sein. Gerade bei Onepagern können sich kreative Webbies voll austoben.

Links für Designer

Adobe Kuler
Wenn es um Farben, Kontraste und Abstufungen geht, gibt es wohl kaum ein besseres Tool als den Adobe Kuler. Ein unverzichtbares Werkzeug für Webdesigner. pixlr Editor
Für kleinere Grafikarbeiten braucht es nicht immer PS und Co. Für das schnelle Editieren zwischendurch reicht dieser Webbasierte Grafikeditor.

Insite

Verantwortlich für Design, Code und Inhalt

Diese Webseite wird als privates Projekt betrieben und ist nicht Gewinnorientiert.

Verantwiortlich für Design, Inhalt und Umsetzung:

Rick Jäger
Emil-Gött-Str. 9
76131 Karlsruhe
rick@plasmacee.net