Meta Tag Generator

Troubleshooting Missing KakaoTalk Share Previews

It's a common problem: you've added all the meta tags, but pasting a link into KakaoTalk only shows plain text. The cause is almost always one of a few things, and this checklist will help you fix it in minutes.

1. Suspect the cache first. Kakao (a popular Korean messenger) caches OG information for a long time. You can clear the cache using Kakao's Share Debugger, or for a faster fix, rename your `og:image` file (e.g., to `og-v2.png`).
2. Check if `og:image` is an absolute URL starting with `https://`. Relative paths like `/og.png` cannot be resolved by the crawler, causing the image to be omitted entirely.
3. Paste the image URL directly into an incognito browser window and try to open it. If it requires a login, is only on an internal network, or is blocked by a firewall, the crawler won't be able to fetch it either.
4. Check if your server is blocking crawlers. Share crawlers often get blocked by `robots.txt` rules, User-Agent-based blocking, or overly aggressive bot protection rules.
5. Verify that you aren't injecting OG tags using JavaScript. Most share crawlers do not execute JS. If you have a Single-Page Application (SPA), you'll need server-side rendering or pre-rendering.
6. Check for redirects. The tags must be on the final destination page. If there are too many intermediate steps, the crawler might give up before it gets there.

Why the Length Gauge Measures "Width," Not Characters

Google truncates titles and descriptions based on pixel width, not character count. Since Korean characters take up about twice the width of English letters, applying English-based advice like "keep it under 60 characters" to Korean text will get it cut in half. That's why this tool approximates width by counting Korean/full-width characters as 2 and English letters/numbers as 1.

The gauge's recommended maximums are a width of 60 for the title and 160 for the description. In Korean, that's roughly 30 characters for a title and 80 for a description. However, this is just an approximation — actual pixel width varies by font and character, and Google frequently rewrites titles anyway.

• Put your core keywords at the beginning. The end is always what gets cut off.
• Appending your brand name like " | Site Name" is conventional, but it also means it will disappear if the title is truncated. If you're tight on width, it's better to omit the brand name.
• A "a bit short" warning is not a problem. A short, precise title is better than one that's artificially padded. The goal of this gauge is to prevent truncation.

You Must Verify the `og:image` Dimensions Yourself

When you enter a featured image URL, this tool also outputs an `og:image:width` of 1200 and an `og:image:height` of 630. This is because the recommended aspect ratio is 1.91:1 (1200×630), but the tool doesn't actually open your image to measure its dimensions.

Therefore, if your image is not 1200×630, these two lines will contain incorrect values. Incorrect dimensions can cause the card to look distorted on some platforms or trigger a layout shift on first load. Either correct the numbers to match your image's actual size or, if you're unsure, delete these two lines — the preview will still work without them.

What's the Difference Between `canonical` and `og:url`?

This tool takes a single Page URL and uses the same value for both `canonical` and `og:url`. This is usually correct, but the two tags have different roles. The `canonical` tag tells search engines, "Of these several duplicate URLs, this is the main one," preventing your index from being split. The `og:url` is the official URL that the share card should link to.

Traffic often arrives with UTM or sharing parameters appended to the URL. By setting a fixed canonical URL (without parameters), you can prevent the same article from being indexed separately for each URL variation. Conversely, specifying the wrong canonical can cause a healthy page to be dropped from the index, so don't just use the auto-generated value blindly—confirm that it's the correct representative URL.

It Doesn't End with Just These Tags

Meta tags only describe what your page is about; they don't make search engines discover it in the first place. If you're aiming for organic search traffic, you need to separately register your site with Google Search Console and Naver Search Advisor (for Korean search) and submit a sitemap. No matter how well you write your OG tags, an unregistered site won't show up in search results.

Google has ignored the `keywords` tag for a long time. Including it does no harm, but it doesn't contribute to your ranking, so don't waste time on it. In terms of priority, the quality of your title, description, and body content comes first. After that comes `canonical` tags and structured data. The `keywords` tag is effectively decoration.

• Paste the generated code inside the `<head>` tag, preferably near the top. The `charset` tag must be the very first element in the `<head>`.
• Each page must have a unique title, description, and `og:image`. Using the same tags across your entire site is worse than using none at all.
• Your inputs are saved only in this browser and are not sent to the server. That's why your last session is restored when you return.