SEO und Design

| | 07. Juli 2020
Design | News | SEO

Die Suchmaschinenoptimierung und das Design einer Website werden oft als zwei verschiedene paar Schuhe gesehen, die weitestgehend unabhängig davon sind. Dabei sollte jeder Designer, der eine Website neu entwirft oder eine Generalüberholung vornimmt, folgende Punkte miteinbeziehen:

Usability vor Design

Innerhalb weniger Sekunden sollte der Kunde den Sinn der Website verstanden haben. Das heißt, dass wichtige Inhalte nicht hinter irgendwelchen Animationen oder weit unten auf der Seite versteckt sein dürfen. Aufwendig und schrill gestaltete Layouts oder Inhalte machen sich zwar auf so manchem Portfolio gut, haben aber auf anderen Seiten selten etwas zu suchen. 

Navigation und Überschriftenstruktur

Die Navigation einer Website ist nicht nur wichtig, damit der Nutzer darauf zurecht kommt, sondern auch für die sogenannten Web-Crawler. Diese bewegen sich einfacher auf Seiten, die sauber und ordentlich verlinkt sind. Suchmaschinen wie Google bewerten mithilfe dieser Crawler alle indizierten Webseiten. Je besser eine Seite crawlbar ist, umso höher ist die Chancen auf einer hohen Position in den Suchergebnissen zu erscheinen.

SEO/Suchmaschinenoptimierung bezieht deshalb unter anderem logischen Aufbau, Design und Textstruktur ein, um gute Rankings zu erzielen. Deshalb ist ist es aber nicht nur essenziell, auf den generellen Aufbau der Seite zu achten, sondern auch auf die Reihenfolge der Überschriften. 
Für die Startseite und pro Unterseite darf es nur eine H1 Überschrift geben, darauf folgend hierarchisch Überschriften H2 bis H6. Nur so ist die Struktur richtig auszulesen, vor allem für Bedienungshilfen für eingeschränkte Personen.

Bild Optimierung

Bilder, die nicht komprimiert oder generell zu groß sind, sollten zuvor komprimiert werden. Hierfür kann man auf bestimmte Konverter im Netz zurückgreifen, oder die Bilddateien gleich auf das Web optimiert aus dem Bearbeitungsprogramm exportieren.

Bilder sollten immer einen Keyword-optimierten Titel und ALT-Text aufweisen. So macht man es nicht nur den Crawlern bei der Suchmaschinenoptimierung leichter, sondern zum Beispiel auch Ausleseprogrammen für Sehbehinderte. Mehr zum Thema Barrierefreies Internet gibt's in unserem Beitrag "Website barrierefrei gestalten".

Ladezeiten

Lange Ladezeiten bremsen die Conversion der Website. Wenige Kunden haben Lust, viel Zeit auf langsamen Seiten zu verbringen.
Schon beim Designen der Website sollte man das im Hinterkopf haben und keine unnötig aufwendigen Bestandteile einplanen. Die allgemeine Performance kann durch zahlreiche Mittel verbessert werden. Angefangen bei Caching-Plugins, durch welche die Seite für den Nutzer schneller lädt, oder beim einfachen Weglassen des Flashplayers. Mobilgeräte unterstützen diese Darstellungsform ohnehin nur selten.

Responsiveness

Unter einer „Responsive Website“ versteht man eine Seite, deren Layout sich an alle Smartphone-. Tablet- und Desktopgrößen anpasst. 

Bei mobilen Ansichten, die extra angelegt werden, hat man oft einige Probleme. Man muss beide Ansichten separat anlegen und teils auch updaten. 
Nicht nur vom Aspekt des Arbeitsaufwandes macht das wenig Sinn. Auch das erhöhte Risiko fehlerhafter Seiten, lässt davon abraten.
Inhalte der Desktopansicht, die sich aus Platzgründen nicht auf der mobilen Seite befinden, werden von Google nicht berücksichtigt. 
Für Google gilt seit 2018 die Devise: Mobile First; ein Grundsatz, den gutes UX-Design von vornherein befolgen sollte! Google verwendet die Mobile-First-Indexierung, welche ausschließlich die Informationen der mobilen Version einer Website nutzt und anhand dieser die Suchmaschinenergebnisse zusammenstellt.
Die Rankingfaktoren für mobilfreundliche Websites sind zum einem

  • das Weglassen von für Smartphones unüblicher Software wie der Adobe Flashplayer (welcher mittlerweile auch kaum mehr auf Desktopversionen angewandt wird).
  • die Darstellungsgröße des Inhalts: Die Schriftgröße des Textes soll regulär mindestens 16 Pt betragen. Bei viel Text kann dieser natürlich ausklappbar gemacht werden.
  • Einfaches Handling: Der Abstand zwischen Links, sei es im Menü oder Text, soll groß genug sein, damit der Nutzer problemlos darauf tippen kann.
  • Bei Bildern gilt, dass sie ohne zoomen oder scrollen sichtbar sein sollen. Die Größe soll demnach an den jeweiligen Bildschirm angepasst sein.
Kostenlose Erstberatung!

*“ zeigt erforderliche Felder an

Dieses Feld dient zur Validierung und sollte nicht verändert werden.
That must be interesting!
Die seowerk News halten jede Woche interessante Beiträge, rund um die Themen SEO, SEA, Social Media, Storytelling, UX und vieles mehr für Sie bereit.

*“ zeigt erforderliche Felder an

Dieses Feld dient zur Validierung und sollte nicht verändert werden.
  |  
Die KI-Revolution wurde am 30.11.2022 durch die Veröffentlichung des populärsten KI-Chatbots „Chat-GPT“ weltweit eingeleitet, welcher auf einem Large Language Model basiert und innerhalb kürzester Zeit mehrere 100 Millionen Nutzer gewinnen konnte.
Weiterlesen
  |    |  
Ab 28. Juni 2025 müssen Webseiten und Apps laut Barrierefreiheitsstärkungsgesetz barrierefrei sein, indem sie unter anderem Leichte Sprache nutzen, um für alle zugänglich zu sein.
Weiterlesen
  |  
Auf der Suche nach einem benutzerfreundlichen und vielseitigen Design-Tool bist du sicherlich bereits auf Canva aufmerksam geworden. Canva hat zweifellos die Designlandschaft verändert und bietet eine beeindruckende Plattform für kreative Bearbeitungen.
Weiterlesen
  |  
Gender-Star, Gender_Gap und Binnen-I – was auf den ersten Blick kompliziert klingt, ist ein Schritt in eine gleichberechtigte Zukunft. Ob […]
Weiterlesen
  |  
Überwinde deine Schreibblockade Als Texter:in oder Content Creator hast du einen wichtigen Job: Du bringst Ideen und Gedanken auf Papier […]
Weiterlesen
  |  
10+1 Anwendungen, wie ChatGPT bei der Erstellung von SEO-Content hilft Seit November 2022 ist ChatGPT als Forschungsvorschau für die Öffentlichkeit […]
Weiterlesen
  |  
Was sind saisonale Suchbegriffe?  Es ist kurz vor Weihnachten: Die Feiertage stehen vor der Tür und die letzten Geschenke landen […]
Weiterlesen
  |  
Kürzlich ist eine Alternative zur Suchmaschine Google erschienen. Neeva heißt der neue Suchdienst, der Suchen ohne Werbung und Tracking verspricht. In diesem Beitrag möchten wir Euch die neue Suchmaschine vorstellen und erklären, warum SEO gerade auf Neeva so wichtig ist.
Weiterlesen
  |  
Menschen mögen den Komfort des hybriden Shoppings Die Kluft zwischen Online- und Offline-Handel zu überwinden, stellt viele Händler:innen vor neue […]
Weiterlesen
  |  
Was ist lokale Suchmaschinenoptimierung? Lokale Suchmaschinenoptimierung (Local SEO) ist ein Aufgabenbereich der klassischen Suchmaschinenoptimierung. Ziel ist es, lokale sowie regionale […]
Weiterlesen
  |  
Was bedeutet Omnichannel-Marketing? Der Begriff Omnichannel heißt übersetzt soviel wie "alle Kanäle". Das bedeutet, dass ein Unternehmen Kund:innen kanalübergreifend anspricht […]
Weiterlesen
  |  
Eine Infografik für soziale Medien zu erstellen, ist im Grunde genommen gar nicht so schwierig. Willst du die Reichweite deiner […]
Weiterlesen
Kontakt
crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram