• Marketing Land
  • Sections
    • MarTech
    • CMO
    • Social
    • SEM
    • SEO
    • Mobile
    • Analytics
    • Display
    • Email
    • Retail
    • Video
    • Home
  • Follow Us
    • Follow
  • Marketing Land
  • CMO
  • Social
  • SEM
  • SEO
  • Mobile
  • Analytics
  • Display
  • Retail
  • MarTech
  • More
    • Follow
  • SUBSCRIBE

Marketing Land

Marketing Land
  • MarTech
  • CMO
  • Social
  • SEM
  • SEO
  • Mobile
  • Analytics
  • Display
  • Email
  • Retail
  • Video
  • Newsletters
  • Home
Email Marketing

Get the most important digital marketing news each day. Sign up for our NEW daily brief.

Note: By submitting this form, you agree to Third Door Media's terms. We respect your privacy.


How To Mark Up Email Messages For Gmail’s New Grid View

Google just transformed the inbox again with Gmail Grid View that turns the Promotions tab into a visual shopping mall of marketing emails. For marketers, the question is: how do I get it to work, and what will my emails look like if I don’t do anything at all? I did some testing and noticed some […]

Tom Sather on April 3, 2014 at 11:00 am
  • More

Google just transformed the inbox again with Gmail Grid View that turns the Promotions tab into a visual shopping mall of marketing emails. For marketers, the question is: how do I get it to work, and what will my emails look like if I don’t do anything at all? I did some testing and noticed some interesting things.

For grid view, Gmail is using “Actions in the Inbox,” which it announced in early 2013. Actions in the Inbox uses schema.org markup that takes information in an email, turns it into structured data, and then makes the structured data usable as an action.

For example, the actions can be things like the ability to RSVP to an invitation, add a movie to a queue, watch a movie or track a package. In the new inbox grid view, Gmail allows senders to use the schema.org markup to define the featured image and content of the email.

The displayed email in grid view has four components: the featured image, the logo, the sender name and the subject line. Gmail recommends the following for each component:

Featured Image: must be at least 580px x 480px

Logo: Must have a verified Google+ page

Sender Name: 20 characters or less

Subject Line: 75 characters or less

Google allows two ways for data to be marked up — microdata and JSON-LD –- and Google has stated it prefers microdata for web content.

I’ll use microdata then in the next few examples and lessons learned. For testing purposes, I used Google’s Apps Script Quickstart, and recommend everyone do the same.

1. Pay Attention To Those ALT Tags

If you decide not to use code in your emails to take advantage of this, your emails may end up looking like this:

   picture 1

Not pretty, but at least the reader still knows what the topic is, thanks to the image ALT text. If an email lacks a featured image, or Gmail is unable to find one, it will display the ALT text used in the first image.

ALT text was important before Gmail’s grid view, mainly because images were disabled by default, but now it is even more important since it can still convey the meaning of the email when an image isn’t present, and the email isn’t even opened.

2. Display The Featured Image Of Your Choosing

While it’s possible to forego declaring a featured image in favor of letting Gmail choose for you, you likely won’t want to give control to Google. After all, this is the most important way you now have to convince people to open your email.

The featured image is based on the Offer schema and declared by the name image and the URL of the image I want displayed.

<div itemscope itemtype=”http://schema.org/Offer”>
<link itemprop=”image” href=”http://www.returnpath.com/someimage.jpg“/>
</div>

If I wanted to make the first example have a featured image, I’d add the above code, and then the email would appear as this:

 picture 2

Much better, but there’s still one thing missing: the icon.

3. Display Your Company’s Logo

If you haven’t set up a Google+ page for your business, you need to do that first for this to work. Google will use the image in your Google+ profile.

It uses the following profiles (visit this page for descriptions of each profile and requirements):

about

about.image

publisher

publisher.name

publisher.url

publisher.url/googlePlus

Then, insert the following code (replacing the above profiles with your own):

<div itemscope itemtype=”http://schema.org/EmailMessage”>   

<div itemprop=”publisher” itemscope itemtype=”http://schema.org/Organization”>     

               <meta itemprop=”name” content=”Return Path”/>     

               <link itemprop=”url” href=”https://www.returnpath.com”/>     

               <link itemprop=”url/googlePlus” href=”https://plus.google.com/+ReturnPath”/>   

</div>   

<div itemprop=”about” itemscope itemtype=”http://schema.org/Offer”>     

               <link itemprop=”image” href=”http://www.returnpath.com/someimage.jpg”/>   

               </div> 

</div>

 

After doing that, you should now have an email in your inbox that looks like the following:

picture 3

Not all senders will need to do this, and you certainly don’t need to do it for every campaign – only those campaigns that are classified as promotions.

But, if your emails come out looking like the one in the first example, or you don’t want to leave the way your email is displayed in the hands of Google, you’ll want to go through the extra effort, or risk being ignored by your subscribers.


Opinions expressed in this article are those of the guest author and not necessarily Marketing Land. Staff authors are listed here.



About The Author

Tom Sather
Tom Sather is Return Path’s senior director of email research. Tom uses his knowledge of ISPs, spam filters and deliverability rules to advise marketers on how to get their email delivered to the inbox. He began his Return Path career as an email deliverability consultant working with top-brand clients like eBay, MySpace, IBM and Twitter.

Related Topics

Channel: Email MarketingEmail MarketingEmail Marketing ColumnHow To Guides: Email Marketing

Get the most important digital marketing news each day. Sign up for our NEW daily brief.

Note: By submitting this form, you agree to Third Door Media's terms. We respect your privacy.


We're listening.

Have something to say about this article? Share it with us on Facebook, Twitter or our LinkedIn Group.

ATTEND OUR CONFERENCES

April 15-17, 2020: San Jose

October 6-8, 2020: Boston

×

Attend MarTech - Click Here


Learn More About Our MarTech Events

November 18-19, 2019: SMX Paris

February 19-20, 2020: SMX West

March 18-19, 2020: SMX Munich

June 8-10, 2020: SMX Advanced

November 11-12, 2020: SMX East

May 21-22, 2019: SMX London

Sept 30 - Oct 1, 2019: SMX Advanced Europe

×


Learn More About Our SMX Events

White Papers

  • The Ultimate Agency Guide for Choosing the Right Marketing Automation Vendor.pdf
  • How Good Partnerships Should Reduce Your Workflow
  • Digital Insights 2019: How marketers confront the obstacles of digital customer engagement
  • 14 Industry Experts on the Future of Attribution
  • The Essential Guide to Protecting Your Ad Spend from Invalid Traffic
See More Whitepapers

Webinars

  • 2020 Outlook for AI in B2B Marketing
  • Build Brand Humanity by Mastering Empathy at Scale
  • The Fantastic 5: Emerging strategies to drive conversions & growth
See More Webinars

Research Reports

  • Enterprise Digital Asset Management Platforms
  • Identity Resolution Platforms
  • Customer Data Platforms
  • B2B Marketing Automation Platforms
  • Enterprise SEO Platforms
  • Call Analytics Platforms
See More Research
Sidebar Inbox Deliverability 2019
Sign up for our NEW daily brief.
Marketing Land
Download the Marketing Land app on iTunes Download the Marketing Land App on Google Play

Channels

  • MarTech
  • CMO
  • Social
  • SEM
  • SEO
  • Mobile
  • Analytics
  • Retail
  • Display

Our Events

  • MarTech West
  • MarTech East
  • SMX West
  • SMX London
  • SMX Advanced
  • SMX East

Resources

  • White Papers
  • Research
  • Webinars
  • MarTech Conference
  • Search Marketing Expo

About

  • About Us
  • Contact
  • Privacy
  • Advertise
  • Marketing Services
  • Staff
  • Connect With Us

Follow Us

  • Facebook
  • Twitter
  • LinkedIn
  • Newsletters
  • Instagram
  • RSS
  • Youtube
  • iOS App
  • Google Play

© 2019 Third Door Media, Inc. All rights reserved.