What is the Meta Tag & Open Graph (OG) Generator?
The Meta Tag & Open Graph generator is a free online tool that builds the title, description and thumbnail card shown when your page is shared on KakaoTalk, Facebook, X (Twitter), LinkedIn and more. Just fill in the title, description, URL and image, and meta, Open Graph and Twitter Card tags are generated in real time — while a live preview shows exactly how the share card and Google search result will look on each platform.
When a shared link shows no thumbnail or the wrong image and title, it's almost always because the og tags are missing or misconfigured. This tool automatically validates required tags such as og:title, og:type, og:url and og:image, and warns you when the title or description exceeds the recommended search-engine length. Copy the generated code, paste it into your ＜head＞, and broken link previews are fixed fast.
Key Features
Live Meta Tag Code Generation
Enter title, description, URL, image, site name, type, locale and more, and meta, og and twitter tags are generated instantly. Change any input and the code updates right away.
Kakao, Facebook, X, LinkedIn & Discord Previews
Including the KakaoTalk link thumbnail that Korean users rely on, switch tabs to see live share cards for five social platforms plus the Google search result (SERP).
Required Tag Check + Character Counter
Warns with color and icons when required tags like og:title, og:type, og:url and og:image are missing, and flags titles (60 chars) and descriptions (160 chars) that exceed recommended length in real time.
OG Image Spec Guidance + Optional Meta
Shows the recommended og:image spec (1200×630, 1.91:1) and lets you toggle basic SEO meta such as charset, viewport, robots, canonical and theme-color into the output.
How to Use
- Enter your title and description. Watch the character counter and aim for under 60 characters for the title and 160 for the description.
- Add the page URL and og:image address. You can enter an image URL or upload a file to preview it (you still host the real image yourself).
- Choose the content type, locale and Twitter card type, and toggle on basic SEO meta options like charset, viewport and canonical if needed.
- Switch between the KakaoTalk, Facebook, X and Google tabs to check the share cards, and use the required-tag check to confirm nothing is missing.
- Click Copy Code to copy the generated meta tags, paste them inside the <head> tag of your page's HTML, and deploy.
Use Cases
Optimize blog & news article sharing
Set og:title and og:image per article so an attractive thumbnail and title appear when shared on KakaoTalk or Facebook.
E-commerce product pages
Set og:type to product and add the product image, name and description to meta so the product card shows correctly when the link is shared.
Landing pages & campaign promotion
Before blasting a marketing link on social or messengers, check the card in preview and validate the copy and image that maximize click-through.
Fix missing share thumbnails
Use validation to find missing or broken og tags on an existing page, generate the correct tags, and restore broken link previews.
Frequently Asked Questions
What exactly are meta tags and OG tags?
Meta tags go in the HTML ＜head＞ and tell search engines and social networks about your page. Open Graph (og:) tags specifically control the title, description and thumbnail shown when a link is shared on Facebook, KakaoTalk and similar. Without them, shares may show no thumbnail or the wrong information.
Where do I paste the generated code?
Paste the copied code between the ＜head＞ ... ＜/head＞ tags of your HTML document. On CMS platforms like WordPress or Tistory, you can add it to the theme's head area or your SEO plugin settings.
My KakaoTalk preview won't update.
KakaoTalk caches the og info of a link once it has been shared. After editing your tags, refresh the cache for that URL using Kakao Developers' OG cache reset tool or the Kakao link debugger so the new thumbnail is picked up.
What's the recommended og:image size?
The most widely compatible recommended spec is 1200×630px (1.91:1 aspect ratio). Images that are too small show as tiny thumbnails, and wrong ratios may get cropped, so match the recommended spec. The image URL must be an absolute path (https://...).
Is the uploaded image used in the actual share?
No. Upload is for preview only. Social platforms fetch the image from the public URL in og:image, so you must upload the image to a server or image host and then enter that address in the og:image URL field.
What title and description length is ideal?
For search results, around 60 characters for the title and 160 for the description are recommended. Beyond that, the end may be truncated with '…'. This tool shows the character count as you type and warns you when you exceed the recommended length.
Privacy Notice
All values you enter and images you upload are processed entirely in your browser and are never sent to a server. For convenience, your inputs are automatically saved to your browser's localStorage and restored on your next visit, but this data also stays only on your device and is never shared externally. You can clear it any time with the Reset button.