Every page on your website has a set of HTML tags in the <head> section that are invisible to visitors but critically important to search engines and social media platforms. These are called meta tags. Getting them right can be the difference between ranking on page 1 or page 5 of Google, between a link that gets clicked on Facebook versus one that gets scrolled past. This guide explains every important meta tag and gives you a free generator to create perfect tags for every page.
Generate Your Meta Tags Now — Free
BVN's free Meta Tag Generator creates SEO tags, Open Graph, and Twitter Card tags with live Google and Facebook preview. Copy-ready HTML output.
Book a Free ConsultationThe Meta Tags That Actually Matter in 2026
1. Title Tag — The Most Important SEO Element
The title tag appears as the blue clickable headline in Google search results. It's the single most important on-page SEO factor. Rules: 50–60 characters maximum (Google truncates longer titles), include your primary keyword near the beginning, include your brand name at the end, make it compelling enough to click. Example: 'Philippine Salary Calculator 2026 — Free Tool | BVN'.
2. Meta Description — Your Sales Pitch in Search Results
The meta description appears as the grey text below the title in Google results. It doesn't directly affect rankings, but it dramatically affects click-through rate. Rules: 120–160 characters, include your primary keyword naturally, have a clear value proposition or call-to-action, be unique on every page. Example: 'Calculate your take-home pay after SSS, PhilHealth, Pag-IBIG, and BIR withholding tax. Free 2026 salary calculator — instant results.'
3. Open Graph Tags — How Links Look on Facebook and LinkedIn
When someone shares your URL on Facebook, Messenger, or LinkedIn, the platform reads your Open Graph tags to determine what image, title, and description to show. Without OG tags, Facebook pulls random content from the page — often looking terrible. Key OG tags: og:title, og:description, og:image (1200×630px recommended), og:url, og:type.
4. Twitter Card — Same Concept for Twitter/X
Twitter Card tags define how your URL appears when shared on Twitter/X. Use 'summary_large_image' for most content — it shows a large image preview that gets significantly more clicks than the small 'summary' card type.
Robots Meta Tag — Control What Google Indexes
- index, follow — (default) Google crawls and indexes this page
- noindex, follow — Don't show in search results, but follow links (use for thank-you pages)
- index, nofollow — Show in search, but don't follow links on this page
- noindex, nofollow — Block Google completely (use for login pages, admin areas)
Common Meta Tag Mistakes Philippine Websites Make
- Same title tag on every page — Google penalizes duplicate titles
- Missing meta description — Google writes its own, often poorly
- Title tags over 60 characters — gets cut off in search results
- No Open Graph image — social shares look broken and get fewer clicks
- OG image wrong size — use exactly 1200×630px for best results
- Keyword stuffing in meta tags — hurts rankings, not helps
Generate Perfect Meta Tags Now
BVN's free Meta Tag Generator creates complete SEO meta tags with live Google Search and Facebook preview. Copy to your website in seconds.
Book a Free Consultation