Beobachtet man die Entwicklung von WordPress, fällt auf, dass schon vor einigen Jahren angekündigt wurde, ebenfalls eine Art Pagebuilder zu entwickeln, der ein full-site Editing ermöglichen solle, der damit die Möglichkeiten eines ausgewachsenen Pagebuilders entspricht – aber mit dem großen Vorteil, dass der Gutenberg Block Editor im Core von WordPress verankert ist, also keinerlei zusätzliche Ressourcen benötigt. Deshalb lautet unser Thema heute: WordPress-Webdesign und SEO

Ab WordPress 5.6 vor circa einem Jahr wurde klar, dass Gutenberg trotz anfänglich scharfer Kritik und vielen negativen Bewertungen sich immer mehr in Richtung „full site editing“ entwickelt hat und die Bedienung sehr komfortabel und schnell geworden ist.

WordPress-Webdesign und SEO – Anforderungen an modernes Webdesign

Möchte man die Anforderungen an modernes Webdesign definieren, sollte man die Kundensicht stark gewichten. Ein modernes Webseiten-Design mit guter, einfacher und logischer Nutzerführung sollte selbstverständlich sein, genauso wie ein technisches Setup, dass es ermöglicht, in Google & Co. auch gefunden zu werden.

Schaut man sich die Dienstleistungen von Medien- und Webagenturen an, findet man fast ausnahmslos getrennte Preis- und Leistungsübersichten für Webdesign und SEO. Insbesondere die Onpage-SEO-Dienstleistungen sind nur bei sehr wenigen Agenturen überhaupt im Webdesign Leistungsverzeichnis integriert.

In einer Kleinstudio der Robin GmbH unter 20 Kunden unterschiedlicher Größe, die bereits Agenturerfahrungen gemacht haben und sich von dieser eine Webseite erstellt haben lassen, wollten alle 19 mit der Webseite auch Kundengewinnung betreiben, nur einer wollte lediglich eine Plattform zur reinen Kundeninformation schaffen. Sogar 14 von den 20 waren dadurch der Auffassung, dass mit der Erstellung der Webseite von den Agenturen diese dann auch „automatisch“ gefunden würde.

Auch wenn diese Kleinstudie natürlich nicht repräsentativ ist, lässt sie doch vermuten, dass Agenturen gut daran tun, die Kommunikation Ihrer Services zu schärfen und Kunden besser über die Unterschiede von Webdesign und SEO („gefunden werden“) aufzuklären, sollte dies noch nicht ausdrücklich der Fall sein.

Gleichzeitig sollten sich viele Agenturen die Frage stellen, inwiefern zumindest grundlegende Onpage-SEO-Services im Rahmen eines Webdesigns sinnvoll sind und fest integriert werden sollten. Im Interesse der Kundenbindung und auch Weiterempfehlung liegt es an den Agenturen, bei der Erstellung der Webseiten schon Onpage-SEO „mitzudenken“ und somit zumindest die Voraussetzung eines möglichst guten Rankings in Google & Co. ihrer erstellten Webseite zu gewährleisten.

WordPress-Webdesign und SEO – Die Core Web Vitals: Die Vermeidung langsamer Webseiten wird wichtiger

Seit Googles Einführung der Core Web Vitals im Juni 2021 als offizielles Rankingkriterium wurde spätestens klar, dass die Geschwindigkeit einer Webseite und damit indirekt auch alle anderen Nutzersignale wie Seitenaufrufe pro Nutzer, Verweildauer etc. immer mehr Bedeutung haben werden, wenn die eigene Webseite in den Suchergebnissen gut auffindbar sein soll. Google wiederholt immer wieder, dass im Zentrum aller Weiterentwicklungen des Ranking-Algorithmus der Nutzer steht.

Die Core Web Vitals, allgemein gesprochen, messen ihren Metriken die Ladegeschwindigkeit und Nutzererfahrung einer Webseite. Derzeit räumt Google indirekt ein, dass Seiten mit weniger guten gemessenen Werten entsprechend Nachteile in den Suchergebnissen haben werden, auch wenn das bisher nicht gänzlich quantifizierbar ist.

Die Konsequenz aus Kundenerwartung und auch Entwicklungen im Ranking-Algorithmus durch die Core Web Vitals von Google liegen damit klar auf der Hand:

• Webseiten müssen technisch die besten Voraussetzungen aufweisen, um minimale Ladegeschwindigkeit zu gewährleisten
• Webseiten müssen eine ideale Nutzerführung gewährleisten, was auch durch eine thematisch klare Gliederung und eine gute Aufbereitung von Inhalten erfolgen sollte

WordPress-Webdesign und SEO – Konsequenzen für modernes Webdesigns

Um den Kundenerwartungen gerecht zu werden, sollten Agenturen ihre grundlegende Vorgehensweise bei der Erstellung von Webseiten überdenken. Sie sollten alles dafür tun, dass Kunden eine Webseite bekommen, die eine schnelle Ladezeit aufweist und eine ideale Nutzerführung verspricht. Dies kann zum Beispiel durch folgende Maßnahmen erfolgen:

• Als IT Setup werden schlanke, schnellste Themes wie zum Beispiel GeneratePress oder Astra verwendet, die sich auf das Setup und das Layout-Handling der Seite beschränken.
• Auf umfangreiche Themes, die zig Vorlagen als Baukastensystem bieten und sich eigener oder externer Pagebuilder bedienen, sollte grundsätzlich verzichtet werden.
• Auf externe Pagebuilder wie Elementor, BeaverBuilder & Co. sollte möglichst verzichtet werden, da die Tools mittlerweile nur noch wenig Mehrwert bieten im Vergleich zum Gutenberg Block Editor und nur unnötig zur Ressourcenbelastung beitragen.
• Die Inkompatibilität der großen Themes und auch Pagebuilder zur parallelen Entwicklung des Gutenberg Block Editors wird weiterhin zunehmen und sorgt regelmäßig für Updateprobleme.
• Sonstige Onpage-SEO-Maßnahmen wie Bilderoptimierung Meta-Tags, Bilder-, Alt- und Title-Tags, Textaufbereitung und Struktur, Permalinkstruktur, interne Verlinkungen, ideales responsive Design und natürlich Caching, Javascript-, HTML- und CSS-Optimierung u.v.m. sollten integrativer Bestandteil eines Webdesign-Services sein
• Aufklärung der Kunden über Offpage-Faktoren als zusätzlich wichtigen Faktor zur langfristig erfolgreichen Positionierung der Webseite und ggf. optionales Angebot dieser Dienstleistung

Fazit: mehr Homogenität von Marketing- und Design-Services notwendig

Die heterogene Branchenstruktur aller Web-, Medien- und SEO-Agenturen ist für viele Endkunden wenig durchschaubar und nur schwer einzuschätzen. Große Medien-Konzerne und auch unzählige Solo-Dienstleister bieten unterschiedlich definierte und bepreiste Dienstleistungen im Webdesign- und SEO-Segment an, und gerade kleinere Kunden, die nicht über entsprechende IT- und Online Marketingkenntnisse verfügen, sind teilweise schon mit der Beschreibung des Leistungsportfolios der Agenturen überfordert.

Umso wichtiger ist seitens des Dienstleisters die ausführliche Beratung des Kunden vor Auftragsausführung, inwiefern die zu erstellende Seite die Voraussetzungen eines effizienten Vertriebsinstruments erfüllt werden kann oder auch nicht.

Modernes Webdesign auch umfangreicher Webseiten benötigt mittlerweile nur selten mehr als schlanke, smarte Setups, die zudem besser wartbar, vom Kunden besser bedien- und pflegbar sind und zudem wichtige SEO-Vorteile bieten.

Weiter interessante und nützliche Artikel findest du in unserem >Magazin

Die Werbeindustrie hat diese Entwicklung der Verwendung von Stockfotos unlängst erkannt und veräppelt in kreativen Videos die Branche. Otto ist mit ihrer Hide-The-Pain-Harald-Kampagne ein echter viraler Hit gelungen.

Hide the Pain Harold – Otto setzt auf Kultfigur und nimmt Stockbilder auf die Schippe

Mit der Umsetzung der Kampagne hat das Versandhaus Otto die Kreativschmiede Jung von Matt/Saga betraut. Die in Hamburg beheimate Agentur war bereits für den EDEKA Weihnachtsclip #heimkommen und Es rappelt im Karton von Eis.de verantwortlich.

Für Otto wurde Internet-Kultfigur András Arató aus Ungarn eingeflogen. Der gebürtige Elektriker wurde 2010 erstmals als Model für Stockbilder engagiert und sein gequältes Lächeln machte ihn über Nacht zum Star.

Binnen weniger Tage erzielte dieser Spot über 800.000 Aufrufe und wurde zudem tausendfach geteilt und kommentiert. Ein vergleichbares Video vom Versandriesen erreichte in vier Monaten „nur“ zwei Millionen Aufrufe, 599 Kommentare und wurde 2.455 Mal geteilt.

Harold bekommt nicht ohne Grund ein Gaming-Notebook zugestellt. Denn am 21. August 2018 begann die Gamescom. Der Spot selbst wurde im Juli 2018 ausgestrahlt. Otto hat damit zumindest alles richtig gemacht und den Stockfotografen einen Denkzettel verpasst.

Emilia Clark – Für die Vanity Fair zur Traumrolle

Die letzten sechs Episoden Game of Thrones wurden abgedreht und die Serie war ein voller Erfolg. Naja gut – Das Ende von GoT war etwas überraschend 😀 Unterdessen wirkte Emilia Clarke in Filmen, wie Solo – A Star Wars Story, Last Christmas und The Amazing Maurice mit. Für die Vanity Fair versuchte sich die Schauspielerin in einer ganz neuen Rolle – Model für Stockfotos.

Das nicht ganz ernst gemeinte Video kritisiert auf sympathische Art und Weise die einschlägigen Stockdatenbanken. Darin erklärt Emilia worauf es bei den Shootings ankommt und überzeichnet damit die Branche und weist auf die fehlende Authentizität hin. Damit hat sie soooooo recht.

#BadStockPhotosOfMyJob – Twitter ist amüsiert

Der schlechte Ruf der Bilderdatenbanken wird meiner Meinung nach durch sinnfreie Motive befeuert. Unter dem Hashtag BadStockPhotosOfMyJob machen sich Twitternutzer über die Branche und deren Fotografen lustig. Ich bin mir ziemlich sicher, dass du bei dem einen oder anderen missglückten Bild schmunzeln wirst.

#BadStockPhotosOfMyJob – Daumen hoch für die Geburt

Die Geburt des Kindes ist etwas ganz Besonderes, aber in den seltensten Fällen wird der Arzt mit Daumen hoch vor der gebärenden Mutter sitzen. Vom fehlenden Blut auf dem Bild einmal ganz abgesehen. Alles schön clean.

#BadStockPhotosOfMyJob – Ich repariere mal den Computer

Niemand behauptet, dass Frauen keine Computer reparieren können. Doch beim Anblick dieser Stockfotos muss ich daran leider zweifeln. Mal abgesehen von der mehr als fachgerechten Reparatur des PCs, warum trägt die junge Dame auf dem Bild nichts unter ihrer Latzhose?

#BadStockPhotosOfMyJob – Wozu braucht der noch den Taschenrechner?

Kennst du einen Programmierer? Also ich kenne Einige, allerdings arbeitet niemand von denen an drei iMacs, zwei MacBooks, einem iPad und zwei iPhones. Hätte ich das gewusst, wäre ich Programmierer geworden.

#BadStockPhotosOfMyJob – Das arme Tier

Also hier musste ich echt lachen. Die Herztöne des Frettchens auf dem Bild werden selbstverständlich am Kopf abgehört. Wo auch sonst?

#BadStockPhotosOfMyJob – Muscheln im Krankenhaus

Das nächste Bild gehört zu meinen Favoriten. Muschelblasen im Krankenhaus. Kennt jeder von uns. Im Ernst, warum fotografieren Menschen so etwas? Gibt es dafür einen Anwendungsbereich? Ich bin kein Mediziner, aber Muschelblasen :D:D

#BadStockPhotosOfMyJob – Du Schlingel

Der glückliche Herr auf dem Foto ist sowohl ein Designer als auch ein Perverser. Während er zeichnet, schaut er sich parallel auf seinem Rechner gerne Bilder von hübschen Frauen an. Dass seine echte Brille auf dem Tisch liegt, hat er wahrscheinlich nicht bemerkt, denn seine aktuelle Brille hat ja keine Gläser. Interessantes Stockfoto.

Photoshop-Tuning in Frankreich unter Strafe gestellt

Wir alle wissen, die perfekte Frau oder der perfekte Mann auf einem Bild hat nichts mit der Realität zu tun. Im Nachgang wird eine Nase korrigiert, das Modell schlanker gemacht oder die Haut gestrafft. Letzteres steht zwar in Frankreich nicht unter Strafe, doch bei den restlichen Punkten muss am Bild folgender Hinweis platziert werden: „photographie retouchée“, zu Deutsch „retuschiertes Foto“.

Wer das vergisst, kann mit einem Bußgeld von bis zu 10.000 Euro belegt werden.

Stockdatenbanken – Wo finden aktuell Veränderungen statt?

Bei den Medienagenturen findet unlängst ein Paradigmenwechsel statt. Der Transformationsprozess ist längst im Gange. Einige Trends möchte ich dir in den nächsten Absätzen erklären.

Stockfotos Trend #1 – Cinemagraphs als Werbeträger

Cinemagraphs sind eigentlich ein alter Hut, denn das Content-Format gibt es bereits seit dem Jahr 2010. Seit einigen Jahren rufen die großen Stockdatenbanken via E-Mail ihre Fotografen dazu auf, vermehrt sogenannte Cinemagraphs hochzuladen. Den detaillierten Artikel zum Thema Cinemagraphs findest du hier!

Stockfotos Trend #2 – Vertikale Videos & Smartphone-Kamera

Wir konsumieren die Inhalte des Internets zunehmend auf dem Smartphone. Bei Videoformaten findet aktuell ein Umdenken statt, denn wie wir wissen wird das Device nun hochkant gehalten. Ein Großteil der Videos wird jedoch im Querformat gefilmt. Außerdem werden viele Videos und Bilder mittlerweile mit dem Smartphone produziert.   

Stockfotos Trend #3 – Qualität

Bilderdatenbanken gibt es wie Sand am Meer. Einige fügen wöchentlich eine Million neue Bilder hinzu. Das führt dazu, dass sich der Nutzer durch hunderten von Seiten klicken muss, um ein passendes Bild aus einer schier endlosen Auswahl zu finden. Der Suchalgorithmus und die Bilder selbst rücken in den Fokus. Zum einen nehmen viele Anbieter nur noch hochwertige Bilder auf und zum anderen entwickeln Programmierer die Suchalgorithmen immer weiter.

Mein Fazit zu den Bilderdatenbanken

Die Branche muss sich neu erfinden. Neben den aufgeführten Nachteilen bietet eine Stockdatenbank auch viele Vorteile. Ich bin der Meinung, dass die Kosten hierfür erheblich gesenkt werden können. Stockbilder gibt es bereits ab zwanzig Cent. Einige Plattformen, wie Unsplash und Pixabay bieten sie sogar kostenlos an.

Kosten für die Auftragsfotografie (Abhängig von den gebuchten Stunden):

• Fotostudio (Miete, Equipment, Versicherung…): 200 Euro pro Shooting
• Einkommen Fotograf: 200 Euro pro Shooting
• Gesamt (Ohne Model): 400 Euro

Wer exotische Motive sucht, wie zum Beispiel ein Bild von einem Löwen oder von einer speziellen Location, wird wohl um eine Datenbank nicht herumkommen. Hinzu kommt der Zeitfaktor. Ein Shooting musst du aufwendig vorbereiten. Für einen einfachen Blogartikel wird sich das in der Regel nicht lohnen. Der Name Stockdatenbank leitet sich übrigens vom Begriff „to stock“ ab, also etwas auf Lager haben.

Wer die Möglichkeit hat, sollte seine eigenen Bilder schießen. Möchstest du dennoch ein Stockfoto verwenden, achte unbedingt auf die Fotost werden. Ansonsten wirst du beim Kunden kein keinen guten Eindruck hinterlassen.

Designtrends #1 – Bright Colours

In diesem Jahr setzen große Marken weiterhin auf kräftige Farben bei der Gestaltung ihrer Designs. Inspiration finden die Designer in der Natur. Damit die Töne noch satter erscheinen, werden sie im Nachgang herausgearbeitet. Im Vergleich zum letzten Jahr wurden die Auftraggeber mutiger, die Entwicklungen gehen hin zum Experimentieren mit ungewöhnlichen Farbkombinationen, um mehr Aufmerksamkeit und damit einen Wow-Effekt zu erzeugen. Dahinter steht die eigene Identität. Weg vom Mainstream hin zum persönlichen Markenauftritt und Stil.

Designtrends #2 – Be Unique and authentic

Marken müssen bei der Auswahl der Bilder umdenken. Material aus Stockdatenbanken erzeugen beim Kunden nicht mehr zwangsläufig die gewünschten Emotionen und ist eine veraltete Möglichkeit für einen Designer. Dafür ist die Bilderflut in den letzten Jahren zu sehr angestiegen. Konsequenterweise setzen sich die Design-Trends nach individuell angepassten und authentischen Bildern fort. Zeit im Marketing nicht mehr alles Schwarz-Weiß zu sehen.

Es gibt zahlreiche Portale, die Designer an Kunden vermitteln. Am bekanntesten dürften wohl Fiverr und Upwork sein. Für wenig Geld können Webmaster mithilfe der Vermittlungsportale individuelle Grafiken erstellen lassen. Die Preise sind zum Teil unverschämt günstig. Wir arbeiten ausschließlich mit einer Handvoll Designer über Upwork.com zusammen und wurden bis dato nicht enttäuscht. Bei uns steht der Mensch im Vordergrund, wenn es um eine Zusammenarbeit geht. Die Kommunikation mit dem Designer findet zwar meistens auf Englisch statt, aber dafür können sich die Ergebnisse wirklich sehen lassen. Sämtliche Designs und Animationen für das MEGA-Magazin haben wir über Upwork koordiniert.

Designtrends #3 – Flat 2.0

Seit 2007 dominiert das Flat-Design die Design-Welt. Keine Schatten, keine Farbverläufe und alles so minimalistisch wie möglich. Mittlerweile erlebt zumindest der Farbverlauf eine Renaissance. Brands wie Instagram oder Soundcloud diese Design-Trends vor. Der Übergang ist weicher & flacher und integriert sich besser in das Flat Design.

Designtrends #4– Cinemagraphs

Große Brands wie Daimler und Coca-Cola setzen bereits auf Cinemagraphs. Das Contentformat bietet gleich mehrere Vorteile. Zum einen sind die Produktionskosten im Vergleich zu einem Video deutlich geringer und zum anderen lässt es sich problemlos auf die Website oder den Social Media Kanal integrieren. Die Aufmerksamkeit des Lesers kann mit Hilfe des bewegten Teils gezielt gesteuert und die Werbebotschaft perfekt transportiert werden.

Aktuell werden Cinemagraphs vor Allem in Instagram und Facebook verwendet. Dabei eignet sich das Format besonders für redaktionelle Inhalte, denn dank des magischen Effekts erhöht sich die Verweildauer und es verringert sich die Absprungrate. Dieser Design-Trend sorgt zwar nicht unmittelbar für steigende Rankings in den Google-SERPs, zahlt aber dennoch auf deine Website ein und transportiert den gewünschten Inhalt zielgerichtet und stellt dein Produkt in den Mittelpunkt.

Designtrends #5– Responsive Logos

Responsive Designs stellen die logische Konsequenz aus dem Siegeszug des Smartphones dar. Die Inhalte werden zunehmend auf den Nutzer angepasst. Hier stellt sich die Frage, warum ein Desktop-Logo auch auf einem Endgerät mit kleinerem Bildschirm ausgespielt werden soll. Die Corporate Identity geht deshalb nicht zwangsläufig verloren, denn weder ist das Logo die Marke noch ist die Marke das Logo. Viel wichtiger ist die Erfahrung des Users und damit der Inhalt. Dank des responsiven Logos bekommt der sichtbare Bereich mehr Platz und der Nutzer kommt schneller an seine Informationen. Der Besucher deiner Website erfährt durch diese Design-Trends ein positives Nutzererlebnis. Darum geht es doch, oder?

Design-Trends #6– Pattern

Vor einigen Jahren hat der Süßwarenkonzern Ferrero in Partnerschaft mit HP einen Design-Algorithmus entwickelt. Dieser hat automatisch sieben Millionen Nutella Gläser designt, sodass jedes Packaging Design einzigartig war. Trotz Minimalismus und viel white Space setzen sich abstrakte und geometrische Muster in den Trends 2021 weiter durch.

Grafik-Design-Trends #Fazit

Am besten überprüfst du deine Website oder deinen Social-Media-Auftritt auf die hier vorgestellten sechs Design-Trends. Ich bin mir sicher, dass sich die einen oder anderen Design-Trends 2021 auch bei dir umsetzen lässt.

Einen kompletten Markenauftritt farblich zu verändern ist natürlich nicht in wenigen Stunden gemacht, aber die Verwendung eines responsiven Logos oder die Nutzung von Cinemagraphs ist zügig erledigt und bringt neben den positiven User-Signalen auch ein positives Nutzererlebnis.

Ich möchte am Ende noch erwähnen, dass es zahlreiche weitere Design-Trends gibt. Also mit den hier gezeigten sechs Design-Trends 2021 ist es noch lange nicht getan.

Ich werde dir abschließend noch eine kleine Übersicht geben:

• Scroll-Transformation: Wenn du dich durch eine Website scrollst, beginnen sich im Hintergrund die Grafiken zu verändern. Die Website reagiert auf deine Interaktion.
• Physische Produkte aufbereitet: Produkte in Szene setzen! In großen Online-Shops schwer umzusetzen, aber es ist möglich. Der Kunde kauft ein Produkt aus einer Emotion heraus, bzw. aus einem Bedürfnis. Du musst es ihm schmackhaft machen und genau hier unterstützt dich die Aufmachung der Verkaufspage.

In den nächsten Jahren werden die neuen Designtrends unseren Alltag im Web begleiten. Es fühlt sich alles professioneller an.

Ich freue mich darauf. Wenn du noch Fragen zum Thema Design-Trends hast, kannst du hier einen Termin für ein persönliches buchen.