MP Web Studio
HTMLTraseu de bază
84 / 120

LECȚIA 84 DIN 120

Repară: titlu și descriere pentru document

Oferă un title și o meta description cu text util.

Sursă oficialăWHATWG HTML — document metadataRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

Oferă un title și o meta description cu text util. Structura semantică trebuie să descrie sensul, nu aspectul vizual.

Exemplu corect
<head><title>Servicii web pentru afaceri</title><meta name="description" content="Site-uri și sisteme web construite după procesele reale ale afacerii."></head>

title numește documentul și poate apărea în file, istoric sau rezultate de căutare. meta description rezumă conținutul paginii prin atributul content și trebuie să adauge context.

Greșeală frecventă
<head><title>Servicii web</title><meta name="description" content="Servicii web"></head>

Ambele câmpuri au text, dar descrierea repetă exact titlul și nu explică ce va găsi persoana pe pagină.

PASUL 2 · APLICĂ

Exercițiul tău

Corectează exemplul fără să schimbi scopul. Oferă un title și o meta description cu text util.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlHTML
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ

Ce trebuie să treacă

0%neverificat
  • Documentul are title cu text.
  • Meta description are conținut.
  • Descrierea adaugă informație și nu repetă doar titlul.
Explică-mi logica rezolvării

Adaugă un singur title cu text în head. Apoi creează meta name="description" și scrie în content o propoziție diferită, care rezumă pagina.