Kontakt

SEO und Design

Scroll  ____
Share
| | 7. 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!
  • 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.
  • Dieses Feld dient zur Validierung und sollte nicht verändert werden.
Volle Säle bei Content-Themen: mit Storytelling interagieren & konvertieren Die Orga lief allerdings so reibungslos, dass es sich nicht anfühlte, […]
Weiterlesen
Das unterscheidet Twitter von anderen Plattformen Die 2006 gegründete Mikroblogging-Plattform Twitter zählt mit 139 Millionen aktiven Nutzer:innen pro Tag zu […]
Weiterlesen
Natürlich hätte es für eine Google AdWords Agentur oder schlicht Werbende Vorteile, wenn ihre Google AdWords Anzeigen künftig durch Bilder mehr auffallen […]
Weiterlesen
Unser Wolfgang Winter hat vor kurzem im Rahmen des Online Marketing Tags ein Webinar zum Thema Gewinnbringendes Affiliate Marketing für KMU gehalten. […]
Weiterlesen
Neues Update von Google kommt – was ändert sich für Suchmaschinenoptimierung? Mit dem neuen Update wird der Suchalgorithmus von Google […]
Weiterlesen
So kommt das virtuelle Klassenzimmer online zu den Entscheidern Am 11. März 2020 schlossen die ersten Schulen, bevor Bayern nur […]
Weiterlesen
Was ist dieser Cyber Monday? Für die Amerikaner war wohl Halloween noch nicht genug. Sie erfanden auch noch den Black […]
Weiterlesen
  |  
Google Core Update 2020: Was hat sich verändert? Veränderungen im Sichtbarkeitsindex zeigen sich bei Webseiten aus den Bereichen Affiliate, Finance, […]
Weiterlesen
Was zeichnet die Generation Z aus? Die Generation Z ist ständig online. Laut der ARD/ZDF Online Studie 2019 waren mehr […]
Weiterlesen
  |  
Der PSI-Bericht (PageSpeed Insights) enthält nun verschiedene Elemente Der Geschwindigkeitswert kategorisiert eine Seite als schnell, durchschnittlich oder langsam. Dies wird […]
Weiterlesen
LinkedIn schaltet ein Algorithmus-Update und die ersten Fragen, die man sich stellt, sind erfahrungsgemäß: „Was hat sich verändert?“ und „Was […]
Weiterlesen
  |  
Dass Webseiten mit SEO optimierten Inhalten in den Google Suchergebnissen weiter oben angezeigt werden und so auch mehr Besucher und […]
Weiterlesen
crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram