The Ultimate Guide to SEO Meta Tags
Boost your organic search rankings by correctly configuring your titles, descriptions, and OpenGraph tags.
Meta tags are snippets of text that describe a page's content. They don't appear on the page itself, but only in the page's source code. Meta tags are essentially little content descriptors that help tell search engines what a web page is about.
The Big Three: Essential HTML Tags
To start getting ranked in Google, make sure your page has these three tags configured perfectly in the <head> of your document.
1. Title Tag
The title tag is the exact text you see at the top of your browser tab, and it acts as the primary clickable headline in Google search results.
<title>Ultimate Guide to Free Online Tools | FreeTools</title>
Best Practices:
- Keep it between 50-60 characters
- Put your most important keywords near the front
- Always include your brand name at the end
2. Meta Description
While it doesn't directly influence your Google ranking algorithm mathematically, a great meta description vastly improves your Click Through Rate (CTR).
<meta name="description" content="Discover our suite of free online tools for developers, designers, and marketers. No signup required.">
3. OpenGraph (Social) Tags
When someone shares your link on Twitter, Facebook, or Discord, how does the platform know which image to show in the preview card? They look for OpenGraph (og:) tags.
| Tag | Purpose | Example Value |
|---|---|---|
og:title |
Social headline | "Free SEO Tools" |
og:description |
Social description snippet | "Analyze your site..." |
og:image |
The social preview thumbnail | https://freetools.io/og.png |
Generating Your Tags
Writing all these tags by hand is tedious and error-prone. Check out our free Meta Tag Generator tool to quickly scaffold your next project's SEO structure!