title: Formatting e-mails for optimal notification appearance
body: <p>So we have some e-mails that users subscribe to and get sent. They are HTML e-mails and they look good in (most) e-mail clients. But one issue is if you are getting your e-mails on your phone, you get the popup notification and those look a bit crap. For example, there is a company logo on the top of the e-mail and it appears on iOS it will include the "company logo" alt text in the notification (at least in Gmail it does). </p>
  
  <p>Another issue is that close to the top of the email is a login link, which is important, because we want to encourage people to log in, but is wasted space when it appears on the popup notification on your phone. You can't actually click it from there anyway!</p>
  
  <p>Are there any tags, attributes or CSS that can control what will or won't appear in the notification on iOS and Android? For example, if you had something like:</p>
  
  <pre><code>&lt;div&gt;
      &lt;img src="http://somedomain.com/mycompanylogo.png" alt="My Company"/&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;a href="http://somedomain.com/login"&gt;Click here to login!&lt;/a&gt;
  &lt;/div&gt;
  &lt;div&gt;
     &lt;h2&gt;Important alert title&lt;/h2&gt;
  &lt;/div&gt;
  &lt;div&gt;
     &lt;!-- some important headline text that would be useful in the notification --&gt;
  &lt;/div&gt;
  &lt;div&gt;
     &lt;!-- some more detailed stuff which would be fine not appearing in the notification --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to at least hint that the image alt and the "Click here to login!" should be part of what appears in the popup notification when a user receives an e-mail from us? </p>