When updating a webpage, users often share the link on social media platforms like WhatsApp. However, sometimes the thumbnail or social image for the link may not get updated, leaving an old image or no image at all. This issue can be frustrating for users, as it may affect the click-through rate and the overall user experience. In this article, we will discuss the solution to the WhatsApp thumbnail not updated issue when page updates occur.
Understanding the Issue
WhatsApp uses the Open Graph (OG) protocol to fetch metadata, including the thumbnail image, from the webpage linked. When a webpage is updated, the OG metadata may not get updated immediately, causing WhatsApp to display the old image. This issue can be resolved by updating the OG metadata manually or by implementing some best practices.
Manually Updating OG Metadata
To manually update the OG metadata, you can use the Sharing Debugger tool provided by Facebook. This tool allows you to see how your webpage looks when shared on Facebook and other platforms, including WhatsApp. Here are the steps to use the tool:
- Go to Facebook Sharing Debugger
- Enter the URL of the webpage and click "Debug"
- If the webpage has been cached, click "Scrape Again" to update the metadata
- Check the OG metadata to ensure that the thumbnail image is updated
Implementing Best Practices
To prevent the WhatsApp thumbnail not updated issue in the future, you can implement some best practices:
- Use a consistent and clear title tag for each webpage
- Set the thumbnail image as the primary image in the OG metadata
- Use a valid and properly formatted OG metadata
- Set the cache control headers to prevent caching of the OG metadata
Code Example: OG Metadata
Here's an example of properly formatted OG metadata:
<meta property="og:title" content="Your Webpage Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.example.com/" />
<meta property="og:image" content="https://www.example.com/image.jpg" />
<meta property="og:description" content="Your Webpage Description" />
In conclusion, the WhatsApp thumbnail not updated issue can be resolved by manually updating the OG metadata using the Facebook Sharing Debugger tool or by implementing some best practices. Properly formatted OG metadata and consistent cache control headers can help prevent this issue in the future.
References