We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
Wie können wir Ihnen helfen?
Durchsuchen Sie unsere Hilfe-Artikel, Video-Tutorials und Schnellstart-Anleitungen

Sie haben es. Sie haben uns. Durchsuchen Sie unsere Wissensdatenbank für eine schnelle Antwort auf Ihre Fragen zum E-Mail-Marketing.

Hinzufügen einer Bildunterschrift zu einem Bild in einer E-Mail

Article: 000017772
Updated: 2. April 2024

Tipps für die Erstellung praktischer Bildunterschriften, die Ihre E-Mail für Empfänger mit Screenreadern zugänglich machen

Bildbeschriftungen sind praktisch, um aufzuzeigen, wer auf einem Foto ist oder um weiter auszuführen, was auf dem Bild geschieht, sie sind aber auch für Leute äußerst hilfreich, die einen Screenreader zum Lesen Ihrer E-Mail verwenden.

 

GlühlampensymbolWussten Sie schon? Einige Screenreader können konfiguriert werden, um Bilddateinamen zu erfassen. Durch die Kombination aus Dateiname, Bildbeschreibung und Beschriftung wird sichergestellt, dass Ihre Bilder wirklich für jeden zugänglich sind, der Ihre E-Mails empfängt.

Tipps zum Verfassen und Gestalten von Bildunterschriften

Die besten Bildunterschriften kommen direkt zur Sache, enthalten wichtige Informationen und formulieren den Textinhalt in Ihrer E-Mail nicht einfach nur um.

  • Bildunterschriften sollten anders formatiert sein, als der übrige Text, und der Stil sollte bei allen Bildern gleich sein.
  • Wenn Text in Ihr Bild eingebettet ist, erwägen Sie auch eine Unterschrift mit demselben Text. Screenreader können den Text nicht unterscheiden, wenn er das Bild überlagert.
  • Bildunterschriften umfassen in der Regel nur einen oder zwei Sätze. Wenn Sie mehr Platz brauchen, um viele Informationen über den Inhalt des Bildes zu vermitteln, verwenden Sie die Bildunterschrift, um Ihrem Bild einen eindeutigen Namen zu geben, und verweisen Sie dann im Text Ihrer E-Mail eindeutig darauf.
  • Bei einem Bild, das keine Unterschrift benötigt, oder Ihrer E-Mail nur ein ansprechendes Erscheinungsbild verleiht, ist es für Screenreader von Vorteil, eine Bildbeschreibung statt einer Unterschrift zu verwenden. Sie können dies durch Bearbeiten des Bildes in Ihrer E-Mail-Vorlage oder der Bibliothek vornehmen.

 

Hinzufügen einer Beschriftung über oder unter einem Bild

Eine Bildunter- oder -überschrift hinzuzufügen ist leicht mit einem Textblock getan. Dabei ist es egal, ob das Bild in einer Spalte ist oder sich über die Breite der Vorlage erstreckt.

  1. Ziehen Sie einen Textblock in Ihre Vorlage. Verwenden Sie die rosafarbene Hilfslinie, um sie über oder unter Ihrem Bild zu platzieren.

    Einen Textblock unter ein Bild ziehen und dort ablegen
     
  2. Fügen Sie den Text für die Unterschrift hinzu.
  3. Verwenden Sie die Toolbar, um den Text für die Unterschrift zu gestalten.

    Text einer Bildunterschrift unter einem Bild mit Toolbar Text
     

 

Hinzufügen einer Beschriftung links oder rechts von einem Bild

Verwenden Sie einen Artikelblock, um Bildunterschriften an der Seite von Bildern hinzuzufügen. Es gibt mehrere verschiedene Stile und das Bild kann verschoben werden, so dass es sich links oder rechts des Blockes befindet.

  1. Ziehen Sie einen der Artikelblöcke in Ihre Vorlage.

    Tab Erstellen, Abschnitt Layouts und Drag-and-Drop eines Artikels mit Randblock in Vorlage
     
  2. Fügen Sie Ihr Bild in den Platzhalter ein.
  3. Fügen Sie den Text für die Unterschrift hinzu, gestalten Sie den Text für die Unterschrift und löschen Sie die Standardüberschrift und den Standardlinktext.

    Tab Bilder, Drag-and-Drop von Bild in Vorlage und Text für Bildunterschrift mit Toolbar Text erweitert
     
  4. Ziehen Sie einen Abstandhalterblock über den Text für die Unterschrift. Erhöhen oder verringern Sie die Stärke des Abstandshalters, um die Unterschrift zu zentrieren.

    Tab Erstellen, Drag-and-Drop von Abstandhalterblock über Text für Bildunterschrift
     
  5. Passen Sie die Größe des Bildes und die Spaltenbreite an, um die richtige Balance zu finden. 

    Artikelblock mit Ziehpunkt zur Größenanpassung von Bildern und Spalte mit Ziehpunkt
     

 

Hinzufügen einer Beschriftung zu einem mit Text umrahmten Bild

Wenn Sie Text um ein Bild herum anordnen, ist es ein bisschen komplizierter, eine Unterschrift hinzuzufügen, aber mit einem Abstandsblock und einem Textblock über dem Bild kann es gelingen.

  1. Fügen Sie einen Textblock über dem Bild zu. Verwenden Sie die rosafarbene Hilfslinie, um sicherzugehen, dass er sich über die gesamte Breite der Vorlage erstreckt.

    Textblock per Drag-and-Drop in die E-Mail-Vorlage ziehen
     
  2. Fügen Sie einen Abstandsblock über dem Bild und neben dem Textblock hinzu, um eine neue Spalte zu schaffen.

    Abstandsblock per Drag-and-Drop in die Vorlage neben dem Textblock ziehen
     
  3. Ersetzen Sie den Standardtext durch Ihre Beschriftung und verwenden Sie die Symbolleiste, um den Text zu gestalten.
  4. Passen Sie die Breite des Textblocks so an, dass die Beschriftung an Ihrem Bild ausgerichtet ist. Am Besten sollte der Text in einer Zeile sein.
  5. Verringern Sie die Dicke Ihres Abstandhalters, um Lücken zu vermeiden, wenn Ihre Inhalte auf einem mobilen Gerät gestapelt werden.

    Ziehpunkt Spaltenbreite und Ziehpunkt für die Dicke des Abstandhalters
     
  6. Klicken Sie auf Preview & Test (Vorschau und Test) > Preview (Vorschau).

    Dropdown-Menü Vorschau und Test erweitert und Option Vorschau
     
  7. Klicken Sie auf Mobile (Mobil), um sicherzugehen, dass alles wie geplant ausgerichtet ist. Spalten werden von links nach rechts gestapelt, wenn das Bild also auf der linken Seite der Vorlage ist, wird der Abstandhalter auf die Unterschrift gestapelt, wohingegen die Unterschrift aus den Abstandhalter gestapelt wird, wenn das Bild rechts ist.

    Overlay Vorschau, Tab Mobil und E-Mail-Inhalt mit Abstandhalter über Unterschrift, sowie Text
     

 

Alle Links, die wir von Seiten, die nicht zu Constant Contact gehören, bereitstellen oder Informationen über Produkte oder Services, die nicht zu Constant Contact gehören, werden gefälligkeitshalber zur Verfügung gestellt und sollten nicht als Billigung von Constant Contact ausgelegt werden.


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Alle Rechte vorbehalten · Constant Contact · Privacy Policy