Back to Blog
WhatsApp

How to Optimize WhatsApp Link Previews for Maximum Engagement

Shreyansh Gohil
January 29, 2025
6 min read

How to Optimize WhatsApp Link Previews for Maximum Engagement


WhatsApp is one of the most popular messaging platforms with over 2 billion users. When someone shares your link on WhatsApp, you want it to look professional and compelling. Here's how to optimize your WhatsApp link previews.


How WhatsApp Link Previews Work


WhatsApp uses Open Graph meta tags to generate link previews. When a user shares a link, WhatsApp fetches the page and looks for:

  • og:title
  • og:description
  • og:image
  • og:url

Essential Meta Tags for WhatsApp


1. Open Graph Title

The title that appears at the top of the preview.


<meta property="og:title" content="Your Compelling Title" />

Best Practices:

  • Keep it under 65 characters
  • Make it clear and descriptive
  • Include your brand if relevant

2. Open Graph Description

The description text below the title.


<meta property="og:description" content="A brief, compelling description that encourages clicks." />

Best Practices:

  • Keep it between 120-200 characters
  • Write it to encourage action
  • Be specific and valuable

3. Open Graph Image

The image that appears in the preview.


<meta property="og:image" content="https://yoursite.com/image.jpg" />

Image Requirements:

  • Minimum: 300x200 pixels
  • Recommended: 1200x630 pixels (1.91:1 ratio)
  • Maximum file size: 1MB
  • Formats: JPG or PNG

4. Open Graph URL

The canonical URL of your page.


<meta property="og:url" content="https://yoursite.com/page" />

WhatsApp Preview Formats


WhatsApp displays link previews in two formats:


Vertical Preview (Mobile)

  • Image on top (full width)
  • Title below image
  • Description below title
  • Domain name at bottom

Horizontal Preview (Desktop)

  • Thumbnail image on left (90px wide)
  • Title and description on right
  • Domain name at bottom

Complete Example


Here's a complete example optimized for WhatsApp:


<!-- Open Graph / WhatsApp -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:title" content="Your Compelling Title Here" />
<meta property="og:description" content="A brief description that makes people want to click and learn more about your content." />
<meta property="og:image" content="https://yoursite.com/whatsapp-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Your Site Name" />

Best Practices for WhatsApp Previews


1. Image Optimization

  • Use high-quality images
  • Ensure text in images is readable
  • Use bright, eye-catching visuals
  • Test how images look at different sizes

2. Title Optimization

  • Keep it concise (under 65 characters)
  • Make it action-oriented
  • Include numbers or statistics if relevant
  • Use power words that grab attention

3. Description Optimization

  • Write compelling copy (120-200 characters)
  • Include a call-to-action
  • Highlight key benefits
  • Be specific and valuable

4. URL Optimization

  • Use clean, readable URLs
  • Include keywords when possible
  • Keep URLs short
  • Use HTTPS

Common Issues and Solutions


Issue: Image Not Showing

Solution:

  • Use absolute URLs (not relative)
  • Ensure image is publicly accessible
  • Check image file size (under 1MB)
  • Verify image format (JPG or PNG)

Issue: Title or Description Missing

Solution:

  • Ensure og:title and og:description tags are present
  • Check for typos in meta tag names
  • Verify tags are in the section
  • Test with our preview tool

Issue: Preview Looks Wrong

Solution:

  • Clear WhatsApp cache
  • Wait a few minutes for cache to update
  • Use Facebook Sharing Debugger to refresh cache
  • Test with our Meta Tag Preview tool

Testing Your WhatsApp Previews


1. Use Our Preview Tool - See exactly how your link will appear

2. Test on Mobile - WhatsApp is primarily mobile

3. Test on Desktop - Check horizontal preview format

4. Share with Friends - Get real-world feedback


WhatsApp-Specific Tips


1. Mobile-First Design - Most users are on mobile

2. Fast Loading - Ensure images load quickly

3. Clear Branding - Include your logo in images

4. Trust Signals - Use HTTPS and professional design

5. Call-to-Action - Encourage clicks in description


Conclusion


Optimizing your WhatsApp link previews can significantly increase click-through rates. By following these best practices, you ensure your links look professional and compelling when shared on WhatsApp.


Use our Meta Tag Preview tool to test how your links appear on WhatsApp before sharing!