How to Generate HTML Meta Tags for SEO and Social Sharing
Step-by-step guide to creating title, description, Open Graph, and Twitter Card meta tags using the DevHexLab Meta Tag Generator.
Tool Used
Meta Tag Generator
Open the Meta Tag Generator
Navigate to /tools/developer/meta-tag-generator.
Fill in the Basic tab
Enter your page title, description, keywords, author name, robots setting, and canonical URL. These populate the core HTML meta tags.
Set Open Graph fields
Switch to the Open Graph tab and add an OG image URL and type. Open Graph tags control how your page looks when shared on Facebook, LinkedIn, and most other platforms. Leave fields blank to inherit from the Basic tab.
Configure Twitter Card fields
Switch to the Twitter tab. Select a card type (summary_large_image is recommended), add your Twitter handle, and optionally override the title, description, and image.
Copy the generated tags
Click Copy all to copy every generated meta tag at once, then paste them inside the head section of your HTML page.
All done!
You are ready to use Meta Tag Generator like a pro.