Do Open Graph Tags Work in Email? Link Previews in Gmail, Outlook, and Apple Mail

The Short Answer: No, OG Tags Don't Work in Email

Open Graph meta tags are read by social media crawlers (Facebook, Twitter, LinkedIn, Discord) — not by email clients. Email clients render HTML email content directly; they don't fetch and parse external URLs for metadata.

If you paste a URL into an email body in Gmail or Outlook, no automatic rich preview card appears. The URL is just text or a hyperlink.

What Actually Happens in Each Email Client

Gmail

Gmail does not generate link preview cards for URLs pasted into emails. If you include an image in your HTML email template, that image shows — but it's from the email HTML, not fetched from OG tags.

Exception: Some Gmail-to-Gmail messages on Android may show a subtle link card powered by Google Search's knowledge of the URL — but this is not based on OG tags. It uses Google's indexed knowledge of the page.

Outlook

Outlook desktop and web do not render link preview cards from OG tags. Outlook is notorious for its limited HTML/CSS support, and it certainly doesn't fetch external URLs for metadata.

Apple Mail

Apple Mail on iOS and macOS shows a "rich link" preview when you include a URL. This preview is generated by Apple's LinkPresentation framework, which fetches the page and reads:

• The page title (<title> tag)
• The page icon/favicon
• Optionally, Open Graph tags if present

Apple Mail is the one email client where OG tags can matter — if the recipient is viewing on Apple Mail, they may see a rich preview driven by your OG data.

iMessage (not email, but related)

iMessage does read OG tags to generate link previews. When you share a URL in iMessage, Apple's servers fetch the URL and display a card using og:title, og:image, and og:description. See our iMessage link preview guide.

How to Add Link Previews TO Your Emails

Since email clients don't auto-generate previews from URLs, you have to build them manually in your HTML email template:

<!-- Manual link preview block in HTML email -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td style="border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px;">
      <a href="https://yoursite.com/article" style="text-decoration: none; color: inherit;">
        <img 
          src="https://yoursite.com/og-image.png"
          alt="Article preview image"
          width="560"
          style="width: 100%; max-width: 560px; height: auto; border-radius: 4px;"
        />
        <p style="margin: 12px 0 4px; font-weight: bold; color: #1a202c;">
          Your Article Title
        </p>
        <p style="margin: 0; color: #718096; font-size: 14px;">
          Brief description of your content — what readers will learn or get.
        </p>
        <p style="margin: 8px 0 0; color: #a0aec0; font-size: 12px;">
          yoursite.com
        </p>
      </a>
    </td>
  </tr>
</table>

This is the standard pattern used by email newsletters: hand-craft the preview card using your OG image URL and the same title/description text. You're essentially manually recreating what social platforms generate automatically.

The OG Image URL in Email Marketing

Even though OG tags themselves aren't read by email clients, your og:image URL is still the right image to use in email preview cards. Using the same image maintains brand consistency:

• Your OG image is already sized correctly (1200×630 = good email preview size)
• It's served over HTTPS
• It's publicly accessible
• Using it in email means one canonical preview image per page, everywhere

Summary: Where OG Tags Work vs Don't