# Egy title tag

> A teszt azt nézi, hogy a nyitóoldalon pontosan egy title elem van-e. A dupla title tipikus oka a téma és egy bővítmény együttes kiírása; itt a javítás.

Egy HTML-dokumentumnak egy címe lehet. Ha a lapon két `<title>` elem van, a böngésző az elsőt használja, a keresők pedig bizonytalanok lehetnek, melyik az igazi. Az MDN szerint a `<title>` szülője olyan `<head>`, amely nem tartalmaz másik `<title>` elemet, vagyis a szabvány egyet enged.

## Hogyan mérjük

A riport megszámolja a nyitóoldal HTML-jében a `<title>` elemeket. Az SVG-n belüli `<title>` (az ábrák leírása) nem számít bele.

- **Megfelelő:** pontosan egy `<title>` van.
- **Hiba:** kettő vagy több.
- **Nem mérhető:** nincs `<title>` (azt az [Oldalcím](https://hub.hellowp.io/hu/report/seo/oldalcim/) teszt jelzi), vagy nem sikerült HTML-t kapni.

A teszt súlyossága a riportban: alacsony. A talált darabszám megjelenik az eredménynél. A riport csak a nyitóoldalt nézi.

## Hogyan javítsd

Először találd meg, honnan jön a második: nézd meg a nyers HTML-t, és keresd a két `<title>` sort.

```bash title="Terminál"
curl -s https://pelda.hu/ | grep -i -o "<title>[^<]*</title>"
```

A riport szerint a duplát többnyire a téma és egy SEO-bővítmény együtt írja ki: például a téma `header.php` fájlja kézzel kiír egy `<title>` elemet, a téma `title-tag` támogatása vagy a bővítmény pedig még egyet.

### WordPress

1. Ha a témád `header.php` fájlja tartalmaz kézzel írt `<title>…</title>` sort, töröld, és a (gyermek)téma `functions.php` fájljába tedd:

```php title="functions.php"
add_theme_support( 'title-tag' );
```

A WordPress ekkor a `wp_head()` hívással maga írja ki a címet. A dokumentáció szerint ez a `wp_title()` helyett használandó, és a `functions.php`-ból, a `wp_loaded` előtt kell hívni (nem a header.php-ból).

2. Ha SEO-bővítményt is használsz, elég egy helyen állítani a címet: vagy a téma, vagy a bővítmény írja ki, ne mindkettő.
3. Ha mindkettő a hibás, kapcsold ki egyenként a bővítményeket, és nézd meg, melyiknél tűnik el a második elem.

### HTML

Hagyd meg az egyiket a `<head>` részben, a többit töröld:

```html title="HTML"
<title>Rövid, egyedi cím | Márkanév</title>
```

## Hogyan ellenőrizd

1. Futtasd újra a riportot.
2. A fenti `curl` parancsnak pontosan egy sort kell visszaadnia.