Wie erstelle ich die perfekte Homepage mit ultimativen Addons für Gutenberg? [7 Schritte]

Veröffentlicht: 2021-10-08

Die Homepage ist für die meisten Websites die wichtigste Seite.

Es ist oft derjenige, der den Großteil Ihres Datenverkehrs erhält. Aber leider sind die meisten Homepages aufgrund fehlender Inhalte oder schlechter Texterstellung nicht optimiert.

Aber keine Sorge, heute erklärt Vlad, ein Webmarketing-Berater (besuchen Sie die Website), wie man mit Ultimate Addons für Gutenberg die perfekte Homepage erstellt.

Wenn Sie also Ihren Traffic und Ihre Conversions steigern möchten, ist dieser Artikel genau das Richtige für Sie.

Lass uns anfangen.

Inhaltsverzeichnis
  1. Schritt 1: Beginnen Sie mit einem starken Versprechen
  2. Schritt 2: Zeigen Sie sofort Ihren Social Proof
  3. Schritt 3: Beschreiben Sie kurz Ihr Angebot
  4. Schritt 4: Verwenden Sie die Problem/Lösungs-Kombination
  5. Schritt 5: Beschreiben Sie, wie Ihr Angebot funktioniert
  6. Schritt 6: Stellen Sie sich oder Ihr Team vor
  7. Schritt 7: Fügen Sie eine FAQ ein
  8. Bonus: SEO für Ihre Homepage
  9. Fazit: Jetzt sind Sie dran

Schritt 1: Beginnen Sie mit einem starken Versprechen

Stellen Sie sicher, dass Ihre Überschrift kristallklar ist

Die Überschrift ist das erste, was Ihr Besucher sieht . In einem Satz müssen Sie klar erklären, was Sie anbieten.

Hier sind ein paar Tipps zum Schreiben einer großartigen Überschrift:

  • Nennen Sie Ihre Kunden – Zum Beispiel: „ Lehrer: hier die besten Tools, um Ihren Tag zu organisieren
  • Sprechen Sie über das Problem Ihres Kunden – zum Beispiel: „Brauchen Sie eine superschnelle Website? Sie werden unser Plugin lieben“
  • Verwenden Sie bei Bedarf Machtwörter: mächtig, am besten, neu, erstaunlich, einzigartig, schnell, ultimativ …
  • Verwenden Sie Ihr Hauptschlüsselwort in der Überschrift
  • Platzieren Sie diese Überschrift in einem H1-Tag
  • Fassen Sie sich kurz: 10 bis 15 Wörter

Im folgenden Beispiel lautet der Slogan von Vlad wie folgt:

„Hallo, ich bin Vlad, ein Webmarketing-Berater, der Gutes für Ihr Unternehmen will.“

Vlad-Website

PROFITIPP:

Personalisieren Sie Ihre Website mit einem schönen Bild von Ihnen oder Ihrem Team. Dieses Bild wird dazu beitragen, das Vertrauen zu stärken.

Zu verwendende UAG-Blöcke: Abschnitt + erweiterte Überschrift

Vlad-Website mit Gutenberg-Editor

Verwenden Sie Video, wenn Sie können

Laut Unbounce kann das Einfügen eines Videos auf Ihrer Zielseite Ihre Konversionsrate um bis zu 80 % steigern.

Video ist sehr effektiv, um die Vorteile Ihres Angebots direkt zu zeigen. Denken Sie an das Sprichwort „ Zeigen, nicht erzählen “.

Hier ist ein Beispiel: Yellow Leaf Hammocks ist eine Marke, die Hängematten verkauft, die von lokalen Handwerkern in Thailand hergestellt werden, die ein stabiles Einkommen erzielen.

Beispiel für eine Yellow-Leaf-Website

Die Homepage nutzt das Video perfekt, um zu zeigen, dass die Hängematte ideal zum Entspannen ist. Es ist ansprechend.

Hier sind die verschiedenen Arten von Videos, die Sie anzeigen können:

  • Wie Ihr Produkt hergestellt wird
  • Wie Ihre Produkte im Alltag verwendet werden
  • Video, das sich auf Ihre Markenwerte konzentriert

Brauchen Sie Inspiration?

Hier finden Sie viele Beispielvideos für Ihre Homepage.

Schritt 2: Zeigen Sie sofort Ihren Social Proof

Die durchschnittliche Website-Conversion-Rate beträgt 2,35 % (Quelle: Wordstream).

Diese niedrige Rate könnte dadurch erklärt werden, dass die meisten Besucher Ihrer Homepage Ihre Website zum ersten Mal entdecken.

Es ist daher wichtig, sie von Beginn ihres Besuchs an zu beruhigen.

Denken Sie daran: Vertrauen ist das Schlüsselelement, um Ihre Conversions zu steigern.

Social Proof kann verschiedene Formen annehmen:

  • Schlüsselfiguren
Fügen Sie soziale Beweise hinzu
  • Logos namhafter Kunden
fügen Sie das Logo eines renommierten Kunden hinzu
  • Kundenbewertungen
Kundenrezensionen hinzufügen
  • Empfehlungen von Influencern aus Ihrer Branche
Bewertung von Influencern hinzufügen

Denken Sie daran, die Bestseller sind Ihre Kunden .

Wir alle kennen das Beispiel des Restaurants.

Ein überfülltes Lokal zieht natürlich Kunden an, ein leeres nicht.

Auf Amazon sind Kundenbewertungen ein sehr wichtiger Kauffaktor. Tatsächlich lassen sich 79 % der Verbraucher von Produkten mit den besten Bewertungen und Rezensionen beeinflussen (Quelle). Wir fühlen uns natürlich von Produkten mit 5 Sternen angezogen.

Stellen Sie also sicher, dass Sie maximale Kundenbewertungen erhalten, und planen Sie eine eigene Seite auf Ihrer Website, wie im folgenden Beispiel:

Beispiel Kundenrezension

PROFITIPP:

Wenn Sie sich für Kundenbewertungen entscheiden, fügen Sie Fotos hinzu, um Ihre Erfahrungsberichte noch authentischer zu machen.

Zeugnis Beispiel

Zu verwendender UAG-Block: Zeugnis

UAG Zeugnisblock

Wie bekomme ich Social Proof, wenn ich keine oder wenige Kunden habe?

In dieser Situation raten wir Ihnen, Ihr Produkt oder Ihre Dienstleistung sogar kostenlos testen zu lassen, um einige Bewertungen zu erhalten.

Schritt 3: Beschreiben Sie kurz Ihr Angebot

Denken Sie daran , Ihr Angebot in einzelne Blöcke aufzuteilen .

Stellen Sie sicher, dass Ihr Titel auch klar ist. Vlad zum Beispiel hat folgenden Titel, um sein Angebot zu beschreiben: „Kompetenzen: Spezialist statt Generalist

Beschreiben Sie Ihre Dienstleistungen

Aus SEO-Sicht ist dies der richtige Weg, um auf Ihre wichtigsten Seiten zu verlinken.

PROFITIPP:

Fügen Sie SVG-Piktogramme hinzu, um Ihr Angebot zu veranschaulichen.

Zu verwendender UAG-Block: Erweiterte Spalten und Handlungsaufforderung

UAG Advanced Columns Ad Call-to-Action

Bei einer E-Commerce-Site können Sie einen Link zu den Hauptkategorien einfügen. Stellen Sie sicher, dass Sie ansprechende Bilder wie etwa casper.com verwenden:

Casper-Website

Schritt 4: Verwenden Sie die Problem/Lösungs-Kombination

Hier ist ein Tipp zum Verfassen von Werbetexten: Beschreiben Sie das Problem Ihres Zielkunden und folgen Sie Ihrer Lösung . Dieser Rat ist sehr effektiv, um einen Interessenten zu konvertieren.

Asphalte.com, eine französische Online-Bekleidungsmarke, verwendet diese Technik für alle angebotenen Produkte.

Hier ein Beispiel mit Jeans.

Die Marke beschreibt kurz die allgemeinen Probleme mit Jeans:

Beispiel einer Asphalte-Website

Und präsentiert dann ihre perfekte Jeans mit den unterschiedlichen Features :

Asphalte-Website-Beispiel 2

Auf Vlads Website beschreibt er die 3 Hauptprobleme bei der Auswahl eines Freiberuflers:

  • Jemandem vertrauen, den man nicht kennt
  • Fehlende Kommunikation
  • Fristen nicht eingehalten
Beispiel einer Vlad-Website

Und beschreibt seine Lösung in Form von klaren Vorteilen:

  • Sie bezahlen nur, wenn Sie zufrieden sind
  • Eine genaue Verfügbarkeit nur für Sie
  • Partner statt Freelancer
Beispiel für eine Vlad-Website 2

Fühlen Sie sich frei, mit Piktogrammen zu veranschaulichen, es ist angenehmer zu lesen.

Zu verwendender UAG-Block: Erweiterte Spalten

UAG erweiterter Spaltenblock

Schritt 5: Beschreiben Sie, wie Ihr Angebot funktioniert

Es ist an der Zeit, Schritt für Schritt zu erklären, wie Ihr Angebot funktioniert. Seien Sie so direkt wie möglich.

ManyPixels, ein On-Demand-Grafikdesigndienst, erklärt hervorragend, wie der Dienst funktioniert.

Wenn Sie auf einen Schritt klicken, werden die Details unten angezeigt. Sehr schön!

Beispiel einer Manypixels-Website

Auf der Website von Vlad wird der Service in 3 Schritten beschrieben:

  • Schritt 1: Sie füllen ein Schnellformular aus
  • Schritt 2: 30-minütige telefonische Beratung – unverbindlich
  • Schritt 3: Aktionsplan
Beispiel für Manypixels-Timeline-Inhalt

PROFITIPP:

Fügen Sie einen leistungsstarken CTA wie „Lass uns dein Geschäft ankurbeln “ ein.

Zu verwendender UAG-Block : Timeline-Inhalt

Beispiel für den UAG-Timeline-Inhalt

Schritt 6: Stellen Sie sich oder Ihr Team vor

Beschreiben Sie schnell den Grund für das, was Sie tun . Es ist wichtig, Ihre Leidenschaft und Ihren Enthusiasmus zu zeigen, um Menschen dazu zu bringen, mit Ihnen zusammenzuarbeiten oder Ihr Produkt/Ihre Dienstleistung zu nutzen.

Erwägen Sie, an dieser Stelle einen Link zu Ihrer „Über“-Seite einzufügen.

Wenn Sie Teil der Erzählung Ihrer Organisation sind, erzählen Sie den Leuten als Teaser ein wenig darüber und ermutigen Sie sie, mehr zu erfahren.

Auch hier ist Video großartig, um Ihre Marke zu humanisieren und Vertrauen aufzubauen.

Founders Brewing Co. hat ein großartiges „Über uns“-Video.

Schritt 7: Fügen Sie eine FAQ ein

Die FAQ ist eine großartige Möglichkeit, Inhalte zu Ihrer Homepage hinzuzufügen und somit Ihre SEO zu verbessern . Es ist auch eine ausgezeichnete Gelegenheit, häufige Benutzerfragen vor, während und nach der Konvertierung zu beantworten.

Wie finden Sie Ihre Fragen?

Sie können Ihre aktuellen Kunden fragen, indem Sie ein Google-Formular per E-Mail senden.

Sie können den Abschnitt „ Personen fragen auch “ von Google verwenden, um die am häufigsten gestellten Fragen zu finden.

Google-Leute fragen auch Beispiel

Oder Quora:

Quora-Website

Oder der Fragenbereich von Amazon. Hier ist ein Beispiel für eine Hängematte:

Amazon Fragen und Antworten

Erstellen Sie eine perfekte Navigationsstruktur

Wenn Sie viele Fragen zu beantworten haben, ist es für Ihren SEO sehr interessant , für jede Frage eine Seite zu erstellen .

Erstellen Sie zunächst eine Pillar-Seite, auf der Sie alle Ihre Fragen nach Kategorien gruppieren. Jede Frage ist mit einer speziellen Seite verlinkt, auf der Sie ausführlich antworten.

Mint, eine App zur Verwaltung Ihres Geldes, verwendet diese Strategie:

Mint-FAQ-Beispiel

Überprüfen Sie Analytics regelmäßig

Es ist wichtig, Ihre Analytics-Lösung zu überprüfen, um sicherzustellen, dass Ihre FAQ auf die Anfragen Ihrer Verbraucher reagiert.

Sehen Sie sich auch andere Indikatoren an, z. B. die auf der Seite verbrachte Zeit und den Pfad, den sie nach dem Betrachten der FAQ-Seite einschlagen.

Mit diesen Erkenntnissen können Sie Ihre FAQ überarbeiten.

UAG-FAQ-Schema

FAQ-Schemablock

Wissen Sie, was das Tolle an unserem FAQ-Schemablock ist? Sie können ganz einfach Fragen hinzufügen und verwenden automatisch die richtigen strukturierten Daten .

PROFITIPP:

Um Ihre SEO zu verbessern, wählen Sie das H2- oder H3-Tag für Ihre Fragen.

Um mehr zu erfahren, lesen Sie bitte unseren Artikel zum FAQ-Schema.

Bonus: SEO für Ihre Homepage

Ihre Homepage und Website als Ganzes müssen bestimmte technische Anforderungen erfüllen, um bei Google gut zu ranken.

Hier ist eine Checkliste, um eine gute SEO auf der Seite zu bekommen:

Schreiben Sie das beste Titel-Tag und die beste Meta-Beschreibung, die Sie können

Achten Sie auf den Titel und die Meta-Beschreibung, da dies Ihre einzige Chance ist, Benutzer zu ermutigen, Ihre Website über die Google-Ergebnisse zu besuchen.

Mit der Implementierung von Google Rank Brain ist die CTR (Click-Through-Rate) ein wesentliches Kriterium für Ranking-Ergebnisse.

Wenn viele Leute auf Ihren Artikel klicken, ist das für Google ein tolles Signal.

Der Unterschied in der CTR zwischen 2 Titeln kann erheblich sein. Das Ändern einiger Wörter kann eine echte Wirkung haben.

Schauen Sie sich zum Beispiel diese 2 Versionen an:

  • Version 1 :
Titel der Webseite und Meta-Beschreibung
  • Version 2 :
Titel der Webseite und Meta-Beschreibung 2

Es verändert alles, meinst du nicht?

Hier sind ein paar Tipps, um Ihren Titel und Ihre Meta-Beschreibung richtig zu machen:

  • Fügen Sie Ihr primäres Schlüsselwort in das Titel-Tag und in die Meta-Beschreibung ein
  • Beschreiben Sie genau den Inhalt Ihrer Seite
  • Verwenden Sie Aktionsverben: „Entdecken“, „Genießen“, „Hier ist das“ …
  • Heben Sie Ihre Vorteile hervor: „Kostenlose Lieferung“, „Einfache Zahlung“…
  • Fassen Sie sich kurz: etwa 60 Zeichen für Ihren Titel und 200 Zeichen für Ihre Meta-Beschreibung
  • Respektieren Sie nach Möglichkeit die 4 U-Regel: Unique, Ultra-specific, Useful, Urgent

Bild-SEO

Hier sind einige Tipps für die SEO Ihrer Bilder:

  • Beschreibender Dateiname
  • Vorhandensein eines Alt-Tags
  • Fügen Sie geeignete Semantik vor und nach dem Bild ein
Bild-SEO

Fügen Sie 3 bis 5 interne Links ein

Es ist wichtig, Ihre Inhalte miteinander zu verknüpfen. Ihre Startseite ist oft die leistungsstärkste Seite Ihrer Website .

Nutzen Sie dies, um „SEO-Saft“ an die wichtigsten Seiten zu senden.

Beispielsweise können Sie für eine E-Commerce-Website beliebte Kategorien hervorheben. Das macht Zappos zum Beispiel:

Beispiel einer Zappos-Website

Erhalten Sie eine ausgezeichnete semantische Punktzahl

Wenn die Zeiten des „Keyword Stuffing“ vorbei sind, ist semantische Optimierung immer noch ein Muss. Google versteht den Inhalt wie nie zuvor und lange Inhalte mit semantisch verwandten Schlüsselwörtern sind ein Schlüsselfaktor für das Ranking .

Daher müssen Sie genügend Inhalte für Ihre Homepage schreiben.

Die gute Nachricht ist, dass es viele Tools gibt , die diese Aufgabe erleichtern.

Sie können beispielsweise das Semrush-Tool „SEO-Content-Vorlage“ verwenden:

Semrush

Geben Sie Ihr Keyword ein und das Tool analysiert die ersten Suchergebnisse von Mitbewerbern, um Ihnen viele Empfehlungen zu geben:

Semrush-Info

Die Liste der semantisch verwandten Wörter ist sehr nützlich. Zögern Sie nicht, sie in Ihren Text zu integrieren.

Sie haben auch Hinweise auf die Länge der Inhalte, die Sie anstreben sollten.

Optimieren Sie Ihren Text mit WordPress

Wenn Sie WordPress für Ihre Website verwenden, können Sie ein SEO-Plugin installieren, das Sie bei der semantischen Optimierung unterstützt.

Sie können Yoast SEO verwenden:

Verbesserungsvorschlag für Yoast SEO-Inhalte

Oder Rankmath :

Verbesserungsvorschläge für mathematische Inhalte einstufen

Strukturieren Sie Ihr Hn-Tagging

Hn-Tags werden von Suchmaschinen als „Zusammenfassung“ verwendet. In der Praxis sind diese Tags die Titel und Untertitel für Ihre Inhalte.

Fügen Sie für Ihr Hn-Tagging Folgendes ein:

  • Ein einzelnes H1 auf Ihrer Homepage
  • Mehrere H2 und H3, die in einer logischen Hierarchie aufeinander folgen

PROFITIPP:

Holen Sie sich die Hn-Struktur Ihrer Mitbewerber mit der Chrome-Erweiterung SEO META 1 Klick.

SEO Meta Chrome-Erweiterung

Optimieren Sie die Geschwindigkeit Ihrer Homepage und Website

Die Ladegeschwindigkeit ist sowohl für Internetnutzer als auch für Suchmaschinen ein zunehmend wichtiges Kriterium .

Google hat kürzlich sein Update „Google Page Experience“ bereitgestellt, das die Ladezeit berücksichtigt. Es ist daher unerlässlich, Ihren Benutzern eine schnelle Website anzubieten.

Hier sind einige Maßnahmen, die Sie ergreifen können:

  • Verwenden Sie ein leichtes WordPress-Theme wie Astra
  • Komprimieren Sie Ihre Bilder
  • Verwenden Sie nach Möglichkeit das Webp- oder SVG-Format
  • Richten Sie ein CDN ein
  • Hosten Sie Ihre Website auf einem schnellen Server

Lesen Sie auch unseren Artikel „Erleben Sie schnellere Gutenberg-Seiten mit optimiertem Code“.

Die besten WordPress-Plugins für Geschwindigkeit

Die folgenden Plugins haben viele Funktionen, um die Geschwindigkeit Ihrer Website zu verbessern.

WP-Rakete:

Caching-Plugin für WordPress WP Rocket

Nitropack:

NitroPack-Leistungsoptimierung

Fazit: Jetzt sind Sie dran

Wir hoffen, dass diese Tipps und Beispiele Ihnen helfen, eine großartige Homepage zu erstellen!

Die Struktur, die wir gesehen haben, ist klar und überzeugend, aber denken Sie daran, dass der Schlüssel darin besteht, die Bedürfnisse Ihrer Kunden zu kennen, um Inhalte vorzuschlagen, die konvertieren.

Stellen Sie außerdem sicher, dass Sie eine einfache Kontaktlösung wie einen Chatbot anbieten. Das ist sehr wichtig, um Vertrauen zu schaffen.

Technisch gesehen war es noch nie so einfach, eine Website zu erstellen. Wie wir gesehen haben, können Sie mit den kostenlosen Ultimate Addons für Gutenberg schnell Ihre Homepage erstellen.

Sagen Sie uns jetzt, was werden Sie zuerst versuchen?

Mehr Social Proof integrieren?

Verwenden Sie die Problemlösungskombination?

FAQ einfügen?

Vergessen Sie nicht, Ihre Meinung in den Kommentaren unten zu teilen!