GmailとOutlookで崩れないメール署名を作る
リッチな署名は配送で崩れます。インラインスタイルの単一テーブルこそメールソフトが確実に保持するマークアップです。それとプレーンテキスト版を生成します。
このガイドで使う道具
やりたいこと
メールソフトは外部CSS・ほとんどのクラス・スクリプトを剥がします。確実に残るのは各セルにstyle属性を書いたテーブルだけです。これを生成し、テキストのみの署名も用意します。
フィールドからマークアップへ
氏名・役職・会社・電話・メール・サイトを入力し、アクセント色を選びます。HTML版は全フィールドをエスケープするので役職中の<で壊れず、メールはmailto:・サイトはhttps://でリンクされます。
具体例
Ada Lovelace・Engineer・Analytical Engines・+44 20 7946 0018・ada@example.com・example.com・アクセント#1a56dbで3行の署名ができます：アクセント色の氏名、役職 — 会社、電話・メールリンク・サイトリンク。そのままGmailの署名欄に貼れます。
対応範囲
各フィールド120文字まで、氏名は必須。ロゴや画像は意図的に埋め込みません — リンク画像は既定でブロックされます。SNSアイコンはなく、必要ならテキストリンクで追加してください。