Canonical URL Kezelés

Canonical URL Kezelés - Duplikált Tartalom Megoldása

A canonical URL (kanonikus URL) meghatározza az oldal “főpéldányát” több hasonló vagy duplikált verzió közül. A rel="canonical" HTML link tag segít elkerülni a duplikált tartalom problémát és javítja az SEO performance-ot.

Ebben az útmutatóban megtanulod:

✅ Mi az a canonical URL és miért fontos
✅ Self-referencing canonical (Google best practice)
✅ URL paraméterek kezelése
✅ HTTP vs HTTPS, www vs non-www
✅ Cross-domain canonical
✅ Canonical vs 301 redirect
✅ Gyakori hibák és javításuk
✅ 25+ valós példa

Canonical URL: duplikált tartalom probléma és canonical megoldás

Mi az a Canonical URL?

A canonical URL egy HTML link elem, amely jelzi a Google-nek, melyik URL-t tekintse az elsődleges verziónak több hasonló oldal közül.

Szintaxis

<head>
  <link rel="canonical" href="https://example.com/preferred-url" />
</head>

Példa:

Két ugyanazt a terméket mutató URL:

https://example.com/products/iphone-15-pro
https://example.com/products/iphone-15-pro?color=blue

Canonical tag mindkét oldalon:

<link rel="canonical" href="https://example.com/products/iphone-15-pro" />

→ Google csak az első URL-t indexeli.

Miért Fontos a Canonical Tag?

1. ⚠️ Duplikált Tartalom Probléma

Probléma: Google nem tudja, melyik verziót rangsorolja.

Példa:

https://example.com/blog/seo-tips
https://example.com/blog/seo-tips?utm_source=facebook
https://example.com/blog/seo-tips?sessionid=12345

Ugyanaz a tartalom, de 3 különböző URL → Duplikáció!

Google reakció:

Választ egyet véletlenszerűen (nem biztos hogy a jobbat)
Megosztja a ranking jeleket (backlinket, PageRank)
Alacsonyabb ranking mindegyiknek

Megoldás canonical-lal:

<!-- Minden verzión ugyanez a canonical -->
<link rel="canonical" href="https://example.com/blog/seo-tips" />

✅ Google tudja, melyik a preferált verzió.

2. 📊 Ranking Jelek Konszolidálása

Probléma nélküle:

3 URL, mindegyik kap pár backlinket:

example.com/product → 10 backlink
example.com/product?ref=homepage → 5 backlink
example.com/product?color=red → 3 backlink

Összesen: 18 backlink, de szétszórva 3 URL-re → Gyenge ranking mindegyiknek.

Canonical-lal:

Mind a 3 URL canonical tag-je → example.com/product

Eredmény: Google konszolidálja a 18 backlinket az 1 canonical URL-re → Erős ranking!

3. 🚫 Google Büntetés Elkerülése

Google büntetés duplikált tartalomért:

"Google may choose not to index duplicate content."
— Google Search Central

Nem indexelés = Nincs ranking = Nincs forgalom.

Canonical tag használatával:

✅ Egyértelművé teszed a szándékod
✅ Elkerülöd a büntetést
✅ Kontrolláltad, melyik URL indexelődik

Self-Referencing Canonical - Google Best Practice

Mi az a Self-Referencing Canonical?

Self-referencing (önhivatkozó) canonical: amikor egy oldal önmagára mutat.

<!-- Az oldal URL: https://example.com/blog/seo-tips -->
<head>
  <link rel="canonical" href="https://example.com/blog/seo-tips" />
</head>

Kérdés: Miért kell, ha már ezen az oldalon vagyunk?

Miért Ajánlja a Google?

John Mueller (Google) 2019:

"Use self-referencing canonical tags. It helps us understand which URL you prefer."

Előnyök:

1. Tisztázza az Előnyben Részesített URL-t

URL variációk:

https://example.com/blog/seo-tips
https://example.com/blog/seo-tips/
https://example.com/blog/seo-tips?ref=social
http://example.com/blog/seo-tips
http://www.example.com/blog/seo-tips

Self-referencing canonical mindegyiken:

<link rel="canonical" href="https://example.com/blog/seo-tips" />

→ Google tudja: HTTPS, non-www, no trailing slash, no parameters = preferált.

2. Megelőzi a Véletlen Duplikációt

Scenario: Blogger másold linket a cikkre:

Eredeti link:

<a href="/blog/seo-tips">SEO Tippek</a>

Véletlen átmásolt link (blog platformon belső URL):

<a href="https://platform.com/users/123/blog/seo-tips">SEO Tippek</a>

Self-referencing canonical-lal:

Mindkét oldal canonical → https://example.com/blog/seo-tips

✅ Google tudja, melyik az eredeti.

3. Scraper Védelem

Scenario: Valaki kilopja a tartalmadat és replikálja az ő oldalán.

Ha NEM használsz self-referencing canonical:

Google nem tudja, ki az eredeti → Lehet, hogy a másoló rankingel jobban!

Ha használsz self-referencing canonical:

Canonical tag is kimásol → Mutat a TE oldaladra → Google látja, ki az eredeti.

Implementálás

HTML példa:

<!DOCTYPE html>
<html lang="hu">
<head>
  <meta charset="UTF-8">
  <title>SEO Tippek 2026 - Útmutató</title>
  
  <!-- Self-referencing canonical -->
  <link rel="canonical" href="https://example.com/blog/seo-tips" />
  
  <meta name="description" content="...">
</head>
<body>
  ...
</body>
</html>

Best Practice:

✅ Minden oldal kapjon self-referencing canonical-t
✅ Használd az abszolút URL-t (https:// prefixszel)
✅ Használd a preferált domain verziót (https, www/non-www)
✅ NE használj trailing slash-t (ha nem kell)

Canonical Tag Használati Esetek

1. URL Paraméterek (Filtering, Tracking, Session ID)

Probléma: Filtering Paraméterek

E-commerce termék lista szűrőkkel:

https://shop.com/shoes
https://shop.com/shoes?color=black
https://shop.com/shoes?color=black&size=42
https://shop.com/shoes?color=black&size=42&sort=price

Ugyanaz a tartalom, de különböző URL-ek!

Megoldás:

Minden szűrt verzión ugyanaz a canonical:

<link rel="canonical" href="https://shop.com/shoes" />

✅ Google csak az alap oldalt indexeli, szűrők ne duplikáljanak.

Probléma: Tracking Paraméterek

UTM campaign paraméterek:

https://blog.com/article
https://blog.com/article?utm_source=facebook&utm_medium=social
https://blog.com/article?utm_source=google&utm_campaign=ads

Megoldás:

<link rel="canonical" href="https://blog.com/article" />

✅ Tracking paraméterek nem okoznak duplikációt.

Probléma: Session ID

Session ID URL-ben:

https://shop.com/product?sessionid=abc123
https://shop.com/product?sessionid=xyz789

Megoldás:

<link rel="canonical" href="https://shop.com/product" />

✅ Session ID-k nem fragmentálják a ranking-et.

2. HTTP vs HTTPS

Probléma: Mindkét verzió elérhető.

http://example.com/page
https://example.com/page

Megoldás:

HTTP oldal:

<link rel="canonical" href="https://example.com/page" />

HTTPS oldal:

<link rel="canonical" href="https://example.com/page" />

Jobb megoldás: 301 redirect HTTP → HTTPS + self-referencing canonical HTTPS-en.

3. www vs non-www

Probléma:

https://www.example.com/page
https://example.com/page

Megoldás:

Dönts: melyiket preferálod?

Ha non-www-t:

Mindkét verzión:

<link rel="canonical" href="https://example.com/page" />

Jobb megoldás: 301 redirect www → non-www + self-referencing canonical.

4. Trailing Slash

Probléma:

https://example.com/page
https://example.com/page/

Megoldás:

Válassz egyet (általában no trailing slash):

<link rel="canonical" href="https://example.com/page" />

5. Paginated Oldalak (Lapozás)

Probléma: Blog lista több oldalon.

https://blog.com/articles?page=1
https://blog.com/articles?page=2
https://blog.com/articles?page=3

ROSSZ megoldás: Minden lap canonical → page=1

<!-- ROSSZ! -->
<link rel="canonical" href="https://blog.com/articles?page=1" />

❌ Page 2 és 3 tartalmát nem indexelik!

JÓ megoldás: Self-referencing canonical minden lapon.

Page 1:

<link rel="canonical" href="https://blog.com/articles?page=1" />
<link rel="next" href="https://blog.com/articles?page=2" />

Page 2:

<link rel="prev" href="https://blog.com/articles?page=1" />
<link rel="canonical" href="https://blog.com/articles?page=2" />
<link rel="next" href="https://blog.com/articles?page=3" />

Page 3:

<link rel="prev" href="https://blog.com/articles?page=2" />
<link rel="canonical" href="https://blog.com/articles?page=3" />

✅ Minden lap önálló, de rel="prev" és rel="next" jelzik a kapcsolatot.

6. Printer-Friendly Verziók

Probléma: Nyomtatható verzió külön URL-en.

https://blog.com/article
https://blog.com/article/print

Megoldás:

Print verzión:

<link rel="canonical" href="https://blog.com/article" />

✅ Google az eredeti verziót indexeli.

7. AMP (Accelerated Mobile Pages)

Probléma: AMP és normál verzió.

https://example.com/article
https://example.com/article/amp

Normál verzión:

<link rel="amphtml" href="https://example.com/article/amp" />

AMP verzión:

<link rel="canonical" href="https://example.com/article" />

✅ Kétirányú kapcsolat, Google tudja, melyik melyikhez tartozik.

Cross-Domain Canonical (Szindikált Tartalom)

Mi az a Cross-Domain Canonical?

Cross-domain canonical: Amikor egy másik domain-re mutat a canonical.

Példa:

Írsz egy cikket a saját blogodra:

https://myblog.com/seo-tips

Aztán publikálod egy nagyobb oldalra (guest post):

https://bigsite.com/guest-posts/seo-tips

Ugyanaz a tartalom, de két különböző domain!

Implementálás

Nagy oldalon (bigsite.com):

<link rel="canonical" href="https://myblog.com/seo-tips" />

→ Google: “Ez a tartalom eredeti forrása myblog.com”

Saját blogon (myblog.com):

<link rel="canonical" href="https://myblog.com/seo-tips" />

Eredmény:

✅ myblog.com kapja a ranking-et
✅ bigsite.com nem büntetődik duplikációért
✅ Backlink bigsite.com-ról → myblog.com

Mikor Használd?

Guest post-ok (vendégcikkek)
Szindikált tartalom (hírek több oldalon)
Product feed (termék adatok több marketplace-en)
Press release (sajtóközlemény több news site-on)

Canonical vs 301 Redirect - Mikor Melyiket?

Szempont	Canonical Tag	301 Redirect
Felhasználó	Látja az eredeti URL-t	Átirányítva az új URL-re
Google bot	Látja az eredeti URL-t, canonical-t követ	Átirányítva az új URL-re
Mikor használd	Tartalom hasonló, de mindkét URL maradjon elérhető	Tartalom véglegesen átköltözött
Jel erőssége	Gyenge jel (Google javaslat)	Erős jel (Google kötelesség)
PageRank átadás	~90-99%	100%
Megjelenítés	Eredeti URL marad	Új URL jelenik meg

Példák

Használj Canonical Tag-et:

URL paraméterek:

/product
/product?color=red  → canonical → /product

Szindikált tartalom:

bigsite.com/article → canonical → myblog.com/article

HTTP/HTTPS mindkét verzió él:

http://example.com → canonical → https://example.com

Használj 301 Redirect-et:

Domain váltás:
```
olddomain.com → 301 → newdomain.com
```
HTTPS migráció (régi HTTP-t nem kell megőrizni):
```
http://example.com → 301 → https://example.com
```

URL struktúra változás:

/old-product-name → 301 → /new-product-name

Duplikált tartalom egyesítés:

/blog/seo-tips
/articles/seo-tips  → 301 → /blog/seo-tips

HTTP Header Canonical

Mi az?

Canonical link a HTTP header-ben (nem HTML-ben).

Használat: Non-HTML fájlok (PDF, képek, videók).

Szintaxis:

Link: <https://example.com/document.pdf>; rel="canonical"

Példa: PDF Canonical

Probléma: PDF dokumentum többször van publikálva.

https://example.com/docs/guide.pdf
https://example.com/downloads/guide.pdf

Megoldás (HTTP header):

HTTP/1.1 200 OK
Content-Type: application/pdf
Link: <https://example.com/docs/guide.pdf>; rel="canonical"

✅ Google tudja, melyik a fő verzió.

HTML vs HTTP Header Canonical

Ha mindkettő van:

Google a HTTP header canonical-t használja elsőbbséggel.

Best practice: Használj egyet (általában HTML).

Gyakori Canonical Hibák és Javításuk

❌ 1. Több Canonical Tag Egy Oldalon

Probléma:

<head>
  <link rel="canonical" href="https://example.com/page1" />
  <link rel="canonical" href="https://example.com/page2" />
</head>

❌ Google figyelmen kívül hagyja mindkettőt!

Javítás:

Csak EGY canonical tag.

❌ 2. Canonical Tag a `<body>`-ban

Probléma:

<body>
  <link rel="canonical" href="https://example.com/page" />
</body>

❌ Érvénytelen! Canonical csak <head>-ben működik.

Javítás:

<head>
  <link rel="canonical" href="https://example.com/page" />
</head>

❌ 3. Relatív URL Canonical-ban

Probléma:

<link rel="canonical" href="/blog/seo-tips" />

⚠️ Működik, de nem ajánlott.

Probléma: Ha a domain változik, vagy ha cross-domain canonical-t akarsz, nem jó.

Javítás: Használj abszolút URL-t.

<link rel="canonical" href="https://example.com/blog/seo-tips" />

❌ 4. Canonical Nem Indexelhető Oldalra Mutat

Probléma:

<link rel="canonical" href="https://example.com/blocked-page" />

De robots.txt:

User-agent: *
Disallow: /blocked-page

❌ Google nem tudja ellenőrizni a canonical-t, ha robots.txt blokkolja!

Javítás: Canonical mindig indexelhető oldalra mutasson.

❌ 5. Canonical 404/410-es Oldalra

Probléma:

<link rel="canonical" href="https://example.com/deleted-page" />

De az oldal 404 Not Found.

❌ Google figyelmen kívül hagyja.

Javítás: Canonical mindig 200 OK státuszú oldalra mutasson.

❌ 6. Canonical Loop (Körkörös Hivatkozás)

Probléma:

Page A:

<link rel="canonical" href="https://example.com/page-b" />

Page B:

<link rel="canonical" href="https://example.com/page-a" />

❌ Loop! Google nem tudja eldönteni, melyik a canonical.

Javítás: Egyértelmű canonical lánc:

Page A és B:

<link rel="canonical" href="https://example.com/page-a" />

❌ 7. Canonical Chain (Láncolat)

Probléma:

Page A:

<link rel="canonical" href="https://example.com/page-b" />

Page B:

<link rel="canonical" href="https://example.com/page-c" />

⚠️ Működik, de lassú és hibára hajlamos.

Javítás: Direkt kapcsolat:

Page A és B:

<link rel="canonical" href="https://example.com/page-c" />

Canonical Tag Ellenőrzése

Google Search Console

Performance jelentés:

Search Console → Coverage
Nézd meg az “Excluded” oldalakatkel
Keress “Duplicate without user-selected canonical” vagy “Alternate page with proper canonical tag” üzeneteket

Screaming Frog SEO Spider

Scan az oldalt
Canonical tab
Szűrők:
- Missing canonical
- Multiple canonical
- Canonical to redirect
- Canonical to non-indexable

Browser DevTools

Chrome DevTools:

Jobb klikk → Inspect
Elements tab
Keress <link rel="canonical" elemre

Console-ban:

document.querySelector('link[rel="canonical"]')?.href

Kimenet:

"https://example.com/page"

HTTP Header Check

cURL parancs:

curl -I https://example.com/page | grep -i link

Kimenet (ha van HTTP header canonical):

Link: <https://example.com/page>; rel="canonical"

Canonical Tag Best Practices Checklist ✅

Minden Oldalon:

Van canonical tag (self-referencing)
Csak EGY canonical tag
Abszolút URL (https:// prefixszel)
Preferált domain (https, www/non-www)
Canonical a <head>-ben van

Canonical URL-nek:

200 OK státusz (nem 404, 410, 5xx)
Indexelhető (nincs robots.txt blokk, nincs noindex)
Ugyanaz a nyelvű tartalom (ne canonical EN → HU)
Nincs canonical loop (körkörös hivatkozás)
Nincs canonical chain (láncolat)

Speciális Esetek:

URL paraméterek → canonical alap URL-re
HTTP → HTTPS → canonical HTTPS-re (vagy 301)
www → non-www → canonical egy verzióra (vagy 301)
Paginated → self-referencing + rel=“prev/next”
AMP → canonical normál verzióra

WordPress Canonical Kezelés

Automatikus Canonical

WordPress alapból generál self-referencing canonical-t minden oldalhoz!

Példa (WordPress generálta):

<link rel='canonical' href='https://myblog.com/post-title/' />

✅ Működik, de ellenőrizd:

Preferált domain (www/non-www)
HTTPS használat
Trailing slash konzisztencia

Yoast SEO Plugin

Canonical override:

Edit post/page
Yoast SEO meta box → Advanced
“Canonical URL” mező
Add meg a custom canonical URL-t

Példa használat:

Cross-domain canonical guest post-hoz:

https://original-blog.com/article

Összefoglalás

A canonical tag kritikus eszköz a duplikált tartalom elkerülésére és a ranking jelek konszolidálására.

Kulcs Szabályok:

✅ Self-referencing canonical minden oldalon
✅ Abszolút URL használat
✅ Csak EGY canonical tag oldalanként
✅ Preferált domain verzió (https, non-www)
✅ Canonical csak <head>-ben
✅ URL paraméterek → canonical alap URL-re
✅ Canonical csak 200 OK oldalra
✅ Ne használj canonical loop-ot vagy chain-t

Canonical vs 301:

Canonical: Mindkét URL marad elérhető, gyenge jel
301: Végeleges átirányítás, erős jel

Használd a Google Search Console-t és Screaming Frog-ot az ellenőrzéshez! 🚀

Gyakran Ismételt Kérdések – Canonical URL

Mi az a canonical URL?

A canonical URL (kanonikus URL) meghatározza az oldal "főpéldányát" több hasonló vagy duplikált verzió közül. A rel='canonical' HTML link tag jelzi a Google-nek, melyik URL-t indexelje, elkerülve a duplikált tartalom problémát.

Miért fontos a canonical tag?

A canonical tag megoldja a duplikált tartalom problémát, konszolidálja a ranking jeleket (backlinket, PageRank), megelőzi a Google büntetést és javítja az indexelési hatékonyságot. Nélküle a Google nem tudja, melyik verziót rangsorolja.

Mi az a self-referencing canonical?

A self-referencing (önhivatkozó) canonical amikor egy oldal önmagára mutat canonical tag-gel. Google best practice 2026-ban, segít tisztázni az előnyben részesített URL-t (pl. www vs non-www, http vs https). Minden oldalnak legyen!

Mikor használjak canonical tag-et?

Használj canonical tag-et: (1) URL paraméterek esetén (filtering, tracking, session ID), (2) HTTP és HTTPS verziók között, (3) www és non-www között, (4) Trailing slash kezelésre, (5) Paginated oldalak esetén, (6) Printer-friendly verziókhoz, (7) Szindikált tartalomnál.

Mi a különbség a canonical és a 301 redirect között?

A 301 redirect átirányítja a felhasználót és a search engine bot-okat az új URL-re (állandó áthelyezés). A canonical tag NEM irányít át - az oldalak elérhetők maradnak, csak a Google-nek jelzed, melyiket részesítsd előnyben indexelésre. 301 erősebb jel, canonical gyengébb javaslat.

Lehet több canonical tag egy oldalon?

NEM! Egy oldalon pontosan EGY canonical tag legyen. Ha több van, a Google figyelmen kívül hagyja mindegyiket. Kivétel: Ha van HTTP header canonical ÉS HTML canonical, a Google a HTTP header-t használja elsőbbséggel.

Frissítve:2026. január 19.

Előző oldalImage Optimization (Kép SEO)Következő oldalURL Struktúra Optimalizálás