Display 7

Performance-Websites, kreativer Content und das für dich richtige Marketing machen dein Unternehmen sichtbar und bringen dich langfristig voran.

Mit Flanke 7 wird Marketing zum Erfolgsfaktor:

Jamstack Websites + Performance Marketing

<h1 class='heading__h1'>Flanke 7 GmbH</h1>

Gemeinsam erreichen wir auch deine Ziele.

Dir gefallen unsere Projekte?

Mehr Beiträge

Blog

Alle Beiträge

Projekte

Alle Projekte

Die schnellsten Websites der Branche: Wir entwickeln rasend schnelle Jamstack Websites ✅ + Performance Marketing ✅ für anhaltende Erfolgserlebnisse.

Flanke 7 GmbH: Jamstack Websites + Performance Marketing

Webdesign ist mehr als nur die Zusammenstellung von Farben und Schriften. Es ist ein komplexes Zusammenspiel aus verschiedenen Detailentscheidungen die letztlich alle das Ziel verfolgen, eine ansprechende Seite zu gestalten, auf der sich der Nutzer gerne aufhält und verweilt. Und weil das eben nicht so einfach ist - kommt hier unser Artikel zu den “Dos und Don'ts im Webdesign”.

Kurzer Reminder: Was ist nochmal Webdesign?

Webdesign umfasst die Gestaltung von Layout, Farben, Schriftarten und dem gesamten Erscheinungsbild einer Website sowie letztlich dann auch das Programmieren des erforderlichen Codes. Auch die Strukturierung von Inhalten ist Teil des Prozesses, um eine benutzerfreundliche Navigation zu gewährleisten. Dabei geht es um mehr als nur um das Sichtbare: Technische und visuelle Elemente werden kombiniert, um eine stimmige Benutzererfahrung zu schaffen. Ziel ist eine ästhetisch ansprechende und effektive Website, die benutzerfreundlich ist und die gewünschte Botschaft vermittelt - und zum Bleiben einlädt. 


Kurze Übersicht: die 7 Grundregeln des Webdesign

Bevor wir zu dem Kommen, was man machen und nicht machen soll, hier nochmal ein kurzer Überblick darüber, was als Grundlage angesehen wird oder als Mindestregeln für gutes Webdesign. 

Diese Punkte sind eine Art "Rahmen", an dem man sich immer orientieren sollte, egal welche Entscheidungen im Prozess für eine neue Website getroffen werden. 


Design Etiquette und “tödlichen Sünden”

Wir haben gesammelt, was hier wirklich gar nicht geht und was man aber machen sollte - daher hier unsere Liste der Dos and Don'ts. 

Typografie – Die hohe Kunst der Schrift

Zur Typografie gibt es ein paar weitere Aspekte, die auf jeden Fall beachtet werden sollten wie z.B: 

Neben der Typo gibt es aber noch andere Punkte, bei denen Vorsicht besser als Nachsicht ist - wie z.B. Farben, Whitespace und Navigation. 

Farben – Die Magie der richtigen Kombination 

Navigation – Der Wegweiser im Labyrinth

Responsive Design – Für alle Fälle (und Geräte) gewappnet

Es gibt natürlich auch noch weitere Aspekte, die man beachten kann und sollte - wer allerdings noch mehr allgemein erfahren möchte, der kann sich 

Gutes Webdesign ist nicht nur eine Frage der Ästhetik, sondern auch der Funktionalität. Es verbessert die Benutzerfreundlichkeit, steigert die Konversionsrate und lässt die Besucher entweder länger bleiben oder bringt sie sogar dazu, nochmal zu kommen. Und genau das ist das oberste Ziel. Eine gut gestaltete Website vermittelt Professionalität, Vertrauen und sorgt dafür, dass Ihre Botschaft klar und effektiv ankommt. Und im Zweifel: Holt euch dabei lieber Hilfe, als euch entweder zu viel zuzumuten oder eben grobe Fehler zu begehen. 

Webdesign: Dos and Dont’s 

In einer Suchmaschine gefunden zu werden ist zum einen nicht einfach und auf der anderen Seite etwas, dem sich eigentlich jeder widmet, der eine Website, einen Shop oder einen Blog betreibt. Dabei kann man nicht nur eine SEO-Strategie für Inhalt und Content haben, sondern auch schon den Aufbau der Seite so gestalten, damit die Architektur ihren Beitrag zur Auffindbarkeit leistet. Was das ist, was man da so machen kann und noch vieles mehr, folgt jetzt in diesem Artikel von uns für euch. 


Was heißt eigentlich SEO-freundliche Webarchitektur?

Fangen wir doch mal damit an, was genau eine Webarchitektur oder Website-Architektur ist. Nun ja, eigentlich genau das, was der Name sagt: die Struktur, die den Inhalt einer Website organisiert und bereitstellt. Also Hierarchien und noch vieles mehr.

SEO-freundliche Webarchitektur bezieht sich auf die Struktur sowie Organisation einer Website, die Suchmaschinen-Crawlern hilft, den Inhalt effizient zu durchsuchen und so indexieren zu können. Eine gut durchdachte Architektur verbessert nicht nur das Ranking in den Ergebnissen der Suchmaschine, sondern sorgt auch für eine bessere Benutzererfahrung.

Also muss die Architektur der Website aus zwei Gesichtspunkten bedacht werden, bevor man das basteln anfängt: der künftige Nutzer (oder die Zielgruppe, der man ein Erlebnis bieten möchte) und die Suchmaschine.

nisonco-pr-and-seo-yIRdUr6hIvQ-unsplash.jpg

Eine SEO-freundliche Webarchitektur erstellen 

Wir wissen jetzt, was das ist und auch was es bringt, aber natürlich ist jetzt wichtig, was man berücksichtigen kann und wie man eine solche Architektur aufsetzt. Daher kommen hier mal die wichtigsten Aspekte, die man berücksichtigen sollte. 

Idealerweise sollte man kurze, leicht verständliche und trotzdem prägnante URLs verwenden. Die URLs sollten dabei “sprechend” sein. Gemeint ist damit, dass nach dem “/” keine wilde Kombi aus Zahlen und Buchstaben kommt, sondern eine “Aussage” wie zum Beispiel: www.seofreundliche-architektur.de/ein-leitfaden 

Hier ist vor allem eins wichtig: Logik! Es bedarf einer klaren Struktur, die für andere nachvollziehbar ist und wichtige Seiten sollten leicht erreichbar sein - d.h. nicht mehr als drei Klicks von der Startseite entfernt. 

Crawler wandern über deine gesamte Website. Wenn du jetzt also relevante Inhalte miteinander verlinkst, dann wird den Crawlern die Navigation erleichtert. Hier ist aber wichtig: bitte nur Aspekte verlinken, die auch wirklich einen Zusammenhang haben. 

Eine Sitemap sollte hinter jeden guten Website stecken. Ihr wollt wissen, was das ist? Klar, dazu haben wir uns mal an den Worten von 

“Eine Sitemap ist eine Datei, mit der du Informationen zu den Seiten, Videos und sonstigen Dateien auf deiner Website angibst und die Beziehungen zwischen diesen Seitenelementen darstellst.” 


Hier benötigt man eine XML-Sitemap zwecks des Crawlings.

Mobile-first oder auch Mobile-friendly 
⁠

Das ist kein neues Thema, das weiß mittlerweile eigentlich jeder: Websites müssen auf verschiedenen Geräten laden und gut aussehen. Hier ist mitgemeint, dass es auch  verschiedene Bildschirmgrößen innerhalb einer Gerätekategorie geben kann. Deine Website sollte responsive sein und eine “mobile-first-indexierung” ist für Google mittlerweile der Standard. 


Schnell ladende Seiten sind entscheidend für eine gute Benutzererfahrung und SEO. Auch das ist hinlänglich bekannt, aber deswegen nicht weniger wichtig. Das geht zum Beispiel via 


Baue das HTML ordentlich und sauber auf und verwende dabei semantische Tags wie <header>, <nav>, <article>, und <footer>, um den Inhalt klar zu strukturieren.

Diese Form von Navigation innerhalb einer Website zeigt dem Benutzer, in welcher Abzweigung er sich gerade befindet und auch, welchen Weg er von der Startseite beginnend schon gewandert ist. Das hilft aber nicht nur dem Besucher der Seite, sondern auch Suchmaschinen, darin eine klare Struktur zu erkennen. 

So viel mal zu den Aspekten, die es zu beachten gilt und die alle ihre Bedeutung haben.  Gemeinsam betrachtet ist dann das “Paket”, was eine Seite besser macht als andere. 


Websites werden von der Suchmaschine gecrawlt, in der sie zu finden sind. Wer eine gute Struktur hat, erleichtert Crawlern die Arbeit, was zu besseren Suchmaschinenrankings führen kann.

Klare Navigation und schnelle Ladezeiten verbessern die Nutzererfahrung und senken die Absprungraten. Und das wollen wir ja alle erreichen, denn noch ist es ja so, dass Websites und Shops der zentrale Anknüpfungspunkt für den Online Verkauf sind. 

Zudem macht eine durchdachte Architektur die Wartung und Skalierbarkeit der Website einfacher, da neue Inhalte leichter hinzugefügt und die Website insgesamt leichter gepflegt werden kann. Es hilft dir also auch bei deiner eigenen Arbeit, diesen Aufwand zu betreiben. 

Schließlich können Suchmaschinen die Seiten aber auch effizienter durchsuchen und indexieren, was die Sichtbarkeit der Website erhöht. Und wir wissen alle: in Suchmaschinen ist die Sichtbarkeit das A und O. 


Ein paar Tipps für eine SEO-freundliche Webarchitektur

Noch ein paar Tipps von uns zum Abschluss, was man machen kann und was unter Umständen auch regelmäßig gemacht werden sollte. 

Klingt doch nach einem machbaren Plan, oder? 
Ihr habt noch nicht genug? Dann haben wir hier noch einen 

 für euch zum Thema, da könnt ihr weiterlesen.

Ganz schön viel auf einmal? Ja, das ist wohl wahr, aber es ist leider eben auch sehr wichtig. Denn ein Design kann noch so gut sein, ein Text noch so gut geschrieben, letztlich zählt das Gesamtpaket für deine Sichtbarkeit. 
Man kann sich eine Website dabei auch vorstellen wie eine Stadt und die Suchmaschinen sind Touristen. Eine SEO-freundliche Webarchitektur sorgt dafür, dass diese Touristen die Stadt lieben und immer wieder zurückkehren. Klare URL-Strukturen sind wie gut beschilderte Straßen, logische Seitenhierarchien wie ein durchdachter Stadtplan und interne Verlinkungen wie schicke Wegweiser zu den besten Attraktionen. Optimierte Ladezeiten sind die schnellen öffentlichen Verkehrsmittel und mobile Freundlichkeit ist die barrierefreie Zugänglichkeit.

Wenn alles perfekt zusammenspielt, fühlen sich nicht nur die Suchmaschinen wohl, sondern auch deine Besucher. Das Ergebnis? Höhere Rankings, einfachere Wartung und eine gesteigerte Crawling-Effizienz. Und natürlich muss eine Stadt gepflegt werden, damit die Touristen auch in der nächsten Saison noch gerne kommen. 

Bis zur nächsten Saison könnt ihr euch die Zeit ja mit unseren 

SEO-freundliche Webarchitektur: Ein Leitfaden

Gefühlt wöchentlich gibt es neue Updates, neue Funktionen, neue Möglichkeiten für Creator*innen auf den Social Media Plattformen dieser Welt. Und trotz wachsender Möglichkeiten sowohl für Unternehmen als auch Creator*innen und Privatpersonen, haben noch nicht viele das Thema “Barrierefreiheit” auf der Agenda. Barrierefreier Content spielt nicht nur für Websites eine Rolle, sondern eben auch in den sozialen Netzwerken - und das nicht nur für gute Karma Punkte, sondern auch für Belohnungen mit Reichweite durch Algorithmen. 


Was ist Barrierefreiheit auf Social Media?

“Barrierefreiheit im Internet” bezogen auf Websites haben wir in einem anderen Artikel untersucht und für euch aufbereitet. Den findet ihr in unserem 

. Aber jetzt werfen wir mal einen Blick darauf, was “Barrierefreiheit” denn auf Plattformen wie Instagram, Facebook und Co. bedeutet. 

Auf Social Media sprechen wir in diesem Kontext vom “barrierefreiem Posten”. Die großen sozialen Netzwerke sind stark visuell geprägt, denn Bilder und Videos machen den Großteil an Content aus. Doch nicht jeder ist dazu in der Lage, diesen Content zu konsumieren.

Barrierefreies Posten bedeutet zum einen, sich der Verantwortung bewusst zu sein, die wir als Anbieter von Inhalten gegenüber Menschen mit Beeinträchtigungen haben, und zum anderen, diese besonderen Bedürfnisse in unsere Mediaplanung zu integrieren. Das heißt, unsere Social-Media-Inhalte so zu gestalten, dass sie auch für Menschen mit Beeinträchtigungen zugänglich und nutzbar sind.

Zugänglich und konsumierbar für alle - das ist das Credo. Für Menschen mit Seh- und Höreinschränkungen sollte der Content auf so stark visuell und auditiv geprägten Plattformen wie Instagram und Co. entsprechend angepasst werden. 


Wie kann man Social Media barrierefrei gestalten?

Klingt ja wunderbar, aber so einfach ist das jetzt nicht umzusetzen, oder? Da dieses Thema schon länger auf der Agenda ist, gibt es Maßnahmen, Tools und Möglichkeiten, die hier helfen können. 

Wir haben also verstanden, dass es dabei nicht nur um die Inhalte an sich geht, sondern eben auch die Bedienung entsprechend angepasst werden sollte. 

daniel-ali-ju1yFZkrxVg-unsplash.jpg

Welche Vorteile haben Unternehmen von barrierefreiem Content auf Social Media?

Die Barrierefreiheit auf Social Media bietet Unternehmen eine Reihe von Vorteilen, darunter eine größere Reichweite. Die heutigen Algorithmen fangen bereits an Content zu belohnen, der auf vielfältige Art und Weise konsumiert werden kann. 

Durch die barrierefreie Gestaltung der Social-Media-Präsenzen erreichen Unternehmen ein größeres Publikum, einschließlich Menschen mit Einschränkungen. Auf das eigene Image kann sich das positiv auswirken, denn verantwortungsvoll zu handeln und gerade bei Content Rücksicht zu nehmen, zeigt, dass die Bedürfnisse aller Menschen gleichermaßen ernst genommen werden. Natürlich auch nicht unerlässlich im Hinblick auf die Steigerung der Kundenzufriedenheit. 

Die Kontaktaufnahme kann erleichtert werden, denn gerade eine barrierefreie Möglichkeit zur Steuerung bzw. Bedienung der Plattformen kann vieles erleichtern. 

Und natürlich: Unternehmen demonstrieren so, dass es ihnen nicht egal ist, wer ihre Inhalte sieht und konsumieren kann. Ein Punkt, der definitiv nicht zu vernachlässigen ist. 

Barrierefreie Social Media ist nicht nur eine moralische Verpflichtung, sondern auch eine wirtschaftliche Chance für Unternehmen. Durch die barrierefreie Gestaltung der Social-Media-Präsenzen können Unternehmen ihre Reichweite vergrößern, ihr Image verbessern, die Kundenzufriedenheit erhöhen und ein entscheidendes Statement setzen: Menschen sind diesem Unternehmen nicht egal. 

Flanke 7 GmbH

Jamstack Websites + Performance Marketing

Mit Flanke 7 wird Marketing zum Erfolgsfaktor:

Projekte (Alle Projekte)

Display 7

Dir gefallen unsere Projekte?

Blog (Alle Beiträge)

Webdesign: Dos and Dont’s

SEO-freundliche Webarchitektur: Ein Leitfaden

Ein offener Zugang für alle - Social Media Barrierefrei