Den Umfang des HTML/CSS-Codes von E-Mails analysieren und optimieren

Sie erfahren alles, was Sie über die Optimierung des HTML-Code-Umfangs wissen müssen, in diesem Erfahrungsbericht von Darty.

Werden Ihre E-Mails in Gmail abgeschnitten? Es ist sehr wahrscheinlich, dass der Code Ihrer E-Mails zu umfangreich ist: Die Grenze liegt bei 102 KB.

In diesem Artikel erklären wir Ihnen die Regeln, nach denen der Umfang des HTML/CSS-Codes Ihrer E-Mails analysiert und reduziert werden kann.

Um eine Code-Umfangsanalyse durchzuführen, unterscheiden Sie zunächst zwischen dem „Gewicht“, das inbei der Ausgabe durch den Email Builder entsteht, und dem, das bei der Ausgabe durch die der E-Mail-Marketing-Software (Email Service Provider) entsteht. Die Qualitätskontrolle, die über das Panel "Validierungs-Workflow" zugänglich ist, ermöglicht es Ihnen, den Umfang Ihres HTML-Codes im Email Builder zu überprüfen (bevor Sie ihn exportieren und von Ihrer E-Mail-Marketing-Software versenden).

Bei der Integration des Email-Builder-Codes in Ihre E-Mail-Marketing-Software kann der Umfang der HTML/CSS-Datei zunehmen. Die meisten E-Mail-Marketing-Softwares ändern den Code, um Medien zu hosten und Tracking hinzuzufügen. Es wird daher empfohlen, dass der Umfang des Codes im Email Builder (angezeigt in der Qualitätskontrolle) 90 KB nicht überschreitet.

• Die Anzahl der Abstandshalter begrenzen
  • Wann immer möglich, ist es besser, Ränder (oben und unten) zu verwenden, um Inhalte voneinander zu trennen, anstatt Abstandshalter zu verwenden. Diese Option ist für Bild-, Text-, Button- und Video-Elemente verfügbar.

• Nur unverzichtbare Gruppen beibehalten
  • Wann immer möglich, vermeiden Sie es, Gruppen ineinander zu verschachteln. Ein Spalten-Layout kann direkt auf Abschnittsebene erstellt werden.

• Abschnitte sparsam verwenden
  • Vermeiden Sie es, Abschnitte unnötig zu vervielfältigen (z.B. ein Abschnitt, der nur aus Abstandshaltern besteht). Wann immer möglich, sollten mehrere Abschnitte zu einem zusammengefasst werden.

• Sparsam mit Links umgehen
  • Es wird empfohlen, nicht alle Elemente Ihrer E-Mails mit Links zu versehen, sondern nur Bereiche, die potenziell von Benutzern angeklickt werden.
  • In geringerem Maße erhöht die Option "In neuem Fenster öffnen" (target="blank"), die für Links verfügbar ist, den Umfang des E-Mail-Codes leicht.
  • Überprüfen und optimieren Sie die Länge Ihrer Links mit URL-Verkürzer-Tools.

• Nur nützliche Spezialschriften und Google Fonts beibehalten
  • Es ist am besten, nicht mehr als drei Spezialschriften oder Google Fonts für eine E-Mail zu deklarieren. Überprüfen Sie auch, ob die in den Einstellungen vorhandenen Spezialschriften tatsächlich verwendet werden, oder löschen Sie sie.

Bei der Integration des Email-Builder-Codes in Ihre E-Mail-Marketing-Software (Email Service Provider) kann der Umfang der HTML/CSS-Datei zunehmen. Die meiste E-Mail-Marketing-Software ändert den Code, um Medien zu hosten und Tracking zu Links hinzuzufügen.

Bei der Verwendung von Variablen kann der in der Qualitätskontrolle angezeigte Umfang etwas geringer sein. Der endgültige Umfang hängt von der Größe der Daten ab, die während des Versands in die Variable eingefügt werden.

Für weitere Informationen zur Qualitätskontrolle siehe Die Qualitätskontrolle verwenden.

Umgekehrt kann der in der Qualitätskontrolle angezeigte Umfang hoch sein, wenn Sie bedingte Blöcke in Ihre E-Mail integrieren. Beim Versand der E-Mail (über die E-Mail-Marketing-Software) werden jedoch die bedingten Blöcke interpretiert und nur ein Teil des Inhalts wird versendet. Folglich wird der Umfang des versendeten Codes geringer sein.

Um den „endgültigen“ Umfang Ihrer E-Mail herauszufinden, können Sie beispielsweise den HTML/CSS-Code über den Spiegel-Link der E-Mail-Marketing-Software überprüfen.

Wenn Ihre E-Mails trotz all dieser Optimierungen immer noch in Gmail abgeschnitten werden, empfiehlt es sich, die Menge der Inhalte in Ihrer E-Mail anzusehen.

Für weitere Informationen über den Umfang Ihrer E-Mail siehe Wichtige Punkte zum Umfang einer E-Mail.