Title Tags & Meta Descriptions

👁️

User Masha scans the search results

"Ten links on screen. Which one to click? I look at the title and description. Three seconds to decide."

🎯 Title tag and meta description — these are your page's storefront in search results. They're not visible on the page itself, but they decide whether users click your link.

Title Tag — The Main Page Heading

The title appears in the browser tab, search snippet, and when saved as a bookmark. Google uses it as one of the key relevance signals.

Rule	Example
50–60 characters (longer gets cut off)	"Technical SEO: The Complete 2026 Guide"
Keyword closer to the beginning	"SEO Audit: Step-by-Step Guide"
Unique for every page	Don't copy the title from other pages
Don't stuff keywords	❌ "SEO SEO optimization SEO guide SEO"

Meta Description — Your Snippet's Ad Copy

The meta description doesn't directly affect rankings, but it impacts CTR. Google sometimes replaces it with another text excerpt from the page — if it considers that more relevant to the query.

Formula for a good meta description:

☐ 150–160 characters
☐ Contains the main keyword
☐ Includes a specific user benefit
☐ Call to action: "Learn", "Download", "Try"
☐ Unique for every page

Image Alt Attributes

Alt text is a description of an image for search bots and users with disabilities. A good alt describes what's in the image and may naturally include a keyword — but without stuffing.

📊

Title tag A/B test results

"Changed the title from 'Services Page' to 'SEO Audit — Site Analysis in 24 Hours'. CTR jumped from 1.2% to 3.8%. Traffic tripled with no change in rankings."

💡 Key insight: a good ranking without a strong title and description is wasted potential. Optimize your snippets as carefully as the content itself.

🎮 Test yourself: match each HTML element to its optimal characteristics!

🎯

Lesson Task

Test your knowledge and earn +25 XP

← URL Structure Best Practices

Lesson 7 of 22

Go to Task →