Mobile devices are now the primary source of web traffic, with smartphones being ubiquitous. As a dominant social platform, WeChat's Moments sharing feature has become a crucial channel for website promotion and content marketing.
When sharing articles to WeChat Moments, website operators often encounter a common issue: the shared link does not display a thumbnail image, as shown in the illustration below (the red-marked area should contain an image).
Why Doesn't WeChat Show Images When Sharing?
When WeChat crawls a webpage to generate a share card, it prioritizes specific Open Graph (OG) tags in the page's HTML. If these tags are missing or incorrectly configured, WeChat may fail to retrieve the image.
Core Solution: Configure Open Graph Tags
The most standard and reliable method is to ensure your webpage's <head> section contains the correct Open Graph meta tags. This is not only required by WeChat but is also essential for proper link display on platforms like Facebook and Twitter.
Add the following code within your webpage's <head> section:
<meta property="og:image" content="FULL_IMAGE_URL" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:title" content="ARTICLE_TITLE" />
<meta property="og:description" content="ARTICLE_DESCRIPTION" />
<meta property="og:url" content="ARTICLE_URL" />
<meta property="og:type" content="article" />The og:image tag is the most critical, specifying the image to display when shared. The image should be at least 300x300 pixels, with an ideal aspect ratio of 1.91:1 (e.g., 1200x630 pixels).
Additional Considerations and Troubleshooting
- Image Format and Size: Use JPG or PNG format. Keep file size under 500KB for faster WeChat crawling.
- Publicly Accessible Image URL: Ensure the
og:imageURL is a full HTTPS/HTTP address accessible to WeChat's crawler (no login walls or anti-hotlinking restrictions). - Avoid Hidden Images: Older methods like inserting a zero-sized hidden image after
<body>are no longer reliable. Use the standard OG tag approach. - Use WeChat's Debug Tool: If issues persist, use the official WeChat Sharing Debug Tool to test URL crawling and refresh cache.
Conclusion
To fix missing images in WeChat shares, correctly configure Open Graph meta tags, especially og:image. This standard approach ensures proper display not only on WeChat but also across other social platforms.