Γιατί η υπογραφή σου φαίνεται τέλεια σε ένα inbox και χαλασμένη σε άλλο; Το λογότυπο είναι τεράστιο. Τα χρώματα χάθηκαν. Ένας συνάδελφος βλέπει ακατέργαστο κώδικα αντί για το όνομα της εταιρείας σου.
Οι υπογραφές email σε HTML χρησιμοποιούν μορφοποιημένη σήμανση για να ελέγχουν τη διάταξη, τους συνδέσμους και τις εικόνες στο μπλοκ επικοινωνίας σου. Σου δίνουν περισσότερο έλεγχο σχεδιασμού από το απλό κείμενο. Συμπεριφέρονται όμως διαφορετικά ανάμεσα στα προγράμματα email, οπότε μετράει να καταλάβεις τα πλεονεκτήματα και τα μειονεκτήματα πριν δεσμευτείς.
Τι είναι μια υπογραφή email σε HTML;
Μια υπογραφή email σε HTML είναι ένα μπλοκ επικοινωνίας φτιαγμένο με σήμανση και όχι με απλούς χαρακτήρες. Μπορεί να περιλαμβάνει το λογότυπό σου ως εικόνα, μορφοποιημένο κείμενο και συνδέσμους που πατιούνται προς την ιστοσελίδα ή τα προφίλ σου. Το πρόγραμμα email σου αποθηκεύει τον κώδικα και τον εισάγει κάτω από κάθε μήνυμα.
Οι υπογραφές HTML μοιάζουν περισσότερο με μικρή ιστοσελίδα παρά με πληκτρολογημένο μπλοκ διεύθυνσης. Αυτή η οπτική φινέτσα στηρίζει την αναγνώριση της επωνυμίας, όταν συνδυάζεται με domain από το πώς δημιουργείς διευθύνσεις email στο domain σου.
Πώς διαφέρουν οι υπογραφές HTML από το απλό κείμενο
Οι υπογραφές απλού κειμένου χρησιμοποιούν μόνο αλλαγές γραμμής και απλούς χαρακτήρες. Κάθε πρόγραμμα τις εμφανίζει με τον ίδιο τρόπο. Οι υπογραφές HTML προσθέτουν στοιχεία σχεδιασμού αλλά μπορεί να εμφανίζονται με διαφορετικά κενά, γραμματοσειρές ή εικόνες που λείπουν, ανάλογα με την εφαρμογή του αναγνώστη.
Το HTML δουλεύει καλά όταν χρειάζεσαι λογότυπο, χρώμα επωνυμίας ή πολλά εικονίδια με συνδέσμους. Το απλό κείμενο δουλεύει καλά για σύντομες εσωτερικές απαντήσεις ή για ρόλους όπου η ταχύτητα μετράει περισσότερο από την εικόνα. Πολλές ομάδες κρατούν και τις δύο εκδοχές στο πρότυπο υπογραφής email.
Πώς φτιάχνεις υπογραφές HTML που αντέχουν
Τα προγράμματα email δεν είναι browser. Αφαιρούν ή αγνοούν πολλές τυπικές τεχνικές του web. Μείνε σε απλά, δοκιμασμένα μοτίβα.
1. Χρησιμοποίησε inline στυλ
Εφάρμοσε χρώμα και μέγεθος γραμματοσειράς απευθείας σε κάθε στοιχείο. Τα εξωτερικά stylesheet συχνά αφαιρούνται. Τα inline στυλ επιβιώνουν σε περισσότερα προγράμματα από το CSS με κλάσεις.
2. Φιλοξένησε τις εικόνες στο δικό σου domain
Βάλε σύνδεσμο για τα αρχεία του λογοτύπου από τον διακομιστή της ιστοσελίδας σου και όχι από προσωρινούς συνδέσμους μεταφόρτωσης. Οι εικόνες στο domain σου φορτώνουν αξιόπιστα και ταιριάζουν με το σήμα εμπιστοσύνης από το επαγγελματικό email και η ιστοσελίδα σου.
3. Κράτα τον κώδικα απλό
Απόφυγε πίνακες μέσα σε πίνακες, προσαρμοσμένες γραμματοσειρές και μεγάλες εικόνες φόντου. Ένας απλός πίνακας με λογότυπο και γραμμές κειμένου καλύπτει τις περισσότερες ανάγκες επωνυμίας. Δοκίμασε στέλνοντας στον εαυτό σου και ανοίγοντας το μήνυμα στο κινητό.
Πότε διαλέγεις HTML αντί για απλό κείμενο
Διάλεξε HTML όταν οι οδηγίες της επωνυμίας σου απαιτούν λογότυπο και χρώμα σε κάθε εξερχόμενο μήνυμα. Διάλεξε απλό κείμενο όταν η ομάδα σου στέλνει πολλές σύντομες απαντήσεις ή όταν η παράδοση και η ταχύτητα φόρτωσης είναι οι κορυφαίες προτεραιότητες.
Αν χρησιμοποιείς HTML, δώσε πάντα μια εφεδρική εκδοχή απλού κειμένου για προγράμματα που αφαιρούν τη μορφοποίηση. Το κεφάλαιο μορφοποίηση μπλοκ υπογραφής email καλύπτει κανόνες διάταξης που ισχύουν και για τις δύο μορφές.
Συχνές ερωτήσεις
Χρειάζομαι δεξιότητες προγραμματισμού για μια υπογραφή email σε HTML;
Οι βασικές υπογραφές HTML χρησιμοποιούν απλές ετικέτες για συνδέσμους και εικόνες που μπορείς να αντιγράψεις από ένα πρότυπο. Δεν χρειάζονται προχωρημένες δεξιότητες. Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου: δες τον δημιουργό ιστοσελίδων.
Γιατί χάνονται οι εικόνες σε κάποιες υπογραφές email σε HTML;
Κάποια προγράμματα email μπλοκάρουν τις εικόνες από προεπιλογή, μέχρι να τις επιτρέψει ο αναγνώστης. Φιλοξένησε τις εικόνες στο δικό σου domain και κράτα μικρά τα αρχεία. Βάλε πάντα εναλλακτικό κείμενο με το όνομα της εταιρείας, ώστε να φαίνεται κείμενο όταν οι εικόνες μπλοκάρονται.
Μπορούν οι υπογραφές email σε HTML να καθυστερήσουν τα μηνύματά μου;
Οι μεγάλες εικόνες και η βαριά σήμανση προσθέτουν χρόνο φόρτωσης, ιδίως σε δίκτυα κινητής. Συμπίεσε τα αρχεία λογοτύπου και περιόρισε τις εικόνες με σύνδεσμο. Ένα ελαφρύ μπλοκ στέλνεται πιο γρήγορα και δείχνει πιο επαγγελματικό.
Πρέπει να επικολλήσω τον κώδικα HTML απευθείας στο πρόγραμμα email;
Τα περισσότερα προγράμματα business email έχουν επεξεργαστή υπογραφής που δέχεται επικολλημένο HTML ή οπτικό επεξεργαστή. Επικόλλησε τον κώδικα, αποθήκευσε και στείλε ένα δοκιμαστικό μήνυμα. Δες το κεφάλαιο τι είναι ένα πρόγραμμα email για να καταλάβεις πώς χειρίζεται τις υπογραφές το εργαλείο σου.
Είναι ασφαλείς οι υπογραφές email σε HTML για business χρήση;
Οι υπογραφές HTML είναι ασφαλείς όταν ελέγχεις εσύ τον κώδικα και φιλοξενείς μόνος σου τις εικόνες. Απόφυγε να επικολλάς υπογραφές από άγνωστες πηγές. Μείνε σε πρότυπα που φτιάχνει και ελέγχει εσωτερικά η ομάδα σου.
Πώς σχετίζονται οι υπογραφές HTML με τους κανόνες σχεδιασμού της επωνυμίας;
Εφάρμοσε το ίδιο λογότυπο, τα ίδια χρώματα και τις ίδιες γραμματοσειρές από τον οδηγό της επωνυμίας σου. Το κεφάλαιο καλές πρακτικές σχεδιασμού υπογραφής email καλύπτει οπτικούς κανόνες που ισχύουν και για HTML και για απλό κείμενο.