Step 1: Enter URL or Content
In HeronTool's OG Tags tool, paste your webpage URL or manually input title, description, and image URL. The tool automatically fetches page info, but manual correction is recommended for accuracy.
Step 2: Customize and Generate Tags
Click the "Generate OG Tags" button, and the tool will output the complete tag code, including og:title, og:description, og:image, etc. You can copy the code directly, or preview the result first to adjust image dimensions and text length.
Step 3: Deploy to Your Website
Paste the generated code into the section of your webpage. If you use a CMS (like WordPress), add it via a plugin or theme editor. After saving, test sharing on social media (e.g., WeChat, Facebook) to confirm the card displays correctly.
FAQ
Q: Why is the image not showing when sharing?
A: Ensure the og:image URL is an absolute path, and the image is at least 600x315 pixels. Use the OG Tags tool to optimize automatically.
Q: How to update a cached share card?
A: Re-fetch the URL in a debugging tool (like Facebook Sharing Debugger), or append a parameter (e.g., ?v=2) to force refresh.
Q: What if I don't have an image?
A: You can use the tool's built-in placeholder or upload your own logo. OG tags support multiple images, with the first one displayed first.
