Schema Markup Generator
Generálj Schema.org JSON-LD strukturált adatokat egyszerűen.
Article, Product, LocalBusiness, FAQ és több.
1Válassz Schema Típust
A Schema Markup Generator egy ingyenes eszköz Schema.org strukturált adatok (JSON-LD) egyszerű generálásához.
🎯 Mire Jó Ez Az Eszköz?
A schema markup (strukturált adatok) segíti a Google-t megérteni az oldal tartalmát és rich snippets megjelenítését a SERP-ben.
Rich snippets előnyei:
- ⭐ 5 csillagos értékelés megjelenítése
- 💰 Termék ár a találatokban
- 📍 Helyi vállalkozás info (cím, telefonszám, nyitvatartás)
- ❓ FAQ doboz közvetlenül a SERP-ben
- 🍞 Breadcrumb navigáció az URL helyett
- 📅 Esemény dátum és helyszín
Problémák schema nélkül:
- ❌ Generic snippet: Csak title + meta description
- ❌ Kevesebb hely: Nem használod ki a SERP felületet
- ❌ Alacsonyabb CTR: Konkurencia kiemelkedőbb
Megoldás ezzel az eszközzel:
- ✅ 6 schema típus: Article, Product, LocalBusiness, FAQ, Organization, BreadcrumbList
- ✅ Egyszerű form: Töltsd ki a mezőket
- ✅ Automatikus generálás: JSON-LD kód azonnal
- ✅ Copy-paste: Illeszd be a HTML-be
- ✅ Syntax highlight: Könnyen olvasható output
🚀 Hogyan Használd?
1. Válaszd Ki a Schema Típust
6 típus közül:
- 📄 Article - Blog cikkek, hírek
- 🛒 Product - E-commerce termékek
- 🏢 LocalBusiness - Helyi vállalkozások
- ❓ FAQ - Gyakori kérdések
- 🏛️ Organization - Cég, szervezet
- 🍞 BreadcrumbList - Navigációs útvonal
2. Töltsd Ki a Form Mezőket
Minden típusnak különböző mezői vannak:
Article Schema:
- Cikk címe
- Rövid leírás
- Szerző neve
- Közzététel dátuma
- Kép URL
Product Schema:
- Termék neve
- Termék leírása
- Márka
- Ár (Ft)
- Kép URL
- Értékelés (1-5) - opcionális
- Értékelések száma - opcionális
LocalBusiness Schema:
- Vállalkozás neve
- Leírás
- Cím
- Telefonszám
- Ár kategória (pl. $$)
- Kép URL
FAQ Schema:
- Dinamikus kérdés-válasz párok
- + Kérdés hozzáadása gomb
- Max 10 FAQ elem
Organization Schema:
- Szervezet neve
- Leírás
- Website URL
- Logó URL
- Email - opcionális
- Telefonszám - opcionális
BreadcrumbList Schema:
- Dinamikus breadcrumb elemek
- + Elem hozzáadása gomb
- Oldal neve + URL párok
3. Generáld a Schema Kódot
Kattints a “🚀 Schema Generálása” gombra.
4. Másold Be a HTML-be
Generált kód:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Title Tag Optimalizálás",
"description": "Részletes útmutató...",
"author": {
"@type": "Person",
"name": "Kovács János"
},
"datePublished": "2026-01-18",
"image": "https://example.com/image.jpg"
}
</script>Hova illesszd:
<!DOCTYPE html>
<html>
<head>
<title>Title Tag Optimalizálás</title>
<!-- Illeszd be ide, közvetlenül a </head> elé -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
...
}
</script>
</head>
<body>
...
</body>
</html>5. Teszteld a Schema-t
Google Rich Results Test:
- Menj ide:
https://search.google.com/test/rich-results - Illeszd be az URL-t vagy a kódot
- Kattints “Test URL” vagy “Test Code”
- Nézd meg az eredményt
📊 Schema Típusok Részletesen
1. Article Schema (Blog Cikkek, Hírek)
Mire jó:
- Blog cikkek
- Hírek
- Szakmai cikkek
Rich snippet:
[Thumbnail Image]
Title Tag Optimalizálás - 10 Arany Szabály
seotudas.hu › blog › title-tag
By Kovács János • Jan 18, 2026
Tanuld meg a title tag optimalizálást...Példa kimenet:
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Title Tag Optimalizálás - 10 Arany Szabály",
"description": "Tanuld meg...",
"author": {
"@type": "Person",
"name": "Kovács János"
},
"datePublished": "2026-01-18",
"image": "https://seotudas.hu/images/title-tag.jpg"
}2. Product Schema (E-commerce Termékek)
Mire jó:
- Webshop termékek
- Marketplace listázások
Rich snippet:
[Product Image]
iPhone 15 Pro Max - 256GB Titán
Apple
⭐⭐⭐⭐⭐ 4.8 (127 értékelés)
549,990 Ft
RaktáronPélda kimenet:
{
"@context": "https://schema.org",
"@type": "Product",
"name": "iPhone 15 Pro Max - 256GB Titán",
"description": "Legújabb iPhone...",
"brand": {
"@type": "Brand",
"name": "Apple"
},
"offers": {
"@type": "Offer",
"price": "549990",
"priceCurrency": "HUF"
},
"image": "https://shop.com/iphone.jpg",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": "127"
}
}3. LocalBusiness Schema (Helyi Vállalkozások)
Mire jó:
- Étterem, kávézó
- Üzlet, szalon
- Szolgáltatók
Rich snippet:
Pizzéria Napoli
⭐⭐⭐⭐☆ 4.5 (89 értékelés)
📍 Budapest, Fő utca 12
📞 +36 1 234 5678
💰 $$
⏰ Nyitva • Zár 22:00-korPélda kimenet:
{
"@context": "https://schema.org",
"@type": "Restaurant",
"name": "Pizzéria Napoli",
"description": "Autentikus olasz pizza",
"address": {
"@type": "PostalAddress",
"streetAddress": "Budapest, Fő utca 12"
},
"telephone": "+36 1 234 5678",
"priceRange": "$$",
"image": "https://napoli.hu/logo.jpg"
}4. FAQ Schema (Gyakori Kérdések)
Mire jó:
- FAQ oldalak
- Támogatás / Help center
- Termék Q&A
Rich snippet (SERP-ben doboz):
▼ Mi az a title tag?
A title tag az oldal címe, ami a böngésző
tab-ban és a Google keresési találatokban...
▼ Mennyi az ideális hossz?
50-60 karakter az optimális...Példa kimenet:
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Mi az a title tag?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A title tag..."
}
},
{
"@type": "Question",
"name": "Mennyi az ideális hossz?",
"acceptedAnswer": {
"@type": "Answer",
"text": "50-60 karakter..."
}
}
]
}5. Organization Schema (Cég, Szervezet)
Mire jó:
- Céges honlapok
- Brand awareness
- Knowledge Graph
Google Knowledge Panel:
╔═══════════════════════════╗
║ [Logo] SEOTudás Kft. ║
║ ║
║ SEO tanácsadás és oktatás ║
║ ║
║ 🌐 https://seotudas.hu ║
║ 📧 info@seotudas.hu ║
║ 📞 +36 1 234 5678 ║
╚═══════════════════════════╝Példa kimenet:
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "SEOTudás Kft.",
"description": "SEO tanácsadás...",
"url": "https://seotudas.hu",
"logo": "https://seotudas.hu/logo.png",
"email": "info@seotudas.hu",
"telephone": "+36 1 234 5678"
}6. BreadcrumbList Schema (Navigáció)
Mire jó:
- Breadcrumb trail
- Site structure
- Jobb UX
SERP megjelenés:
seotudas.hu › Technikai SEO › On-Page › Title Tag
Title Tag Optimalizálás - 10 Arany SzabályPélda kimenet:
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Főoldal",
"item": "https://seotudas.hu"
},
{
"@type": "ListItem",
"position": 2,
"name": "Technikai SEO",
"item": "https://seotudas.hu/technikai-seo"
},
{
"@type": "ListItem",
"position": 3,
"name": "On-Page SEO",
"item": "https://seotudas.hu/technikai-seo/on-page-seo"
},
{
"@type": "ListItem",
"position": 4,
"name": "Title Tag",
"item": "https://seotudas.hu/technikai-seo/on-page-seo/title-tag"
}
]
}💡 Schema Best Practices
DO (Csináld):
- ✅ Valós adatok: Ne hazudj (ár, értékelés, stb.)
- ✅ Teljes mezők: Töltsd ki az összes releváns mezőt
- ✅ Tesztelés: Google Rich Results Test
- ✅ Látható tartalom: Schema === Látható oldaltartalom
- ✅ Frissítés: Tartsd naprakészen (ár, nyitvatartás)
DON’T (Ne csináld):
- ❌ Fake reviews: Hamis értékelések
- ❌ Schema spam: Irreleváns schema típusok
- ❌ Hidden content: Schema van, tartalom nincs
- ❌ Duplikáció: Több ugyanolyan schema
- ❌ Hamis ígéretek: “Ingyenes” de fizetős
🎨 Funkciók Részletesen
1. Dinamikus Form Generálás
Amikor kiválasztasz egy típust:
- Form azonnal megjelenik
- Releváns mezők a típushoz
- Required mezők csillaggal jelölve
- Placeholder példákkal
2. FAQ Builder
Dinamikus kérdés-válasz hozzáadás:
- Kezdetben 3 FAQ kártya
- + Kérdés hozzáadása gomb
- Max 10 FAQ elem
- Minden kártya: Kérdés + Válasz textarea
3. Breadcrumb Builder
Navigációs útvonal építés:
- Kezdetben 3 breadcrumb elem
- + Elem hozzáadása gomb
- Minden elem: Oldal neve + URL
- Automatikus position számozás (1, 2, 3…)
4. JSON-LD Kimenet
Syntax highlighted code block:
- Színes JSON
- Indentált struktúra
- Könnyen olvasható
5. Copy to Clipboard
Egy kattintás:
- Teljes
<script>tag másolása - “✓ Másolva!” visszajelzés
- Beillesztheted a HTML-be
📱 Responsive Design
Layout:
- Mobil (< 768px): Stacked (form fent, output lent)
- Tablet (768-1024px): Side-by-side
- Desktop (1024px+): Wide layout
Dark mode:
- Emerald/teal/cyan gradiens
- Organic SVG pattern háttér
- Soft shadows
🔗 Kapcsolódó Eszközök
Használd együtt:
- Title Tag Optimizer - Title optimalizálás
- Meta Description Ellenőrző - Meta description
- Robots.txt Validator - Crawling kontrolpercent
🎓 További Tanulás
Olvasd el:
❓ Gyakori Kérdések
Mi az a JSON-LD? JSON-LD (JavaScript Object Notation for Linked Data) egy strukturált adat formátum, amit a Google preferál. Egyszerűbb mint a Microdata vagy RDFa.
Hova illesszem a generált kódot?
A <head> részbe, közvetlenül a </head> tag elé. Lehet több schema is egy oldalon!
Garantálja a rich snippet megjelenítését? Nem! Google dönti el, hogy megjeleníti-e. De schema használata jelentősen növeli az esélyeket.
Lehet több schema típus egy oldalon? Igen! Például Article + BreadcrumbList + Organization együtt is lehet.
Kell minden oldalnak schema? Nem kötelező, de ajánlott. Fő oldalak (főoldal, termék, cikk) mindenképp kapjanak!
Hogyan tesztelem a schema-t?
Google Rich Results Test: https://search.google.com/test/rich-results