ectoplasma.orgMeta Tag Generator
Generate SEO-friendly HTML meta tags for your web pages. Fill in the fields below and copy the generated code.
Basic Meta Tags
Open Graph
Twitter Card
Generated Meta Tags
What Are Meta Tags and Why Do They Matter?
Meta tags are snippets of HTML that describe a page's content to search engines and social media platforms. They sit inside the <head> section of your HTML and never appear on the page itself. Despite being invisible to visitors, meta tags play a significant role in how your pages are indexed, ranked, and displayed in search results.
Title and Description
The title tag is the single most important on-page SEO element. Search engines display it as the clickable headline in results, so it should be concise, descriptive, and under 60 characters to avoid truncation. The meta description appears below the title in search results. While it does not directly affect rankings, a well-written description improves click-through rates. Keep it under 160 characters and make it compelling enough that users want to visit your page.
Robots and Canonical Tags
The robots meta tag tells search engine crawlers whether to index a page and whether to follow its links. Setting noindex prevents a page from appearing in search results, which is useful for internal or duplicate pages. The canonical tag solves duplicate content issues by pointing search engines to the preferred version of a URL. If the same content is accessible at multiple addresses, a canonical tag ensures that ranking signals are consolidated on one page rather than split across several.
Open Graph and Twitter Cards
Open Graph tags control how your pages appear when shared on Facebook, LinkedIn, and other platforms. They let you set a custom title, description, and image for social previews, so your links look polished rather than relying on whatever the platform auto-generates. Twitter Cards work similarly but are specific to Twitter. Setting a card type of summary_large_image gives your link a large image preview, which tends to get more engagement than the smaller default card.
How to Use This Tool
Fill in the fields above and the HTML code updates in real time. Copy the generated tags and paste them into the <head> section of your page. The character counters for title and description turn amber when you are approaching the limit and red when you exceed it, helping you stay within recommended lengths. All processing happens in your browser and nothing is sent to a server.
ectoplasma.org ยท free tools