# Oldalcím

> A teszt azt nézi, van-e nem üres title elem a nyitóoldalon; ha nincs, a Google maga talál ki címet a találati listába. Itt a mérés és a javítás.

Az oldalcím a `<title>` elem szövege. Ezt mutatja a böngészőfül, ez kerül a könyvjelzők közé, és a Google a találati lista kattintható címéhez is elsősorban ezt használja. Ha hiányzik, a keresőnek kell kitalálnia, minek nevezze az oldalt, és ritkán találja el úgy, ahogy te szeretnéd.

A Google dokumentációja szerint a találati cím kialakításához több forrást használ: a `<title>` elem az első a sorban, mellette a látható főcím, a címsorok és az `og:title` is szóba jön. A `<title>` tehát nem az egyetlen forrás, de a legerősebb jel, és a te kezedben van.

## Hogyan mérjük

A riport a nyitóoldal HTML-jét kéri le (a végső címen, az átirányítások után), és megkeresi benne a `<title>` elemet.

- **Megfelelő:** van `<title>` elem, és a szövege a szóközök levágása után nem üres.
- **Hiba:** nincs `<title>` elem, vagy üres.
- **Nem mérhető:** nem sikerült HTML-t kapni a nyitóoldalról. Ilyenkor a teszt nem számít bele a pontszámba.

Ami számít a mérésnél:

- Csak a nyitóoldalt nézi, az aloldalakat nem.
- Az SVG-n belüli `<title>` nem számít, az az ábra leírása, nem az oldalé.
- Több `<title>` esetén az elsőt veszi, a többiről az [Egy title tag](https://hub.hellowp.io/hu/report/seo/egy-title-tag/) teszt szól.
- A hossz értékelése külön teszt: [Cím hossza](https://hub.hellowp.io/hu/report/seo/cim-hossza/).

A teszt súlyossága a riportban: közepes.

## Hogyan javítsd

Minden oldalnak legyen saját, az oldal tartalmát leíró címe. A Google szerint a cím legyen egyedi, és mondja meg, miről szól az oldal; a márkanév is mehet bele, de ne ismétlődjön ugyanaz a szöveg minden oldalon.

### HTML

Tedd a lap `<head>` részébe:

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

Minden oldal saját szöveget kapjon: ha közös sablonba (fejlécbe) írod, ne ugyanez kerüljön minden oldalra.

### WordPress

A WordPress a `wp_head()` hívással írja ki a címet, ha a téma jelzi, hogy támogatja a `title-tag` funkciót. Ezt a (gyermek)téma `functions.php` fájljába kell tenni:

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

A WordPress fejlesztői dokumentációja szerint ezt a `wp_title()` helyett kell használni (4.1.0 óta létezik), és a `functions.php`-ból kell hívni, nem a header.php fájlból. A téma `header.php` fájlja ilyenkor ne írjon ki kézzel külön `<title>` elemet, különben kettő lesz belőle. Ha ezt használod, a fenti HTML-változat nem kell. Az oldalankénti címek finomhangolásához SEO-bővítmény is használható.

## Hogyan ellenőrizd

1. Futtasd újra a riportot: a teszt megfelelőre vált.
2. Nézd meg a nyers HTML-t, nem a böngésző fejlesztői eszközeit, mert a riport a szerver válaszát méri, nem a JavaScript futása utáni oldalt:

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

3. A Google Search Console URL-ellenőrzője megmutatja, hogyan látja a Google az oldalt ([hogyan használd](https://hub.hellowp.io/hu/knowledge-base/useful-tools/google-search-console/)).