ການຕະຫຼາດອີເມລ໌ & ອັດຕະໂນມັດInfographics ການຕະຫຼາດ

Email ຕົວອັກສອນທີ່ປອດໄພແລະ HTML ຕົວອັກສອນ Email ການປະຕິບັດທີ່ດີທີ່ສຸດ

ທ່ານໄດ້ຍິນຄໍາຮ້ອງທຸກຂອງຂ້ອຍກ່ຽວກັບການຂາດຄວາມກ້າວຫນ້າໃນການສະຫນັບສະຫນູນທາງອີເມລ໌ໃນຫລາຍປີທີ່ຜ່ານມາ, ດັ່ງນັ້ນຂ້ອຍຈະບໍ່ໃຊ້ເວລາ (ຫຼາຍເກີນໄປ) ທີ່ໃຊ້ເວລາ whining ກ່ຽວກັບມັນ. ຂ້າ​ພະ​ເຈົ້າ​ພຽງ​ແຕ່​ປາດ​ຖະ​ຫນາ​ວ່າ​ຫນຶ່ງ​ລູກ​ຄ້າ​ອີ​ເມລ​໌​ຂະ​ຫນາດ​ໃຫຍ່ (app ຫຼື​ຕົວ​ທ່ອງ​ເວັບ​)​, ຈະ​ແຕກ​ອອກ​ຈາກ​ຊອງ​ແລະ​ພະ​ຍາ​ຍາມ​ທີ່​ຈະ​ສະ​ຫນັບ​ສະ​ຫນູນ​ຢ່າງ​ເຕັມ​ທີ່​ສະ​ບັບ​ຫລ້າ​ສຸດ​ຂອງ​. HTML ແລະ CSS. ຂ້າພະເຈົ້າບໍ່ມີຄວາມສົງໃສວ່າຫລາຍສິບລ້ານໂດລາຖືກໃຊ້ໂດຍບໍລິສັດເພື່ອປັບອີເມວຂອງພວກເຂົາ.

ນັ້ນແມ່ນເຫດຜົນທີ່ວ່າມັນເປັນສິ່ງທີ່ດີທີ່ຈະມີບໍລິສັດເຊັ່ນ Uplers ຜູ້ທີ່ຢູ່ເທິງສຸດຂອງທຸກໆດ້ານຂອງການອອກແບບອີເມວ. ໃນ infographic ຫຼ້າສຸດນີ້, ທີມງານຈະນໍາທ່ານຜ່ານຕົວພິມແລະວິທີການທີ່ແຕກຕ່າງກັນ fonts ແລະຄຸນລັກສະນະຂອງພວກມັນສາມາດຖືກນໍາໄປໃຊ້ເພື່ອປັບແຕ່ງອີເມວຂອງທ່ານ.

ການນໍາໃຊ້ຕົວອັກສອນທີ່ກໍາຫນົດເອງໃນອີເມວ

ການນໍາໃຊ້ຕົວອັກສອນພາຍນອກສາມາດເປັນສິ່ງທ້າທາຍຫຼາຍກ່ວາໃນການອອກແບບເວັບໄຊຕ໌ມາດຕະຖານເນື່ອງຈາກການສະຫນັບສະຫນູນທີ່ແຕກຕ່າງກັນໃນທົ່ວລູກຄ້າອີເມວ. ຢ່າງໃດກໍ່ຕາມ, ມັນຍັງເປັນໄປໄດ້ທີ່ຈະລວມເອົາຕົວອັກສອນພາຍນອກເຂົ້າໄປໃນອີເມວຂອງທ່ານສໍາລັບລູກຄ້າທີ່ສະຫນັບສະຫນູນພວກເຂົາ, ໃນຂະນະທີ່ສະຫນອງຕົວອັກສອນທີ່ຫຼຸດລົງສໍາລັບຜູ້ທີ່ບໍ່ມີ.

60% ຂອງລູກຄ້າອີເມລ໌ໃນປັດຈຸບັນສະຫນັບສະຫນູນຟອນແບບກໍານົດເອງທີ່ໃຊ້ໃນການອອກແບບອີເມວຂອງທ່ານລວມທັງ AOL Mail, Native Android Mail App (ບໍ່ແມ່ນ Gmail), Apple Mail, iOS Mail, Outlook 200, Outlook.com, ແລະອີເມລ໌ Safari.

ເນີນສູງ

A ການຖອຍຫລັງ font ເປັນຟອນສໍາຮອງທີ່ລູກຄ້າອີເມວສາມາດສະແດງໄດ້ໃນກໍລະນີທີ່ມັນບໍ່ສາມາດສະແດງຕົວອັກສອນຕົ້ນຕໍ (ພາຍນອກ). ນີ້ຮັບປະກັນວ່າອີເມວຂອງທ່ານຍັງສາມາດອ່ານໄດ້ແລະຮັກສາຮູບລັກສະນະທີ່ຕັ້ງໄວ້ຂອງຕົນຢ່າງໃກ້ຊິດເທົ່າທີ່ເປັນໄປໄດ້ໃນທົ່ວສະພາບແວດລ້ອມການເບິ່ງທີ່ແຕກຕ່າງກັນ.

  1. ເລືອກຕົວອັກສອນພາຍນອກຂອງເຈົ້າ: ເລືອກຟອນພາຍນອກທີ່ທ່ານຕ້ອງການໃຊ້. ນີ້ອາດຈະມາຈາກການບໍລິການເຊັ່ນ Google Fonts ຫຼື font ທີ່ໂຮດຢູ່ໃນເຄື່ອງແມ່ຂ່າຍເວັບຂອງທ່ານ.
  2. ລວມເອົາຕົວອັກສອນໃນ HTML ອີເມວຂອງທ່ານ: ສໍາລັບລູກຄ້າອີເມລ໌ທີ່ສະຫນັບສະຫນູນມັນ, ທ່ານຈະເຊື່ອມຕໍ່ກັບຕົວອັກສອນພາຍນອກຢູ່ໃນ <head> ຂອງອີເມວ HTML ຂອງທ່ານ. ຢ່າງໃດກໍຕາມ, ລູກຄ້າອີເມວຈໍານວນຫຼາຍບໍ່ອະນຸຍາດໃຫ້ເຊື່ອມຕໍ່ກັບຊັບພະຍາກອນພາຍນອກສໍາລັບເຫດຜົນດ້ານຄວາມປອດໄພ. ແທນທີ່ຈະ, ທ່ານອາດຈະລວມເອົາຕົວອັກສອນເປັນຕົວເຊື່ອມຕໍ່ເພື່ອຫວັງວ່າລູກຄ້າ webmail ທີ່ອະນຸຍາດໃຫ້ເຊື່ອມຕໍ່ພາຍນອກຈະສະແດງມັນ.
  3. ລະບຸຕົວອັກສອນ Fallback: ເລືອກຟອນທີ່ປອດໄພໃນເວັບທີ່ມີລັກສະນະຄ້າຍຄືກັນກັບຟອນພາຍນອກຂອງເຈົ້າ. ເຫຼົ່ານີ້ຄວນຈະເປັນຄອບຄົວຕົວອັກສອນທົ່ວໄປທີ່ຕິດຕັ້ງໄວ້ລ່ວງໜ້າໃນທົ່ວອຸປະກອນ ແລະ ລະບົບປະຕິບັດການສ່ວນໃຫຍ່.
  4. ໃຊ້ Inline CSS ສໍາລັບຄໍານິຍາມຮູບແບບ: ເນື່ອງຈາກການສະຫນັບສະຫນູນ CSS ຈໍາກັດໃນລູກຄ້າອີເມວຈໍານວນຫຼາຍ, ມັນເປັນການປະຕິບັດທີ່ດີທີ່ສຸດທີ່ຈະໃຊ້ 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>

ການພິຈາລະນາທີ່ ສຳ ຄັນ:

  • ສະຫນັບສະຫນູນລູກຄ້າອີເມວ: ລູກຄ້າອີເມລ໌ຈໍານວນຫຼາຍ, ໂດຍສະເພາະແມ່ນ desktop ເຊັ່ນ Microsoft Outlook, ບໍ່ສະຫນັບສະຫນູນຕົວອັກສອນພາຍນອກ. ລູກຄ້າທີ່ອີງໃສ່ເວັບເຊັ່ນ Gmail ໄດ້ຮັບການສະຫນັບສະຫນູນທີ່ດີກວ່າ, ແຕ່ຂໍ້ຈໍາກັດຍັງມີຢູ່.
  • Fallback Fonts: ເຫຼົ່ານີ້ແມ່ນສໍາຄັນສໍາລັບການຮັບປະກັນວ່າອີເມລ໌ຂອງທ່ານຍັງຄົງເປັນປະໂຫຍດແລະຄວາມງາມໃນລູກຄ້າທັງຫມົດ. ລໍາດັບໃນ font-family ຮູບແບບແມ່ນມາຈາກຕົວອັກສອນທີ່ຕ້ອງການຫຼາຍທີ່ສຸດໄປຫານ້ອຍທີ່ສຸດ, ສິ້ນສຸດດ້ວຍຄອບຄົວທົ່ວໄປ (sans-serif or serif).
  • ການທົດສອບ: ສະເຫມີທົດສອບອີເມວ HTML ຂອງທ່ານໃນທົ່ວລູກຄ້າອີເມວຕ່າງໆເພື່ອເບິ່ງວ່າພວກເຂົາສະແດງແນວໃດ. ເຄື່ອງມືເຊັ່ນ: Litmus ຫຼື Email on Acid ສາມາດຊ່ວຍໃນເລື່ອງນີ້ໄດ້.

ສໍາລັບການຂາຍແລະການຕະຫຼາດອີເມວ, ການອຸທອນທາງສາຍຕາສາມາດສົ່ງຜົນກະທົບຕໍ່ປະສິດທິຜົນຂອງຂໍ້ຄວາມຢ່າງຫຼວງຫຼາຍ. ໃນຂະນະທີ່ການນໍາໃຊ້ຕົວອັກສອນພາຍນອກທີ່ເປັນເອກະລັກສາມາດຊ່ວຍໃຫ້ອີເມລ໌ຂອງທ່ານໂດດເດັ່ນ, ມັນເປັນສິ່ງຈໍາເປັນເພື່ອຮັບປະກັນວ່າຕົວອັກສອນຫຍໍ້ຂອງທ່ານຮັກສາຄຸນນະພາບທີ່ເປັນມືອາຊີບແລະສາມາດອ່ານໄດ້ທີ່ຈໍາເປັນເພື່ອໃຫ້ຂໍ້ຄວາມຂອງທ່ານໄດ້ຮັບຢ່າງມີປະສິດທິພາບ.

ມີ 4 ປະເພດຕົວອັກສອນທີ່ໃຊ້ໃນອີເມວ

  • Serif - ຕົວອັກສອນ Serif ມີຕົວອັກສອນທີ່ມີຄວາມຈະເລີນຮຸ່ງເຮືອງ, ຈຸດ, ແລະຮູບຮ່າງຢູ່ປາຍຂອງເສັ້ນເລືອດຕັນ. ພວກມັນມີລັກສະນະທີ່ເປັນທາງການ, ຕົວອັກສອນທີ່ມີຊ່ອງຫວ່າງດີ ແລະໄລຍະຫ່າງແຖວ, ປັບປຸງການອ່ານໄດ້ຢ່າງຫຼວງຫຼາຍ. ຕົວອັກສອນທີ່ນິຍົມທີ່ສຸດໃນປະເພດນີ້ແມ່ນ Times, Georgia, ແລະ MS Serif.
  • Sans Serif - ຕົວອັກສອນ Sans serif ແມ່ນຄ້າຍຄືປະເພດກະບົດທີ່ຢາກສ້າງຄວາມປະທັບໃຈຂອງຕົນເອງແລະບໍ່ມີເຄື່ອງປະດັບທີ່ແປກປະຫຼາດຕິດຢູ່. ພວກເຂົາມີລັກສະນະເຄິ່ງທາງການ, ເຊິ່ງສົ່ງເສີມການປະຕິບັດຫຼາຍກວ່າລັກສະນະ. ຕົວອັກສອນທີ່ນິຍົມທີ່ສຸດໃນປະເພດນີ້ແມ່ນ Arial, Tahoma, Trebuchet MS, Open Sans, Roboto, ແລະ Verdana.
  • Monogram - ໄດ້ຮັບການດົນໃຈຈາກຕົວອັກສອນພິມດີດ, ຕົວອັກສອນເຫຼົ່ານີ້ມີຕັນຫຼື 'ຝາອັດປາກຂຸມ' ໃນຕອນທ້າຍຂອງຕົວອັກສອນ. ເຖິງແມ່ນວ່າບໍ່ຄ່ອຍຈະຖືກນໍາໃຊ້ໃນອີເມວ HTML, ອີເມວຂໍ້ຄວາມທໍາມະດາ 'backback' ສ່ວນໃຫຍ່ໃນອີເມວ MultiMIME ໃຊ້ຕົວອັກສອນເຫຼົ່ານີ້. ການອ່ານອີເມວໂດຍໃຊ້ຕົວອັກສອນເຫຼົ່ານີ້ໃຫ້ຄວາມຮູ້ສຶກບໍລິຫານທີ່ກ່ຽວຂ້ອງກັບເອກະສານຂອງລັດຖະບານ. Courier ແມ່ນຕົວອັກສອນທີ່ໃຊ້ທົ່ວໄປທີ່ສຸດໃນປະເພດນີ້.
  • ອັກສອນສາດ - ການ​ຮຽນ​ແບບ​ຕົວ​ອັກ​ສອນ​ທີ່​ຂຽນ​ດ້ວຍ​ມື​ໃນ​ອະ​ດີດ​, ສິ່ງ​ທີ່​ກໍາ​ນົດ​ຕົວ​ອັກ​ສອນ​ເຫຼົ່າ​ນີ້​ແຕກ​ຕ່າງ​ກັນ​ແມ່ນ​ການ​ເຄື່ອນ​ໄຫວ​ທີ່​ມີ​ລັກ​ສະ​ນະ​ຂອງ​ແຕ່​ລະ​ປະ​ຕິ​ບັດ​ຕາມ​. ຕົວອັກສອນເຫຼົ່ານີ້ມີຄວາມມ່ວນຫຼາຍທີ່ຈະອ່ານໃນສື່ທີ່ເຫັນໄດ້ຊັດເຈນ, ແຕ່ການອ່ານພວກມັນຢູ່ໃນຫນ້າຈໍດິຈິຕອນສາມາດເປັນເລື່ອງທີ່ສັບສົນຫຼາຍແລະຕາຫຼາຍ. ດັ່ງນັ້ນ, ຕົວອັກສອນດັ່ງກ່າວສ່ວນຫຼາຍແມ່ນໃຊ້ໃນຫົວຂໍ້ຫຼືໂລໂກ້ເປັນຮູບພາບຄົງທີ່.

ຕົວອັກສອນທີ່ປອດໄພໃນອີເມວປະກອບມີ 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;

Times

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

trebuchet

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

Verdana

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

ເພື່ອເບິ່ງລາຍລະອຽດເພີ່ມເຕີມ, ໃຫ້ແນ່ໃຈວ່າອ່ານ Omnisend ຂອງ ບົດຄວາມ: 

ສົ່ງອີເມວແບບປອດໄພທຽບກັບຕົວອັກສອນທີ່ ກຳ ຫນົດເອງ: ສິ່ງທີ່ທ່ານ ຈຳ ເປັນຕ້ອງຮູ້ກ່ຽວກັບພວກມັນ

Typography ໃນ Email Infographic
ທີ່​ມາ​: ເນີນສູງ

ໃຫ້ແນ່ໃຈວ່າຄລິກຜ່ານຖ້າທ່ານຕ້ອງການພົວພັນກັບ infographic.

Douglas Karr

Douglas Karr ແມ່ນ CMO ຂອງ OpenINSIGHTS ແລະຜູ້ກໍ່ຕັ້ງຂອງ Martech Zone. Douglas ໄດ້ຊ່ວຍເຫຼືອຜູ້ເລີ່ມຕົ້ນ MarTech ຫຼາຍໆຄົນທີ່ປະສົບຜົນສໍາເລັດ, ໄດ້ຊ່ວຍເຫຼືອໃນຄວາມພາກພຽນອັນເນື່ອງມາຈາກຫຼາຍກວ່າ $ 5 ຕື້ໃນການຊື້ແລະການລົງທຶນ Martech, ແລະສືບຕໍ່ຊ່ວຍເຫຼືອບໍລິສັດໃນການປະຕິບັດແລະອັດຕະໂນມັດຍຸດທະສາດການຂາຍແລະການຕະຫຼາດຂອງພວກເຂົາ. Douglas ແມ່ນການຫັນເປັນດິຈິຕອນທີ່ໄດ້ຮັບການຍອມຮັບໃນລະດັບສາກົນແລະຜູ້ຊ່ຽວຊານ MarTech ແລະລໍາໂພງ. Douglas ຍັງເປັນຜູ້ຂຽນທີ່ພິມເຜີຍແຜ່ຂອງຄູ່ມືຂອງ Dummie ແລະຫນັງສືຜູ້ນໍາທາງທຸລະກິດ.

ບົດຄວາມທີ່ກ່ຽວຂ້ອງ

ກັບໄປດ້ານເທິງສຸດ
ປິດ

ກວດພົບ Adblock

Martech Zone ສາມາດສະໜອງເນື້ອຫານີ້ໃຫ້ກັບເຈົ້າໄດ້ໂດຍບໍ່ເສຍຄ່າໃຊ້ຈ່າຍໃດໆ ເພາະວ່າພວກເຮົາສ້າງລາຍໄດ້ຈາກເວັບໄຊຂອງພວກເຮົາຜ່ານລາຍໄດ້ໂຄສະນາ, ລິ້ງເຊື່ອມໂຍງ ແລະສະປອນເຊີ. ພວກ​ເຮົາ​ຈະ​ຮູ້​ສຶກ​ດີ​ຖ້າ​ຫາກ​ວ່າ​ທ່ານ​ຈະ​ເອົາ​ຕົວ​ບລັອກ​ການ​ໂຄ​ສະ​ນາ​ຂອງ​ທ່ານ​ທີ່​ທ່ານ​ເບິ່ງ​ເວັບ​ໄຊ​ຂອງ​ພວກ​ເຮົາ.