Meta tags are HTML elements in your page's <head> that provide metadata about the page to search engines, social media platforms, and browsers. Getting them right is crucial for SEO, social sharing, and user experience.

Essential Meta Tags

Title Tag

The most important on-page SEO element. Displayed in search results, browser tabs, and social shares.

<title>JSON Formatter Online Free – Beautify JSON | Devkitr</title>

Best practices:

Keep under 60 characters (Google truncates longer titles)

Include your primary keyword near the beginning

Add your brand name at the end

Make each page's title unique

Meta Description

A summary of the page content shown in search result snippets.

Best practices:

Keep between 150-160 characters

Include a call to action

Feature your primary and secondary keywords naturally

Make it compelling — it affects click-through rate

Meta Keywords

Largely ignored by Google since 2009, but some search engines still consider them.

Open Graph Tags (Facebook, LinkedIn)

Open Graph (OG) tags control how your page appears when shared on social media.

Image recommendations:

Minimum 1200×630 pixels for high-resolution displays

Use PNG or JPG format

Include text overlay for context without the title

Twitter Card Tags

Control how your page appears in Twitter/X posts.

Card types:

summary — small square image + title + description

summary_large_image — large rectangular image + title + description

Canonical Tag

Tells search engines which URL is the "official" version of a page, preventing duplicate content issues.

Use canonical tags when:

The same content is accessible via multiple URLs

You have HTTP and HTTPS versions

Trailing slash variations exist

URL parameters create duplicate pages

Robots Meta Tag

Control how search engines crawl and index your page.

Common directives:

index / noindex — allow or prevent indexing

follow / nofollow — follow or ignore links on the page

max-snippet:-1 — no limit on snippet length

max-image-preview:large — allow large image previews

Viewport Tag

Essential for mobile responsiveness:

Structured Data

While not a meta tag, JSON-LD structured data enhances search results with rich snippets:

{

"@context": "https://schema.org",

"@type": "WebApplication",

"name": "Devkitr",

"url": "https://devkitr.com"

}

</script>

Common Mistakes

Duplicate title tags across pages

Meta descriptions that are too short or too long

Missing OG image (social shares look unprofessional)

Not using canonical tags on paginated content

Blocking CSS/JS files with robots directives

Using the same OG image for every page

Generate all your meta tags automatically with our Meta Tag Generator.

Meta Tags for SEO — The Complete Guide to HTML Meta Tags