Email Marketing & ΑυτοματισμόςΤα γραφήματα μάρκετινγκ

Βέλτιστες πρακτικές για ασφαλείς γραμματοσειρές ηλεκτρονικού ταχυδρομείου και γραμματοσειρές HTML

Όλοι έχετε ακούσει τα παράπονά μου σχετικά με την έλλειψη προόδου στην υποστήριξη email όλα αυτά τα χρόνια, οπότε δεν θα ξοδεύω (πολύ) χρόνο γκρινιάζοντας γι' αυτό. Εύχομαι μόνο ένας μεγάλος πελάτης email (εφαρμογή ή πρόγραμμα περιήγησης), να ξεσπάσει από το πακέτο και να προσπαθήσει να υποστηρίξει πλήρως τις πιο πρόσφατες εκδόσεις του HTML και CSS. Δεν έχω καμία αμφιβολία ότι δεκάδες εκατομμύρια δολάρια δαπανώνται από εταιρείες για να τελειοποιήσουν τα email τους.

Αυτός είναι ο λόγος για τον οποίο είναι φανταστικό να υπάρχουν εταιρείες όπως οι Uplers που παραμένουν στην κορυφή κάθε πτυχής του σχεδιασμού email. Σε αυτό το τελευταίο infographic, η ομάδα σας καθοδηγεί στην τυπογραφία και στο πώς μπορούν να αναπτυχθούν διαφορετικές γραμματοσειρές και τα χαρακτηριστικά τους για την προσαρμογή των email σας.

Χρήση προσαρμοσμένων γραμματοσειρών στο email

Η χρήση εξωτερικών γραμματοσειρών μπορεί να είναι λίγο πιο δύσκολη από ό,τι στην τυπική σχεδίαση ιστοσελίδων, λόγω της διαφορετικής υποστήριξης μεταξύ των πελατών email. Ωστόσο, είναι ακόμα δυνατό να ενσωματώσετε εξωτερικές γραμματοσειρές στα email σας για τους πελάτες που τις υποστηρίζουν, ενώ παρέχετε εναλλακτικές γραμματοσειρές για εκείνους που δεν τις υποστηρίζουν.

Το 60% των προγραμμάτων-πελατών ηλεκτρονικού ταχυδρομείου υποστηρίζει πλέον προσαρμοσμένες γραμματοσειρές που χρησιμοποιούνται στα σχέδια ηλεκτρονικού ταχυδρομείου σας, συμπεριλαμβανομένων των AOL Mail, Native Android Mail App (όχι Gmail), Apple Mail, iOS Mail, Outlook 200, Outlook.com και email που βασίζονται στο Safari.

Ανυψωτικά

A εφεδρικό Η γραμματοσειρά είναι μια εφεδρική γραμματοσειρά που μπορεί να εμφανίσει το πρόγραμμα-πελάτη email σε περίπτωση που δεν μπορεί να αποδώσει την κύρια (εξωτερική) γραμματοσειρά. Αυτό διασφαλίζει ότι το email σας παραμένει ευανάγνωστο και διατηρεί την επιθυμητή εμφάνισή του όσο το δυνατόν πιο κοντά σε διαφορετικά περιβάλλοντα προβολής.

  1. Επιλέξτε την εξωτερική γραμματοσειρά σας: Επιλέξτε μια εξωτερική γραμματοσειρά που θέλετε να χρησιμοποιήσετε. Αυτό μπορεί να προέρχεται από μια υπηρεσία όπως το Google Fonts ή μια γραμματοσειρά που φιλοξενείται στον διακομιστή ιστού σας.
  2. Συμπεριλάβετε τη γραμματοσειρά στο HTML του email σας: Για προγράμματα-πελάτες ηλεκτρονικού ταχυδρομείου που το υποστηρίζουν, θα συνδεθείτε με την εξωτερική γραμματοσειρά στο <head> του HTML του email σας. Ωστόσο, πολλά προγράμματα-πελάτες email δεν επιτρέπουν τη σύνδεση με εξωτερικούς πόρους για λόγους ασφαλείας. Αντίθετα, μπορείτε να συμπεριλάβετε τη γραμματοσειρά ως σύνδεσμο με την ελπίδα ότι οι πελάτες webmail που επιτρέπουν εξωτερικούς συνδέσμους θα την αποδώσουν.
  3. Καθορίστε τις γραμματοσειρές εναλλακτικών: Επιλέξτε εναλλακτικές γραμματοσειρές ασφαλείς για τον ιστό που είναι παρόμοιες στην εμφάνιση με την εξωτερική σας γραμματοσειρά. Αυτές θα πρέπει να είναι γενικές οικογένειες γραμματοσειρών προεγκατεστημένες στις περισσότερες συσκευές και λειτουργικά συστήματα.
  4. Χρησιμοποιήστε το Inline CSS για ορισμούς στυλ: Λόγω της περιορισμένης υποστήριξης CSS σε πολλά προγράμματα-πελάτες email, είναι βέλτιστη πρακτική να χρησιμοποιείτε ενσωματωμένο CSS για να ορίσετε τα στυλ σας, συμπεριλαμβανομένων των οικογενειών γραμματοσειρών.

Παράδειγμα:

Ας υποθέσουμε ότι θέλετε να χρησιμοποιήσετε την εξωτερική γραμματοσειρά Ανοίξτε το Sans από το Google Fonts, με Arial και sans-serif ως εναλλακτικά. Δείτε πώς μπορείτε να το δοκιμάσετε:

<!DOCTYPE html>
<html>
<head>
  <title>Email with External Font</title>
  <!-- Attempt to include external font - not supported by all email clients -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
  <div style="font-family: 'Open Sans', Arial, sans-serif; font-size: 16px;">
    Hello, this is a sample text using Open Sans, with Arial and sans-serif as fallbacks.
  </div>
</body>
</html>

Σημαντικές εκτιμήσεις:

  • Υποστήριξη πελατών ηλεκτρονικού ταχυδρομείου: Πολλά προγράμματα-πελάτες ηλεκτρονικού ταχυδρομείου, ειδικά εκείνα για επιτραπέζιους υπολογιστές όπως το Microsoft Outlook, δεν υποστηρίζουν εξωτερικές γραμματοσειρές. Οι πελάτες που βασίζονται στον ιστό, όπως το Gmail, έχουν καλύτερη υποστήριξη, αλλά εξακολουθούν να υπάρχουν περιορισμοί.
  • Εναλλακτικές γραμματοσειρές: Αυτά είναι ζωτικής σημασίας για να διασφαλίσετε ότι το email σας παραμένει λειτουργικό και αισθητικά ευχάριστο σε όλους τους πελάτες. Η ακολουθία στο font-family Το στυλ πηγαίνει από την πιο προτιμώμενη γραμματοσειρά στη λιγότερο, τελειώνοντας με μια γενική οικογένεια (sans-serif or serif).
  • Δοκιμές: Πάντα να δοκιμάζετε τα email σας HTML σε διάφορα προγράμματα-πελάτες email για να δείτε πώς αποδίδονται. Εργαλεία όπως το Litmus ή το Email on Acid μπορούν να βοηθήσουν σε αυτό.

Για τα μηνύματα ηλεκτρονικού ταχυδρομείου πωλήσεων και μάρκετινγκ, η οπτική απήχηση μπορεί να επηρεάσει σημαντικά την αποτελεσματικότητα του μηνύματος. Ενώ η χρήση μιας μοναδικής εξωτερικής γραμματοσειράς μπορεί να βοηθήσει τα email σας να ξεχωρίζουν, είναι σημαντικό να διασφαλίσετε ότι οι εναλλακτικές γραμματοσειρές σας διατηρούν τις επαγγελματικές και ευανάγνωστες ιδιότητες που είναι απαραίτητες για την αποτελεσματική λήψη του μηνύματός σας.

Υπάρχουν 4 τύποι γραμματοσειρών που χρησιμοποιούνται στο email

  • Serif – Οι γραμματοσειρές Serif έχουν χαρακτήρες με ακμές, σημεία και σχήματα στα άκρα των πινελιών τους. Έχουν επίσημη εμφάνιση, χαρακτήρες σε καλή απόσταση και διάστιχο, βελτιώνοντας σημαντικά την αναγνωσιμότητα. Οι πιο δημοφιλείς γραμματοσειρές σε αυτήν την κατηγορία είναι οι Times, Georgia και MS Serif.
  • Sans Serif – Οι γραμματοσειρές Sans serif είναι σαν τους επαναστάτες που θέλουν να δημιουργήσουν μια δική τους εντύπωση και δεν έχουν φανταχτερά διακοσμητικά στοιχεία. Έχουν μια ημι-επίσημη εμφάνιση, που προάγει την πρακτικότητα έναντι της εμφάνισης. Οι πιο δημοφιλείς γραμματοσειρές σε αυτήν την κατηγορία είναι οι Arial, Tahoma, Trebuchet MS, Open Sans, Roboto και Verdana.
  • Μονόγραμμα - Εμπνευσμένες από τη γραμματοσειρά της γραφομηχανής, αυτές οι γραμματοσειρές έχουν ένα μπλοκ ή «πλάκα» στο τέλος των χαρακτήρων. Αν και χρησιμοποιούνται σπάνια σε μηνύματα ηλεκτρονικού ταχυδρομείου HTML, τα περισσότερα μηνύματα ηλεκτρονικού ταχυδρομείου απλού κειμένου «εναλλακτικά» σε μηνύματα ηλεκτρονικού ταχυδρομείου MultiMIME χρησιμοποιούν αυτές τις γραμματοσειρές. Η ανάγνωση ενός email χρησιμοποιώντας αυτές τις γραμματοσειρές δίνει μια διοικητική αίσθηση που σχετίζεται με κυβερνητικά έγγραφα. Η γραμματοσειρά Courier είναι η πιο συχνά χρησιμοποιούμενη γραμματοσειρά σε αυτήν την κατηγορία.
  • Καλλιγραφία – Μιμούμενοι τα χειρόγραφα γράμματα του παρελθόντος, αυτό που ξεχωρίζει αυτές τις γραμματοσειρές είναι η ρέουσα κίνηση που ακολουθεί κάθε χαρακτήρας. Αυτές οι γραμματοσειρές είναι αρκετά διασκεδαστικές για ανάγνωση σε ένα απτό μέσο, ​​αλλά η ανάγνωσή τους σε μια ψηφιακή οθόνη μπορεί να είναι μάλλον δυσκίνητη και να κουράζει τα μάτια. Έτσι, τέτοιες γραμματοσειρές χρησιμοποιούνται κυρίως σε επικεφαλίδες ή λογότυπα ως στατικές εικόνες.

Οι γραμματοσειρές που είναι ασφαλείς για email περιλαμβάνουν Arial, Georgia, Helvetica, Lucida, Tahoma, Times, Trebuchet και Verdana. Οι προσαρμοσμένες γραμματοσειρές περιλαμβάνουν αρκετές οικογένειες και για τους πελάτες που δεν τις υποστηρίζουν, είναι απαραίτητο να κωδικοποιήσουν σε εναλλακτικές γραμματοσειρές. Με αυτόν τον τρόπο, εάν ο πελάτης δεν μπορεί να υποστηρίξει την προσαρμοσμένη γραμματοσειρά, θα επιστρέψει σε μια γραμματοσειρά που μπορεί να υποστηρίξει.

Arial

font-family: Arial, sans-serif;

Γεωργία

font-family: Georgia, serif;

Helvetica

font-family: Helvetica, sans-serif;

λείος

font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 

Tahoma

font-family: Tahoma, Geneva, sans-serif;

Φορές

font-family: 'Times New Roman', Times, serif;

Trebuchet

font-family: 'Trebuchet MS', sans-serif;

Verdana

font-family: Verdana, Geneva, sans-serif;

Για μια πιο εμπεριστατωμένη ματιά, φροντίστε να διαβάσετε του Omnisend άρθρο: 

Ασφαλείς γραμματοσειρές μέσω ηλεκτρονικού ταχυδρομείου εναντίον προσαρμοσμένων γραμματοσειρών: Τι πρέπει να γνωρίζετε για αυτές

Φροντίστε να κάνετε κλικ αν θέλετε να αλληλεπιδράσετε με το γράφημα.

Douglas Karr

Douglas Karr είναι ΚΟΑ του OpenINSIGHTS και ο ιδρυτής του Martech Zone. Ο Ντάγκλας έχει βοηθήσει δεκάδες επιτυχημένες νεοφυείς επιχειρήσεις της MarTech, έχει βοηθήσει στη δέουσα επιμέλεια άνω των 5 δισεκατομμυρίων δολαρίων σε εξαγορές και επενδύσεις της Martech και συνεχίζει να βοηθά τις εταιρείες στην εφαρμογή και την αυτοματοποίηση των στρατηγικών πωλήσεων και μάρκετινγκ. Ο Ντάγκλας είναι ένας διεθνώς αναγνωρισμένος ειδικός και ομιλητής στον ψηφιακό μετασχηματισμό και στη MarTech. Ο Ντάγκλας είναι επίσης δημοσιευμένος συγγραφέας ενός οδηγού Dummie και ενός βιβλίου επιχειρηματικής ηγεσίας.

Σχετικά άρθρα

Επιστροφή στην κορυφή κουμπί
Κλεισιμο

Εντοπίστηκε μπλοκ διαφημίσεων

Martech Zone είναι σε θέση να σας παρέχει αυτό το περιεχόμενο χωρίς κόστος, επειδή δημιουργούμε έσοδα από τον ιστότοπό μας μέσω εσόδων από διαφημίσεις, συνδέσμων συνεργατών και χορηγιών. Θα εκτιμούσαμε εάν καταργούσατε το πρόγραμμα αποκλεισμού διαφημίσεων καθώς προβάλλετε τον ιστότοπό μας.