Fashion Retail Discovery Index
The new rules of fashion discovery, decoded.
Access the full report ›
Our latest posts on digital marketing.
Access to guides, case studies, webinars & more.
Develop your knowledge at your own pace with Mapp learning tools!

Sign Up for Our Newsletter

Blog

Gemini-readiness guidelines for HTML emails

Learn how to make your HTML emails Gemini-ready with technical conventions, content best practices, and client responsibilities.

Gemini-readiness guidelines for HTML emails
Written by Jo Davis
Technical Consultant, Client Technical Services @Mapp

Technical and client responsibilities

With the launch of Gemini in Gmail, Gmail’s new AI-driven features for summarising and prioritising emails are now central to how emails are handled. While Mapp’s email frameworks are Gemini-ready, it is the content that determines how well an email is summarised and prioritised by Gemini. This document outlines the technical conventions for creating Gemini-ready emails and the client’s responsibilities in optimizing email content for Gemini.

In-house technical conventions for Gemini-ready emails

To ensure your email campaigns are optimized for Gemini, certain technical elements must be implemented during the email creation process. These features should always be included to ensure your emails are Gemini-ready:


Note
Although this guidance has been written with Gemini in Gmail in mind, the same principles are also relevant to other AI tools and inbox-based AI features. Gmail has simply brought this into sharper focus because of Gemini’s visibility and early positioning within the email client.
Being accessibility-ready or accessibility-friendly helps support AI interpretation more broadly, because clear structure, readable text, meaningful ALT text, descriptive links and logical content flow all make an email easier for both people and AI systems to understand.

1. Language tags

Use lang and xml_lang attributes in the <html> tag to help Gemini’s AI correctly interpret and summarise the content of your emails, ensuring it understands the language used.

Example:

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:v='urn:schemas-microsoft-com:vml' xmlns:o='urn:schemas-microsoft-com:office:office' lang='en' xml_lang='en'>

2. Presentation roles for tables

To ensure email content is correctly interpreted and structured by both screen readers and Gemini’s AI, it’s important to mark tables used for layout as purely structural.

Example:

<table class='mWidth' role='presentation' width='600' cellpadding='0' cellspacing='0' border='0' align='center' style='width: 600px;'>

Content blocks for Gemini-ready emails

The following guidelines help ensure that the content within emails is easy to process, summarise, and prioritise by Gemini.

1. ALT text for images

Gemini’s AI will use ALT text to understand the content of images. Always include descriptive ALT text for relevant images to help Gemini’s AI interpret the image’s purpose.

  • Ensure ALT text is meaningful and succinct for images that contain valuable information.
  • ALT text is especially important for actionable or transactional images (e.g., buttons or product images).

Example:

<img src='image.jpg' alt='Download your free guide' />

2. What is not required

For decorative images, such as those used for layout purposes (e.g., spacing, backgrounds), leave the ALT attribute empty (alt=''), so Gemini’s AI understands these images are not important to the content.

Example:

<img src='spacer.png' alt=''>

Client responsibilities for Gemini-optimized emails

While Mapp’s frameworks provide the foundation for Gemini-ready emails, the client is responsible for the content. To ensure emails are Gemini-compliant, clients must follow these guidelines:

1. Color contrast ratios

Gemini’s AI will assess the contrast between text and background to help summarise content. Adhering to WCAG guidelines for color contrast ensures the email is both visually accessible and AI-friendly.

  • Normal text: Ensure a contrast ratio of at least 4.5:1.
  • Large text: Ensure a contrast ratio of at least 3:1.
  • Use tools like the Siege Media Contrast Checker to test and optimize your color combinations.

2. Meaningful ALT text

For every relevant image, the client must write meaningful ALT text. This will help both screen readers and Gemini’s AI accurately interpret the images. Images used for actionable items (like buttons or product images) should always have descriptive ALT text.

3. Descriptive links and buttons

  • Use descriptive link text that tells the user and AI exactly what will happen when they click the link, e.g., ‘Download the report’ rather than ‘Click here’.
  • Button text should also be clear and action-oriented, e.g., ‘Claim Your Offer’ or ‘Get Your Free Guide’.

4. Ensuring color choices meet standards

Color choices must meet accessibility standards and ensure high visibility across devices. This also impacts how Gemini summarises and prioritises content based on clarity and legibility.

Best practices for client-created Gemini-ready emails

These are best practices that will ensure your emails are not only Gemini-friendly but also accessible and engaging for all users.

1. Simple and clean layouts

Avoid using complex layouts with excessive nested tables. Gemini’s AI needs to be able to identify and summarise sections easily, which is more challenging with complex HTML structures. A clear and concise layout makes it easier for Gemini’s AI to prioritise content.

  • Use logical flow with clearly separated sections.
  • Use semantic HTML to structure the email content (headings, paragraphs, lists).

2. Responsive design

Gemini’s AI will evaluate how your content adapts across devices. Being mobile-optimized not only ensures better engagement but also improves the likelihood of your email being summarised effectively by Gemini.

  • Use responsive design techniques to ensure the email works across different screen sizes.
  • Test your email on multiple devices to ensure content is prioritised effectively.

3. Test and optimize for Gemini

Once your email is created, run it through tests that focus on Gemini readiness:

  • Gmail Testing: Test your emails in Gmail to see how they appear with Gemini's features (summarisation, prioritisation).
  • Use the 'Inbox' view to see how Gemini may summarise and highlight content, ensuring that important information appears at the top.

Summary

Mapp’s Engage CMS is Gemini-ready from a framework and code perspective. The CMS already includes the key accessibility-supporting features expected in HTML email, such as language attributes, presentation roles for layout tables, support for ALT text, responsive structure, and content areas that can be populated with clear, readable text.

These same features are also what helps support Gemini in Gmail. Gemini does not currently have a formal compliance standard in the same way accessibility does, so Gemini-readiness is more about making email content clear, structured, readable, and easy to interpret. In practice, the foundations that make an email accessibility-ready are also the foundations that help make an email Gemini-ready.

However, Mapp cannot make a final client message Gemini-ready or accessibility-compliant through code alone. The final outcome depends on the content added by the client. This includes meaningful ALT text, clear copy, descriptive links and buttons, suitable color contrast, mobile-friendly content, and ensuring important information is not only placed inside images.

By using the CMS correctly and following Gemini-ready content guidance, clients can help ensure their emails are easier for Gemini to understand, summarise, and prioritise, while also creating clearer and more usable emails for recipients.