Generate SEO meta tags and social media sharing tags
Generate SEO meta tags and social media sharing tags
0/60
Choose a preset or enter a custom value from 50-300. The selection is saved in a cookie.
Page description will appear here...
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:locale" content="ko_KR">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">A tool that easily generates SEO meta tags, Open Graph (OG) tags, and Twitter Card tags for web pages through simple form input. Preview your content in real-time across Google Search results, Facebook, LinkedIn, Discord, and more. Auto-generate HTML and Next.js/Nuxt.js code ready to use in your project.
Enter Basic Information
Enter basic SEO information such as the page title, description, URL, and keywords. Recommended character counts are shown.
Configure Open Graph & Twitter
Enter social-sharing settings such as the OG image URL, content type, and Twitter Card format.
Review the Previews
Use the live previews to see how the page will appear on Google, Facebook, LinkedIn, and Discord.
Copy the Code
Choose the HTML, Next.js, or Nuxt.js code tab, then use Copy All to copy the generated meta tags.
Open Graph is a protocol created by Facebook that displays a web page's title, description, image, and other details in a standardized format when the page is shared on social media. It is supported by most platforms, including Facebook, LinkedIn, Discord, and KakaoTalk.
The recommended Open Graph image size is 1200x630px. This size appears without cropping on most platforms, including Facebook and LinkedIn. A file size below 5MB is recommended.
When the same content is available at multiple URLs, a canonical URL tells search engines which URL is the original. It prevents duplicate-content issues and consolidates SEO signals.
noindex tells search engines not to show the page in search results, while nofollow tells them not to follow links on the page. You can configure the two directives independently.
summary shows the title and description with a small thumbnail, while summary_large_image puts a large image front and center. Use summary_large_image for pages where visual content is important.