SEO Tool
Generate complete HTML meta tags, Open Graph properties, and Twitter Card markup in one click. Paste the output directly into your Canvas HTML Template <head> section to improve SEO rankings, control social share previews, and set canonical URLs correctly.
<!-- Primary Meta Tags --> <title></title> <meta name="title" content=""> <meta name="description" content=""> <link rel="canonical" href=""> <meta name="robots" content="index, follow"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content=""> <meta property="og:title" content=""> <meta property="og:description" content=""> <!-- og:image not set --> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content=""> <meta property="twitter:title" content=""> <meta property="twitter:description" content=""> <!-- twitter:image not set -->
Meta tags are HTML elements placed inside the <head> section of your page that provide metadata to browsers, search engines, and social platforms. They are invisible to visitors but critical for SEO, social sharing, and search ranking. The most important ones are meta name="description", meta name="robots", and the Open Graph properties.
Open Graph tags (og:title, og:description, og:image) control how your page appears when shared on Facebook, LinkedIn, WhatsApp, and Slack. Twitter Cards use a parallel set of twitter:* properties. Without these tags, social platforms will guess at your title and description — often with poor results.
When building with the Canvas HTML Template, your generated page’s <head> section should include a complete set of meta tags for every page you intend to publish. This tool generates the complete block — just fill in your page details and paste the output directly into your Canvas HTML file.
The canonical tag <link rel="canonical"> is especially important when the same Bootstrap 5 template is used across multiple URLs or when content is syndicated — it consolidates link equity to a single preferred URL, preventing duplicate content penalties.
Enter your page title. Keep it under 60 characters and include your primary keyword near the start.
Write a meta description of 120–160 characters. Make it compelling — this is your search result snippet.
Optionally set a different OG Title and OG Description for social sharing (can be more emotive than the SEO title).
Add your OG Image URL. Use an absolute URL to a 1200×630px image hosted on your server or CDN.
Set the Canonical URL to the final, preferred URL of the page (with https://, no trailing slash).
Click 'Copy to Clipboard' and paste the entire block inside the <head> of your Canvas HTML Template file.
| Tag | Purpose | Notes |
|---|---|---|
| <title> | Page title in search results and browser tab | 50–60 chars; most important SEO tag |
| meta description | Snippet shown under search result title | 120–160 chars; not a ranking factor but affects CTR |
| og:title | Title when shared on social media | Can differ from <title>; up to 90 chars |
| og:description | Description in social share cards | Up to 200 chars; more engaging copy than SEO desc |
| og:image | Image shown in social share previews | 1200×630px recommended; must be absolute URL |
| og:url | Canonical URL for social shares | Should match your canonical link tag |
| twitter:card | Twitter card display type | summary or summary_large_image |
| meta robots | Crawler instructions for indexing/following | index/noindex + follow/nofollow combinations |
| link canonical | Preferred URL to consolidate duplicate content | Prevents duplicate content SEO penalties |
The robots meta tag instructs search engine crawlers how to treat the page. The most common values are 'index, follow' (default — allow indexing and follow links), 'noindex, follow' (exclude from search results but follow links), and 'noindex, nofollow' (block both indexing and link following). For Canvas HTML Template pages you want ranked, always use 'index, follow'.
A canonical tag (<link rel='canonical' href='...'>) tells search engines which URL is the preferred version of a page — useful when the same content exists at multiple URLs. Meta tags like description and robots are instructions or hints for crawlers and social platforms. The canonical tag prevents duplicate content penalties; the meta description influences click-through rates in search results.
The optimal Open Graph image size is 1200×630 pixels (1.91:1 ratio). Facebook, LinkedIn, and Slack all render this size correctly. Twitter's summary_large_image card uses the same dimensions. Minimum is 600×315px. Images smaller than 600px wide may not render on some platforms. Always use absolute URLs for og:image.
Twitter supports four card types: 'summary' (small square thumbnail + title + description), 'summary_large_image' (large landscape image + title + description — the most common), 'app' (for mobile app promotion with install links), and 'player' (embeds video/audio). For most landing pages and blog posts, 'summary_large_image' gives the best visual impact in the timeline.
The meta description is NOT a direct ranking factor, but it strongly influences click-through rates in search results — which is an indirect SEO signal. The title tag IS a ranking factor and should include your target keyword. The robots meta controls crawlability. Open Graph tags don't affect Google rankings but improve social sharing performance, which can drive traffic.
Canvas Builder generates production-ready Canvas HTML Template pages in seconds — with your meta tags, colours and copy baked in.
Try Canvas Builder