Meta tags are fragments of HTML code that describe a page’s content for search engines and users. There are four key on-page optimization elements: title (the browser tab title and the clickable link in search results), meta description (the description under that link), H1 (the main visible heading on the page itself) and alt (the text description of an image). Well-written tags help Google understand what the page is about and raise the click-through rate of the snippet in search results.
Key points in 30 seconds
- title is the most important tag: it forms the headline in search results; the optimal length is 50–60 characters, with the keyword near the start.
- meta description doesn’t affect rankings directly but has a noticeable effect on CTR; keep it to 140–160 characters.
- H1: exactly one per page; it reflects the essence of the content and can differ from the title.
- alt describes the image for search engines and visually impaired users and helps you rank in image search.
- All four tags should include the target keyword naturally, without stuffing or repetition.
What the title tag is and how to write it
The title tag (<title>) is the HTML element that sets the page title. Google shows it as the clickable blue link in search results, and the browser shows it as the tab name. It is the most important meta tag: it directly affects both rankings and the user’s decision to click.
Rules for writing a title:
- Length of 50–60 characters (≈600 pixels). Any longer and Google will truncate it and substitute its own version from the page text.
- The main keyword goes near the start of the title.
- One unique title per page; duplicates confuse search engines.
- Add the brand at the end after a separator: Target keyword: Brand.
- Write for people: the title should promise an answer, not be a list of keywords.
Meta description: why you need it and how it affects CTR
The meta description (<meta name=”description”>) is a short page summary that Google shows under the link in the snippet. It has no direct effect on rankings, which Google has officially confirmed. But the description affects CTR (click-through rate): compelling copy increases the share of clicks, and higher CTR in turn indirectly improves rankings.
Rules:
- Length of 140–160 characters, otherwise the description gets cut off with an ellipsis.
- Include the keyword: when it matches the query, Google highlights it in bold.
- Offer a benefit or a call to action: what the person gets by clicking.
- Don’t repeat the title word for word.
- Keep in mind that Google may ignore your description and generate its own from the page text. That’s normal.
The H1 heading: how it differs from the title
H1 is the main visible heading on the page itself (the <h1> tag), not hidden “behind the scenes” in the code like the title. Users see the H1 when they open the page; they see the title in search results before clicking. The two can and should differ slightly: the title is tuned for the query and CTR, the H1 for the reader.
H1 rules:
- Exactly one H1 per page.
- It reflects the essence of the content and contains the keyword (possibly phrased more naturally than in the title).
- Don’t confuse it with the logo or the site name in the header.
- H2–H6 are for subheadings in a logical hierarchy.
The alt attribute: describing images
Alt (alt=””) is a text attribute of the <img> tag that describes an image. It is “seen” by search bots (which otherwise can’t understand the image), by visually impaired users via screen readers, and by everyone if the image fails to load. A good alt helps you rank in Google Images and strengthens the topical relevance of the page.
Alt rules:
- Describe what is in the image, specifically and briefly (up to ~125 characters).
- Include the keyword if it fits the meaning, without stuffing.
- Don’t start with “image of…” / “photo of…”. It’s already an image.
- For decorative images, use an empty alt (alt=””) so screen readers skip them.
Meta tags compared in one table
| Tag | Where it’s visible | Optimal length | Effect on rankings |
| title | Search results, browser tab | 50–60 characters | Direct, high |
| meta description | Snippet under the link | 140–160 characters | Indirect (via CTR) |
| H1 | On the page itself | up to ~70 characters | Medium |
| alt | When the image fails to load, screen readers, Google Images | up to ~125 characters | Low to medium (+ image search) |
Examples of good and bad meta tags
| Tag | Bad | Good |
| title | Buy windows plastic windows cheap windows PVC windows (keyword stuffing) | Plastic Windows in Kyiv: Factory Prices | BrandWindows |
| description | Windows. Doors. Balconies. (empty, gives no reason to click) | Plastic windows installed in 1 day. 5-year warranty, free on-site measurement. Get a price online in 2 minutes. |
| H1 | Welcome to our website! (says nothing) | Plastic Windows in Kyiv |
| alt | alt=”IMG_2024.jpg” (or empty on a meaningful image) | alt=”White plastic window with double glazing” |
Formula templates for meta tags
- title: {Main keyword} + {qualifier/location} + {separator} + {Brand}
- description: {What it is/benefit} + {keyword} + {call to action/number}
- H1: {Page topic with the keyword in natural form}
- alt: {What is shown} + {qualifier with the keyword where appropriate}
Here is how this looks for an online store category. Title: “Women’s Sneakers in Kyiv, Prices from 1,200 UAH | ShopName”. Description: “Over 300 women’s sneaker models in stock. Delivery across Ukraine in 1–2 days, try on before you pay.” H1: “Women’s Sneakers”.
You don’t have to follow the formula literally. If the title doesn’t fit into roughly 60 characters, drop the qualifier first and keep the keyword and the brand. And write the description as if you were explaining to a customer in one sentence why they should click on your result.
Common mistakes: what to check first
Typical meta tag problems: duplicate titles across the site, missing or multiple H1s on a page, empty alt on meaningful images and keyword stuffing. Individually they are easy to miss, but together they noticeably lower relevance. The easiest way to find them in bulk is a technical SEO audit: it shows all pages with problematic or duplicate tags and sets priorities for fixing them.
Meta tags are part of the bigger on-page optimization picture. How tags affect the look of your result and your chances of getting rich snippets is covered in “Google search results: SERP, snippets and position zero”. How to work keywords into the text itself without stuffing is covered in “SEO copywriting”. And to see how tags fit into an overall strategy of promotion with links and content, start with the core guide “What is link building”.
Want to check whether the meta tags on your site are in order and get a list of specific fixes? Order a technical SEO audit: we’ll collect all problematic titles and descriptions and show you what to fix first. Prices are approximate and depend on the niche, volume and competition; we’ll calculate the exact cost for your project.
