11 Elemente und Beispiel-Weblog-Layouts

0

Versuchen Sie, das perfekte Blog-Design zu erstellen?

Sie wissen, eine, die die Leute dazu ermutigt, Ihre Inhalte zu lesen und im Social Web zu teilen, und vor allem hohe Platzierungen in den Suchmaschinen erzielt?

Wenn Sie versuchen, ein beliebtes Blog zu erstellen, finden Sie hier die 11 wesentlichen Elemente (und Beispiele für jedes), die Sie für Ihr Blog-Design benötigen.

Element 1: Thread-Kommentare

Es gibt viele Kommentarsysteme. Von Disqus bis zu Facebook-Kommentaren sind die Möglichkeiten endlos. Aber wissen Sie, was das beste Kommentarsystem ist?

Threaded Kommentare wie diese.

Threaded Kommentare

“Warum?” Sie können fragen. Da Thread-Kommentare in der Regel die Anzahl der Kommentare, die Sie pro Beitrag erhalten, um 16% bis 33% erhöhen. Je mehr Kommentare Sie erhalten, desto mehr Text wird auf jeder Seite angezeigt. Und je mehr Text Sie auf jeder Seite haben, desto mehr Long-Tail-Keywords werden Sie bewerten.

Bleib bei Thread-Kommentaren, egal was passiert. Auch wenn Sie eine aktive Facebook-Community haben, verwenden Sie keine Facebook-Kommentare. Facebook besitzt diesen Inhalt und es wird Ihnen nicht helfen, mehr Suchmaschinen-Traffic zu erhalten.

Element 2: Schnipsel

Haben Sie bemerkt, dass ich nicht den vollständigen Beitrag auf der Blog-Homepage von Quick Sprout aufführe? Ich zeige Ihnen nur einige Absätze (einen Ausschnitt), in denen Sie aufgefordert werden, auf den Aufruf zur Aktion „Klicken, um fortzufahren“ zu antworten, um den Rest des Beitrags zu lesen.

Sie möchten aus zwei Hauptgründen Snippets anstelle von vollständigen Posts haben:

  1. Menschen haben kurze Aufmerksamkeitsspannen – Sie haben eine Aufmerksamkeitsspanne von 8 Sekunden, genau wie Ihre Leser. Indem Sie ihnen nur Ausschnitte anzeigen, können Ihre Leser aus einer Reihe von Beiträgen auswählen. Sie scrollen, bis sie einen Beitrag finden, der ihr Interesse weckt, und lesen ihn dann.
  2. Doppelter Inhalt – Wenn Sie Ihren vollständigen Beitrag auf Ihrer Homepage platzieren, erstellen Sie doppelte Inhalte, die Ihre Suchrankings beeinträchtigen. Dies ist ein weiterer Grund, warum Sie Snippets verwenden möchten.

Auf Ihrer Homepage können Sie den Call-to-Action-Text testen, um herauszufinden, welche Version die Anzahl der Personen maximiert, die durch Ihren Beitrag klicken und ihn lesen. Ich habe die Sätze getestet:

  • Weiterlesen
  • Weiterlesen
  • Klicke um Fortzufahren
  • Fortsetzen

Der Text „Klicken, um fortzufahren“ übertraf die anderen Variationen um mindestens 10%. Sie sollten dies natürlich testen, da das, was in meinem Blog funktioniert, möglicherweise nicht in Ihrem funktioniert.

Ich habe zum Beispiel festgestellt, dass GotchSEO in seinem Blog „Continue Reading“ verwendet, und ich würde wetten, dass er viele Alternativen getestet hat, um herauszufinden, was für ihn am besten funktioniert.

Schnipsel

Element 3: Scrollen in sozialen Schaltflächen

Ich habe viele soziale Schaltflächen auf Quick Sprout getestet. Ich hatte Schaltflächen am Anfang und am Ende der Beiträge und habe Leute gebeten, über einen Beitrag aus dem Blog-Beitrag heraus zu twittern. Das eine Design, das die anderen ständig übertrifft, ist das Scrollen von sozialen Schaltflächen.

Plugins wie Sharebar und Flare haben meinen sozialen Verkehr um 27% erhöht.

Backlinko verwendet eine schöne Freigabeleiste, die sauber ist und als Beispiel einen guten Bildlauf durchführt.

Soziale Knöpfe

Stellen Sie bei Verwendung eines scrollenden Social Plugins sicher, dass Sie die Anzahl der Optionen auf drei beschränken. Mit anderen Worten, wählen Sie die drei beliebtesten sozialen Netzwerke aus, die Ihre Leser verwenden. Für mich sind es Facebook, Twitter und Google Plus.

Wenn Sie meiner Erfahrung nach zu viele Optionen hinzufügen, wird dies Ihren sozialen Verkehr verringern.

Element 4: 11-Punkt-Schriftgröße oder größer

Vor ungefähr einem Monat schrieb ich einen Blog-Beitrag darüber, wie sich die Textgröße auf die Lesbarkeit auswirkt.

Ich habe einen Test in 13 Blogs durchgeführt und festgestellt, dass ich durch Erhöhen der Schriftgröße von 8 auf 9 die Zeit, die Leser vor Ort verbringen, um 13 Sekunden erhöhen konnte. Ich sah einen weiteren Anstieg von 8 Sekunden, als ich zu Größe 10 ging. Und ich gewann weitere 6 Sekunden, indem ich zu Schriftgröße 11 ging.

Mir ist aufgefallen, dass der Smart Passive Income Blog einige schöne große Schriftarten in Überschriften und Inhalten verwendet. Schauen Sie sich ein anderes Beispiel an, das mir gefällt.

Große Schriftgröße

Zugegeben, dies funktioniert nur, wenn Sie einen lesbaren Schrifttyp wie Arial oder Times verwenden. Wenn Ihr Schrifttyp schwer zu lesen ist, hilft das Erhöhen der Größe nicht viel.

Verwenden Sie im Zweifelsfall eine größere Schriftgröße.

Element 5: Eine Seitenleiste rechts

Haben Sie bemerkt, dass einige Blogs ihre Seitenleisten links haben? Oder noch schlimmer, einige haben zwei Seitenleisten? Ich habe mit verschiedenen Layouttypen herumgespielt und festgestellt, dass das optimale Layout darin besteht, Ihren Inhalt auf der linken Seite und eine Seitenleiste auf der rechten Seite zu haben.

Auf diese Weise können sich die Benutzer auf das Lesen Ihrer Inhalte konzentrieren, haben jedoch die Flexibilität, andere Dinge in Ihrer Seitenleiste zu bewerben. Stellen Sie einfach sicher, dass der Hauptinhaltsbereich mindestens 60% Ihres Designs einnimmt. Die Leute kommen zu Blogs, um zu lesen, damit Sie sie nicht mit anderen Elementen ablenken möchten.

Wenn Sie Ihre Seitenleiste auf der linken Seite platzieren möchten, können Sie dies tun. Ich habe jedoch festgestellt, dass dadurch die Anzahl der Personen, die Ihre Inhalte lesen, in der Regel um 15% bis 25% verringert wird.

Ich bevorzuge das Aussehen eines Blogs, in dem sich eine Seitenleiste auf der rechten Seite befindet, die sich jedoch besser konvertiert, wenn sie sich auf der linken Seite befindet.

Folgendes habe ich gelernt …

Wenn Sie Ihre Seitenleiste auf der linken Seite platzieren, erhalten Sie mehr E-Mail-Opt-Ins, und mehr Leute lesen Ihre Biografie und tun, was Sie sonst noch über Ihre Seitenleiste bewerben. Sie werden aber auch weniger Leute dazu bringen, Ihre Inhalte zu lesen.

Ich habe festgestellt, dass eine Seitenleiste auf der linken Seite von Quick Sprout zu einem Rückgang der Leser der Blog-Beiträge um 9% führt. Auf der anderen Seite wird die Anzahl der Sidebar-Opt-Ins um 13% erhöht.

Insgesamt habe ich beschlossen, meine Seitenleiste auf der rechten Seite zu platzieren, obwohl dadurch 13% weniger Opt-Ins generiert werden.

Warum habe ich es überhaupt getan? Weil dadurch die Anzahl der gelesenen Blogposts um 9% erhöht wurde. Am Ende ist der Zweck eines Blogs, Sie durch Inhalte zu unterrichten. Warum sollte ich das wegnehmen?

Hier ist ein weiteres einfaches, aber effektives Beispiel aus dem A Better Lemonade Stand Blog. Sie verwenden ihre rechte Seitenleiste, um ihre vorgestellten Beiträge und Angebote auf eine Weise anzuzeigen, die sehr benutzerfreundlich ist und deren Inhalt nicht beeinträchtigt.

rechte Sidebar

Im Allgemeinen sollten Sie in Betracht ziehen, die Seitenleiste auf der rechten Seite zu belassen, auch wenn dadurch weniger Conversions erzielt werden. Die Leute kommen zu Ihrem Blog, um zu lesen. Ihr Hauptziel sollte es daher sein, Ihre Inhalte so einfach wie möglich zu lesen.

Obwohl ich die Verwendung einer Seitenleiste empfehle, benötigen Sie nicht auf jeder Ihrer Seiten eine. Zum Beispiel hat die Homepage von Quick Sprout keine Seitenleiste.

Erwägen Sie, auf den Seiten, auf denen Sie die Conversions verbessern oder mit denen Sie Geld verdienen möchten, keine Seitenleiste zu haben. Warum? Weil die Leute dadurch ihre Aufmerksamkeit auf den Bereich lenken, den Sie möchten – den Bereich, in dem Sie Geld verdienen.

Für meine “Geld” -Seiten habe ich normalerweise keine Seitenleisten.

Außerdem sollten Sie für jede Seite mit einem definierten Ziel in Betracht ziehen, unnötige Ablenkungen wie eine Seitenleiste zu entfernen.

Element # 6: Deine Biografie

Unabhängig davon, ob Sie ein Unternehmensblog oder ein persönliches Blog haben, möchten Sie eine Verbindung zu Ihren Lesern herstellen. Ohne diese persönliche Verbindung ist es weniger wahrscheinlich, dass Personen Kommentare abgeben oder bei Ihnen kaufen.

Eine Möglichkeit, eine Verbindung zu Ihren Lesern herzustellen, besteht darin, sich zu öffnen. Fügen Sie in Ihre Seitenleiste eine kurze Biografie von sich selbst ein und verknüpfen Sie sie dann mit Ihrer vollständigen Biografie.

Marie Forleo macht einen guten Job, indem sie ihre Biografie in ihrer linken Seitenleiste präsentiert (wie oben erwähnt, würde ich jedoch vorschlagen, dass Sie die Seitenleiste rechts platzieren).

Bio Box

Wenn Sie ein Unternehmensblog haben, tragen Sie die Biografie Ihrer Gründer oder des Teams, das das Blog verwaltet, in die Seitenleiste ein. Stellen Sie sicher, dass Sie ein Bild direkt über Ihrer Biografie einfügen. Die Leute müssen dich sehen, um dich zu verbinden.

Element Nr. 7: E-Mail-Abonnementoptionen

Ich habe dies bereits erwähnt: Das Sammeln von E-Mails ist eines der wichtigsten Dinge, die Sie tun müssen, um Ihren Datenverkehr zu steigern. Ihre Optionen variieren von einem Opt-In oben in Ihrer Seitenleiste bis zu einem Popup, wenn Sie aggressiver sein möchten.

Ich mag die Art und Weise, wie FireNation seine E-Mail-Box als Popup eingerichtet hat. Es erregt wirklich Ihre Aufmerksamkeit und macht Lust, Ihre E-Mail einzugeben. Wer will nicht finanzielle Freiheit?

E-Mail-Abonnement-Box

Sie werden auch feststellen, dass Sie durch das Anbieten eines kostenlosen E-Books oder eines Kurses eine gute Anzahl von E-Mail-Abonnenten erhalten. Sie werden auch feststellen, dass Sie ungefähr 10% mehr Opt-Ins erhalten, wenn Sie nur nach den E-Mail-Adressen der Personen anstelle ihrer Namen und E-Mails fragen.

Im Juni machten E-Mails 28% des gesamten Datenverkehrs von Quick Sprout aus. Das ist nicht zu schäbig. Diese Benutzer generieren auch den Großteil meiner Kommentare und sozialen Anteile.

Sammeln Sie auf jeden Fall E-Mail-Adressen Ihrer Leser. Auf diese Weise können Sie sie benachrichtigen, wenn Sie einen neuen Blog-Beitrag veröffentlichen.

Element 8: Beliebtestes Widget

Können Sie sich vorstellen, welcher Bereich im Blog am häufigsten angeklickt wird? Es ist eigentlich nicht der Inhalt.

In meiner Seitenleiste befindet sich ein Bereich, in dem alle meine Anleitungen, meine beliebtesten Beiträge und meine aktuellen Treffer angezeigt werden.

Das ist der beliebteste durchgeklickte Bereich im Blog. Dies hilft nicht nur dabei, den Verkehr zu meinen wichtigsten Posts zu lenken, sondern auch bei Suchmaschinen-Rankings, da ich Querverbindungen herstelle.

Schauen Sie sich an, wie ich Ihnen beibringe, reich zu sein. In der rechten Seitenleiste werden die Anleitungen und beliebtesten Beiträge im folgenden Screenshot angezeigt.

Beliebte Beiträge

Sie können dies auch in Ihrem Blog haben, wenn Sie das Plugin für Beliebtheitswettbewerbe verwenden. Sie müssen einen Entwickler bitten, es so zu ändern, dass Sie ähnliche Registerkarten wie ich haben können.

Element 9: Yoast SEO Plugin

Dies ist wahrscheinlich die einfachste Änderung, die Sie an Ihrem Blog vornehmen müssen. Auf lange Sicht werden Sie feststellen, dass Ihr Suchmaschinenverkehr dadurch sprunghaft wächst.

Wenn Sie ein WordPress-Blog betreiben, laden Sie das Yoast SEO-Plugin herunter und installieren Sie es. Wenn Sie kein WordPress-Blog betreiben, müssen Sie Ihre Website manuell für Suchmaschinen optimieren, indem Sie die Schritte in diesem Beitrag ausführen.

Element Nr. 10: Halten Sie Ihr Farbschema und Design einfach

Unterschiedliche Farben haben unterschiedliche Bedeutungen. Stellen Sie sicher, dass Sie die Farben für Ihr Blog sorgfältig auswählen. Sie sind wichtig, und das nicht nur aus psychologischer Sicht. Einige Farben erleichtern Ihren Lesern das Lesen Ihrer Inhalte, andere nicht.

Beispielsweise ist roter Text auf schwarzem Hintergrund nicht so einfach zu lesen wie schwarzer Text auf weißem Hintergrund.

Halten Sie die Dinge einfach, indem Sie so viel Leerraum wie möglich in Ihrem Blog-Design erstellen und Schwarz für Ihre Textfarbe verwenden. Sie müssen Ihr Design nicht komplex gestalten, da am Ende des Tages die Leute kommen, um Ihre Inhalte zu lesen. Ihr Ziel sollte es sein, Ihre Inhalte lesbar zu machen.

Das ahrefs-Blog leistet gute Arbeit und behält ein ultra-sauberes Blog-Design bei, das auf jedem Gerät leicht zu lesen ist.

Einfaches Blog-Farbschema

Element Nr. 11: Bilder

Haben Sie bemerkt, dass ich am Anfang jedes Blogposts ein Bild platziere? Ich habe das nicht immer getan, aber beim Testen habe ich festgestellt, dass es die Anzahl der Personen erhöht, die von meiner Blog-Homepage zu einem Beitrag durchklicken.

Können Sie sich vorstellen, um wie viel? Satte 37%. Alles aus nur einem Bild. Wenn das von Ihnen verwendete Bild ansprechend ist, sehen Sie gute Ergebnisse. Wenn das von Ihnen verwendete Bild nicht funktioniert, klicken sich weniger Personen durch.

Ich bevorzuge Bilder auf Lager. Sie können auch lizenzfreie Bilder verwenden, aber die Qualität dieser Bilder ist normalerweise nicht so hoch.

Der Duct Tape Marketing Blog verwendet normalerweise einige herausragende Bilder in ihren Posts, von denen ich wette, dass sie auch die Klickraten verbessern.

Blog Post Bild

Infografik: Die Blaupause eines optimalen Blog-Designs

Für eine visuelle Roadmap habe ich auch diese Infografik erstellt, die die Blaupause eines optimalen Blog-Designs aufschlüsselt. Verwenden Sie dies als Leitfaden, um Ihr Blog zu verbessern und zu optimieren.

Die Blaupause eines optimalen Blog-Designs

Fazit

Das Entwerfen eines Blogs, das Ihren Traffic steigern kann, ist nicht so schwierig. Alles was Sie tun müssen, ist die obigen Schritte zu befolgen. Wenn Sie dies tun, sollten Sie einen Anstieg des Datenverkehrs feststellen.

Wenn Sie nicht die Zeit haben, alle oben genannten Anpassungen vorzunehmen, beginnen Sie mit der Installation eines scrollenden Social Plugins und von Thread-Kommentaren. Diese beiden einfachen Änderungen erhöhen auf lange Sicht Ihren Social-Media- und Suchverkehr.

Wenn Sie die in diesem Beitrag und in der obigen Infografik enthaltenen Ratschläge umsetzen, steigt Ihre Leserschaft.

Vertrau mir, es funktioniert. Ich habe viele dieser Designelemente auf Quick Sprout getestet, und die Verbesserungen haben mir geholfen, meine Leserschaft auf die Größe zu vergrößern, die sie heute ist.

close

Don’t miss these tips!

We don’t spam! Read our privacy policy for more info.

Leave A Reply

Your email address will not be published.