┌──────────────┬──────────────┬──────────────┬──────────────┐
│ Összes       │ Belső        │ Külső        │ Anchor       │
│ Link         │ Linkek       │ Linkek       │ Nélküli      │
│     127      │      98      │      25      │      4       │
└──────────────┴──────────────┴──────────────┴──────────────┘

4. Ellenőrizd az Anchor Text Elemzést

Top 20 leggyakoribb anchor text:

"Title Tag Optimalizálás"
24× használat (18.5%)
[████████████████████░░░░] 

"Meta Description Írás"
18× használat (13.8%)
[██████████████░░░░░░░░░░]

"SEO Útmutató"
12× használat (9.2%)
[██████████░░░░░░░░░░░░░░]

Mit nézz:

✅ Változatos anchor text-ek
❌ Túl sok “kattints ide” vagy “itt”
❌ Túl sok exact match ugyanarra az URL-re

5. Nézd a Link Distribution-t

Top 15 legtöbb linket kapó URL:

/blog/title-tag-optimalizalas
12 bejövő link
[████████████████████████]

/blog/meta-description-iras
8 bejövő link
[████████████████░░░░░░░░]

/szolgaltatasok/seo-audit
5 bejövő link
[██████████░░░░░░░░░░░░░░]

Mit nézz:

✅ Fontos oldalak (szolgáltatások, pillar pages) kapják a legtöbb linket
❌ Lényegtelen oldalak (pl. ÁSZF) kapják a legtöbb linket

6. Ellenőrizd a Problémákat

Hibák és figyelmeztetések:

❌ Hibák (piros):

Link sehova sem mutat: <a href="#">Kattints ide</a>

Broken same-page link: href="#section-2" elem nem létezik

⚠️ Figyelmeztetések (sárga):

Link anchor text nélkül: <a href="/page"></a>

Generic anchor text: "kattints ide" → Használj leíró anchor text-et

✅ Nincs probléma (zöld):

Minden Rendben!
Nem találtunk problémát a linkekkel.

📊 Elemzési Funkciók Részletesen

1. Link Classification

Automatikus kategorizálás:

Belső link:

Kezdődik / karakterrel: /blog/seo-tips
Kezdődik # karakterrel: #section-1 (same-page)
Kezdődik ? karakterrel: ?page=2 (query string)

Külső link:

Kezdődik http:// vagy https:// karakterrel
Más domain: https://google.com

Példa HTML:

<!-- Belső linkek -->
<a href="/blog/seo-tips">SEO Tippek</a>
<a href="#section-1">Ugrás a szekcióhoz</a>
<a href="?page=2">Következő oldal</a>

<!-- Külső linkek -->
<a href="https://google.com">Google</a>
<a href="https://moz.com">Moz</a>

2. Anchor Text Analízis

Frequency distribution:

Megszámolja, hányszor használsz egy anchor text-et
Top 20 leggyakoribb
Percentage breakdown
Visual progress bar

Példa kimenet:

"Title Tag Optimalizálás"
24× használat (18.5%)
[████████████████████░░░░] 

"Meta Description"
18× használat (13.8%)
[██████████████░░░░░░░░░░]

"SEO Guide"
12× használat (9.2%)
[██████████░░░░░░░░░░░░░░]

"kattints ide"  ⚠️
6× használat (4.6%)
[█████░░░░░░░░░░░░░░░░░░░]

Mit keress:

✅ Változatosság: Nem repetitív anchor text-ek
✅ Leíró: Kulcsszó-gazdag, értelmes anchor-ok
❌ Generic: “kattints ide”, “itt”, “tovább” → Javítsd!
❌ Over-optimization: Túl sok exact match ugyanarra

3. Link Distribution

Mely URL-ek kapják a legtöbb belső linket?

Top 15 list:

/blog/seo-guide
12 bejövő link
[████████████████████████]

/services/seo-audit
8 bejövő link
[████████████████░░░░░░░░]

/blog/title-tag
5 bejövő link
[██████████░░░░░░░░░░░░░░]

/privacy-policy  ⚠️
1 bejövő link
[██░░░░░░░░░░░░░░░░░░░░░░]

Mit keress:

✅ Fontos oldalak élre: Szolgáltatások, pillar pages, top content
❌ Lényegtelen oldalak top-on: ÁSZF, Adatvédelem túl sok linkkel
❌ Orphan pages: 0 bejövő link (nem jelenik meg a listán!)

4. Issue Detection

Automatikus problémák észlelése:

❌ Hiba #1: Link sehova sem mutat

<a href="#">Kattints ide</a>

Probléma: href="#" nem mutat sehova.

Megoldás: Használj érvényes URL-t vagy same-page anchor-t (#section-1).

❌ Hiba #2: Broken Same-Page Link

<a href="#section-2">Ugrás a szekcióhoz</a>

De nincs: <div id="section-2">

Probléma: Same-page link broken, nem találja az elemet.

Megoldás: Add hozzá az ID-t: <div id="section-2">.

⚠️ Figyelmeztetés #1: Üres Anchor Text

<a href="/page"></a>

Probléma: Nincs anchor text, nem tudja a user/Google, miről szól.

Megoldás: Add hozzá a leíró szöveget: <a href="/page">Oldal Neve</a>.

⚠️ Figyelmeztetés #2: Generic Anchor Text

<a href="/seo-guide">kattints ide</a>
<a href="/title-tag">itt</a>

Probléma: “Kattints ide”, “itt” nem leíró, nincs SEO érték.

Megoldás:

<a href="/seo-guide">SEO útmutató kezdőknek</a>
<a href="/title-tag">title tag optimalizálási tippek</a>

💡 Internal Link Best Practices

DO (Csináld):

✅ Leíró anchor text: “Title Tag Optimalizálás”, nem “kattints ide”
✅ Változatosság: Variáld az anchor text-eket
✅ Contextual linkek: Cikk szövegében, nem csak navigációban
✅ Fontos oldalak több linket: Szolgáltatások, pillar pages
✅ Orphan pages elkerülése: Minden oldal kapjon legalább 1 linket
✅ Same-page linkek validálása: Ellenőrizd, hogy az ID létezik

DON’T (Ne csináld):

❌ Generic anchor: “kattints ide”, “itt”, “tovább”
❌ Üres anchor text: <a href="..."></a>
❌ Broken linkek: href="#", hibás same-page linkek
❌ Over-optimization: 50× “SEO tippek” ugyanarra az oldalra
❌ Túl sok link: 200+ link egy oldalon

🎨 Funkciók Részletesen

1. HTML Parser

DOMParser API:

const parser = new DOMParser();
const doc = parser.parseFromString(html, 'text/html');
const links = doc.querySelectorAll('a[href]');

Kinyeri:

Összes <a href="..."> elemet
Anchor text (link.textContent)
URL (link.getAttribute('href'))

2. Statistics Dashboard

4 vizuális metrika kártya:

Art Deco stílus (skewed boxes)
Amber/Orange/Yellow gradiens
Nagy font size számokkal
Real-time frissítés

3. Anchor Text List

Top 20 anchor text:

Frequency count
Percentage (%)
Visual progress bar (amber/orange gradiens)
Sorted by használat (legtöbbtől legkevesebbig)

4. Link Distribution Chart

Top 15 URL:

Bejövő link count
Visual progress bar (orange/amber gradiens)
Max count = 100% szélesség
Sorted by count (legtöbbtől legkevesebbig)

5. Issue Cards

Color-coded warnings:

❌ Piros (error): Kritikus hiba (broken link, # link)
⚠️ Sárga (warning): Figyelmeztetés (empty anchor, generic text)
✅ Zöld (success): Minden rendben

Issue részletei:

Hiba típusa (Hiba / Figyelmeztetés)
Leíró üzenet
HTML snippet (escaped)

📱 Responsive Design

Layout:

Mobil (< 768px): Stacked (textarea + results)
Tablet (768-1024px): Wide layout
Desktop (1024px+): Full width analyzer

Dark mode:

Amber/orange/yellow gradiens
Geometric Art Deco patterns
Angular shapes (skew transforms)

🔗 Kapcsolódó Eszközök

Használd együtt:

Title Tag Optimizer - Title optimalizálás
Schema Generator - Strukturált adatok
Meta Description Ellenőrző - Meta leírás

🎓 További Tanulás

Olvasd el:

❓ Gyakori Kérdések

Hány belső link legyen egy oldalon? Nincs fix limit. Blog cikk: 3-10, kategória oldal: 20-50, főoldal: 30-100. Túl sok (200+) dilute-álja a PageRank-et.

Mi az az orphan page? Olyan oldal, amelyre NEM mutat egyetlen belső link sem. Google nehezen találja meg és indexeli. Adj hozzá legalább 1 linket!

Milyen anchor text a legjobb? Leíró, kulcsszó-gazdag, de változatos! 40-50% partial match, 20-30% branded, 10-20% exact match, < 10% generic.

Mi a különbség a contextual és navigational link között? Contextual = cikk szövegében, navigational = header/footer/sidebar. Contextual linkek nagyobb SEO értékűek.

Hogyan javítom a link distribution-t? Több link fontos oldalakra (szolgáltatások, pillar pages). Kevesebb link lényegtelen oldalakra (ÁSZF, adatvédelem).

Használhatok több ugyanolyan anchor text-et? Igen, de ne túlzásba! Túl sok exact match (pl. 20× “SEO tippek” ugyanarra) over-optimization.

Internal Link Analyzer

HTML Beillesztés

Statisztikák

Anchor Text Elemzés

Link Megoszlás

Problémák

🎯 Mire Jó Ez Az Eszköz?

🚀 Hogyan Használd?

1. Illeszd Be a HTML Kódot

2. Kattints az “Elemzés Indítása” Gombra

3. Nézd a Statisztikákat