Meta tag (Meta címke): A HTML elem definíciója és SEO-ban betöltött szerepe

A meta tag egy fontos HTML elem, amely információkat közvetít a weboldal tartalmáról a keresőmotorok számára. Segít a SEO-ban, mert pontosan meghatározza az oldal témáját, így jobb helyezést érhet el a találati listákon.
ITSZÓTÁR.hu
35 Min Read
Gyors betekintő

A weboldalak felépítésének és a digitális tartalomfogyasztásnak az alapkövei közé tartoznak azok az apró, de annál jelentősebb kódrészletek, amelyeket meta címkéknek, vagy angolul meta tageknek nevezünk. Ezek a HTML dokumentumok fejlécrészében (``) elhelyezkedő elemek láthatatlanok a felhasználók számára a böngészőben, ám kritikus információkat szolgáltatnak a keresőmotoroknak és a webes alkalmazásoknak a weboldal tartalmáról, szerkezetéről és viselkedéséről. A meta címkék megértése és helyes alkalmazása nélkülözhetetlen a modern keresőoptimalizálásban (SEO), hiszen közvetlenül befolyásolják, hogyan értelmezik és rangsorolják a keresőmotorok az adott oldalt.

Egy weboldal sikeressége nagymértékben múlik azon, hogy a keresőmotorok mennyire képesek hatékonyan indexelni és relevánsan megjeleníteni azt a keresési találatok között. A meta címkék ebben a folyamatban kulcsszerepet játszanak, hiszen ők adják meg az elsődleges jeleket a robotoknak arról, hogy miről is szól az oldal. Gondoljunk rájuk úgy, mint egy digitális névjegykártyára, amely tömör, de lényeges információkat tartalmaz, segítve ezzel a gyors és pontos azonosítást a hatalmas online információdömpingben.

A meta címke definíciója és alapvető felépítése

A meta címke egy HTML elem, amelyet a weboldal forráskódjának `` szekciójában helyeznek el. Funkciója, hogy metaadatokat – azaz adatokat az adatokról – szolgáltasson a dokumentumról. Ezek az információk nem jelennek meg közvetlenül az oldal tartalmában, de rendkívül fontosak a böngészők, a keresőmotorok és más webes szolgáltatások számára, hogy megértsék és feldolgozzák az oldal tartalmát.

A meta címkék általános szintaxisa a következő:

<meta name="attribútum_neve" content="attribútum_értéke">

Vannak azonban kivételek, mint például a `` vagy a ``, amelyek nem a `name` és `content` attribútumokat használják. A leggyakoribb attribútumok a `name`, a `content`, a `charset` és a `http-equiv`.

  • name attribútum: Meghatározza a metaadat típusát (pl. „description”, „keywords”, „robots”, „viewport”).
  • content attribútum: Tartalmazza a metaadat értékét (pl. az oldal leírását, a kulcsszavakat, a robotoknak szóló utasításokat).
  • charset attribútum: Meghatározza a dokumentum karakterkódolását (pl. „UTF-8”), ami elengedhetetlen a helyes szövegmegjelenítéshez.
  • http-equiv attribútum: HTTP fejléceket szimulál, például a tartalomtípus (`Content-Type`) vagy az oldal frissítésének (`Refresh`) beállítására szolgál.

Ezen attribútumok kombinációjával adhatunk pontos és specifikus információkat a weboldalról, amelyek nélkülözhetetlenek a modern webes ökoszisztémában. A meta címkék sokfélesége és a bennük rejlő lehetőségek teszik őket a SEO stratégia egyik alappillérévé.

A meta címkék története és evolúciója a SEO-ban

A meta címkék története szorosan összefonódik a keresőmotorok fejlődésével. A web hajnalán, amikor a keresőmotorok még gyerekcipőben jártak, a meta címkék, különösen a meta keywords (meta kulcsszavak) kulcsfontosságú szerepet játszottak az oldalak rangsorolásában. A webmesterek lelkesen tömték tele ezeket a címkéket releváns és irreleváns kulcsszavakkal egyaránt, abban a reményben, hogy ezáltal javítják oldaluk láthatóságát.

Ez a gyakorlat azonban gyorsan visszaélt a rendszerrel. A kulcsszóhalmozás (keyword stuffing) elterjedt jelenséggé vált, ami rontotta a keresési eredmények minőségét. A keresőmotorok, élükön a Google-lel, rájöttek, hogy a meta keywords könnyen manipulálható, és kevésbé megbízható jelzés az oldal tartalmát illetően, mint maga a tartalom szövege. Ennek következtében a meta keywords jelentősége drámaian csökkent a rangsorolási algoritmusokban. Ma már a Google hivatalosan is kijelentette, hogy nem használja a meta keywords címkét a webes rangsorolásához.

Ennek ellenére a meta címkék nem vesztették el teljesen a relevanciájukat. Inkább a szerepük alakult át. Míg egyesek, mint a meta keywords, háttérbe szorultak, mások, mint a meta description (meta leírás) és a title tag (bár technikailag nem meta címke, de szorosan kapcsolódik hozzá), továbbra is létfontosságúak maradtak, de más okból. A hangsúly a közvetlen rangsorolási faktorból áttevődött a felhasználói élményre, a kattintási arányra (CTR) és a keresőtalálati oldalon (SERP) való megjelenésre.

A modern SEO-ban a meta címkék célja, hogy pontos, vonzó és releváns információkat nyújtsanak a felhasználóknak és a keresőmotoroknak, segítve ezzel a navigációt és a tartalom megtalálását. A fejlődés során új típusú meta címkék is megjelentek, amelyek a mobil eszközökre optimalizálást, a közösségi média megosztásokat és egyéb specifikus funkciókat szolgálnak. Ez a dinamikus fejlődés mutatja, hogy a meta címkék továbbra is a webes infrastruktúra alapvető és alkalmazkodó elemei maradnak.

A meta címkék evolúciója rávilágít arra, hogy a SEO nem statikus diszciplína, hanem folyamatosan alkalmazkodik a technológiai fejlődéshez és a felhasználói viselkedés változásaihoz. Ami tegnap működött, az ma már irreleváns lehet, de az alapvető cél – a releváns tartalom megtalálásának segítése – változatlan marad.

A legfontosabb meta címkék és a SEO-ban betöltött szerepük

Bár a meta címkék sokfélék, néhány kiemelten fontos a keresőoptimalizálás szempontjából. Ezeket érdemes részletesebben megvizsgálni, hogy pontosan megértsük, hogyan járulnak hozzá egy weboldal online sikeréhez.

A <title> tag: a weboldal címsora

Technikailag a <title> tag nem egy meta címke, hanem egy önálló HTML elem, de annyira szorosan kapcsolódik a metaadatokhoz és olyan alapvető a SEO-ban, hogy elengedhetetlen róla beszélni ebben a kontextusban. A `` tag a böngésző lapján vagy ablakának címsorában megjelenő szöveget határozza meg, és ez az, ami a legprominensebben látszik a keresőtalálati oldalakon (SERP) is, mint a találat kék, kattintható címe.</p> <p>A <strong>title tag</strong> az egyik legerősebb <strong>rangsorolási faktor</strong>. A Google és más keresőmotorok ezt használják az oldal fő témájának megértéséhez. Ezen felül ez az első benyomás, amit a felhasználók szereznek az oldalról a keresési eredmények között, így közvetlenül befolyásolja az átkattintási arányt (CTR).</p> <h4 id="optimalis-title-tag-irasanak-szempontjai" class="rb-heading-index-4">Optimális title tag írásának szempontjai:</h4> <ul> <li><strong>Relevancia és kulcsszavak</strong>: A címnek pontosan tükröznie kell az oldal tartalmát. A legfontosabb <strong>kulcsszavakat</strong> érdemes a cím elején elhelyezni, természetesen, nem erőltetetten.</li> <li><strong>Hosszúság</strong>: Ideális esetben a title tag hossza 50-60 karakter között van. Ez biztosítja, hogy a cím ne vágódjon le a SERP-en. A Google pixel alapú megjelenítést használ, így a szélesebb karakterek (pl. „W”) hamarabb kitöltik a helyet.</li> <li><strong>Egyediség</strong>: Minden oldalnak egyedi title taggel kell rendelkeznie. A duplikált címek negatívan befolyásolhatják a rangsorolást.</li> <li><strong>Márkanév</strong>: Sok esetben érdemes a márka nevét is beilleszteni a címbe, különösen, ha az erős márkaértékkel bír (pl. „Termék neve | Kategória | Márkanév”).</li> <li><strong>Vonzó megfogalmazás</strong>: A címnek nemcsak informálónak, hanem vonzónak is kell lennie, hogy ösztönözze a felhasználókat a kattintásra.</li> </ul> <p>Egy jól megírt title tag nem csupán a keresőmotoroknak segít, hanem a felhasználói élményt is javítja, hiszen a releváns és informatív címek növelik a bizalmat és a kattintási hajlandóságot.</p> <h3 id="a-meta-description-a-weboldal-leirasa-a-serpen" class="rb-heading-index-5">A meta description: a weboldal leírása a SERP-en</h3> <p>A <strong><code><meta name="description" content="..."></code></strong> címke egy rövid összefoglalót nyújt az oldal tartalmáról. Bár a Google hivatalosan nem használja közvetlen rangsorolási faktorként, a <strong>meta description</strong> rendkívül fontos a <strong>CTR</strong> szempontjából. Ez a szöveg jelenik meg a title tag alatt a keresőtalálati oldalon, és ez alapján dönti el a felhasználó, hogy releváns-e számára az adott találat.</p> <figure class="wp-block-pullquote"> <blockquote><p> A meta description a weboldalad mini reklámja a Google-ben. Ha jól van megírva, meggyőzi a felhasználókat, hogy a te oldaladra kattintsanak. </p></blockquote> </figure> <h4 id="hatekony-meta-description-irasanak-iranyelvei" class="rb-heading-index-6">Hatékony meta description írásának irányelvei:</h4> <ul> <li><strong>Pontosság és relevancia</strong>: A leírásnak hűen kell tükröznie az oldal tartalmát. Ne ígérj olyat, amit az oldal nem teljesít.</li> <li><strong>Hosszúság</strong>: Ideális esetben 150-160 karakter körüli. Mobil eszközökön ez rövidebb is lehet. A Google gyakran dinamikusan változtatja a megjelenített hosszt, de ez egy jó irányadó.</li> <li><strong>Kulcsszavak beépítése</strong>: Bár nem rangsorolási faktor, a keresőmotorok kiemelik (félkövérrel szedik) a leírásban szereplő, a felhasználó által keresett kulcsszavakat. Ez vizuálisan vonzóbbá teszi a találatot.</li> <li><strong>Cselekvésre ösztönzés (CTA)</strong>: Használj cselekvésre ösztönző kifejezéseket, mint például „Tudj meg többet”, „Vásárolj most”, „Nézd meg kínálatunkat”, hogy motiváld a felhasználókat a kattintásra.</li> <li><strong>Egyediség</strong>: Minden oldalhoz egyedi meta description szükséges. A duplikált leírások rontják a felhasználói élményt és a professzionalizmust.</li> </ul> <p>Egy jól megfogalmazott meta description jelentősen javíthatja az átkattintási arányt, ami közvetetten jelezheti a Google számára az oldal relevanciáját és értékét.</p> <h3 id="a-meta-robots-tag-utasitasok-a-keresomotoroknak" class="rb-heading-index-7">A meta robots tag: utasítások a keresőmotoroknak</h3> <p>A <strong><code><meta name="robots" content="..."></code></strong> címke alapvető fontosságú a weboldalak indexelésének és feltérképezésének szabályozásában. Ez a címke adja meg a keresőmotorok robotjainak, hogy mit tehetnek és mit nem tehetnek az adott oldallal kapcsolatban. Ez egy rendkívül erőteljes eszköz a <strong>SEO szakemberek</strong> kezében, amellyel kontrollálhatják a tartalom láthatóságát a keresőtalálatok között.</p> <h4 id="a-meta-robots-tag-leggyakoribb-ertekei" class="rb-heading-index-8">A meta robots tag leggyakoribb értékei:</h4> <ul> <li><strong><code>index</code></strong>: Engedélyezi az oldal indexelését. Ez az alapértelmezett viselkedés, ha nincs megadva robots tag, de expliciten is megadható.</li> <li><strong><code>noindex</code></strong>: Megakadályozza az oldal indexelését. Az oldal nem jelenik meg a keresési eredmények között. Ezt gyakran használják adminisztrációs felületek, tesztoldalak vagy alacsony minőségű tartalmak esetén.</li> <li><strong><code>follow</code></strong>: Engedélyezi a robotoknak, hogy kövessék az oldalon található linkeket. Ez is az alapértelmezett.</li> <li><strong><code>nofollow</code></strong>: Megakadályozza a robotokat abban, hogy kövessék az oldalon található linkeket, így nem adnak át „link juice”-t a hivatkozott oldalaknak. Hasznos lehet fizetett linkek, felhasználói kommentek vagy megbízhatatlan források linkelésekor.</li> <li><strong><code>noarchive</code></strong>: Megakadályozza, hogy a keresőmotorok gyorsítótárazott másolatot készítsenek az oldalról.</li> <li><strong><code>nosnippet</code></strong>: Megakadályozza, hogy a keresőmotorok snippetet (leírást) jelenítsenek meg az oldalból a SERP-en.</li> <li><strong><code>max-snippet:[szám]</code></strong>: Meghatározza a snippet maximális karakterhosszát.</li> <li><strong><code>max-image-preview:[none|standard|large]</code></strong>: Szabályozza a képek előnézetének méretét a SERP-en.</li> <li><strong><code>max-video-preview:[szám]</code></strong>: Meghatározza a videók előnézetének maximális másodpercben kifejezett hosszát.</li> </ul> <p>Ezek az értékek kombinálhatók vesszővel elválasztva (pl. <code><meta name="robots" content="noindex, nofollow"></code>). A meta robots tag helyes alkalmazása kulcsfontosságú a <strong>SEO stratégia</strong> szempontjából, különösen a duplikált tartalom kezelésében vagy a privát oldalak elrejtésében.</p> <h3 id="a-meta-charset-a-karakterkodolas-meghatarozasa" class="rb-heading-index-9">A meta charset: a karakterkódolás meghatározása</h3> <p>A <strong><code><meta charset="UTF-8"></code></strong> címke talán az egyik legkevésbé szexi, de annál fontosabb meta címke. Ez határozza meg a dokumentum karakterkódolását. A legelterjedtebb kódolás ma az <strong>UTF-8</strong>, amely támogatja a világ összes nyelvét, beleértve a magyar ékezetes karaktereket is.</p> <p>A helyes karakterkódolás beállítása elengedhetetlen a weboldal megfelelő megjelenéséhez. Ha hiányzik vagy hibás, a böngésző rosszul értelmezheti a karaktereket, ami olvashatatlan szöveghez (ún. „krix-krax” karakterekhez) vezethet. Ez súlyosan rontja a <strong>felhasználói élményt</strong> és közvetve negatívan befolyásolhatja a SEO-t, hiszen a felhasználók azonnal elhagyják az olvashatatlan oldalt.</p> <p>Mindig győződjünk meg arról, hogy az oldalunkon a `<meta charset="UTF-8">` címke szerepel, és az a `<head>` szekció elején helyezkedik el, még az első olyan elem előtt, amely karaktereket tartalmazhat.</p> <h3 id="a-meta-viewport-reszponzivitas-es-mobil-optimalizalas" class="rb-heading-index-10">A meta viewport: reszponzivitás és mobil optimalizálás</h3> <p>A <strong><code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code></strong> címke nélkülözhetetlen a modern webdesign és a <strong>mobil SEO</strong> szempontjából. Ez a címke utasítja a böngészőt, hogy hogyan skálázza az oldalt különböző képernyőméretekhez.</p> <ul> <li><strong><code>width=device-width</code></strong>: Beállítja a nézetablak szélességét az eszköz szélességére.</li> <li><strong><code>initial-scale=1.0</code></strong>: Beállítja a kezdeti nagyítási szintet, általában 1:1 arányban.</li> </ul> <p>Ez a meta címke teszi lehetővé a <strong>reszponzív design</strong> működését, biztosítva, hogy a weboldal megfelelően jelenjen meg és könnyen használható legyen bármilyen eszközön, legyen az asztali számítógép, tablet vagy okostelefon. Mivel a mobilbarát weboldalak kiemelt rangsorolási faktorok a Google számára, a viewport címke hiánya vagy hibás beállítása súlyosan ronthatja a mobil keresési eredményekben való láthatóságot.</p> <blockquote><p> A Google a mobilbarát oldalaknak prioritást ad a mobil keresési eredményekben. A viewport meta címke a reszponzív design alapja, és elengedhetetlen a jó mobil SEO-hoz. </p></blockquote> <h3 id="a-meta-keywords-a-mult-emleke" class="rb-heading-index-11">A meta keywords: a múlt emléke</h3> <p>Mint korábban említettük, a <strong><code><meta name="keywords" content="..."></code></strong> címke egykor rendkívül fontos volt, de ma már a Google és a legtöbb jelentős keresőmotor nem használja rangsorolási faktorként. Ezért a beillesztése nem jár előnnyel a Google-ben való rangsorolás szempontjából, és feleslegesen növeli az oldal forráskódját.</p> <p>Bár néhány kisebb keresőmotor vagy belső keresőrendszer még használhatja, a legtöbb SEO szakember azt tanácsolja, hogy ne fordítsunk rá időt. Főleg ne tömjük tele kulcsszavakkal, mert ez rossz jelzés lehet, ha egyáltalán figyelembe veszi valami.</p> <h3 id="a-meta-refresh-kerulendo-a-seoban" class="rb-heading-index-12">A meta refresh: kerülendő a SEO-ban</h3> <p>A <strong><code><meta http-equiv="refresh" content="5;url=http://www.example.com/"></code></strong> címke automatikus átirányítást végez egy másik URL-re egy megadott idő elteltével. Bár technikailag működik, <strong>a SEO szempontjából erősen kerülendő</strong>.</p> <p>A Google és más keresőmotorok a meta refresh átirányításokat gyakran spam-gyanúsnak tekintik, és rosszul kezelhetik őket. Emellett rontja a felhasználói élményt, mivel a látogatók váratlanul egy másik oldalra kerülhetnek. Hosszabb átirányítási láncokhoz vezethet, ami a link juice elvesztésével járhat.</p> <p>Hosszú távú átirányításokhoz mindig a <strong>301-es átirányítást</strong> (szerveroldali átirányítás) javasolt használni, amely a leginkább SEO-barát megoldás.</p> <h3 id="a-meta-author-es-meta-generator-informacios-celokra" class="rb-heading-index-13">A meta author és meta generator: információs célokra</h3> <p>A <strong><code><meta name="author" content="Szerző neve"></code></strong> és <strong><code><meta name="generator" content="CMS neve"></code></strong> címkék információs célt szolgálnak. Az `author` megadja az oldal tartalmának szerzőjét, míg a `generator` azt a szoftvert (pl. WordPress, Joomla), amellyel az oldal készült.</p> <p>Ezek a címkék <strong>nincsenek közvetlen hatással a Google rangsorolására</strong>. Az author címke relevanciája nőhetett volna a Google Authorship program idején, de az már megszűnt. Ma már inkább a szakmai hitelesség és a tartalomkészítők azonosítása szempontjából lehetnek érdekesek, de a keresőoptimalizálásban elhanyagolható a szerepük.</p> <h2 id="kozossegi-media-meta-cimkek-open-graph-es-twitter-cards" class="rb-heading-index-14">Közösségi média meta címkék: Open Graph és Twitter Cards</h2> <figure><img decoding="async" src="https://itszotar.hu/wp-content/uploads/2025/08/kozossegi-media-meta-cimkek-open-graph-es-twitter-cards.jpg" alt="Az Open Graph és Twitter Cards javítják a megosztás megjelenését." /><figcaption>Az Open Graph és Twitter Cards meta címkék növelik a megosztott tartalmak láthatóságát és kattintási arányát.</figcaption></figure> <p>A modern online marketingben a <strong>közösségi média</strong> kulcsfontosságú szerepet játszik a tartalom terjesztésében és a forgalom generálásában. A hagyományos meta címkéken túl, léteznek speciális meta címkék is, amelyek arra szolgálnak, hogy a weboldal tartalma optimálisan jelenjen meg a különböző közösségi platformokon történő megosztáskor. Ezek az <strong>Open Graph protokoll</strong> (főleg Facebook, LinkedIn) és a <strong>Twitter Cards</strong>.</p> <p>Ezek a címkék bár közvetlenül nem befolyásolják a Google rangsorolását, közvetetten igen, hiszen javítják a megosztott tartalom megjelenését, növelik a kattintási arányt a közösségi médiában, ami több forgalmat eredményezhet a weboldalra. A fokozott forgalom és a felhasználói elkötelezettség pedig pozitív jelzést küldhet a keresőmotoroknak.</p> <h3 id="open-graph-og-cimkek" class="rb-heading-index-15">Open Graph (OG) címkék</h3> <p>Az <strong>Open Graph protokoll</strong> lehetővé teszi, hogy a weboldalak gazdagabb előnézetet biztosítsanak, amikor a Facebookon, LinkedInen vagy más közösségi platformon megosztják őket. Ezek a címkék a `<head>` szekcióban helyezkednek el, és az `og:` előtagot használják.</p> <h4 id="alapveto-open-graph-cimkek" class="rb-heading-index-16">Alapvető Open Graph címkék:</h4> <ul> <li><strong><code><meta property="og:title" content="A cikk címe"></code></strong>: A megosztott tartalom címe, ahogyan az a közösségi médiában megjelenik. Ideális esetben eltérő lehet a HTML `<title>` tagtől, ha a közösségi platformon más megfogalmazás vonzóbb.</li> <li><strong><code><meta property="og:description" content="A cikk rövid leírása"></code></strong>: A tartalom leírása. Hasonlóan a meta descriptionhöz, de kifejezetten a közösségi média számára optimalizálva.</li> <li><strong><code><meta property="og:image" content="https://www.pelda.hu/kep.jpg"></code></strong>: A megosztáshoz tartozó kép URL-je. Ez a vizuális elem kritikus a figyelem felkeltésében. Fontos a megfelelő képfelbontás és arány.</li> <li><strong><code><meta property="og:url" content="https://www.pelda.hu/cikk-urlje"></code></strong>: A tartalom kanonikus URL-je. Ez biztosítja, hogy a megosztások a megfelelő oldalra mutassanak, elkerülve a duplikált URL-eket.</li> <li><strong><code><meta property="og:type" content="article"></code></strong>: A tartalom típusa (pl. „website”, „article”, „book”, „video.movie”). Segít a platformoknak jobban értelmezni a megosztott tartalmat.</li> </ul> <p>Az Open Graph címkék gondos beállítása kulcsfontosságú a közösségi média marketingben, mivel jelentősen befolyásolja a megosztott linkek vizuális vonzerejét és a felhasználók kattintási hajlandóságát.</p> <h3 id="twitter-cards" class="rb-heading-index-17">Twitter Cards</h3> <p>A <strong>Twitter Cards</strong> hasonló funkciót tölt be, mint az Open Graph, de kifejezetten a Twitter platformjára optimalizálva. Lehetővé teszi, hogy a linkek megosztásakor gazdag média előnézetek jelenjenek meg a tweetekben.</p> <h4 id="alapveto-twitter-card-cimkek" class="rb-heading-index-18">Alapvető Twitter Card címkék:</h4> <ul> <li><strong><code><meta name="twitter:card" content="summary_large_image"></code></strong>: A Twitter Card típusa (pl. „summary”, „summary_large_image”, „app”, „player”). A „summary_large_image” a leggyakoribb és legvonzóbb.</li> <li><strong><code><meta name="twitter:site" content="@felhasznalonev"></code></strong>: A weboldalhoz tartozó Twitter fiók felhasználóneve.</li> <li><strong><code><meta name="twitter:creator" content="@szerzofelhasznalonev"></code></strong>: A tartalom szerzőjének Twitter fiók felhasználóneve.</li> <li><strong><code><meta name="twitter:title" content="A cikk címe Twitterre optimalizálva"></code></strong>: A megosztott tartalom címe.</li> <li><strong><code><meta name="twitter:description" content="A cikk rövid leírása Twitterre optimalizálva"></code></strong>: A tartalom leírása.</li> <li><strong><code><meta name="twitter:image" content="https://www.pelda.hu/twitter-kep.jpg"></code></strong>: A megosztáshoz tartozó kép URL-je.</li> </ul> <p>Fontos, hogy az Open Graph és a Twitter Cards címkéket is megfelelően teszteljük (pl. Facebook Debugger, Twitter Card Validator), mielőtt élesítenénk őket, hogy biztosítsuk a helyes megjelenést.</p> <h2 id="hogyan-hasznaljak-a-keresomotorok-a-meta-cimkeket" class="rb-heading-index-19">Hogyan használják a keresőmotorok a meta címkéket?</h2> <p>A <strong>keresőmotorok</strong>, mint a Google, Bing vagy Yandex, összetett algoritmusokat használnak a weboldalak feltérképezésére, indexelésére és rangsorolására. A <strong>meta címkék</strong> kulcsszerepet játszanak ebben a folyamatban, bár nem minden címke hat közvetlenül a rangsorolásra.</p> <h3 id="felterkepezes-crawling" class="rb-heading-index-20">Feltérképezés (Crawling)</h3> <p>A keresőmotorok robotjai (spiderek, crawlerek) folyamatosan pásztázzák a webet, felfedezve új és frissített oldalakat. A meta címkék már a feltérképezési fázisban is fontosak:</p> <ul> <li>A <strong>meta robots tag</strong> (`noindex`, `nofollow`) közvetlenül befolyásolja, hogy a robotok egyáltalán feltérképezhetik-e az oldalt, vagy követhetik-e az azon található linkeket. A `noindex` megakadályozza az oldal indexelését, a `nofollow` pedig leállítja a linkek követését.</li> <li>A <strong>charset meta tag</strong> segít a robotoknak helyesen értelmezni az oldal tartalmát, biztosítva, hogy ne legyenek karakterkódolási problémák.</li> </ul> <h3 id="indexeles-indexing" class="rb-heading-index-21">Indexelés (Indexing)</h3> <p>Miután egy oldalt feltérképeztek, a keresőmotorok megpróbálják megérteni a tartalmát és hozzáadni azt az indexükhöz, ami lényegében egy hatalmas adatbázis. Ebben a fázisban is fontosak a meta címkék:</p> <ul> <li>A <strong>title tag</strong> és a <strong>meta description</strong> segítenek a keresőmotornak megérteni az oldal fő témáját és kontextusát. Bár a meta description nem közvetlen rangsorolási faktor, a Google felhasználhatja, ha relevánsnak találja a keresési lekérdezéshez.</li> <li>A <strong>meta robots tag</strong> (`noindex`) itt is meghatározó, hiszen ha egy oldal `noindex` beállítással rendelkezik, az nem kerül be az indexbe, és így nem jelenik meg a keresési eredmények között.</li> </ul> <h3 id="rangsorolas-ranking" class="rb-heading-index-22">Rangsorolás (Ranking)</h3> <p>A rangsorolás az a folyamat, amely során a keresőmotorok eldöntik, hogy mely oldalak a legrelevánsabbak egy adott keresési lekérdezésre, és milyen sorrendben jelenjenek meg a SERP-en. Itt a meta címkék szerepe differenciált:</p> <ul> <li>A <strong>title tag</strong> közvetlen és erős rangsorolási faktor. A benne található kulcsszavak és a relevancia nagymértékben befolyásolják az oldal helyezését.</li> <li>A <strong>meta description</strong> nem közvetlen rangsorolási faktor, de az általa generált magasabb átkattintási arány (CTR) pozitív jelzést küldhet a Google-nek. A magas CTR azt sugallja, hogy a felhasználók relevánsnak találják az oldalt, ami idővel javíthatja a rangsorolást.</li> <li>A <strong>meta viewport tag</strong> közvetetten befolyásolja a rangsorolást, mivel a Google a mobilbarát weboldalakat előnyben részesíti a mobil keresési eredményekben. Egy nem reszponzív oldal rosszabbul teljesíthet a mobil rangsorolásban.</li> <li>A <strong>meta keywords tag</strong>, mint említettük, a Google esetében már nem releváns rangsorolási faktor.</li> </ul> <p>Összefoglalva, a meta címkék nem csupán technikai részletek. Ezek a weboldal „személyi igazolványai” a keresőmotorok számára, amelyek segítenek nekik megérteni, feldolgozni és rangsorolni a tartalmat. A helyes és átgondolt alkalmazásuk elengedhetetlen a sikeres <strong>SEO stratégia</strong> felépítéséhez.</p> <h2 id="legjobb-gyakorlatok-a-meta-cimkek-irasahoz" class="rb-heading-index-23">Legjobb gyakorlatok a meta címkék írásához</h2> <p>A meta címkék optimalizálása nem csupán technikai feladat, hanem kreatív és stratégiai gondolkodást is igényel. A jól megírt meta címkék jelentősen hozzájárulnak a weboldal <strong>SEO teljesítményéhez</strong> és a felhasználói élményhez. Íme néhány bevált gyakorlat, amelyet érdemes követni:</p> <h3 id="1-egyediseg-es-relevancia" class="rb-heading-index-24">1. Egyediség és relevancia</h3> <p>Minden oldalnak egyedi és releváns <strong>title taggel</strong> és <strong>meta descriptionnel</strong> kell rendelkeznie. A duplikált címkék zavart okozhatnak a keresőmotoroknak, és rontják a felhasználói élményt. A címkéknek pontosan tükrözniük kell az oldal tartalmát. Ha a meta címkék irrelevánsak, a Google figyelmen kívül hagyhatja őket, és automatikusan generálhat sajátot a tartalom alapján.</p> <h3 id="2-kulcsszavak-strategiai-elhelyezese" class="rb-heading-index-25">2. Kulcsszavak stratégiai elhelyezése</h3> <p>A legfontosabb <strong>kulcsszavakat</strong> érdemes a title tag elején elhelyezni, mivel ez nagyobb súllyal bír a rangsorolásban. A meta descriptionben is szerepelhetnek kulcsszavak, de a hangsúly itt a vonzó megfogalmazáson van, ami ösztönzi a kattintást. Kerüljük a kulcsszóhalmozást, használjuk a kulcsszavakat természetesen és a szövegbe illesztve.</p> <h3 id="3-hosszusagi-korlatok-betartasa" class="rb-heading-index-26">3. Hosszúsági korlátok betartása</h3> <p>Figyeljünk a karakterkorlátokra, hogy a címkék ne vágódjanak le a SERP-en.</p> <table border="1"> <thead> <tr> <th>Meta címke</th> <th>Ajánlott hosszúság</th> </tr> </thead> <tbody> <tr> <td><code><title></code> tag</td> <td>50-60 karakter (kb. 500-600 pixel)</td> </tr> <tr> <td><code><meta description></code></td> <td>150-160 karakter (kb. 920 pixel)</td> </tr> </tbody> </table> <p>A Google folyamatosan változtatja a megjelenítési szabályokat, ezért érdemes rendszeresen ellenőrizni, hogyan jelennek meg az oldalaink a keresőtalálatok között.</p> <h3 id="4-cselekvesre-osztonzes-cta-a-meta-descriptionben" class="rb-heading-index-27">4. Cselekvésre ösztönzés (CTA) a meta descriptionben</h3> <p>A meta description egy kiváló hely a <strong>CTA</strong> (Call to Action) elhelyezésére. Olyan kifejezések, mint „Tudj meg többet”, „Vásárolj most”, „Regisztrálj ingyen”, arra ösztönzik a felhasználókat, hogy kattintsanak az oldalra. Ez növeli a CTR-t, ami pozitív jelzés a keresőmotorok számára.</p> <h3 id="5-olvashatosag-es-felhasznaloi-elmeny" class="rb-heading-index-28">5. Olvashatóság és felhasználói élmény</h3> <p>A meta címkéknek nemcsak a keresőmotorok számára kell optimalizáltnak lenniük, hanem a felhasználók számára is. Legyenek könnyen olvashatóak, érthetőek és relevánsak. Egy jól megfogalmazott cím és leírás növeli a bizalmat és a kattintási hajlandóságot.</p> <h3 id="6-mobilbarat-megfontolasok" class="rb-heading-index-29">6. Mobilbarát megfontolások</h3> <p>A <strong>meta viewport tag</strong> helyes beállítása elengedhetetlen a mobilbarát megjelenéshez. Győződjünk meg arról, hogy az oldalaink reszponzívak és jól használhatók mobil eszközökön. A Google mobilbarát rangsorolási faktorokat használ, így ez közvetlenül befolyásolja a SEO-t.</p> <h3 id="7-kozossegi-media-cimkek-optimalizalasa" class="rb-heading-index-30">7. Közösségi média címkék optimalizálása</h3> <p>Az <strong>Open Graph</strong> és <strong>Twitter Cards</strong> címkék helyes beállítása biztosítja, hogy a tartalom vonzóan jelenjen meg a közösségi platformokon. Ez növeli a megosztások számát és a közösségi médiából érkező forgalmat, ami közvetetten szintén segíti a SEO-t.</p> <h3 id="8-rendszeres-ellenorzes-es-frissites" class="rb-heading-index-31">8. Rendszeres ellenőrzés és frissítés</h3> <p>A meta címkéket nem elegendő egyszer beállítani. A tartalom változásával, a kulcsszavak trendjeinek alakulásával és a keresőmotorok algoritmusainak frissítésével érdemes rendszeresen felülvizsgálni és frissíteni őket. A <strong>Google Search Console</strong> és más SEO eszközök segíthetnek az esetleges problémák azonosításában (pl. duplikált címkék).</p> <p>Ezen legjobb gyakorlatok követésével a webmesterek és <strong>SEO szakemberek</strong> jelentősen javíthatják weboldalaik online láthatóságát és teljesítményét.</p> <h2 id="gyakori-hibak-es-elkerulesuk-a-meta-cimkek-kezeleseben" class="rb-heading-index-32">Gyakori hibák és elkerülésük a meta címkék kezelésében</h2> <p>A meta címkék optimalizálása során számos hiba elkövethető, amelyek súlyosan ronthatják a weboldal <strong>SEO teljesítményét</strong>. Ezeknek a hibáknak az ismerete és elkerülése elengedhetetlen a sikeres online jelenléthez.</p> <h3 id="1-duplikalt-title-tag-es-meta-description" class="rb-heading-index-33">1. Duplikált title tag és meta description</h3> <p>Ez az egyik leggyakoribb és legsúlyosabb hiba. Ha több oldal is azonos title taggel vagy meta descriptionnel rendelkezik, az zavart okoz a keresőmotoroknak, akik nem tudják eldönteni, melyik oldal a legrelevánsabb egy adott lekérdezésre. Ez „keyword cannibalization”-hoz vezethet, ahol a saját oldalaink versenyeznek egymással. Mindig törekedjünk az <strong>egyediségre</strong>!</p> <h3 id="2-tul-hosszu-vagy-tul-rovid-cimkek" class="rb-heading-index-34">2. Túl hosszú vagy túl rövid címkék</h3> <p>A túl hosszú title tag vagy meta description levágódik a SERP-en, ami rontja a felhasználói élményt és a kattintási arányt. A túl rövid címkék viszont nem nyújtanak elegendő információt sem a felhasználóknak, sem a keresőmotoroknak. Tartsuk be az ajánlott karakterkorlátokat (50-60 karakter a title, 150-160 karakter a meta description számára).</p> <h3 id="3-kulcsszohalmozas-keyword-stuffing" class="rb-heading-index-35">3. Kulcsszóhalmozás (keyword stuffing)</h3> <p>Bár a kulcsszavak fontosak, a túlzott, természetellenes ismétlésük a title tagben vagy a meta descriptionben (különösen a meta keywordsben, ha valaki még használja) káros. A keresőmotorok büntetik a kulcsszóhalmozást, és spam-gyanúsnak ítélhetik az oldalt. Használjuk a kulcsszavakat természetesen, a mondanivalóba illesztve.</p> <h3 id="4-irrelevans-vagy-felrevezeto-leirasok" class="rb-heading-index-36">4. Irreleváns vagy félrevezető leírások</h3> <p>Ha a meta description nem tükrözi pontosan az oldal tartalmát, a felhasználók gyorsan elhagyják az oldalt (magas bounce rate). Ez negatív jelzést küld a Google-nek, ami ronthatja a rangsorolást. Mindig legyünk őszinték és relevánsak a leírásokban.</p> <h3 id="5-a-meta-viewport-tag-hianya-vagy-hibas-beallitasa" class="rb-heading-index-37">5. A meta viewport tag hiánya vagy hibás beállítása</h3> <p>A mobilbarát weboldalak elengedhetetlenek a modern SEO-ban. A viewport tag hiánya azt eredményezi, hogy az oldal nem jelenik meg megfelelően mobil eszközökön, ami súlyosan rontja a felhasználói élményt és a mobil rangsorolást. Győződjünk meg arról, hogy a <code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code> szerepel az oldalunkon.</p> <h3 id="6-a-meta-robots-tag-helytelen-hasznalata" class="rb-heading-index-38">6. A meta robots tag helytelen használata</h3> <p>A `noindex` vagy `nofollow` beállítások véletlen alkalmazása fontos oldalakra súlyos következményekkel járhat, mivel azok eltűnhetnek a keresőtalálatok közül. Mindig gondosan ellenőrizzük a robots tag beállításait, mielőtt élesítjük őket. Különösen figyeljünk oda a fejlesztői környezetekből átvett kódra, ahol gyakran használnak `noindex` címkét.</p> <h3 id="7-kozossegi-media-meta-cimkek-open-graph-twitter-cards-figyelmen-kivul-hagyasa" class="rb-heading-index-39">7. Közösségi média meta címkék (Open Graph, Twitter Cards) figyelmen kívül hagyása</h3> <p>Bár ezek nem közvetlen rangsorolási faktorok, a hiányuk rontja a megosztott tartalom vizuális vonzerejét a közösségi médiában. Ez alacsonyabb CTR-t és kevesebb forgalmat eredményezhet a közösségi platformokról. Fordítsunk figyelmet ezeknek a címkéknek a helyes beállítására is.</p> <h3 id="8-nem-ellenorzott-meta-cimkek" class="rb-heading-index-40">8. Nem ellenőrzött meta címkék</h3> <p>A meta címkék beállítása után elengedhetetlen azok ellenőrzése. Használhatunk SEO audit eszközöket, a Google Search Console-t, vagy a közösségi média debuggereket (pl. Facebook Debugger) annak biztosítására, hogy minden megfelelően működik és megjelenik. A rendszeres ellenőrzés segít időben azonosítani és kijavítani a problémákat.</p> <p>Ezen gyakori hibák elkerülésével a <strong>SEO szakemberek</strong> és webmesterek biztosíthatják, hogy weboldalaik a lehető legjobb módon kommunikáljanak a keresőmotorokkal és a felhasználókkal, maximalizálva ezzel az online láthatóságot és a sikert.</p> <h2 id="eszkozok-a-meta-cimkek-kezelesehez-es-elemzesehez" class="rb-heading-index-41">Eszközök a meta címkék kezeléséhez és elemzéséhez</h2> <figure><img decoding="async" src="https://itszotar.hu/wp-content/uploads/2025/08/eszkozok-a-meta-cimkek-kezelesehez-es-elemzesehez.jpg" alt="Hatékony eszközök segítik a meta címkék optimalizálását és elemzését." /><figcaption>Számos eszköz létezik a meta címkék elemzésére, például a Google Search Console és az Ahrefs.</figcaption></figure> <p>A <strong>meta címkék</strong> hatékony kezelése és optimalizálása manuálisan rendkívül időigényes és hibalehetőségeket rejt magában, különösen nagyobb weboldalak esetén. Szerencsére számos eszköz áll rendelkezésre, amelyek segítenek a meta címkék létrehozásában, ellenőrzésében és elemzésében.</p> <h3 id="1-cms-bovitmenyek-wordpress-stb" class="rb-heading-index-42">1. CMS bővítmények (WordPress, stb.)</h3> <p>A legtöbb tartalomkezelő rendszer (CMS), mint a <strong>WordPress</strong>, kiterjedt bővítményekkel rendelkezik, amelyek egyszerűsítik a meta címkék kezelését.</p> <table border="1"> <thead> <tr> <th>Bővítmény neve</th> <th>Fő funkciók</th> </tr> </thead> <tbody> <tr> <td><strong>Yoast SEO</strong></td> <td>Title tag és meta description szerkesztése, Open Graph/Twitter Cards, robots tag beállítások, SEO analízis</td> </tr> <tr> <td><strong>Rank Math</strong></td> <td>Hasonló funkciók, mint a Yoast, plusz Schema Markup integráció, 404 monitor</td> </tr> <tr> <td><strong>All in One SEO Pack</strong></td> <td>Átfogó SEO beállítások, meta címkék kezelése</td> </tr> </tbody> </table> <p>Ezek a bővítmények felhasználóbarát felületet biztosítanak, gyakran valós idejű előnézettel és hosszúsági javaslatokkal, ami nagyban megkönnyíti az optimalizálási folyamatot.</p> <h3 id="2-google-search-console" class="rb-heading-index-43">2. Google Search Console</h3> <p>A <strong>Google Search Console (GSC)</strong> egy ingyenes eszköz a Google-től, amely elengedhetetlen minden webmester számára. Bár nem közvetlenül a meta címkék szerkesztésére szolgál, rendkívül hasznos az ellenőrzésükhöz és a problémák azonosításához:</p> <ul> <li><strong>HTML fejlesztések</strong>: Jelzi a duplikált title tageket és meta descriptionöket, valamint a túl rövid vagy túl hosszú címkéket.</li> <li><strong>Indexelési jelentések</strong>: Megmutatja, mely oldalak kerültek indexelésre, és melyek esetleg ki lettek zárva (pl. `noindex` miatt).</li> <li><strong>Mobil használhatóság</strong>: Ellenőrzi, hogy az oldalak mobilbarátak-e, ami közvetetten a viewport meta tag helyes beállítására is utal.</li> </ul> <h3 id="3-seo-audit-eszkozok" class="rb-heading-index-44">3. SEO audit eszközök</h3> <p>Számos fizetős és ingyenes SEO eszköz létezik, amelyek átfogó auditot végeznek a weboldalon, beleértve a meta címkék elemzését is:</p> <ul> <li><strong>Screaming Frog SEO Spider</strong>: Egy asztali alkalmazás, amely feltérképezi a weboldalt, és részletes jelentést készít a title tagekről, meta descriptionökről, robots tagekről, Open Graph címkékről és sok másról. Képes azonosítani a hiányzó, duplikált vagy túl hosszú címkéket.</li> <li><strong>Ahrefs / SEMrush / Moz Pro</strong>: Ezek az átfogó SEO platformok audit funkciókat is tartalmaznak, amelyek elemzik a meta címkéket, és javaslatokat tesznek az optimalizálásra. Emellett kulcsszókutatást, versenytárs-elemzést és linképítést is támogatnak.</li> <li><strong>Sitechecker / Seobility</strong>: Online SEO audit eszközök, amelyek gyors áttekintést nyújtanak a meta címkék állapotáról.</li> </ul> <h3 id="4-bongeszofejlesztoi-eszkozok-es-bovitmenyek" class="rb-heading-index-45">4. Böngészőfejlesztői eszközök és bővítmények</h3> <p>A legtöbb modern böngésző (Chrome, Firefox) beépített fejlesztői eszközökkel rendelkezik, amelyek lehetővé teszik a weboldal forráskódjának megtekintését, beleértve a `<head>` szekciót és a meta címkéket is. Ezen kívül léteznek speciális böngészőbővítmények is, mint például a <strong>SEO Meta in 1 Click</strong>, amelyek egy kattintással megjelenítik az oldal összes metaadatát, megkönnyítve az ellenőrzést.</p> <h3 id="5-kozossegi-media-debuggerek" class="rb-heading-index-46">5. Közösségi média debuggerek</h3> <p>Az Open Graph és Twitter Cards címkék helyes működésének ellenőrzésére a közösségi platformok saját debuggereket biztosítanak:</p> <ul> <li><strong>Facebook Sharing Debugger</strong>: Megmutatja, hogyan fog megjelenni a link a Facebookon, és azonosítja az esetleges OG címke hibákat.</li> <li><strong>Twitter Card Validator</strong>: Hasonlóan működik, de a Twitter Cardok ellenőrzésére szolgál.</li> </ul> <p>Ezen eszközök kombinált használatával a <strong>SEO szakemberek</strong> biztosíthatják, hogy a meta címkék mindig optimálisak legyenek, ezzel maximalizálva a weboldal online teljesítményét és láthatóságát.</p> <h2 id="a-meta-cimkek-jovoje-es-a-seo-trendek" class="rb-heading-index-47">A meta címkék jövője és a SEO trendek</h2> <p>A digitális marketing és a <strong>SEO</strong> világa folyamatosan változik, és ezzel együtt a <strong>meta címkék</strong> szerepe is alakul. Bár egyes címkék, mint a meta keywords, elvesztették jelentőségüket, mások relevanciája megmaradt, sőt, új típusok is megjelentek a technológiai fejlődéssel.</p> <h3 id="a-felhasznaloi-elmeny-ux-es-a-ctr-novekvo-fontossaga" class="rb-heading-index-48">A felhasználói élmény (UX) és a CTR növekvő fontossága</h3> <p>A Google algoritmusai egyre inkább a <strong>felhasználói élményre (UX)</strong> fókuszálnak. Ez azt jelenti, hogy a meta címkék, különösen a <strong>title tag</strong> és a <strong>meta description</strong>, amelyek közvetlenül befolyásolják az <strong>átkattintási arányt (CTR)</strong>, továbbra is rendkívül fontosak maradnak. Egy vonzó és releváns cím, valamint egy meggyőző leírás arra ösztönzi a felhasználókat, hogy a mi oldalunkra kattintsanak. A magas CTR pedig pozitív rangsorolási jelzés a Google számára.</p> <h3 id="strukturalt-adatok-schemaorg-es-a-rich-snippetek" class="rb-heading-index-49">Strukturált adatok (Schema.org) és a Rich Snippetek</h3> <p>A meta címkék mellett egyre nagyobb szerepet kapnak a <strong>strukturált adatok</strong>, különösen a <strong>Schema.org</strong> jelölések. Ezek nem meta címkék, hanem HTML kódrészletek, amelyek részletesebb, kontextuálisabb információkat szolgáltatnak a keresőmotoroknak a tartalomról (pl. receptek, termékek, események, értékelések). A strukturált adatok lehetővé teszik a <strong>rich snippetek</strong> (gazdag találati részletek) megjelenítését a SERP-en, amelyek vizuálisan kiemelik a találatokat, növelve a láthatóságot és a CTR-t. A meta címkék és a strukturált adatok kiegészítik egymást, együttesen biztosítva a legátfogóbb információt a keresőmotorok számára.</p> <h3 id="mesterseges-intelligencia-ai-es-a-termeszetes-nyelvi-feldolgozas-nlp" class="rb-heading-index-50">Mesterséges intelligencia (AI) és a természetes nyelvi feldolgozás (NLP)</h3> <p>A <strong>mesterséges intelligencia</strong> és a <strong>természetes nyelvi feldolgozás (NLP)</strong> fejlődése mélyrehatóan befolyásolja a keresőmotorok működését. A Google egyre jobban képes megérteni a tartalmak jelentését és kontextusát anélkül, hogy kizárólag a kulcsszavakra támaszkodna. Ez azt jelenti, hogy a meta címkék írásakor még inkább a természetes, felhasználóbarát megfogalmazásra kell koncentrálni, nem pedig a kulcsszavakkal való túlzott optimalizálásra.</p> <p>Az AI képes lehet a meta descriptionök dinamikus generálására is a tartalom alapján, ha a webmester által megadott leírás nem elég releváns vagy vonzó. Ez még inkább hangsúlyozza a minőségi tartalom és a releváns, de nem mesterségesen optimalizált meta címkék fontosságát.</p> <h3 id="voice-search-es-a-helyi-seo" class="rb-heading-index-51">Voice Search és a helyi SEO</h3> <p>A hangalapú keresés (<strong>Voice Search</strong>) és a <strong>helyi SEO</strong> térnyerésével a keresési lekérdezések egyre hosszabbak és beszélgetésszerűbbek. Bár a meta címkék közvetlenül nem befolyásolják a hangalapú keresési eredményeket, egy jól optimalizált title tag és meta description, amely releváns információkat nyújt, hozzájárulhat ahhoz, hogy az oldal megjelenjen a kapcsolódó keresési eredményekben.</p> <h3 id="folyamatos-alkalmazkodas" class="rb-heading-index-52">Folyamatos alkalmazkodás</h3> <p>A meta címkék szerepe tehát nem szűnik meg, hanem átalakul. A jövőben is alapvető fontosságúak maradnak a keresőmotorokkal való kommunikációban és a felhasználói élmény optimalizálásában. A <strong>SEO szakembereknek</strong> továbbra is figyelemmel kell kísérniük a Google és más keresőmotorok frissítéseit, és folyamatosan alkalmazkodniuk kell a változó trendekhez, hogy a meta címkéket a legoptimálisabb módon használják.</p> <p>Ez a folyamatos alkalmazkodás és a technológiai innovációk figyelembe vétele biztosítja, hogy a meta címkék továbbra is a webes láthatóság kulcsfontosságú elemei maradjanak a digitális korban.</p> </div> <div class="efoot efoot-commas h5"> <div class="efoot-bar tag-bar"> <span class="blabel is-meta"><i class="rbi rbi-tag" aria-hidden="true"></i>TAGGED:</span><a href="https://itszotar.hu/tag/html/" rel="tag">HTML</a><a href="https://itszotar.hu/tag/meta-cimke/" rel="tag">Meta címke</a><a href="https://itszotar.hu/tag/meta-tag/" rel="tag">Meta tag</a><a href="https://itszotar.hu/tag/seo/" rel="tag">SEO</a> </div> </div> <div class="entry-newsletter"><div class="newsletter-box"><div class="newsletter-box-header"><span class="newsletter-icon"><i class="rbi rbi-plane"></i></span><div class="inner"><h2 class="newsletter-box-title">Sign Up For Daily Newsletter</h2><h6 class="newsletter-box-description">Be keep up! Get the latest breaking news delivered straight to your inbox.</h6></div></div><div class="newsletter-box-content"></div><div class="newsletter-box-policy">By signing up, you agree to our <a href="#">Terms of Use</a> and acknowledge the data practices in our <a href="#">Privacy Policy</a>. You may unsubscribe at any time.</div></div></div> </div> </div> <div class="e-shared-sec entry-sec"> <div class="e-shared-header h4"> <i class="rbi rbi-share" aria-hidden="true"></i><span>Share This Article</span> </div> <div class="rbbsl tooltips-n effect-fadeout"> <a class="share-action share-trigger icon-twitter" aria-label="Share on Twitter" href="https://twitter.com/intent/tweet?text=Meta+tag+%28Meta+c%C3%ADmke%29%3A+A+HTML+elem+defin%C3%ADci%C3%B3ja+%C3%A9s+SEO-ban+bet%C3%B6lt%C3%B6tt+szerepe&url=https%3A%2F%2Fitszotar.hu%2Fmeta-tag-meta-cimke-a-html-elem-definicioja-es-seo-ban-betoltott-szerepe%2F&via=" data-title="Twitter" rel="nofollow"> <i class="rbi rbi-twitter" aria-hidden="true"></i><span>Twitter</span></a> <a class="share-action share-trigger icon-linkedin" aria-label="Share on Linkedin" href="https://linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fitszotar.hu%2Fmeta-tag-meta-cimke-a-html-elem-definicioja-es-seo-ban-betoltott-szerepe%2F&title=Meta+tag+%28Meta+c%C3%ADmke%29%3A+A+HTML+elem+defin%C3%ADci%C3%B3ja+%C3%A9s+SEO-ban+bet%C3%B6lt%C3%B6tt+szerepe" data-title="linkedIn" rel="nofollow"><i class="rbi rbi-linkedin" aria-hidden="true"></i><span>LinkedIn</span></a> <a class="share-action share-trigger icon-reddit" aria-label="Share on Reddit" href="https://www.reddit.com/submit?url=https%3A%2F%2Fitszotar.hu%2Fmeta-tag-meta-cimke-a-html-elem-definicioja-es-seo-ban-betoltott-szerepe%2F&title=Meta+tag+%28Meta+c%C3%ADmke%29%3A+A+HTML+elem+defin%C3%ADci%C3%B3ja+%C3%A9s+SEO-ban+bet%C3%B6lt%C3%B6tt+szerepe" data-title="Reddit" rel="nofollow"><i class="rbi rbi-reddit" aria-hidden="true"></i><span>Reddit</span></a> <a class="share-action icon-email" aria-label="Email" href="mailto:?subject=Meta%20tag%20(Meta%20címke):%20A%20HTML%20elem%20definíciója%20és%20SEO-ban%20betöltött%20szerepe%20BODY=I%20found%20this%20article%20interesting%20and%20thought%20of%20sharing%20it%20with%20you.%20Check%20it%20out:%20https://itszotar.hu/meta-tag-meta-cimke-a-html-elem-definicioja-es-seo-ban-betoltott-szerepe/" data-title="Email" rel="nofollow"> <i class="rbi rbi-email" aria-hidden="true"></i><span>Email</span></a> <a class="share-action icon-copy copy-trigger" aria-label="Copy Link" href="#" data-copied="Copied!" data-link="https://itszotar.hu/meta-tag-meta-cimke-a-html-elem-definicioja-es-seo-ban-betoltott-szerepe/" rel="nofollow" data-copy="Copy Link"><i class="rbi rbi-link-o" aria-hidden="true"></i><span>Copy Link</span></a> <a class="share-action native-share-trigger more-icon" aria-label="More" href="#" data-link="https://itszotar.hu/meta-tag-meta-cimke-a-html-elem-definicioja-es-seo-ban-betoltott-szerepe/" data-ptitle="Meta tag (Meta címke): A HTML elem definíciója és SEO-ban betöltött szerepe" data-title="More" rel="nofollow"><i class="rbi rbi-more" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-70e4b46 default-scheme elementor-widget elementor-widget-foxiz-single-comment" data-id="70e4b46" data-element_type="widget" data-widget_type="foxiz-single-comment.default"> <div class="elementor-widget-container"> <div class="comment-box-wrap entry-sec"> <div class="comment-box-header"> <span class="h3"><i class="rbi rbi-comment" aria-hidden="true"></i>Leave a comment</span> </div> <div class="comment-holder no-comment"> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Vélemény, hozzászólás? <small><a rel="nofollow" id="cancel-comment-reply-link" href="/meta-tag-meta-cimke-a-html-elem-definicioja-es-seo-ban-betoltott-szerepe/#respond" style="display:none;">Válasz megszakítása</a></small></h3><form action="https://itszotar.hu/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Az e-mail címet nem tesszük közzé.</span> <span class="required-field-message">A kötelező mezőket <span class="required">*</span> karakterrel jelöltük</span></p><p class="comment-form-comment"><label for="comment">Hozzászólás <span class="required">*</span></label> <textarea autocomplete="new-password" placeholder="Leave a comment" id="c5a91752c9" name="c5a91752c9" cols="45" rows="8" maxlength="65525" required></textarea><textarea id="comment" aria-label="hp-comment" aria-hidden="true" name="comment" autocomplete="new-password" style="padding:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;white-space:nowrap !important;height:1px !important;width:1px !important;overflow:hidden !important;" tabindex="-1"></textarea><script data-noptimize>document.getElementById("comment").setAttribute( "id", "a85ddb25a0363d1000988dfd3effbb86" );document.getElementById("c5a91752c9").setAttribute( "id", "comment" );</script></p><p class="comment-form-author"><label for="author">Név <span class="required">*</span></label> <input placeholder="Your name" id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">E-mail cím <span class="required">*</span></label> <input placeholder="Your email" id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Honlap</label> <input placeholder="Your Website" id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">A nevem, e-mail címem, és weboldalcímem mentése a böngészőben a következő hozzászólásomhoz.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Hozzászólás küldése" /> <input type='hidden' name='comment_post_ID' value='36810' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-bef1e27 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="bef1e27" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b74aa62" data-id="b74aa62" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-2397f5d default-scheme elementor-widget elementor-widget-foxiz-single-related" data-id="2397f5d" data-element_type="widget" data-widget_type="foxiz-single-related.default"> <div class="elementor-widget-container"> <aside class="sfoter-sec"> <div data-elementor-type="wp-post" data-elementor-id="3319" class="elementor elementor-3319"> <section class="elementor-section elementor-top-section elementor-element elementor-element-1421439 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="1421439" data-element_type="section"> <div class="elementor-container elementor-column-gap-custom"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4847265" data-id="4847265" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-27e072f elementor-widget elementor-widget-heading" data-id="27e072f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Related Strories</h2> </div> </div> <div class="elementor-element elementor-element-4b9e584 elementor-widget elementor-widget-foxiz-grid-flex-1" data-id="4b9e584" data-element_type="widget" data-widget_type="foxiz-grid-flex-1.default"> <div class="elementor-widget-container"> <div id="uid_4b9e584" class="block-wrap block-grid block-grid-flex-1 rb-columns rb-col-4 rb-tcol-2 rb-mcol-1 is-gap-20 is-pagi-border ecat-bg-3 meta-s-line"><div class="block-inner"> <div class="p-wrap p-grid p-grid-1" data-pid="38068"> <div class="feat-holder overlay-text"> <div class="p-featured"> <a class="p-flink" href="https://itszotar.hu/megosztasalapu-gazdasag-sharing-economy-a-koncepcio-magyarazata-es-lenyege/" title="Megosztásalapú gazdaság (sharing economy): a koncepció magyarázata és lényege"> <img loading="lazy" width="615" height="410" src="https://itszotar.hu/wp-content/uploads/2025/08/megosztasalapu-gazdasag-sharing-economy-a-koncepcio-magyarazata-es-lenyege-1-615x410.jpg" class="featured-img wp-post-image" alt="" loading="lazy" decoding="async" /> </a> </div> <div class="p-categories p-top"><a class="p-category category-id-132" href="https://itszotar.hu/fogalmak-definiciok/internet-fogalmak/" rel="category">Internet fogalmak</a><a class="p-category category-id-104" href="https://itszotar.hu/m-betus-definiciok/" rel="category">M betűs definíciók</a><a class="p-category category-id-110" href="https://itszotar.hu/s-betus-definiciok/" rel="category">S betűs definíciók</a><a class="p-category category-id-119" href="https://itszotar.hu/szoftver/uzleti-szoftverek/" rel="category">Üzleti szoftverek</a></div> </div> <h3 class="entry-title"> <a class="p-url" href="https://itszotar.hu/megosztasalapu-gazdasag-sharing-economy-a-koncepcio-magyarazata-es-lenyege/" rel="bookmark">Megosztásalapú gazdaság (sharing economy): a koncepció magyarázata és lényege</a></h3> <div class="p-meta"> <div class="meta-inner is-meta"> <span class="meta-el meta-author"> <span class="meta-label">By</span> <a href="https://itszotar.hu/author/itszotar/">ITSZÓTÁR.hu</a> </span> <span class="meta-el meta-update"> <time class="updated" datetime="2025-08-25T17:33:34+00:00">2025. augusztus 25.</time> </span> </div> </div> </div> <div class="p-wrap p-grid p-grid-1" data-pid="38126"> <div class="feat-holder overlay-text"> <div class="p-featured"> <a class="p-flink" href="https://itszotar.hu/googol-es-googolplex-a-szamok-definicioja-es-magyarazata/" title="Googol és googolplex: a számok definíciója és magyarázata"> <img loading="lazy" width="615" height="410" src="https://itszotar.hu/wp-content/uploads/2025/08/googol-es-googolplex-a-szamok-definicioja-es-magyarazata-1-615x410.jpg" class="featured-img wp-post-image" alt="" loading="lazy" decoding="async" /> </a> </div> <div class="p-categories p-top"><a class="p-category category-id-98" href="https://itszotar.hu/g-betus-definiciok/" rel="category">G betűs definíciók</a><a class="p-category category-id-132" href="https://itszotar.hu/fogalmak-definiciok/internet-fogalmak/" rel="category">Internet fogalmak</a></div> </div> <h3 class="entry-title"> <a class="p-url" href="https://itszotar.hu/googol-es-googolplex-a-szamok-definicioja-es-magyarazata/" rel="bookmark">Googol és googolplex: a számok definíciója és magyarázata</a></h3> <div class="p-meta"> <div class="meta-inner is-meta"> <span class="meta-el meta-author"> <span class="meta-label">By</span> <a href="https://itszotar.hu/author/itszotar/">ITSZÓTÁR.hu</a> </span> <span class="meta-el meta-update"> <time class="updated" datetime="2025-08-25T17:48:47+00:00">2025. augusztus 25.</time> </span> </div> </div> </div> <div class="p-wrap p-grid p-grid-1" data-pid="37995"> <div class="feat-holder overlay-text"> <div class="p-featured"> <a class="p-flink" href="https://itszotar.hu/modelops-modell-operaciok-a-megkozelites-definicioja-es-celja-az-analitikaban/" title="ModelOps (modell operációk): a megközelítés definíciója és célja az analitikában"> <img loading="lazy" width="615" height="410" src="https://itszotar.hu/wp-content/uploads/2025/08/modelops-modell-operaciok-a-megkozelites-definicioja-es-celja-az-analitikaban-1-615x410.jpg" class="featured-img wp-post-image" alt="" loading="lazy" decoding="async" /> </a> </div> <div class="p-categories p-top"><a class="p-category category-id-128" href="https://itszotar.hu/it-menedzsment/" rel="category">IT menedzsment</a><a class="p-category category-id-104" href="https://itszotar.hu/m-betus-definiciok/" rel="category">M betűs definíciók</a><a class="p-category category-id-125" href="https://itszotar.hu/mesterseges-intelligencia-es-gepi-tanulas/" rel="category">Mesterséges intelligencia és gépi tanulás</a></div> </div> <h3 class="entry-title"> <a class="p-url" href="https://itszotar.hu/modelops-modell-operaciok-a-megkozelites-definicioja-es-celja-az-analitikaban/" rel="bookmark">ModelOps (modell operációk): a megközelítés definíciója és célja az analitikában</a></h3> <div class="p-meta"> <div class="meta-inner is-meta"> <span class="meta-el meta-author"> <span class="meta-label">By</span> <a href="https://itszotar.hu/author/itszotar/">ITSZÓTÁR.hu</a> </span> <span class="meta-el meta-update"> <time class="updated" datetime="2025-08-25T17:13:32+00:00">2025. augusztus 25.</time> </span> </div> </div> </div> <div class="p-wrap p-grid p-grid-1" data-pid="37159"> <div class="feat-holder overlay-text"> <div class="p-featured"> <a class="p-flink" href="https://itszotar.hu/real-id-a-fogalom-jelentese-es-az-amerikai-torveny-magyarazata/" title="Real ID: a fogalom jelentése és az amerikai törvény magyarázata"> <img loading="lazy" width="615" height="410" src="https://itszotar.hu/wp-content/uploads/2025/08/real-id-a-fogalom-jelentese-es-az-amerikai-torveny-magyarazata-615x410.jpg" class="featured-img wp-post-image" alt="" loading="lazy" decoding="async" /> </a> </div> <div class="p-categories p-top"><a class="p-category category-id-132" href="https://itszotar.hu/fogalmak-definiciok/internet-fogalmak/" rel="category">Internet fogalmak</a><a class="p-category category-id-109" href="https://itszotar.hu/r-betus-definiciok/" rel="category">R betűs definíciók</a><a class="p-category category-id-130" href="https://itszotar.hu/fogalmak-definiciok/szoftver-fogalmak/" rel="category">Szoftver fogalmak</a></div> </div> <h3 class="entry-title"> <a class="p-url" href="https://itszotar.hu/real-id-a-fogalom-jelentese-es-az-amerikai-torveny-magyarazata/" rel="bookmark">Real ID: a fogalom jelentése és az amerikai törvény magyarázata</a></h3> <div class="p-meta"> <div class="meta-inner is-meta"> <span class="meta-el meta-author"> <span class="meta-label">By</span> <a href="https://itszotar.hu/author/itszotar/">ITSZÓTÁR.hu</a> </span> <span class="meta-el meta-update"> <time class="updated" datetime="2025-08-25T15:13:36+00:00">2025. augusztus 25.</time> </span> </div> </div> </div> </div> <div class="pagination-wrap pagination-loadmore"> <a href="#" class="loadmore-trigger"><span>Show More</span><i class="rb-loader" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> </div> </div> </section> </div> </aside> </div> </div> </div> </div> </div> </section> </div> </article></div> <footer class="footer-wrap rb-section footer-etemplate"> <div data-elementor-type="wp-post" data-elementor-id="3053" class="elementor elementor-3053"> <section class="elementor-section elementor-top-section elementor-element elementor-element-2b15d7d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2b15d7d" data-element_type="section"> <div class="elementor-container elementor-column-gap-custom"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8e47481" data-id="8e47481" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-c67a450 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="c67a450" data-element_type="section"> <div class="elementor-container elementor-column-gap-custom"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6822275" data-id="6822275" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7ab7884 c-align-left elementor-widget elementor-widget-foxiz-newsletter-3" data-id="7ab7884" data-element_type="widget" data-widget_type="foxiz-newsletter-3.default"> <div class="elementor-widget-container"> <div class="newsletter-sb newsletter-style is-box-none"><div class="newsletter-sb-inner"><h2 class="newsletter-title">Get Insider Tips and Tricks in Our Newsletter!</h2><div class="newsletter-sb-form"></div></div></div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ff5456b" data-id="ff5456b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-af74e8d elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="af74e8d" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-far-paper-plane" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"></path></svg> </span> <span class="elementor-icon-list-text">Stay up to date with the latest trends and advancements in AI chat technology with our exclusive news and insights</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-satellite-dish" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M305.44954,462.59c7.39157,7.29792,6.18829,20.09661-3.00038,25.00356-77.713,41.80281-176.72559,29.9105-242.34331-35.7082C-5.49624,386.28227-17.404,287.362,24.41381,209.554c4.89125-9.095,17.68975-10.29834,25.00318-3.00043L166.22872,323.36708l27.39411-27.39452c-.68759-2.60974-1.594-5.00071-1.594-7.81361a32.00407,32.00407,0,1,1,32.00407,32.00455c-2.79723,0-5.20378-.89075-7.79786-1.594l-27.40974,27.41015ZM511.9758,303.06732a16.10336,16.10336,0,0,1-16.002,17.00242H463.86031a15.96956,15.96956,0,0,1-15.89265-15.00213C440.46671,175.5492,336.45348,70.53427,207.03078,63.53328a15.84486,15.84486,0,0,1-15.00191-15.90852V16.02652A16.09389,16.09389,0,0,1,209.031.02425C372.25491,8.61922,503.47472,139.841,511.9758,303.06732Zm-96.01221-.29692a16.21093,16.21093,0,0,1-16.11142,17.29934H367.645a16.06862,16.06862,0,0,1-15.89265-14.70522c-6.90712-77.01094-68.118-138.91037-144.92467-145.22376a15.94,15.94,0,0,1-14.79876-15.89289V112.13393a16.134,16.134,0,0,1,17.29908-16.096C319.45132,104.5391,407.55627,192.64538,415.96359,302.7704Z"></path></svg> </span> <span class="elementor-icon-list-text">Discover and download exclusive chatbot templates, scripts, and other resources.</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-coffee" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M192 384h192c53 0 96-43 96-96h32c70.6 0 128-57.4 128-128S582.6 32 512 32H120c-13.3 0-24 10.7-24 24v232c0 53 43 96 96 96zM512 96c35.3 0 64 28.7 64 64s-28.7 64-64 64h-32V96h32zm47.7 384H48.3c-47.6 0-61-64-36-64h583.3c25 0 11.8 64-35.9 64z"></path></svg> </span> <span class="elementor-icon-list-text">Other resources that will help you save time and boost your productivity.</span> </li> </ul> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-c5a92da elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c5a92da" data-element_type="section"> <div class="elementor-container elementor-column-gap-custom"> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-186354f" data-id="186354f" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-e91afbc elementor-widget elementor-widget-foxiz-logo" data-id="e91afbc" data-element_type="widget" data-widget_type="foxiz-logo.default"> <div class="elementor-widget-container"> <div class="the-logo"> <a href="https://itszotar.hu/"> <img loading="eager" decoding="async" width="828" height="191" src="https://itszotar.hu/wp-content/uploads/2025/08/itszotarlogo.png" alt="ITszotar.hu"/> </a> </div> </div> </div> <div class="elementor-element elementor-element-9c8b30a elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="9c8b30a" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>A digitális világ teljes körű szótára, amely áthidalja a technológia és a mindennapi használat közötti szakadékot. Tanulj meg beszélni a számítógépek nyelvén, értsd meg a folyamatokat, és szerezz biztos alapokat az informatika minden területén.</p> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-bb4f73f" data-id="bb4f73f" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-e5c4c6e elementor-widget elementor-widget-heading" data-id="e5c4c6e" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Quicklinks</h3> </div> </div> <div class="elementor-element elementor-element-b6a4ef7 elementor-widget elementor-widget-foxiz-sidebar-menu" data-id="b6a4ef7" data-element_type="widget" data-widget_type="foxiz-sidebar-menu.default"> <div class="elementor-widget-container"> <ul id="menu-quick-links" class="sidebar-menu"><li id="menu-item-3414" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3414"><a href="#"><span>Contact Us</span></a></li> <li id="menu-item-3415" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3415"><a href="#"><span>Blog Index</span></a></li> <li id="menu-item-3416" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3416"><a href="#"><span>Complaint</span></a></li> <li id="menu-item-3417" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3417"><a href="#"><span>Advertise</span></a></li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-33accaf" data-id="33accaf" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-e1c91b3 elementor-widget elementor-widget-heading" data-id="e1c91b3" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Kategóriák</h3> </div> </div> <div class="elementor-element elementor-element-9bd77bb elementor-widget elementor-widget-foxiz-sidebar-menu" data-id="9bd77bb" data-element_type="widget" data-widget_type="foxiz-sidebar-menu.default"> <div class="elementor-widget-container"> <ul id="menu-main-1" class="sidebar-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8046"><a href="#"><span>A-Z</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-has-children menu-item-8037"><a href="https://itszotar.hu/fogalmak-definiciok/"><span>Fogalmak, definíciók</span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8032"><a href="https://itszotar.hu/fogalmak-definiciok/szoftver-fogalmak/"><span>Szoftver fogalmak</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8034"><a href="https://itszotar.hu/fogalmak-definiciok/hardver-fogalmak/"><span>Hardver fogalmak</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8033"><a href="https://itszotar.hu/fogalmak-definiciok/technologiai-roviditesek/"><span>Technológiai rövidítések</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-8035"><a href="https://itszotar.hu/fogalmak-definiciok/internet-fogalmak/"><span>Internet fogalmak</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8044"><a href="https://itszotar.hu/fogalmak-definiciok/bitek-es-bajtok/"><span>Bitek és bájtok</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8045"><a href="https://itszotar.hu/fogalmak-definiciok/fajlformatumok/"><span>Fájlformátumok</span></a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3486"><a href="https://itszotar.hu/programozas/"><span>Programozás</span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3487"><a href="https://itszotar.hu/recursion-programozas-algoritmusok/"><span>recursion, programozás, algoritmusok</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3488"><a href="https://itszotar.hu/szoftverfejlesztes/"><span>Szoftverfejlesztés</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3490"><a href="https://itszotar.hu/webfejlesztes/"><span>Webfejlesztés</span></a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3489"><a href="https://itszotar.hu/tech/"><span>Tech</span></a></li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-435f4bc" data-id="435f4bc" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-9d03351 elementor-widget elementor-widget-heading" data-id="9d03351" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Follow Socials</h3> </div> </div> <div class="elementor-element elementor-element-bd0b53f elementor-widget elementor-widget-foxiz-social-list" data-id="bd0b53f" data-element_type="widget" data-widget_type="foxiz-social-list.default"> <div class="elementor-widget-container"> <div class="header-social-list"> <div class="e-social-holder"> <a class="social-link-facebook" aria-label="Facebook" data-title="Facebook" href="#" target="_blank" rel="noopener"><i class="rbi rbi-facebook" aria-hidden="true"></i></a><a class="social-link-twitter" aria-label="Twitter" data-title="Twitter" href="#" target="_blank" rel="noopener"><i class="rbi rbi-twitter" aria-hidden="true"></i></a><a class="social-link-youtube" aria-label="YouTube" data-title="YouTube" href="#" target="_blank" rel="noopener"><i class="rbi rbi-youtube" aria-hidden="true"></i></a> </div> </div> </div> </div> <div class="elementor-element elementor-element-30c8d3a elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="30c8d3a" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>ITszotar.hu</p> </div> </div> </div> </div> </div> </section> </div> </footer> </div> <script> (function () { const privacyBox = document.getElementById('rb-privacy'); const currentPrivacy = navigator.cookieEnabled ? localStorage.getItem('RubyPrivacyAllowed') || '' : '1'; if (!currentPrivacy && privacyBox?.classList) { privacyBox.classList.add('activated'); } const readingSize = navigator.cookieEnabled ? sessionStorage.getItem('rubyResizerStep') || '' : '1'; if (readingSize) { const body = document.querySelector('body'); switch (readingSize) { case '2': body.classList.add('medium-entry-size'); break; case '3': body.classList.add('big-entry-size'); break; } } })(); </script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/foxiz\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <div id="rb-user-popup-form" class="rb-user-popup-form mfp-animation mfp-hide"> <div class="logo-popup-outer"> <div class="logo-popup"> <div class="login-popup-header"> <span class="logo-popup-heading h3">Welcome Back!</span> <p class="logo-popup-description is-meta">Sign in to your account</p> </div> <div class="user-login-form"><form name="popup-form" id="popup-form" action="https://itszotar.hu/wp-login.php" method="post"><p class="login-username"> <label for="user_login">Felhasználónév, vagy e-mail cím</label> <input type="text" name="log" id="user_login" autocomplete="username" class="input" value="" size="20" /> </p><p class="login-password"> <label for="user_pass">Jelszó</label> <input type="password" name="pwd" id="user_pass" autocomplete="current-password" spellcheck="false" class="input" value="" size="20" /> </p><p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Emlékezzen rám</label></p><p class="login-submit"> <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="Bejelentkezés" /> <input type="hidden" name="redirect_to" value="https://itszotar.hu/meta-tag-meta-cimke-a-html-elem-definicioja-es-seo-ban-betoltott-szerepe" /> </p></form> <div class="login-form-footer is-meta"> <a href="https://itszotar.hu/wp-login.php?action=lostpassword">Lost your password?</a> </div> </div> </div> </div> </div> <link rel='stylesheet' id='widget-divider-css' href='https://itszotar.hu/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.31.2' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://itszotar.hu/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.31.2' media='all' /> <link rel='stylesheet' id='widget-icon-list-css' href='https://itszotar.hu/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.31.2' media='all' /> <script id="foxiz-core-js-extra"> var foxizCoreParams = {"ajaxurl":"https:\/\/itszotar.hu\/wp-admin\/admin-ajax.php","darkModeID":"RubyDarkMode","cookieDomain":"","cookiePath":"\/"}; </script> <script src="https://itszotar.hu/wp-content/plugins/foxiz-core/assets/core.js?ver=2.3.3" id="foxiz-core-js"></script> <script src="https://itszotar.hu/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script src="https://itszotar.hu/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script src="https://itszotar.hu/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.1" id="swv-js"></script> <script id="contact-form-7-js-translations"> ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2025-06-30 16:09:30+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"hu"},"This contact form is placed in the wrong place.":["Ez a kapcsolatfelv\u00e9teli \u0171rlap rossz helyre ker\u00fclt."],"Error:":["Hiba:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); </script> <script id="contact-form-7-js-before"> var wpcf7 = { "api": { "root": "https:\/\/itszotar.hu\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; </script> <script src="https://itszotar.hu/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.1" id="contact-form-7-js"></script> <script src="https://itszotar.hu/wp-includes/js/comment-reply.min.js?ver=6.8.2" id="comment-reply-js" async data-wp-strategy="async"></script> <script src="https://itszotar.hu/wp-content/themes/foxiz/assets/js/jquery.waypoints.min.js?ver=3.1.1" id="jquery-waypoints-js"></script> <script src="https://itszotar.hu/wp-content/themes/foxiz/assets/js/rbswiper.min.js?ver=6.5.8" id="rbswiper-js"></script> <script src="https://itszotar.hu/wp-content/themes/foxiz/assets/js/jquery.mp.min.js?ver=1.1.0" id="jquery-magnific-popup-js"></script> <script src="https://itszotar.hu/wp-content/themes/foxiz/assets/js/jquery.tipsy.min.js?ver=1.0" id="rb-tipsy-js"></script> <script src="https://itszotar.hu/wp-content/themes/foxiz/assets/js/jquery.ui.totop.min.js?ver=v1.2" id="jquery-uitotop-js"></script> <script id="foxiz-global-js-extra"> var foxizParams = {"twitterName":"","sliderSpeed":"5000","sliderEffect":"slide","sliderFMode":"1","singleLoadNextLimit":"20","liveInterval":"600"}; var uid_4b9e584 = {"uuid":"uid_4b9e584","name":"grid_flex_1","order":"date_posts","posts_per_page":"4","crop_size":"foxiz_crop_g3","entry_category":"bg-3","title_tag":"h3","entry_meta":["author","update"],"review_meta":"-1","sponsor_meta":"1","entry_format":"bottom","excerpt_length":"12","readmore":"Read More","block_structure":"thumbnail, title, meta","divider_style":"solid","pagination":"load_more","paged":"1","page_max":"292","content_source":"related","related_id":"36810","post_not_in":[36810]}; </script> <script src="https://itszotar.hu/wp-content/themes/foxiz/assets/js/global.js?ver=2.3.3" id="foxiz-global-js"></script> <script src="https://itszotar.hu/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.31.2" id="elementor-webpack-runtime-js"></script> <script src="https://itszotar.hu/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.31.2" id="elementor-frontend-modules-js"></script> <script src="https://itszotar.hu/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Oszd meg Facebookon","shareOnTwitter":"Oszd meg Twitteren","pinIt":"T\u0171zd ki","download":"Let\u00f6lt\u00e9s","downloadImage":"K\u00e9p let\u00f6lt\u00e9se","fullscreen":"Teljes k\u00e9perny\u0151","zoom":"Nagy\u00edt\u00e1s","share":"Megoszt\u00e1s","playVideo":"Vide\u00f3 lej\u00e1tsz\u00e1sa","previous":"El\u0151z\u0151","next":"K\u00f6vetkez\u0151","close":"Bez\u00e1r","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Sz\u00e9lesv\u00e1szn\u00fa","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.31.2","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"nested-elements":true,"e_element_cache":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true},"urls":{"assets":"https:\/\/itszotar.hu\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/itszotar.hu\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/itszotar.hu\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"7c3e029ab5"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":36810,"title":"Meta%20tag%20%28Meta%20c%C3%ADmke%29%3A%20A%20HTML%20elem%20defin%C3%ADci%C3%B3ja%20%C3%A9s%20SEO-ban%20bet%C3%B6lt%C3%B6tt%20szerepe%20%E2%80%93%20ITszotar.hu","excerpt":"","featuredImage":"https:\/\/itszotar.hu\/wp-content\/uploads\/2025\/08\/meta-tag-meta-cimke-a-html-elem-definicioja-es-seo-ban-betoltott-szerepe-1024x585.jpg"}}; </script> <script src="https://itszotar.hu/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.31.2" id="elementor-frontend-js"></script> </body> </html> <!-- Page supported by LiteSpeed Cache 7.3.0.1 on 2025-08-25 18:02:59 -->