Generate all the essential meta tags for your web pages. SEO title, meta description, Open Graph, Twitter Cards, and robots directives in one click.
Paste these tags inside your <head> section, before the closing </head> tag.
See how optimized meta tags affect your search performance. OneStepToRank monitors your Google rankings 24/7 and alerts you when positions change.
Get StartedMeta tags are snippets of HTML code in the <head> section of a web page that provide information about the page to search engines, social media platforms, and web browsers. Unlike visible page content, meta tags are not displayed to visitors but play a critical role in how your page is indexed, ranked, and presented across the web.
The most important meta tags for SEO are the title tag and meta description. The title tag is the clickable headline in search results and one of the strongest on-page ranking signals. The meta description is the preview text below it that influences whether users click. Together, they form your page's "advertisement" in Google search results.
width=device-width, initial-scale=1.0 on every page.UTF-8 for universal compatibility.Open Graph tags (prefixed og:) control how your page appears when shared on Facebook, LinkedIn, Pinterest, and other platforms. Without them, social platforms guess what to display, often showing the wrong image or a truncated title. The essential OG tags are og:title, og:description, og:image, and og:url.
Twitter Card tags serve the same purpose for Twitter/X. The twitter:card tag defines the card layout (summary or large image), while twitter:title and twitter:description can override the OG values specifically for Twitter. If you only set OG tags, Twitter will fall back to those, so Twitter-specific tags are optional but give you more control.
For the best social sharing experience, use an image at least 1200 x 630 pixels for OG and Twitter large image cards. This size works well on all major platforms.
Use this generator alongside our SERP Snippet Previewer to see how your title and description will look in Google, and our Schema Generator to add structured data.
Meta tags are HTML elements in the head section of a web page that provide metadata to search engines and social platforms. Key meta tags include the title tag, meta description, Open Graph tags, Twitter Card tags, and robots directives that control how your page appears and behaves in search and social sharing.
The title tag and meta description are the most critical. The title directly affects rankings and serves as the clickable headline in search results. The meta description influences click-through rates. Robots, canonical, and viewport tags are also essential for proper indexing and mobile optimization.
Open Graph tags control how your page looks when shared on Facebook, LinkedIn, and other social platforms. They define the title, description, image, and URL that appear in the social share preview card. Without them, platforms auto-generate previews that often look poor or show the wrong content.
Place meta tags inside the head section of your HTML. On WordPress, use Yoast SEO or RankMath for built-in fields. On Shopify, edit theme.liquid. On Squarespace, use the SEO settings panel. For custom HTML, paste the generated code directly between your head tags.