Mit Ihrer mobilen Website Kunden gewinnen? Textformatierung als einfache Methode

Google hat seit März 2021 auf „Mobile-First“ Indexierung umgestellt. Das heißt: Wenn es keine mobile Ansicht Ihrer Website gibt, listet Google sie in den Suchergebnissen nicht mehr auf.
Doch auch wenn Ihre Website schon eine mobile Variante hat, gibt es möglicherweise Punkte in Ihrem Webdesign, die verhindern, dass Besucher Ihre Seite gut lesen können.

Sind Sie bisher unzufrieden, weil Sie mit Ihrer mobilen Website keine Kunden gewinnen? Dann ist jetzt ein guter Zeitpunkt um an ein paar Stellschrauben zu drehen.

Ich zeige Ihnen drei wirksame Textformatierungen, die es Ihren Besuchern leicht machen, Ihre Website am mobilen Gerät zu lesen. Auch bei schwierigen Lichtverhältnissen.

Überschriften auf Ihrer mobilen Website – Blickfänger oder Platzverschwender?

Einerseits ist es wichtig, dass Leser Ihrer Website Überschriften sofort vom normalen Text unterscheiden können. Eine gewisse Schriftgröße hilft also, auch am Smartphone aus jeder Überschrift einen Blickfänger zu machen.

Denn Ihre Website-Besucher scannen Ihre Texte zunächst mit den Augen. Das heißt, sie springen mit Ihren Blicken von einem optischen Ankerpunkt zum nächsten (von einer Zwischenüberschrift zur nächsten).

Auf einem Smartphone Bildschirm steht Ihnen jedoch naturgemäß nur sehr wenig Platz zur Verfügung und Ihre Website-Besucher möchten nicht ewig lang scrollen.

Welche Schriftgröße ist also die beste für Überschriften (und Zwischenüberschriften) an kleinen, mobilen Bildschirmen?

Am besten finden Sie einen Mittelweg, der zwei Dinge unter einen Hut bringt: Platzanspruch und Auffälligkeit.

Um eine passende Schriftgröße zu finden, können Sie die Wortlänge zur Hilfe nehmen.

• Schreiben Sie eine Beispiel-Überschrift, die nur zwei lange Wörter enthält,
• eine mit etwa fünf mittellangen Wörtern,
• und eine mit einem Mix aus sehr kurzen, mittellangen und langen Wörtern.

Wenn Sie jetzt die Größe ändern, können Sie vergleichen und beurteilen, welche am besten funktioniert.

Bei Überschriften ab einer bestimmten Schriftgröße sind vor allem lange Wörter schwierig. Es verschwindet gerne mal ein Teil des Wortes außerhalb des Bildschirms.

Mir ist das kürzlich mit dem längeren Begriff Suchmaschinenoptimierung passiert. In meinem Fall half eine Umformulierung der Textzeile.

Für eine gute mobile Website ist natürlich eine Schriftgröße ideal, bei der auch lange Wörter locker in die Zeile passen. Letztlich gilt es, für die Größe der Überschriften einen Kompromiss zwischen Auffälligkeit und Platzanspruch zu finden.

Wie formatieren Sie Textabsätze so, dass Besucher weiter lesen und Sie mit Ihrer Website Kunden gewinnen?

Zuerst habe ich eine Frage an Sie: Was eignet sich aus Ihrer Sicht am besten für Texte an kleinen mobilen Bildschirmen? Blocksatz oder linksbündiger Text?

Blocksatz hat links und rechts eine gerade Kante. Die Zeilen sind gleich lang. Dafür entstehen kleine oder größere Löcher mitten in den Zeilen – vor allem bei kurzen Zeilen wie am Smartphone.

Bei Blocksatz besteht schnell die Gefahr, dass Ihr Leser „die Zeile verliert“, denn oft ist der Abstand zwischen zwei Wörtern größer, als der zwischen zwei Zeilen. Dadurch entsteht eine Art Flickenteppich, bei dem der Blick sich verirren kann.

Gerade am Smartphone eignet sich also besser der linksbündige Text (auch Flattersatz genannt). Links hat er eine gerade Kante und rechts „flatternde“ Zeilenenden.

Es entstehen unterschiedlich lange Zeilen, die rechts am Ende der Zeile Lücken lassen.

So wie in diesem Artikel.

Natürlich können die Textzeilen an schmalen, mobilen Bildschirmen nicht sehr lang werden.

Achten Sie auf eine Schriftgröße, die angenehm lesbar ist. Die Schrift darf einerseits nicht so klein werden, dass Ihr Leser die Augen anspitzen muss (was gerade am Smartphone schnell geschieht).

Andererseits darf sie auch nicht so groß sein, dass nur noch ganz wenige Wörter oder gar Buchstaben in eine Zeile passen.

Hier lesen Sie, welche Textformatierung die Konversionsrate Ihrer Website an Desktop-Bildschirmen steigert.

Kontrast ist Ihr bester Freund bei Textformatierung am mobilen Bildschirm

Am angenehmsten für Ihre Website-Besucher ist es, dunkle Schrift auf hellem Grund zu lesen.

Reines schwarz auf weiß wirkt dabei allerdings oft etwas „hart“.

Eine gute Alternative ist dunkler, grauer Text oder Farben wie ein sehr dunkles Blau oder Braun. Wichtig ist, dass der Schwarzanteil in der Farbe hoch bleibt. Sprich, es wird viel Schwarz „dazugemischt“.

Bestimmt haben Sie schon auf vielen Websites gesehen, dass kurze Textblöcke zu verschiedenen Themen unterschiedlich farbig hinterlegt sind.

Das ist sinnvoll, um den inhaltlichen Unterschied zu betonen. Die wechselnde Hintergrundfarbe sagt dem Website-Besucher: „Hier beginnt etwas Neues“.

Wenn Sie also für manche Textabschnitte eine dunklere, kräftigere Farbe im Hintergrund wählen, werden Sie helle Schrift benötigen.

Achten Sie bei hellem Text auf dunklem Grund darauf, dass der Textabschnitt nicht zu lang ist.

Die hellen Buchstaben leuchten aus der dunklen Fläche hervor. Es ist, als würden Sie in einem dunklen Raum länger auf eine kleine Lichtquelle schauen.

Für das Auge ist das anstrengend.

Vor allem, weil Ihre Website-Besucher an mobilen Geräten oft nicht die besten Lichtverhältnisse zum Lesen um sich herum haben.

Damit Ihre mobile Website Kunden gewinnt, ist es wichtig, dass Leser sich auf Ihren Seiten wohlfühlen. Egal, wo und bei welchem Licht sie lesen.

Helle Schrift auf farbigem oder dunklem Grund eignet sich gut für Betonung und Hervorhebung. Für längere Textabschnitte nutzen Sie am besten dunkle Schrift auf hellem Grund.

Eine weitere Hilfe für guten Kontrast ist die Dicke der Schrift.

Größere Textzeilen können am ehesten mal dünn (light) sein. Bei kleiner Schrift scheint es schnell so, als fließe die Hintergrundfarbe in die Buchstabenlinien hinein. Es wirkt, als würden den Buchstaben kleine Stücke fehlen.

Nutzen Sie für kleinere Textzeilen also eher etwas kräftigere Schrift (regular).

Hier erfahren Sie, wie mehr Besucher Ihre mobile Website wirklich lesen – trotz schlechter Lichtverhältnisse und Ablenkung.

Fazit: Damit Besucher sich auf Ihrer mobilen Website wohlfühlen, ist Textformatierung eine große Hilfe

Überschriften grenzen einzelne Textabschnitte voneinander ab und bieten Ihren Lesern Orientierung.

Die passende Schriftgröße sorgt für angenehm lesbare Zeilenlängen.

Farbkontraste sind gerade für die mobile Website wichtig, weil Ihre Besucher sowohl bei gleißendem Sonnenlicht, als auch in der Dunkelheit am Smartphone oder Tablet lesen.

Wann immer Sie bereit sind, hier sind 4 Wege, wie ich Sie unterstützen kann:

Kennen Sie die 5 größten Gefahren, die Besucher Ihrer Webseite abschrecken – und bewirken, dass sie nicht mehr wiederkommen? Laden Sie sich meinen kostenfreien Report herunter.

Damit Besucher zu Kunden werden, müssen sie auf Ihrer Webseite 3 Dinge sehen:
1. „Hier bin ich richtig!“
2. „Das kann ich tun, um mehr zu erfahren.“
3. „Und das kann ich tun, um das Angebot zu nutzen.“
Wie Sie Ihnen diese 3 Dinge zeigen, erfahren Sie in meinem kostenfreien Webinar.

Sie wollen Ihre Webseite optimieren und sind unsicher was sinnvoll ist? Das ist ganz normal. Bei der eigenen Webseite ist jeder Business-Inhaber ein bisschen betriebsblind.
Nutzen Sie meinen Webseitencheck und meinen frischen Blick als Expertin. Ich zeige Ihnen, was Sie konkret optimieren können, um mehr Kunden zu gewinnen.

Ich designe für Sie eine Webseite, die Kunden gewinnt. Eine Webseite, die Ihre Persönlichkeit zeigt und Vertrauen schafft. Damit Ihre Kunden sofort spüren, dass Sie bei Ihnen richtig sind und anfragen. Hier erfahren Sie Details zu meinem Webdesign-Angebot.