Search essentials
- A unique, descriptive
<title> - A useful meta description written for searchers
- A self-referencing canonical URL for indexable pages
- Intentional robots directives
🔍 Basic SEO
0 chars — ideal: 50–60
0 chars — ideal: 120–155
Major search engines do not use this tag for ranking.
Used for the document's
html lang recommendation, not an obsolete Content-Language meta tag.📘 Open Graph (Facebook / LinkedIn)
Recommended: 1200×630 px
🐦 Twitter / X Card
Search result preview
example.com › page
Your page title will appear here
Add a useful meta description to preview how the page may appear in search results.
Generated HTML
Meta tags that matter—and what they actually do
Metadata helps search engines understand a page and helps social platforms build attractive link cards. It cannot replace useful content, crawlable HTML, internal links or a technically healthy page. Add the generated snippet inside the document’s <head>, keep each page’s title and description unique, and serve essential tags in the initial HTML response.
Social sharing essentials
- Open Graph title, description, URL and image
- X card type and optional account handles
- Public HTTPS images with meaningful alt text
- Consistent canonical and social URLs
Avoid common mistakes
- Do not place multiple conflicting canonical tags
- Do not combine
noindexwith a page you want ranked - Do not depend on JavaScript to inject crawler metadata
- Do not treat meta keywords as a ranking feature
| Element | Purpose | Practical guidance |
|---|---|---|
title | Names the page in browser tabs and often in search results. | Describe the specific page clearly; display length varies by device and query. |
description | Suggests a search-result summary. | Write a compelling summary; search engines may select different on-page text. |
canonical | Signals the preferred URL among duplicate or similar pages. | Use an absolute final URL that returns HTTP 200 and matches your preferred hostname. |
robots | Controls indexing and link-following instructions for compliant crawlers. | Review noindex carefully. Blocking a URL in robots.txt can prevent crawlers from seeing its noindex tag. |
og:image | Provides the image used on many social share cards. | Use a stable, crawlable HTTPS URL and include alt text. |
Are the suggested character counts strict limits?
No. Search engines render results by available width and may rewrite titles or descriptions. The ranges are writing aids, not guaranteed cutoffs.
Should I add meta keywords?
Usually not. Major modern search engines do not use the meta keywords tag for ranking. The field remains only for legacy systems that explicitly require it.
Why can a social preview remain outdated?
Platforms cache previously scraped metadata. Verify the live server-rendered tags and public image first, then request a refresh through the platform’s sharing debugger.