Wie Sie SEO und Webdesign kombinieren, um effektivere Seiten für Ihre Persona und Suchmaschinen zu erstellen

Veröffentlicht: 2021-07-12

Die Bedeutung von SEO-Webdesign besteht darin, dass wir, wenn wir in die Entwicklung einer Website investieren, wollen, dass sie sehr präsentabel und suchmaschinenfreundlich ist, mit angenehmen visuellen Elementen und zusätzlich zu einer funktionalen, einfachen und intuitiven Navigation.

Dies alles ist Teil des Anliegens, eine gute Benutzererfahrung zu bieten. Können wir diesen Ansatz jedoch mit SEO-Diensten und -Techniken in Einklang bringen?

Obwohl es bei der Kombination von Suchmaschinenoptimierung und Webdesign einige Herausforderungen gibt, ist dies eine sehr praktikable Mischung.

Dies wird deutlich, wenn wir verstehen, wie wichtig es ist, attraktive Seiten sowohl für Menschen als auch für Suchmaschinen zu erstellen, und die Designfehler besser verstehen, die sich auf Ihre Optimierung auswirken.

Möchten Sie mehr wissen? Dann lesen Sie unten!

Warum SEO und Webdesign kombinieren?

Es gibt viele Argumente, die dafür sprechen, SEO und Webdesign als Verbündete bei der Erstellung einer außergewöhnlichen Website zu betrachten. Sehen wir uns 5 der Hauptgründe an, um beides im Gleichgewicht zu halten.

1. Der Großteil des Traffics stammt normalerweise aus organischen Suchen

Laut einer Studie von BrightEdge – einem Unternehmen, das über eine ausgeklügelte Plattform zur Suchmaschinenoptimierung und andere Internetmarketing-Lösungen verfügt – entspricht die organische Suche im Durchschnitt 50,1 % des Website-Traffics.

Das bedeutet, dass, egal wie effektiv eine Paid-Traffic-Strategie auch sein mag, natürliche Suchen diejenigen sind, die am Ende mehr Besucher auf Ihre Website bringen . Daher müssen wir SEO als eine hervorragende Möglichkeit betrachten, unsere Seiten zu optimieren, um diesen Kanal mit einer größeren Chance, potenzielle Kunden zu gewinnen, zu stärken.

[rock_performance lang="de"]

Wenn Ihr Unternehmen bereits seit einiger Zeit über eine Website, einen Blog oder E-Commerce verfügt, überprüfen Sie Ihr Webanalyse-Tool. Es ist sehr wahrscheinlich, dass organischer Traffic Ihr größter Kanal zur Gewinnung von Besuchern ist. Deshalb ist ein SEO-freundliches Webdesign wichtig.

2. Das Erscheinungsbild Ihrer Website spiegelt das Engagement des Unternehmens wider

Wenn wir auf eine Seite zugreifen und ein Versehen bei der Wahl von Layout, Schriftarten, Farben, Bildern und anderen visuellen Elementen feststellen, wird häufig davon ausgegangen, dass die Marke nicht bestrebt ist, ihren Besuchern ein gutes Erlebnis zu bieten.

Daher ist es wichtig, in eine qualitativ hochwertige Website zu investieren, deren Design den Werten des Unternehmens entspricht und mit den Eigenschaften der Persona harmoniert.

3. Schlechtes Design hält Benutzer fern

Abgesehen davon, dass sie den Ruf der Marke schädigt, hat eine Website mit einer schlechten visuellen und Benutzererfahrung in der Regel unmittelbare Auswirkungen auf das Benutzerverhalten: Die Leute neigen dazu, diese Seite zu verlassen.

Es sei daran erinnert, dass diese Frustration nicht nur bei Websites mit schlechtem Design auftritt, sondern auch bei Websites mit zu vielen Designelementen .

Übermäßige Funktionalität und Bilder mit einer weit über wünschenswerten Auflösung erschweren zudem die Navigation und steigern die Lust auf den Zurück-Button.

4. Bestimmte Technologien funktionieren nicht gut mit Suchmaschinen

Als Flash seinen Höhepunkt erreichte, ermöglichte es Ihnen, Websites mit Effekten und Animationen zu erstellen, die Webstandards zu dieser Zeit kaum erlaubten.

Die Möglichkeiten in Bezug auf Design und Entwicklung waren unglaublich. Suchmaschinen-Robots können diese Technologie jedoch nicht verfolgen, was es (sehr) schwierig macht, auf diese Weise erstellte Websites zu indizieren .

Flash ist eines der bemerkenswertesten Beispiele, aber es zeigt sehr gut, wie der Einsatz einer Technologie, die nur den Designaspekt schätzt, die Präsenz der Marke auf Suchergebnisseiten ruinieren kann.

5. SEO während der Website-Erstellung vermeidet Nacharbeit

Da SEO aus Optimierung besteht, ist es üblich, dass Unternehmen diesen Schritt für später aufheben, wenn das Webdesign oder sogar die gesamte Website-Entwicklung bereits abgeschlossen ist.

Es stellt sich heraus, dass dies eine Reihe von Änderungen erfordert, die vermieden werden könnten, wenn SEO von Anfang an Teil des Seitenerstellungsprozesses wäre.

Welche Prinzipien dürfen bei dieser Kombination nicht fehlen?

Lassen Sie uns nun die Grundlagen und wesentlichen Elemente lernen, um eine attraktive Website sowohl für die Persona als auch für Suchmaschinen zu erstellen.

1. Navigation und Seitenstruktur

Wenn wir in den Supermarkt gehen, finden wir unter anderem Schilder mit den Aufschriften Obst und Gemüse, Getränke, Gefroren, Hygiene. Wenn wir zum Beispiel zum Abschnitt Hygiene gehen, sehen wir die Produkte getrennt nach Deodorant, Seife, Zahnpasta, Shampoo usw.

Man kann sagen, dass eine Website ähnlich organisiert ist . Wir trennen Produkte oder Inhalte in Kategorien und Unterkategorien und folgen dabei einer Hierarchie. Sie sind in Menüs verfügbar, so dass der Benutzer nach dem suchen kann, was er sucht.

Mit anderen Worten, verwenden Sie die Abteilungsschilder im Supermarkt als Leitfaden für die Gestaltung der Site-Navigation, wobei die Aufteilung des Ladens in Abschnitte und Unterabschnitte – und die Wahl der jeweiligen Namen – der Struktur einer Website entspricht.

Nehmen wir als Beispiel Amazon.com.

SEO und Webdesign Amazon

Es gibt ein globales Navigationsmenü mit Optionen zum Einkaufen (Geschäfte), Ihrem Konto und täglichen Angeboten. Wenn wir im Menü "Shops" zu "Bücher" gehen, sehen wir weitere Unterkategorien (Alle Bücher, Bücher im Angebot, Bestseller und andere).

Wenn wir auf Alle Bücher klicken, werden wir auf eine bestimmte Seite mit Angeboten und einem lokalen Menü geleitet, auf der der Benutzer auf die Titel nach Genre, Autor oder Verlag zugreifen kann.

SEO und Webdesign Amazon

Beachten Sie, wie Amazon darauf achtete, nicht alle möglichen Optionen im selben Menü zu platzieren. Die Navigation geht eindeutig von einer breiteren zu einer spezifischeren Kategorie.

Die Organisation nach Ebenen und Unterebenen hilft den Benutzern nicht nur, zu verstehen, was die Website zu bieten hat, und ermöglicht es ihnen, dorthin zu gelangen, wo sie möchten, dass Suchmaschinen den Kontext und den Grad der Bedeutung zwischen den Seiten verstehen.

Konzentrieren Sie sich daher auf Einfachheit, indem Sie die Konstruktion ausgefallener Menüs vermeiden. Gruppieren Sie stattdessen Inhalte oder Produkte mit der entsprechenden Aufteilung in Kategorien und Unterkategorien. Wenn Sie in diesem Prozess auf Schwierigkeiten stoßen, ist die Informationsarchitektur eine große Hilfe.

2. Inhaltslayout

Es ist bereits bekannt, dass die SEO-Inhaltsqualität einer der wichtigsten Faktoren für den Algorithmus von Google ist. Schätzen Sie also die Informationen, die Ihre Website zu bieten hat.

Denken Sie daran, dass wir im Web um die Aufmerksamkeit des Benutzers konkurrieren, der neben Ihrer Seite wahrscheinlich noch mehrere andere Registerkarten geöffnet hat. In diesem Zusammenhang, in dem jeder Besuch Ihrer Website als Sieg gewertet werden kann, müssen wir uns auf den Inhalt konzentrieren und dürfen keine zusätzlichen Ablenkungen schaffen.

Denken Sie daher immer daran, dem Leser zu helfen, das Gesuchte zu finden, indem Sie Text, visuelle Elemente und Leerzeichen ausbalancieren, um den Inhalt nicht zu vernachlässigen .

3. Reaktionsfähigkeit

Ein responsives Design, das sich an die Bildschirmgröße des Geräts des Benutzers anpassen kann, ist insbesondere bei der zunehmenden Nutzung des mobilen Internets weltweit unverzichtbar. Um dies zu veranschaulichen, ist Mobile in vielen Ländern der Welt bereits das wichtigste Mittel für den Internetzugang.

Aufgrund dieser Relevanz betrachtet die Google-Suche die Kompatibilität von Seiten mit mobilen Geräten bereits als einen ihrer Suchmaschinen-Ranking-Faktoren.

Achten Sie daher auf die Freiheit Ihrer Besucher und bieten Sie immer ein angenehmes Erlebnis, unabhängig davon, ob sie Ihre Website lieber von einem Desktop oder einem anderen Gerät aus besuchen.

4. Verwendung von Bildern

Die visuelle Attraktivität einer Website ist entscheidend, um eine Verbindung zwischen Besucher und Marke herzustellen. In diesem Sinne sind Bilder wichtige Verbündete, um das Erscheinungsbild zu verbessern und den auf der Seite vorhandenen Textinhalt zu ergänzen.

Es stellt sich heraus, dass Suchmaschinen (noch) nicht in der Lage sind zu interpretieren, was auf den Bildern steht. Aus diesem Grund müssen Sie in Bezug auf SEO eine Beschreibung mit den Bildern einfügen, die Sie hinzufügen möchten. Fügen Sie dazu einfach einen 'alternativen Text' ein, indem Sie das Alt-Text-Attribut verwenden.

Leider ist dies nicht die einzige Sorge, die wir bei Bildern haben sollten. Wie wir weiter unten sehen werden, sind sie oft die Quelle vieler Fehler, die SEO behindern.

Welche Fehler im Webdesign wirken sich am meisten auf SEO aus?

Nachdem wir die Vorteile der Kombination beider Elemente kennengelernt und die Säulen dieser Kombination verstanden haben, sehen wir uns die 10 Webdesign-Fehler an, die die Positionierung Ihrer Marke in Suchrankings ruinieren können.

1. Vergessen, Bilder zu komprimieren

Qualitativ hochwertige Bilder sind zweifellos ein wichtiger Bestandteil eines guten Designs. Wenn sie jedoch eine sehr hohe Auflösung haben, können sie die Ladegeschwindigkeit Ihrer Website beeinflussen .

Der Benutzer wird kaum die Geduld aufbringen, auf das Öffnen einer Seite zu warten, wenn es länger als ein paar Sekunden dauert, noch mehr, wenn er von einem mobilen Gerät aus darauf zugreift. Daher ist für Google die Ladegeschwindigkeit einer Website ein Rankingfaktor.

Aus diesem Grund ist es wichtig, auf die Größe (in Bezug auf Abmessungen und Megabyte) Ihrer Bilder zu achten, damit sie Ihre Webseiten nicht verlangsamen. Versuchen Sie immer, ein Bildkomprimierungstool zu verwenden, bevor Sie sie der Website hinzufügen.

Schauen Sie sich TinyPNG an. In diesem Beispiel konnte ein Bild um 75% komprimiert werden!

2. Schlechte Inhalte veröffentlichen bad

Auch wenn der Inhalt nicht immer mit dem Entwerfen und Entwickeln in Verbindung steht, müssen wir bedenken, dass es ästhetische Aspekte gibt, die die Auseinandersetzung des Benutzers mit ihm behindern können. Sehr große Absätze und Sätze, eine sehr kleine Schrift und eine Textfarbe , die das Lesen erschweren, sind Elemente, die Suchende erkennen können.

Beachten Sie im Bild unten, dass die Wörter gleich sind.

Web-Design
Quelle: SEO-Mitbewerber

Sehen Sie, wie sehr große Textblöcke, ganze Absätze in Großbuchstaben und eine Farbe ohne richtigen Kontrast das Erlebnis erheblich verschlechtern.

3. Fügen Sie übermäßig viele JavaScript-Aufrufe hinzu

Das Web ist voll von Skripten, die helfen, Websites mit dynamischeren Elementen zu verbessern oder Medien von anderen Diensten mit der Einbettungsfunktion einzubinden. Das Problem ist, dass das Anfordern zu vieler externer Ressourcen das Laden verlangsamen kann, was, wie wir bereits wissen, sowohl der Benutzererfahrung als auch der SEO schadet.

Verwenden Sie daher bei der Webentwicklung sparsam Skriptaufrufe von Drittanbietern. Analysieren Sie, ob sie unverzichtbar sind oder ob andere Lösungen verwendet werden können.

Siehe den Fall dieses Blogs: Von den 2,4 Megabyte, die übertragen wurden, entsprachen 654 Kilobyte JavaScript, was etwa 26% der Übertragungsdaten beim Laden dieser speziellen Seite entspricht.

4. Erstellen Sie einen wesentlichen Teil der Site in Flash

Es ist wahr, dass Flash unglaubliche Effekte auf Ihrer Website erzeugen kann, aber es ist wichtig, sich daran zu erinnern, dass der Benutzer den Adobe Flash Player auf dem Gerät installiert haben muss, um ihn anzeigen zu können.

Darüber hinaus indizieren Suchmaschinen Inhalte, die mit dieser Technologie erstellt wurden, nicht sehr gut.

Daher ist es ideal, Flash für Navigations- und Textinhalte zu vermeiden oder sich einfach für andere Alternativen zu entscheiden, die den Webstandards folgen.

5. Ignorieren Sie die Benutzer von Mobilgeräten

Die deutliche Zunahme der Verbindungen über Tablets und Smartphones haben wir bereits besprochen, sodass die meisten Besucher Ihrer Seite sehr wahrscheinlich von diesen Geräten kommen.

Wenn Ihre Seiten nicht für diese Geräte vorbereitet sind, werden Ihre Besucher Ihre Site mit ziemlicher Sicherheit verlassen.

Da Suchmaschinen berücksichtigen, ob die Seite mobilfreundlich ist oder nicht, um ihr Ranking zu definieren, lohnt es sich, auch unter SEO-Gesichtspunkten in ein responsives Design zu investieren.

Und wenn wir schon über das Handy sprechen, vergessen Sie nicht, Ihrer Seite einige Social-Media-Share-Buttons hinzuzufügen!

Website für Mobilgeräte geeignet
Rock Content-Website, die auf Mobilgeräten läuft
Website für Mobilgeräte geeignet
Rock Content-Site, die auf dem Desktop ausgeführt wird

6. Ersetzen Sie wichtige HTML-Elemente durch Bilder

Beeindruckende Bilder zu erstellen und sie anstelle wichtiger HTML-Elemente wie Überschriften-Tags zu verwenden, mag für das Auge sehr angenehm sein, aber für SEO wird es nicht funktionieren.

Die H1-, H2- und H3-Tags heben den Relevanzgrad jedes Teils Ihres SEO-Inhalts hervor und ermöglichen es Ihnen, das Keyword dieser Seite stärker hervorzuheben.

7. Fügen Sie viel Text zu Bildern hinzu

Wir haben bereits erklärt, dass Suchmaschinen Bilder nicht so interpretieren können wie Textinhalte, die Teil des HTML-Codes der Seite sind.

Aus diesem Grund ist es eine schlechte Praxis, Bilder zu verwenden, die hauptsächlich aus Text bestehen, anstatt sie mit tatsächlichen Textelementen auf der Seite zu reproduzieren.

Obwohl das Alt-Text-Attribut in diesen Fällen nützlich sein kann, ist es ideal, um ergänzenden Text zu erstellen oder ein separates Bild und Text beizubehalten . Eine Alternative wäre, mithilfe von CSS-Funktionen eine Overlay-Ebene mit Text zu erstellen.

8. Erstellen Sie übermäßig anspruchsvolle Menüs

Wir wissen bereits, wie relevant die Navigation für Nutzer und Suchende ist. Es gibt also nichts Besseres, als einfache Menüs zu erstellen, die dem Muster folgen, das bereits von diesen Elementen im Web erwartet wird – beispielsweise eine ungeordnete Liste in vertikaler oder horizontaler Richtung.

Die Navigation muss organisiert sein und sollte Ihre Persona nicht verwirren. Um dies zu vermeiden, halten Sie ein Gleichgewicht. Arbeiten Sie an der Qualität Ihrer Menüpräsentation, aber vermeiden Sie es, zu innovativ zu sein.

Der Blog von Rock Content ist ein hervorragendes Beispiel mit der Liste der Kategorien im oberen Menü und der Zugriffsalternative in der Fußzeile.

SEO- und Webdesign-Kategorien machen Blog

9. Verwenden Sie Funktionen, die den Zugriff auf Inhalte erschweren

Wenn der Benutzer über ein Suchtool wie Google auf Ihre Website gelangt, soll er finden, wonach er sucht, oder? Wenn wir Pop-ups, Hinweise, Anzeigen und andere Elemente vor dem Hauptinhalt platzieren, erschweren wir diesen Zugang.

Nehmen Sie die Nachrichtenseite im Bild unten als Beispiel. Beachten Sie, dass beim Öffnen der Hauptseite der Platz für die Informationen, die der Leser wirklich sehen möchte, sehr klein ist.

Website com muitos anuncios

Suchmaschinen sind intelligent genug, um solche Dinge zu erkennen, weshalb sie das Ranking der Website beeinflussen.

10. Ignorieren Sie Tests und Ergebnisse

Ob Webdesign einen negativen Einfluss auf die Suchmaschinenoptimierung hat, lässt sich am besten feststellen, indem man Tests durchführt und die Ergebnisse auswertet.

Eine interessante Maßnahme ist das Einfügen von Anmerkungen in Ihre Analyseplattform. Wenn wesentliche Änderungen im Design der Website live gehen, notieren Sie das Datum und überwachen Sie, ob es wesentliche Änderungen beim organischen Traffic gegeben hat .

Es ist wichtig zu bedenken, dass ein Rückgang der Besucherakquise über die organische Suche andere Gründe haben kann, wie zum Beispiel Serverprobleme oder sogar Änderungen im Algorithmus der Google-Suche.

Welche Tools helfen zu überprüfen, ob SEO und Webdesign richtig aufeinander abgestimmt sind?

Sehen wir uns nun die Tools an, die jeder Webdesigner kennen sollte, der seine Websites aus SEO-Sicht verbessern möchte.

Schreiender Frosch

Screaming Frog wird verwendet, um eine Website zu crawlen, wie es Suchmaschinenroboter tun . Geben Sie nach der Installation auf Ihrem Computer einfach die URL ein und klicken Sie auf Start, um den Crawling-Prozess zu starten.

Nach dem Eingriff können wir Informationen sehen wie:

  • Seitenantwortzeit;
  • Anzahl der intern und extern geladenen Ressourcen (HTML, JavaScript, CSS, Bilder, Flash, PDF und andere);
  • Überschrift-Tags;
  • Titel-Tag;
  • Meta-Beschreibung;
  • Anzahl der Bilder.

PageSpeed ​​​​Insights

PageSpeed ​​​​Insights ist ein Google-Tool, das die Geschwindigkeit Ihrer Seite analysiert und ihr basierend darauf eine Punktzahl von 0 bis 100 gibt.

Anschließend wird ein Bericht mit mehreren Vorschlägen zur Verbesserung der Ladezeiten sowohl für Desktops als auch für Mobilgeräte angezeigt.

Handyfreundlicher Test

Ein weiteres nützliches Feature von Google selbst ist der Mobile-Friendly-Test. Nach Eingabe der URL der Website untersucht das Tool den Inhalt und stellt fest, ob er für diese Geräte optimiert ist oder nicht .

Sollten diesbezüglich Probleme auftreten, zeigt das Tool, welche Aspekte verbessert werden müssen.

Mit all den Vorschlägen, die Sie bisher gesehen haben, haben Sie bereits eine hervorragende Grundlage, um sicherzustellen, dass SEO und Webdesign gut integriert sind. Denken Sie daran, dass der Benutzer immer an erster Stelle stehen muss.

Wenn Sie sich um die technischen und visuellen Aspekte kümmern, die Ihren Besuchern das beste Erlebnis bieten, besteht die Tendenz, dass sich die Position Ihrer Website in den Suchmaschinenergebnissen nur verbessert.

Möchten Sie wissen, wie sich Pagespeed auf Ihren Umsatz auswirken kann? Laden Sie unsere kostenlose Infografik herunter und sehen Sie, wie Sie Ihre Verkaufsleistung verbessern können!

Laden Sie die kostenlose Infografik herunter, um zu erfahren, wie sich die Geschwindigkeit auf Ihre Website auswirkt