10 Best Practices für das Blog-Layout für 2022 – Lassen Sie nicht zu, dass ungeschickte Layouts Ihre UX ruinieren

Ein weiser User-Experience-Designer sagte: „Gutes Design ist unsichtbar.“ Mit anderen Worten, wenn Ihnen oder Ihren Benutzern Ihr Blog-Layout oder Ihre Benutzererfahrung auffällt, handelt es sich wahrscheinlich um ein schlechtes Design.

Denken Sie an all die Websites, Apps und Plattformen, die wir täglich nutzen. Denken wir bewusst über die Benutzeroberfläche und -erfahrung nach?

Die beste Benutzeroberfläche (UI) und Benutzererfahrung (UX) ist diejenige, die uns nicht daran hindert, unsere Ziele zu erreichen, sei es das Kommentieren eines Instagram-Posts, das Navigieren in einem langen Blog-Post oder das Eingeben von Daten in eine Web-App.

Ein gut gestalteter Blog ist in vielerlei Hinsicht für E-Commerce-Geschäftsinhaber unerlässlich . Sie lenken beispielsweise den Verkehr auf eine Website und tragen dazu bei, Vertrauen bei potenziellen Kunden aufzubauen. Sie helfen auch dabei, Produkte und Dienstleistungen zu bewerben, was später zu Wachstumschancen führt.

Wenn Sie ein umständliches Design haben, werden Sie leider schnell feststellen, dass die Wahrscheinlichkeit geringer ist, dass die Leute in der Nähe bleiben und Ihre Inhalte lesen. Das bedeutet, dass wahrscheinlich keine der oben genannten guten Dinge passieren werden.

"Das Medium ist die Nachricht." Das bedeutet, wie Sie Ihre Inhalte bereitstellen, ist genauso wichtig wie die Qualität der Inhalte selbst.

Da Ihr Blog ein wichtiger Teil Ihres Marketing-Trichters ist, wird sich eine gute UI/UX mit Sicherheit auf wiederkehrende Besucher und Einnahmen auswirken.

In diesem Blog-Beitrag werden einige der besten Layout-Praktiken für 2022 vorgestellt, die die Benutzer beschäftigen, für mehr zurückkommen und Ihren Blog anderen empfehlen werden.

10 Best Practices für das Blog-Layout für UX im Jahr 2022

Die Technologie – einschließlich der Best Practices für das Web – scheint sich wöchentlich zu ändern. Und mit der neuen Technologie kommen neue, aufregende Möglichkeiten, Inhalte zu konsumieren.

Benutzer sind es mittlerweile gewohnt, Inhalte in kurzen Stößen zu konsumieren, sei es über soziale Medien oder das Lesen von Blogs auf ihren Handys.

Ihr Blog-Layout muss sich an diese Änderungen anpassen und einfach zu lesen sein, egal wo oder wie jemand es nutzt.

Hier sind ein paar Tipps, die Sie beim Entwerfen Ihres Blog-Layouts für eine optimale UX beachten sollten.

Tipp Nr. 1: Verwenden Sie einen zentralisierten „Learning Center“-Ansatz

Ausführlich über ein bestimmtes Thema zu schreiben, ist eine großartige Möglichkeit, um bei Google eine thematische Autorität aufzubauen und Vertrauen bei Ihrem Publikum aufzubauen.

Wie Sie diese Inhalte in Ihrem Blog organisieren, ist jedoch genauso wichtig wie die Inhalte selbst.

Angenommen, Sie haben alles geschrieben, was Sie über Fundraising für gemeinnützige Organisationen wissen müssen. Das ist großartig. Aber was nützt das einem gemeinnützigen Interessenten, wenn der relevante Inhalt nicht getaggt, nicht kategorisiert und zwischen einer Reihe anderer Themen eingestreut ist?

Dies ist nicht ideal für Benutzer, die alle Ihre Inhalte zu einem bestimmten Thema auf einmal konsumieren möchten. Es ist viel besser, einen kumulativen Ansatz zu haben, bei dem alles zu diesem Thema an einem Ort organisiert ist – wir nennen dies den „Lernzentrum“-Ansatz.

Dieser Ansatz ist eine hervorragende Möglichkeit, das Engagement zu steigern. Es ermöglicht Benutzern, alle Inhalte, die Sie zu einem bestimmten Thema haben, leicht zu finden und zu konsumieren, ohne dafür auf Ihrer gesamten Website auf Schnitzeljagd gehen zu müssen. Es ermöglicht Ihnen auch, andere Inhalte zu bewerben und die auf Ihrer Website verbrachte Zeit zu verlängern.

Darüber hinaus wird der Learning Center-Ansatz wahrscheinlich Ihre Seiten pro Sitzung erhöhen.

Wie sieht das in der Praxis aus? Gute Beispiele finden Sie im Blog von MatterApp . Das Unternehmen, das eine App anbietet, die Arbeitsplatzteams Lob und Feedback gibt, hat seine Pillar- und Cluster-Inhalte in sechs Kategorien auf einer Seite zusammengefasst. Die Seite enthält alles, was ein Benutzer recherchieren müsste, um mehr über sein Produkt zu erfahren.

Tipp Nr. 2: Nutzen Sie „klebrige“ Elemente

Menschen sind faul. Daher ist es einer der wichtigsten Grundsätze des Designs, den größtmöglichen Nutzen zu erzielen und gleichzeitig den Benutzer so wenig wie möglich arbeiten zu lassen.

Die Verwendung von „klebrigen“ On-Page-Elementen ist eine der besten Möglichkeiten, dies zu erleichtern und das Engagement in Ihrem Blog zu steigern.

Sticky-Elemente bleiben auf dem Bildschirm sichtbar, wenn Benutzer nach unten scrollen. Das bedeutet, dass sie immer zugänglich sind, ohne dass der Benutzer zum Anfang der Seite zurückscrollen muss.

Wenn Sie beispielsweise einen Call-to-Action haben, um sich für Ihre E-Mail-Liste anzumelden, stellt die Verwendung eines Sticky-Elements sicher, dass es immer sichtbar und leicht erreichbar ist.

Ein Beispiel dafür finden Sie im Blog von HubSpot . Das Unternehmen verwendet einen klebrigen Call-to-Action in der unteren rechten Ecke des Bildschirms, der die Benutzer dazu ermutigt, sich für ihre E-Mail-Liste anzumelden.

Sie können klebrige Elemente für eine Vielzahl anderer Zwecke verwenden, wie zum Beispiel:

• Schaltflächen für soziale Medien
• Navigationsmenüs
• Suchleisten
• Live-Chat-Widgets

Moderation ist hier der Schlüssel. Zu viele klebrige Elemente können die Seite überladen und unübersichtlich machen, was letztendlich die Benutzererfahrung beeinträchtigen wird.

Tipp Nr. 3: Kommen Sie auf den Punkt

Langformatige Inhalte sind unerlässlich, um den Traffic auf Ihr Blog zu lenken und einen guten Rang bei Google zu erreichen. Die meisten Leser wollen jedoch schnelle Antworten und wollen nicht hören, wie Sie endlos über die Vorzüge Ihrer Produkte oder Dienstleistungen reden.

Wenn Ihre Benutzer beispielsweise nur eine Antwort auf die Frage „Was ist Blog-Schreiben?“ wollen, beinhalten die meisten Suchergebnisse für seine Suchanfrage das Lesen langer und umfassender Leitfäden. Obwohl die Leitfäden die Fragen beantworten, muss Ihr Benutzer lange Inhalte überfliegen, um die Definition zu finden.

Ein weiteres Beispiel ist das Durchwühlen eines langen Blogposts auf Pinterest, um zu den Zutaten und Rezeptschritten zu gelangen. Gott sei Dank für die kulinarischen Experten, die Links verwenden, die Sie direkt zum Rezept führen, oder?

Diese Beispiele sind für die meisten Benutzer zweifellos zeitaufwändig und frustrierend, was der Inbegriff einer schlechten Benutzererfahrung ist. Verwenden Sie stattdessen die Kurzzusammenfassungsboxen für Artikel, um auf den Punkt zu kommen.

Es ist praktisch, kleine Kästchen zu haben, die die Zusammenfassung des gesamten Artikels enthalten, und eine großartige Möglichkeit, die Zeit Ihrer Benutzer oder Leser zu sparen. Während die Zusammenfassungsfelder anpassbar sind, um den Inhalt überall einzupassen, ist die Platzierung am Anfang des Artikels eine hervorragende Möglichkeit, die Antwort oder den Inhalt für die Leser auszuarbeiten.

Als Bonus erhöht die klare und klare Beantwortung der Fragen der Benutzer die Wahrscheinlichkeit, dass Google Sie in das begehrte „Featured Snippet“-Ergebnis platziert, das das beste Ergebnis in einem Google SERP ist, das die Antwort auf die Frage eines Benutzers hervorhebt.

Tipp Nr. 4: Verwenden Sie ein Blog-Karten-Design

Um Ihr Blog frisch zu halten, schreiben Sie wahrscheinlich viele Artikel – gut gemacht! Weiter so.

Dies kann jedoch schnell zu einer visuellen Unordnung führen, insbesondere wenn Sie versuchen, alle Ihre neuen Posts auf einmal auf Ihrer Hauptseite des Blogs hervorzuheben.

Was ist also die beste Balance, um Posts auf Ihrer Hauptblogseite zu präsentieren, ohne den Benutzer zu überfordern? Wie groß oder klein sollten Blog-Thumbnails und Artikellinks sein?

Nun, es gibt keine pauschale Antwort auf diese Frage, aber wir wissen zumindest, dass der effektivste Ansatz das „Blogkarten“-Layout ist. Was die Einzelheiten betrifft, empfehlen wir, die Praktiken seriöser Veröffentlichungsseiten zu studieren und zu replizieren.

Medium.com bietet ein hervorragendes Beispiel für dieses Format.

Es gibt viele Vorteile bei der Verwendung eines Blogkarten-Designs, einschließlich der folgenden:

• Sie sind leicht zu scannen und zu verdauen.
• Sie ermöglichen es uns, wichtige Informationen leicht zu erkennen, abzurufen und zu lesen.
• Sie ermöglichen es Ihnen, viele Informationen aufzunehmen, ohne den Benutzer zu überfordern.
• Sie können einfach neu angeordnet und neu angeordnet werden, was sich hervorragend für responsives Design eignet.
• Sie bieten viel Leerraum, wodurch sie optisch ansprechend und einfach zu navigieren sind.

Allerdings sollten die Layouts unterschiedliche Schriftgrößen und Bilder haben, um die unwichtigsten von den wichtigsten Elementen klar unterscheiden zu können. Diese Taktik macht das Design für die Leser lesbarer.

Darüber hinaus können Sie die folgenden Elemente in das Kartendesign einbeziehen.

• Vorgestelltes Bild
• Blogautor (Bild)
• Kategorie
• Blog Titel
• Social-Share-Links
• Nach Datum
• Blog-Auszug
• Schaltfläche „Mehr lesen“.

Unter Berücksichtigung dieser Liste schauen wir uns die Homepage von Medium an:

Beachten Sie jede „Karte“ und alle zugehörigen Informationen. Fast alle Blogbeiträge haben mindestens Folgendes:

• Blog Titel
• Vorgestelltes Bild
• Blog-Autor
• Bild des Blog-Autors
• Erscheinungsdatum
• Lesezeit
• Die Möglichkeit, den Beitrag für später mit einem Lesezeichen zu versehen

All diese Elemente sind Ihnen wahrscheinlich noch nie aufgefallen, oder? Obwohl Sie wahrscheinlich ihre Existenz zu schätzen wissen. Das ist ein perfektes Beispiel dafür, dass großartiges Design unsichtbar ist.

Eine der Best Practices , die die Inbound-Marketing-Experten von Impact für die Anordnung der Artikel im Blog-Karten-Layout empfehlen, besteht darin, sie in Spalten von zwei oder drei zu platzieren.

Dies hängt von den Informationen ab, die Sie präsentieren, aber insgesamt wird dadurch maximiert, wie viele Beiträge gleichzeitig angezeigt werden.

Tipp Nr. 5: Berücksichtigen Sie die Lesezeit

Wenn Sie Inhalte erstellen, möchten Sie, dass die Leute bleiben und sie lesen. Aber wenn Ihre Leser das Gefühl haben, dass sie keine Zeit haben, werden sie wahrscheinlich weitermachen. Deshalb ist eines der besten Dinge, die Sie tun können, ihnen genau mitzuteilen, wie lange das Lesen Ihres Artikels dauern wird.

Diese Taktik ist besonders wichtig, wenn Ihre Zielgruppe aus vielbeschäftigten Menschen besteht, die immer unterwegs sind. Indem Sie ihnen eine geschätzte Lesezeit geben, haben Sie eine Strategie implementiert, die dem Leser einen Hinweis auf den Zeitaufwand gibt, der ihn auch eher für Inhalte zurückbringt, die in kurzen Schüben leicht zu verdauen sind.

Wenn Sie also möchten, dass die Leute bleiben und Ihre Inhalte lesen, sagen Sie ihnen genau, wie lange es dauern wird. Diese einfache Handlung erhöht das Engagement und hält die Leute länger auf Ihrer Website.

Tipp Nr. 6: Verwenden Sie Whitespace zu Ihrem Vorteil

Whitespace, auch Negativraum genannt, ist der Raum um Elemente auf einer Seite. Es ist wichtig, Leerzeichen in Ihrem Layout zu verwenden, um das visuelle Interesse des Lesers zu wecken und die Aufmerksamkeit auf bestimmte Inhalte zu lenken.

Das Finden der richtigen Balance von Leerraum ist entscheidend für die Erstellung eines gut gestalteten Layouts. Zu wenig Leerraum kann dazu führen, dass sich eine Seite beengt und beschäftigt anfühlt, was für Benutzer überwältigend sein kann. Andererseits kann zu viel Leerraum dazu führen, dass sich eine Seite unfertig oder unprofessionell anfühlt.

Zum Beispiel nutzt TikTok viel Weißraum. Die Menge, die sie verwenden, mag auf einer Unternehmenswebsite albern aussehen, aber es ist perfekt, um die gesamte Aufmerksamkeit auf das On-Page-Video zu lenken.

Im Allgemeinen ist es am besten, eher zu viel als zu wenig Leerzeichen zu verwenden. Dies trägt dazu bei, einen sauberen und geräumigen Look zu schaffen, der die Augen schont.

Wenn es also um Blog-Layouts geht, ist Whitespace Ihr Freund. Es kann helfen, die Aufmerksamkeit auf bestimmte Inhalte zu lenken und Ihr Layout optisch ansprechender zu gestalten.

Tipp Nr. 7: Haben Sie keine überladenen Seitenleisten

Dies ist ein häufiger Fehler, den viele Blogger machen. Sie stopfen ihre Seitenleisten voll mit Social-Media-Symbolen, Opt-Ins, Anzeigen und anderem zufälligen Müll.

Diese Praxis lässt nicht nur alles schlecht aussehen, sondern kann für Besucher auch verwirrend und überwältigend sein.

Es erweckt auch den Eindruck, dass Sie sich mehr darum kümmern, etwas zu verkaufen, als Ihren Kunden einen Mehrwert zu bieten, wodurch der ganze Zweck von informativen, vertrauensbildenden Inhalten zunichte gemacht wird.

Behandeln Sie Ihre Seitenleiste nicht wie eine Müllschublade. Halten Sie sich stattdessen an das Wesentliche, wie Social-Media-Symbole und Opt-Ins. Dies trägt dazu bei, ein schlankeres Erscheinungsbild zu schaffen, das einfach zu navigieren ist und die Benutzererfahrung verbessert.

Tipp Nr. 8: Verwenden Sie Typografie mit Bedacht

Typografie ist, wie der Text auf einer physischen oder digitalen Seite für Neugierige aussieht. Es beinhaltet auch die Manipulation von Schriftarten, um die geschriebene Form lesbar und ansprechend zu machen, wenn sie angezeigt wird.

Diese Anordnung beinhaltet typischerweise, Designelemente wie Zeilen- und Wortlänge, Abstände usw. oder Punktgröße zu nehmen und sie hinzuzufügen oder zu manipulieren, um sie für das Auge angenehmer und besser verdaulich zu machen.

Um eine bessere Wirkung zu erzielen, ist es wichtig, Typografie in Ihrem Layout mit Bedacht einzusetzen. Sie schaffen visuelles Interesse und lenken die Aufmerksamkeit auf bestimmte Inhalte, wenn Sie dies tun.

Zum Beispiel sollten Sie immer größere Schriftarten für die Überschriften und kleinere für den Fließtext verwenden. Oder Sie möchten vielleicht eine ganz andere Schriftart für die Überschriften verwenden.

Idealerweise gelten Schriftgrößen zwischen 17px und 21px als richtig für digitale Lesegeräte. Einige Schriftgrößen sind im Vergleich zu anderen natürlich größer.

Außerdem gehört es zum guten Ton, die Anzahl der Schriftarten, die Sie auf einer Seite verwenden, auf höchstens drei zu beschränken. Zum Beispiel:

1. Verwenden Sie den ersten Schriftstil für den Titel der Beiträge.
2. Verwenden Sie den zweiten Schriftstil für die Titel der Seitenleisten.
3. Verwenden Sie den dritten Schriftstil für den Hauptteil des Beitrags.

Und ein letzter Tipp: Stellen Sie sicher, dass Ihre Schriftarten websicher sind. Andernfalls werden sie möglicherweise auf einigen Geräten nicht geladen. Google Fonts ist ein kostenloses Repository für Webfonts und immer eine sichere Sache.

Tipp Nr. 9: Integrieren Sie verwandte Artikel

Eine weitere Möglichkeit, die Leute dazu zu bringen, bei Ihnen zu bleiben und Ihre Inhalte zu lesen, besteht darin, verwandte Artikel in Ihr Layout einzubinden.

Verwandte Artikel sind Links zu anderen Blogbeiträgen (intern und extern) mit ähnlichem Thema oder Gegenstand. Indem Sie diese Links einbinden, können Sie dafür sorgen, dass die Leute Ihre Inhalte länger beschäftigen und lesen.

Um verwandte Artikel zu finden, können Sie ein Plugin wie Yoast SEO verwenden. Dieses Plugin analysiert Ihren Blog-Beitrag und schlägt Ihnen verwandte Artikel vor, die Sie aufnehmen können.

Oder Sie können eine manuelle Suche durchführen, indem Sie zu Google gehen und nach „[Thema-Stichwort] Website:[IhreWebsite.com]“ suchen. Solange Google Ihre Website indiziert, werden alle Seiten und Beiträge auf Ihrer Website angezeigt, die dieses Schlüsselwort enthalten.

Wenn wir beispielsweise alle Seiten sehen möchten, die wir zum Thema Bloggen geschrieben haben, gebe ich die folgende Suche in Google ein: „Blogging-Site:skuvault.com“.

Die resultierenden Seiten sind wahrscheinlich großartige Kandidaten für die Verlinkung.

Tipp Nr. 10: Verwenden Sie hochwertige Bilder

Es ist wichtig, qualitativ hochwertige, nicht kitschige Bilder in Ihrem Blog-Layout zu verwenden. Das liegt daran, dass Menschen visuelle Wesen sind, die dazu neigen, sich mehr mit Bildern als mit Text zu beschäftigen.

Tatsächlich haben Studien gezeigt , dass Menschen sich eher an Informationen erinnern, wenn sie neben einem Bild präsentiert werden.

Achte also bei der Auswahl von Bildern für deine Blog-Beiträge darauf, dass sie von hoher Qualität und relevant für das jeweilige Thema sind.

Geben Sie Ihr Bestes, um generische Stock-Fotos zu vermeiden. Manchmal ist es so einfach, ein vorhandenes Foto zu bearbeiten, damit es individueller aussieht.

Ein großartiger Ort, um stilvolle, kostenlose Stock-Fotos zu finden, ist Pexels .

Andere Möglichkeiten, Ihre Blog-UX zu verbessern

Neben den zehn Tipps, die wir aufgelistet haben, sind hier einige andere Möglichkeiten, die UX/UI Ihres Blogs zu verbessern:

• Wählen Sie ein scanbares Design : Das Bloggen unterscheidet sich stark vom Schreiben eines Buches oder einer wissenschaftlichen Arbeit. Sie können das Blog-Layout scanbar machen, indem Sie kurze und präzise Abschnitte schreiben, lange Absätze vermeiden, den Text mit Überschriften und relevanten Bildern unterbrechen und Abschnitte mit Unterüberschriften und Überschriften organisieren.
• Branding für Ihr Layout : Branding ist der Schlüssel zum Marketing eines erfolgreichen Unternehmens, und es funktioniert genauso für Ihr Blog-Layout. Der Blog, den Sie erstellen, sollte das Gefühl und das Aussehen Ihrer Marke widerspiegeln. Das heißt, wenn Ihre Homepage ein einfaches Thema oder Design hat, ist es eine gute Idee, es für Ihr Blog-Layout gleich zu lassen.
• Verwenden Sie eine vertikale Ausrichtung : Schlecht gestaltete Elemente ragen heraus wie ein schmerzender Daumen. Wenn beispielsweise Bilder und Text vom Rest der Spalte fehl am Platz erscheinen, wird dies zu einer Ablenkung und wirkt unprofessionell. Außerdem sollten Absätze und Fotos aus Gründen der visuellen Kontinuität die gleiche Breite haben.
• Integrieren Sie eine Suchleiste : Wenn Sie viele Inhalte auf Ihrer Website haben, kann es für Nutzer schwierig sein, das zu finden, wonach sie suchen. Es ist wichtig, eine Suchleiste in Ihr Blog-Layout einzufügen. Auf diese Weise können Benutzer schnell und einfach die Informationen finden, nach denen sie suchen.
• Heben Sie die Autoren Ihrer Inhalte hervor : Wenn Sie mehrere Autoren in Ihrem Blog haben, ist es wichtig, ihre Namen hervorzuheben und neben ihren Beiträgen ein hochwertiges Foto einzufügen. Dieser Ansatz vermenschlicht alles und hilft, Vertrauen bei Ihren Lesern aufzubauen. Es macht es ihnen auch leicht, andere Inhalte desselben Autors zu finden, und hilft Google, Ihr EAT (Expertise, Autorität, Vertrauen) zu bestimmen.
• Machen Sie Ihre Website mobilfreundlich: Es ist 2022. Es ist nicht verhandelbar, sicherzustellen, dass Ihr Blog-Layout mobilfreundlich ist. Glücklicherweise enthalten alle modernen Blog-Layouts von seriösen Anbietern (WordPress, Squarespace, Shopify) sofort ein mobilfreundliches Layout. Wenn Sie kein mobilfreundliches Layout haben, haben Sie Probleme, die über den Rahmen dieses Beitrags hinausgehen.

Hier hast du es! Verwenden Sie diese Tipps, um ein tolles Blog-Layout zu erstellen, das die Leser dazu bringt, immer wieder zurückzukommen.

Vergessen Sie nicht die Bestandskontrolle

Wenn Sie unseren Rat annehmen und diese UX-Tipps umsetzen, bereiten Sie sich auf einen Anstieg der Leserschaft, des Verkehrs und der Verkäufe vor (gerne!).

Wenn Sie ein E-Commerce-Shop sind, benötigen Sie ein gutes Inventarsystem, um dieses Wachstum zu bewältigen.

SkuVault existiert, um Unternehmen aller Formen und Größen dabei zu helfen, die mühsame Arbeit, die mit der Bestandskontrolle verbunden ist, zu optimieren und zu rationalisieren.

Klicken Sie hier, um weitere Informationen darüber zu erhalten, wie wir Geschäftsinhabern helfen, ihr Endergebnis zu steigern (und ihre geistige Gesundheit zu retten).