7 SEO-Grundlagen, die alle Webdesigner kennen müssen

Webdesigner und SEO-Experten neigen dazu, sich zu streiten.

Wieso den?

Denn obwohl diese beiden Elemente für jede Website absolut unerlässlich sind, arbeiten sie manchmal gegeneinander.

Während sich Designer darauf konzentrieren, dem Benutzer ein großartiges visuelles Erlebnis zu bieten, sind SEO-Experten darauf bedacht, Suchmaschinen eine realistische Ansicht der Website zu geben.

Ohne Design wird eine Website unterschätzt. Aber ohne SEO wird selbst eine wunderbar gestaltete Website niemals von Lesern gefunden.

Gibt es eine Möglichkeit, den Konflikt zu lösen?

In diesem Artikel werde ich auf sieben Möglichkeiten eingehen, wie Designer den Prozess der Suchmaschinenoptimierung auf jeder Website unterstützen können. Sie erfahren, welche Designelemente für SEO wichtig sind, und einige interessante Tipps, die sowohl Webdesigner als auch SEO-Experten mit dem Endergebnis zufrieden stellen.

1. Lassen Sie Suchmaschinen Ihre Bilder „lesen“.

Einer der größten Teile des Webdesigns ist das Hinzufügen von Bildern, um den Text aufzulockern. Google sieht diese Bilder jedoch nicht auf die gleiche Weise wie Menschen.

Das HTML-Tag <img> teilt der Suchmaschine mit, dass ein Bild vorhanden ist. Der tatsächliche Inhalt des Bildes ist jedoch für die Suchmaschinen-Bots nicht lesbar.

Wie können wir also die Suchmaschine dieses Bild „lesen“ lassen?

Der WordPress Media Manager gibt uns die Möglichkeit, den Titel und den Alt-Text jedes von uns verwendeten Bildes zu ändern.

Alles, was Sie tun müssen, ist, in den Media Manager zu klicken, das Bild auszuwählen, das Sie optimieren möchten, und einen Titel und Alternativtext hinzuzufügen . Dadurch wird der HTML-Code geändert und Wörter hinzugefügt, die Suchmaschinen-Bots lesen können.

Angenommen, ich habe in einem Beitrag über Paris ein Bild des Eiffelturms hinzugefügt. Als Alt-Text könnte ich „Eiffelturm in Paris“ hinzufügen. Jetzt wissen Suchmaschinen nicht nur, dass es ein Bild gibt, sondern auch, was es mit diesem Bild auf sich hat.

Dies hilft der Suchmaschinenoptimierung für diese Seite und ermöglicht auch, dass das Bild in einer zusätzlichen Art von Suche angezeigt wird: einer Bildsuche.

2. Stellen Sie sicher, dass Sie für den mobilen Zugriff optimiert sind

Letztes Jahr übertraf die mobile Webnutzung sogar die Desktop-Webnutzung. Das bedeutet, dass immer mehr Menschen Smartphones und Tablets verwenden, um im Internet zu surfen. Infolgedessen sehen Suchmaschinen besser auf Websites aus, die sich an die mobile Nutzung anpassen.

Als Webdesigner ist es heute wichtiger denn je zu wissen, wie man seine Designs für Mobilgeräte optimiert.

Laut Google gibt es zwei akzeptable Möglichkeiten, um Ihre Website mobilfreundlich zu gestalten: responsives Webdesign und dynamisches Serving. Beide ermöglichen, dass die URL gleich bleibt, während sich die Website automatisch an den mobilen Browser des Benutzers anpasst.

Um für Mobilgeräte optimiert zu bleiben, ist es auch wichtig, Flash-Videos im Hauptinhalt Ihrer Website zu vermeiden. Wir alle wissen, dass Flash aus der Mode kommt, aber es ist besonders wichtig, diese sterbende Form von Videos zu vermeiden, wenn Sie für die mobile Nutzung optimieren.

3. Verwenden Sie Webfonts und HTML, um crawlbare Designs zu erstellen

Ich habe bereits erwähnt, dass die Verwendung von Alt-Tags eine großartige Möglichkeit ist, Suchmaschinen das „Lesen“ von Bildern zu ermöglichen, aber was ist, wenn Ihre Bilder Text enthalten? Und was ist, wenn dieser Text zu groß für das Alt-Tag ist?

Hier kommen Webfonts zur Rettung! Wenn Sie Banner oder Bilder mit Text entwerfen, einschließlich Webfonts von Websites wie Fonts.com oder Google, können Ihre Designs weiterhin von Suchmaschinen-Bots gelesen werden.

Sie können diese Webfonts auch mit HTML kombinieren, um sicherzustellen, dass der Text in Ihrem Design wirklich „live“ ist. Durch die Einbindung von HTML-Elementen wie H1- oder H2-Überschriften, fettgedrucktem Text etc. können Crawler-Bots trotzdem sehen, worum es in der Grafik geht. Alle Schlüsselwörter in diesem Text sind dann lesbar, was der Onpage-SEO hilft.

4. Fügen Sie ein erweiterbares div ein, um minimalistisches Design mit optimiertem Inhalt zu kombinieren

Wenn Sie von minimalistischem Design fasziniert sind, sich aber nicht sicher sind, wie Sie Text für SEO in die Seite einfügen können, dann hören Sie zu!

Angenommen, Sie haben eine Reihe von Produktbildern auf einer Webseite. Ein großartiges minimalistisches Design wäre, diese einfach als Bilder zu belassen und Alt-Tags zu verwenden, um Suchmaschinen-Bots mitzuteilen, was die Bilder sind.

Stellen Sie sich vor: Ihr SEO-Experte ist immer noch nicht zufrieden.

Anstatt nur Alt-Tags zu verwenden, um wichtigen Text einzufügen, versuchen Sie, ein erweiterbares Div für jedes Bild zu platzieren. Wenn Sie auf das Bild klicken, wird auf diese Weise unten ein <div> erweitert, das Platz für ansprechende und SEO-reiche Inhalte bietet, die sowohl Benutzer als auch Suchmaschinen glücklich machen (ganz zu schweigen von Ihrem SEO-Experten!).

Dieser Text kann von Suchmaschinen vollständig gecrawlt werden. Da es jedoch erst sichtbar ist, wenn Sie darauf klicken, können Sie trotzdem Ihr minimalistisches Design beibehalten.

5. Code mit HTML5 und CSS3 für erweiterte Seitenfunktionen

Die Verwendung von HTML5 und CSS3 bietet viele verschiedene Vorteile. Genauer gesagt für die heutigen Themen können diese beiden verbesserten Auszeichnungssprachen einen deutlichen Einfluss auf die SEO einer Webseite haben.

Wenn die von Ihnen gestalteten Webseiten nicht gut strukturiert sind, können alle anderen SEO-Bemühungen im Grunde über den Haufen geworfen werden. Die Verwendung von HTML5 hilft Webseiten, gut strukturiert und semantisch korrekt zu sein, was zu einem besseren Suchmaschinenranking führt.

Darüber hinaus ist HTML5 ein fantastisches Tool, um das gefürchtete Flash zu ersetzen! Außerdem kann es dazu beitragen, die Menge an Code auf jeder Webseite zu reduzieren, wodurch das Crawlen für Bots erleichtert wird.

6. Optimieren Sie Designs für eine schnelle Reaktion

Im Jahr 2010 kündigte Google an, die Geschwindigkeit der Website in seinen Ranking-Algorithmus aufzunehmen. Seitdem ist die Seitengeschwindigkeit im SEO immer wichtiger geworden.

Wie können Ihre Designs also dafür sorgen, dass Ihre Website schnell läuft?

Der Schlüssel liegt darin, die Balance zwischen Bildqualität und Dateigröße zu finden. Natürlich wissen wir alle, dass das Laden größerer Dateien länger dauert, daher möchten Sie, dass Ihre Bilder kleiner sind. Stellen Sie jedoch sicher, dass Sie keine Kompromisse bei der Qualität eingehen.

Ein Tipp, der Ihnen helfen kann, Bilder für eine schnelle Reaktion zu optimieren: Stellen Sie sicher, dass Sie die Größe nicht mit HTML reduzieren. Anstatt ein größeres Bild zu laden und den HTML-Code zu ändern, um es in einer kleineren Auflösung anzuzeigen, reduzieren Sie die Größe Ihres Bildes vor dem Hochladen. Dies spart Bandbreite und beschleunigt die Reaktionszeit.

(Nur eine Randbemerkung: Ein weiterer Vorteil der Verwendung von HTML5 und CSS3 besteht darin, dass sie dazu beitragen, die Reaktionszeit der Website zu verkürzen. Ein weiterer Grund, warum sie sich hervorragend für SEO eignen!)

7. Arbeiten Sie mit einem großartigen Ersteller von Inhalten zusammen

Falls Sie es noch nicht getan haben, ist dies einer der besten Tipps zum Erstellen von SEO-freundlichen Designs. Inhalt und Design gehen Hand in Hand. Die Zusammenarbeit mit einem Ersteller von SEO-Inhalten verschafft Ihnen einen Vorteil, den andere möglicherweise nicht haben. Ihr Content-Ersteller kann Ihnen helfen, indem er Keyword-Recherchen durchführt, Inhalte für Webseiten optimiert und Ihnen Tipps zu Texten gibt, die Sie in Ihre Designs integrieren können.

Jahrelang hat das Internet die Vorteile von Content-First-Design angepriesen, und dies lässt sich am besten erreichen, wenn Inhaltsersteller und Designer als Team zusammenarbeiten.

Fazit

Webdesigner: Sind Sie bereit, mit SEO-Experten auszukommen? Nachdem Sie diesen Artikel gelesen haben, sind Sie bereit, SEO-freundliche Ideen in Ihren Designs bereitzustellen, die alle glücklich machen können.

Diese SEO-Tipps sind jedoch nicht nur nützlich, um mit einem SEO-Experten auszukommen. In der Lage zu sein, die Onpage-SEO mit Ihren Designs zu verbessern, wird Sie als Designer noch wertvoller machen.

Nutzen Sie diese SEO-Tipps in Ihren Webdesigns und Sie werden bessere Ergebnisse als je zuvor sehen!

Bereit, etwas Neues zu lernen? Sehen Sie sich diese Artikel an:

• 3 Gründe, warum verwaltetes WordPress-Hosting perfekt für Ihr Unternehmen ist
• Der Schlüssel zur Verwaltung mehrerer WordPress-Sites
• Der Anfängerleitfaden für grundlegendes SEO und das Schreiben von Inhalten in WordPress