SEO
Meta Tags / Open Graph Generator
SEO, Open Graph(Facebook), Twitter Card용 HTML 메타 태그를 생성합니다 — 카드 미리보기 포함.
The meta tags in a page's <head> control how it appears in search results and in the preview card when it's shared on social media or messaging apps. This tool generates a full set of SEO, Open Graph, and Twitter Card tags along with a live preview of the card.
How to use it
- Fill in the page's title, description, URL, and image — the tags generate instantly, and a preview shows how the card will look on Facebook, X (Twitter), and similar services.
- Copy the finished HTML block and paste it into the page's <head>.
- Check the title and description length — values that are too long get truncated by the search engine or social platform.
Common uses
- Setting up Open Graph for a page so the link looks polished when shared on Telegram, Slack, or social media.
- Writing a title and meta description targeting a specific search query for a new page.
- Quickly sanity-checking a page's existing meta tags through the card preview before publishing.
Things to keep in mind
Open Graph and Twitter Card are separate standards; most platforms except X read og: tags directly, so duplicating the main fields under twitter: isn't always required, but it improves compatibility.
The og:image must be reachable at an absolute URL, not a relative path — otherwise the social platform's crawler won't be able to fetch it.
자주 묻는 질문
Open Graph와 Twitter Card 태그가 같은 일을 한다면 왜 따로 필요한가요?
Open Graph 태그(og:title, og:image 등)는 Facebook, LinkedIn 및 대부분의 다른 플랫폼에서 읽히지만, Twitter는 자체 태그 세트(twitter:card, twitter:title)를 가지고 있습니다 — 자체 태그가 없으면 Twitter는 Open Graph 태그로 대체하지만, 둘 다 추가하면 일관된 미리보기가 보장됩니다.
제 og:image는 실제로 어떤 크기여야 하나요?
1200x630 픽셀이 널리 권장되는 크기입니다 — 대부분의 플랫폼에서 어색하게 잘리지 않고 큰 미리보기 카드로 올바르게 표시되며, 일반적인 파일 크기 제한 이내로 유지됩니다.
이 태그를 생성하면 제 콘텐츠가 서버로 전송되나요?
아니요. 태그는 입력한 내용에서 브라우저 내에서 직접 생성됩니다 — 아무것도 어디에도 업로드되지 않습니다.
canonical URL 태그는 무엇을 하나요?
중복된 URL 중 어느 것이 색인되고 순위가 매겨져야 할 "공식" 버전인지 검색 엔진에 알려주며, www와 non-www, 또는 추적 매개변수가 붙은 URL처럼 변형들 사이에 흩어진 순위 신호를 하나의 URL로 통합합니다.
meta robots noindex와 robots.txt의 Disallow는 어떻게 다른가요?
noindex는 이미 크롤링된 페이지를 색인하지 말라고 검색 엔진에 요청하는 반면, robots.txt의 Disallow는 크롤링 자체를 완전히 막습니다 — 페이지가 Disallow로 막혀 있으면 봇은 그 페이지의 noindex 태그를 절대 볼 수 없으므로, 두 지시어를 같은 페이지에 함께 사용해서는 안 됩니다.