SEO, Open Graph, Twitter Cards를 위한 완전한 프로덕션 준비 메타 태그를 생성합니다. 소셜 미디어 모습을 실시간으로 미리 볼 수 있습니다.
<!-- Basic SEO --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="content-language" content="en-US">
Generate optimized title, description, keywords, canonical, and robots directives with real-time character count validation.
Facebook, LinkedIn, and WhatsApp share previews. Supports website, article, product, and profile types.
Summary, summary_large_image, app, and player card types. Cascades from OG tags automatically.
See exactly how your page appears in Google search results and on social media before publishing.
Copy all generated HTML to clipboard with a single click. Ready to paste directly into your <head>.
All processing is done in your browser. No data is sent to any server.
메타 태그는 '<'head> 섹션의 HTML 요소로, 검색 엔진과 소셜 플랫폼에 페이지에 대한 메타데이터를 제공합니다. 검색 결과와 소셜 미디어에서 공유될 때 페이지가 어떻게 표시되는지 제어합니다.
Google은 제목에 최대 ~60자(600px 너비)와 설명에 150-160자를 표시합니다. 자연스럽고 유익한 콘텐츠를 목표로 하세요 — 검색 엔진과 사용자 모두 읽습니다.
Open Graph (OG) 태그는 Facebook, LinkedIn, WhatsApp 등의 플랫폼에서 공유될 때 페이지가 어떻게 표시되는지 제어합니다. 소셜 광고를 실행하지 않더라도 OG 태그는 어디서나 링크 미리보기를 개선합니다.
Twitter는 OG 표준보다 먼저 생겼기 때문에 자체 메타 태그 시스템(Twitter Cards)을 갖고 있습니다. Twitter Cards는 Summary(소형 이미지), Summary Large Image(큰 헤더), App(모바일 앱), Player(동영상/오디오) 등이 있습니다. Twitter 외 대부분의 플랫폼은 OG 태그를 사용합니다.