SEO tippek és trükkök a tökéletes rangsorolásért Next.js-szel

Bevezetés: Miért a Next.js a barátod a SEO-ban?

A digitális világban a láthatóság kulcsfontosságú, és ehhez elengedhetetlen a kiváló keresőmotor-optimalizálás (SEO). Ha weboldaladat a Next.js keretrendszerrel építed, máris hatalmas előnyre tehetsz szert. A Next.js nem csupán egy népszerű React keretrendszer, hanem egy rendkívül SEO-barát eszköz is, amely beépített funkcióival és rugalmasságával segít elérni a kívánt rangsorolást a Google és más keresőmotorok találati listáján. De hogyan aknázhatjuk ki a benne rejlő potenciált maximálisan? Ez a cikk részletesen bemutatja azokat a tippeket és trükköket, amelyekkel a Next.js projektjeidet a keresőmotorok élére repítheted. Készülj fel, hogy oldalad ne csak szép és gyors legyen, hanem ellenállhatatlan is a keresőrobotok számára!

A Next.js Renderelési Stratégiái és a SEO: Hatalmas Fegyvertár a Kezedben

A Next.js egyik legnagyobb erőssége a sokoldalú renderelési módokban rejlik, amelyek mindegyike más-más előnyökkel jár a SEO szempontjából. A megfelelő stratégia kiválasztása kulcsfontosságú az optimális teljesítmény és láthatóság eléréséhez.

Statikus Oldalgenerálás (SSG): A sebesség bajnoka

A Statikus Oldalgenerálás (SSG) lényege, hogy a weboldal HTML fájljait építési időben hozza létre. Ez azt jelenti, hogy a felhasználók már előre generált, statikus fájlokat kapnak, ami hihetetlenül gyors betöltést eredményez. A Google és más keresőmotorok imádják a gyors oldalakat, így az SSG használata jelentősen javíthatja a rangsorolást.
A Next.js-ben az export async function getStaticProps() funkció segítségével valósítható meg az SSG. Ezzel lekérdezhetjük az adatokat, még mielőtt az oldal renderelődik, biztosítva, hogy a teljes tartalom (beleértve a kulcsszavakat és meta adatokat is) elérhető legyen a keresőrobotok számára. Ideális választás blogokhoz, dokumentációkhoz, portfóliókhoz és bármilyen olyan oldalhoz, ahol a tartalom ritkán változik.

Szerveroldali Renderelés (SSR): Dinamikus tartalom, kiváló láthatóság

A Szerveroldali Renderelés (SSR) lehetővé teszi, hogy az oldal HTML kódját minden egyes kérésre a szerver generálja le. Ez akkor különösen hasznos, ha az oldal tartalma gyakran változik, vagy ha felhasználóspecifikus adatokat kell megjeleníteni. Az SSR biztosítja, hogy a keresőrobotok mindig a legfrissebb és legrelevánsabb tartalommal találkozzanak.
A Next.js-ben a export async function getServerSideProps() függvény szolgál erre a célra. Bár az SSR valamivel lassabb lehet, mint az SSG, mivel minden kérésre renderel, mégis messze felülmúlja a pusztán kliensoldali renderelést SEO szempontjából, mivel a keresőrobotok azonnal hozzáférnek a teljes HTML tartalomhoz. E-kereskedelmi oldalak, híroldalak és dinamikus dashboardok esetében az SSR lehet a legjobb választás.

Inkrementális Statikus Újragenerálás (ISR): A két világ legjobbja

Az Inkrementális Statikus Újragenerálás (ISR) a Next.js egyik leginnovatívabb funkciója, amely ötvözi az SSG sebességét az SSR dinamizmusával. Az ISR lehetővé teszi, hogy statikusan generált oldalakat frissítsünk a háttérben, anélkül, hogy újra kellene építenünk az egész weboldalt. Ez azt jelenti, hogy a felhasználók gyorsan hozzáférnek a gyorsítótárazott oldalhoz, miközben a Next.js időnként újragenerálja azt a háttérben.
A getStaticProps függvényben megadott revalidate opcióval konfigurálható. Például revalidate: 60 azt jelenti, hogy az oldal legalább 60 másodpercenként újraellenőrződik a szerveren. Ez kiválóan alkalmas olyan oldalakhoz, ahol a tartalom gyakran változik, de mégis fontos a villámgyors betöltés, mint például termékoldalak, valós idejű adatok megjelenítése vagy gyakran frissülő blogbejegyzések.

Kliensoldali Renderelés (CSR): Amikor óvatosnak kell lenni

Bár a Next.js elsősorban a szerveroldali renderelésről szól, lehetőség van pusztán kliensoldali renderelésre is. Ezt általában a useEffect hook használatával érhetjük el, ahol az adatok lekérése a böngészőben történik, az oldal betöltése után. Fontos azonban megjegyezni, hogy az ilyen oldalak tartalma nem mindig indexelhető megfelelően a keresőrobotok által, mivel az inicializálás során a HTML fájl üres vagy hiányos lehet.
SEO szempontjából az CSR-t csak akkor javasolt használni, ha a tartalom nem lényeges a keresőmotorok számára (pl. felhasználói felület elemek, belső dashboardok) vagy ha kiegészítő tartalomról van szó, amelyet egy már SSG vagy SSR által renderelt oldalon jelenítünk meg.

Teljesítményoptimalizálás: A Google Imádja a Gyors Oldalakat

A weboldal sebessége ma már nem csak a felhasználói élmény, hanem a SEO egyik alapköve is. A Google egyértelműen előnyben részesíti a gyorsan betöltődő oldalakat, és a Next.js számos eszközt kínál ehhez.

Képoptimalizálás a `next/image` komponenssel

A képek gyakran a legnagyobb fájlméretű elemek egy weboldalon, és jelentősen lelassíthatják a betöltést. A Next.js beépített komponense (next/image) automatikusan optimalizálja a képeket:

Automatikus méretezés különböző képernyőméretekhez (responsive images).
Késleltetett betöltés (lazy loading) alapértelmezetten.
Modern képformátumok (pl. WebP) használata, ha a böngésző támogatja.
`alt` attribútum használata, ami elengedhetetlen a SEO és az akadálymentesség szempontjából.
`priority` attribútum a legfontosabb képek azonnali betöltéséhez.

A megfelelő képoptimalizálás kulcsfontosságú a gyors oldalbetöltéshez és a jobb rangsoroláshoz.

Betűtípus-optimalizálás a `next/font` segítségével

A Next.js 13-tól kezdve a next/font modul automatikusan optimalizálja a betűtípusokat, kiküszöbölve a külső kéréseket és biztosítva a privát adatok védelmét. Ez csökkenti a Cumulative Layout Shift (CLS) értékét (lásd alább) és javítja a teljesítményt, ami közvetlenül hat a SEO-ra. Használatával a betűtípusok betöltése gyorsabbá és hatékonyabbá válik, hozzájárulva a simább felhasználói élményhez.

Kódméret és dinamikus importok

A Next.js alapból alkalmazza a kódszeletelést (code splitting), ami azt jelenti, hogy csak a feltétlenül szükséges JavaScript kód töltődik be egy adott oldalhoz. Ezen felül a dinamikus importok (next/dynamic) segítségével további komponenseket is késleltetve tölthetünk be, csökkentve az inicializálási időt és a JavaScript fájlok méretét. Ezáltal a weboldal gyorsabban interaktívvá válik, ami pozitívan befolyásolja a felhasználói élményt és a SEO-t.

Core Web Vitals: A felhasználói élmény mérése

A Google Core Web Vitals (CWV) metrikái – Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS) – a felhasználói élmény alapvető mérésére szolgálnak. A Next.js renderelési stratégiái és optimalizálási funkciói (képoptimalizálás, betűtípus-kezelés, kódszeletelés) mind hozzájárulnak a jó CWV pontszámok eléréséhez. A jó CWV eredmények javítják a rangsorolást, ezért érdemes rendszeresen ellenőrizni és optimalizálni ezeket az értékeket a Google Search Console-ban és a Lighthouse-ban.

On-Page SEO Titkok: Hogy a Keresőmotorok Megértsék Tartalmadat

A kiváló teljesítmény és renderelési stratégia mellett az on-page SEO is elengedhetetlen. A Next.js eszközöket biztosít ahhoz, hogy a meta adatokat és a tartalom struktúráját is optimalizáljuk.

Meta adatok kezelése a `next/head` komponenssel

A next/head komponens lehetővé teszi a HTML szekciójának módosítását az egyes oldalakon. Itt adhatjuk meg a legfontosabb meta adatokat, amelyek segítenek a keresőmotoroknak megérteni az oldal tartalmát és relevanciáját:

</code> tag</strong>: Egyedi, kulcsszóval dúsított cím minden oldalhoz.</li> <li><strong><code><meta name="description"></code></strong>: Rövid, tömör összefoglaló, amely meggyőzi a felhasználókat a kattintásra.</li> <li><strong><code><link rel="canonical"></code></strong>: Megakadályozza a duplikált tartalom problémákat.</li> <li><strong>Open Graph és Twitter Card meta adatok</strong>: Javítja a megosztott linkek megjelenését a közösségi médiában.</li> </ul> <p>Ezek a <strong>metadata</strong> elemek kritikusak a <strong>rangsorolás</strong> és a kattintási arány (CTR) szempontjából.</p> <h3>Szabványos URL-struktúra és belső linkelés</h3> <p>A Next.js fájlrendszer-alapú útválasztása természetesen támogatja a tiszta és logikus URL-struktúrákat. Hozz létre rövid, leíró, kulcsszóval dúsított URL-eket, amelyek segítik a felhasználókat és a keresőrobotokat a navigációban.<br /> A belső linkelés is kulcsfontosságú: stratégiailag helyezz el linkeket az oldalaid között. Ez nemcsak a felhasználók számára teszi könnyebbé a navigációt, hanem a keresőrobotoknak is segít feltérképezni az oldalad szerkezetét, és átadja a „link juice”-t a releváns oldalak között, erősítve azok <strong>SEO</strong> értékét. Használd a <code><Link></code> komponenst a gyors és gördülékeny navigációért.</p> <h3>Szemantikus HTML és a strukturált adatok ereje (Schema.org)</h3> <p>Használj megfelelő szemantikus HTML elemeket (pl. <code></p> <header></code>, <code></p> <nav></code>, <code><main></code>, <code></p> <article></code>, <code></p> <section></code>, <code></p> <footer></code>) a tartalom logikus felépítéséhez. Ez segíti a keresőrobotokat a tartalom hierarchiájának megértésében.<br /> A <strong>strukturált adatok</strong> (Schema.org jelölések, JSON-LD formátumban) beágyazása a weboldaladba további kontextust biztosít a keresőmotoroknak. Ez lehetővé teszi, hogy oldalad „rich snippet”-ként jelenjen meg a találati listán (pl. értékelések, receptek, események), ami jelentősen növelheti a kattintási arányt és a <strong>láthatóságot</strong>. A Next.js-ben egyszerűen beágyazhatod ezeket a szkripteket a <code>next/head</code> komponensen keresztül.</p> <h2>Technikai SEO Alapok Next.js Projektekhez</h2> <p>Az alapvető technikai <strong>SEO</strong> elemek sem maradhatnak ki, hiszen ezek biztosítják, hogy a keresőrobotok megfelelően hozzáférjenek és indexeljék az oldaladat.</p> <h3>Sitemap és Robots.txt</h3> <p>Készíts egy <code>sitemap.xml</code> fájlt, amely felsorolja az összes fontos oldaladat, és tájékoztatja a keresőrobotokat a webhelyed struktúrájáról. Ezt manuálisan is megteheted, vagy használhatsz egy csomagot (pl. `next-sitemap`). Ezt követően add hozzá a sitemap URL-jét a Google Search Console-hoz.<br /> A <code>robots.txt</code> fájl segítségével irányíthatod a keresőrobotokat, hogy mely oldalakat látogathatnak meg és melyeket nem. Fontos, hogy ne tiltsd le a fontos oldalakat az indexelés elől!</p> <h3>Kanonikus URL-ek és HTTPS</h3> <p>Ahogy korábban említettük, a kanonikus URL-ek beállítása elengedhetetlen a duplikált tartalom problémáinak elkerülésére, különösen ha ugyanaz a tartalom több URL-en is elérhető (pl. rendezett listák, szűrők).<br /> A <strong>HTTPS</strong> használata ma már alapkövetelmény. A Google a biztonságos webhelyeket előnyben részesíti a <strong>rangsorolásban</strong>, és a legtöbb hosting szolgáltató ma már ingyenes SSL/TLS tanúsítványt biztosít.</p> <h3>Mobilbarát és reszponzív design</h3> <p>A mobilforgalom dominanciája miatt elengedhetetlen, hogy a weboldalad mobilbarát és reszponzív legyen. A Next.js és a React lehetővé teszi a könnyű reszponzív fejlesztést, biztosítva, hogy oldalad minden eszközön tökéletesen jelenjen meg. A Google „mobile-first indexing” elve szerint a mobil verzió a mérvadó a <strong>rangsorolás</strong> szempontjából.</p> <h2>Tartalomstratégia: A Királyi Út a Rangsoroláshoz</h2> <p>Bármennyire is technikailag tökéletes egy weboldal, tartalom nélkül nem ér semmit. A <strong>SEO</strong> alapja mindig a minőségi, releváns tartalom.</p> <h3>Kulcsszókutatás és felhasználói szándék</h3> <p>Végezz alapos <strong>kulcsszókutatást</strong>, hogy megtudd, mit keresnek a felhasználók, és milyen kifejezésekkel találhatják meg az oldaladat. Ne csak a fő kulcsszavakra fókuszálj, hanem a long-tail (hosszú farok) kulcsszavakra is, amelyek gyakran specifikusabbak és kevésbé versenyképesek.<br /> A felhasználói szándék (user intent) megértése kulcsfontosságú. Győződj meg róla, hogy a tartalmad pontosan válaszol a felhasználók kérdéseire és kielégíti az igényeiket.</p> <h3>Minőségi, értékes tartalom</h3> <p>Írj eredeti, informatív és értékes tartalmat, amely megoldja a felhasználók problémáit vagy kielégíti kíváncsiságukat. A Google algoritmusai egyre intelligensebbek, és a minőségi tartalom sokkal többet ér, mint a kulcsszavakkal teletömött, gyenge minőségű szöveg. A Next.js renderelési képességei (különösen az <strong>SSG</strong> és <strong>ISR</strong>) tökéletes alapot biztosítanak a blogokhoz, cikkekhez és tudásbázisokhoz, ahol a tartalom a király.</p> <h2>Mérés és Elemzés: Tartsuk a Pulzust!</h2> <p>A <strong>SEO</strong> egy folyamatos munka. Használd a Google Search Console-t és a Google Analytics-et a weboldalad teljesítményének nyomon követésére. Ellenőrizd a <strong>Core Web Vitals</strong> értékeket, a forgalmat, a kulcsszavas <strong>rangsorolást</strong>, és azonosítsd a fejlesztési területeket. A Next.js projektjeid esetében a Lighthouse auditok futtatása is rendkívül hasznos lehet a <strong>teljesítmény</strong> és <strong>SEO</strong> pontszámok javításában.</p> <h2>Összefoglalás: Indulj el a tökéletes rangsorolás felé!</h2> <p>A Next.js keretrendszer egy rendkívül erőteljes szövetséges a <strong>SEO</strong> harcában. A rugalmas renderelési stratégiák (<strong>SSG</strong>, <strong>SSR</strong>, <strong>ISR</strong>), a beépített teljesítményoptimalizálási funkciók (<code>next/image</code>, <code>next/font</code>), valamint az on-page <strong>SEO</strong> elemek kezelésére szolgáló eszközök (<code>next/head</code>) mind hozzájárulnak ahhoz, hogy weboldalad kiválóan szerepeljen a keresőmotorok találati listáján. Ne feledkezz meg a minőségi tartalomról és a folyamatos mérésről sem. A megfelelő stratégiával és odafigyeléssel a Next.js segítségével oldalad nem csupán felhasználóbarát és gyors lesz, hanem eléri a tökéletes <strong>rangsorolást</strong> is, vonzva ezzel a releváns forgalmat és növelve online jelenléted sikerét. Kezdd el még ma optimalizálni Next.js projektedet, és arasd le a <strong>SEO</strong> babérjait!</p> </div> <div class="entry-meta mb-0"> <hr> <span class="tag-links"> <a href="https://iranyonline.hu/cimke/core-web-vitals/" rel="tag">Core Web Vitals</a><a href="https://iranyonline.hu/cimke/isr/" rel="tag">ISR</a><a href="https://iranyonline.hu/cimke/meta-adatok/" rel="tag">meta adatok</a><a href="https://iranyonline.hu/cimke/next-js/" rel="tag">Next.js</a><a href="https://iranyonline.hu/cimke/rangsorolas/" rel="tag">Rangsorolás</a><a href="https://iranyonline.hu/cimke/seo/" rel="tag">SEO</a><a href="https://iranyonline.hu/cimke/ssg/" rel="tag">SSG</a><a href="https://iranyonline.hu/cimke/ssr/" rel="tag">SSR</a><a href="https://iranyonline.hu/cimke/teljesitmenyoptimalizalas/" rel="tag">teljesítményoptimalizálás</a><a href="https://iranyonline.hu/cimke/webfejlesztes/" rel="tag">webfejlesztés</a> </span> </div> </figcaption> </article> <div class="row pb-3 related-posts wow animate fadeInUp" data-wow-delay=".3s"> <div class="col-12"> <span class="news-section-title five"><h5 class="f-heading">Kapcsolódó</h5></span> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/a-10-leghasznosabb-express-js-middleware-amit-ismerned-kell/">A 10 leghasznosabb Express.js middleware, amit ismerned kell</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/felhasznaloi-authentikacio-megvalositasa-passport-js-es-express-js-parossal/">Felhasználói authentikáció megvalósítása Passport.js és Express.js párossal</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/hogyan-hasznalj-sablonkezeloket-mint-az-ejs-vagy-a-pug-express-js-ben/">Hogyan használj sablonkezelőket, mint az EJS vagy a Pug Express.js-ben?</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/statikus-fajlok-kiszolgalasa-express-js-segitsegevel/">Statikus fájlok kiszolgálása Express.js segítségével</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/mi-az-a-middleware-es-hogyan-mukodik-az-express-js-vilagaban/">Mi az a middleware és hogyan működik az Express.js világában?</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/a-tokeletes-rest-api-felepitese-express-js-es-mongodb-parossal/">A tökéletes REST API felépítése Express.js és MongoDB párossal</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/erdemes-meg-a-pages-routert-tanulni-vagy-ugorjunk-egybol-az-app-routerre-a-next-js-ben/">Érdemes még a Pages Routert tanulni vagy ugorjunk egyből az App Routerre a Next.js-ben?</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/hogyan-teszteljuk-a-szerver-komponenseket-a-next-js-alkalmazasunkban/">Hogyan teszteljük a szerver komponenseket a Next.js alkalmazásunkban?</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/a-generatestaticparams-funkcio-mesterfogasai-a-next-js-ben/">A `generateStaticParams` funkció mesterfogásai a Next.js-ben</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <article class="post grid-view-news-area "> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/a-tokeletes-landing-oldal-receptje-next-js-es-egy-csipetnyi-marketing/">A tökéletes landing oldal receptje: Next.js és egy csipetnyi marketing</a></h5> </header> <div class="entry-meta align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> </div> <article class="theme-comment-form wow animate fadeInUp " data-wow-delay=".3s"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title"><span class="news-section-title five"><h5 class="f-heading">Leave a Reply</h5></span> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/seo-tippek-es-trukkok-a-tokeletes-rangsorolasert-next-js-szel/#respond" style="display:none;">Válasz megszakítása</a></small></h3><form action="https://iranyonline.hu/wp-comments-post.php" method="post" id="action" 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><div class="form-group mb-3"><label>Comment</label> <textarea id="comments" rows="5" class="form-control" name="comment" type="text"></textarea></div><div class="form-group mb-3"><label>Name<span class="required">*</span></label><input class="form-control" name="author" id="author" value="" type="text"/></div> <div class="form-group mb-3"><label>Email<span class="required">*</span></label><input class="form-control" name="email" id="email" value="" type="email" ></div> <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="send_button" class="submit" value="Submit" /> <input type='hidden' name='comment_post_ID' value='17839' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div>  <div class="col-lg-4 col-md-6 col-sm-12"> <div class="sidebar"> <aside id="block-2" data-wow-delay=".3s" class="wow animate fadeInUp widget side-bar-widget sidebar-main widget_block widget_search"><form role="search" method="get" action="https://iranyonline.hu/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Keresés</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Keresés" class="wp-block-search__button wp-element-button" type="submit" >Keresés</button></div></form></aside><aside id="newsexo_list_view_news2-4" data-wow-delay=".3s" class="wow animate fadeInUp widget side-bar-widget sidebar-main widget_newsexo_list_view_news2"><h5 class="wp-block-heading">Legfrissebbek</h5> <div class="list-view-post-widget"> <article class="post"> <figure class="post-thumbnail"> </figure> <figcaption class="post-content"> <header class="entry-header"> <h6 class="entry-title"> <a href="https://iranyonline.hu/biztonsagi-alapelvek-minden-express-js-fejleszto-szamara/" title="Biztonsági alapelvek minden Express.js fejlesztő számára">Biztonsági alapelvek minden Express.js fejlesztő számára</a> </h6> </header> <div class="entry-meta"> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> <article class="post"> <figure class="post-thumbnail"> </figure> <figcaption class="post-content"> <header class="entry-header"> <h6 class="entry-title"> <a href="https://iranyonline.hu/hogyan-optimalizalhatod-az-express-js-alkalmazasod-teljesitmenyet/" title="Hogyan optimalizálhatod az Express.js alkalmazásod teljesítményét?">Hogyan optimalizálhatod az Express.js alkalmazásod teljesítményét?</a> </h6> </header> <div class="entry-meta"> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> <article class="post"> <figure class="post-thumbnail"> </figure> <figcaption class="post-content"> <header class="entry-header"> <h6 class="entry-title"> <a href="https://iranyonline.hu/express-js-vs-koa-melyiket-valaszd-a-kovetkezo-projektedhez/" title="Express.js vs Koa: melyiket válaszd a következő projektedhez?">Express.js vs Koa: melyiket válaszd a következő projektedhez?</a> </h6> </header> <div class="entry-meta"> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> <article class="post"> <figure class="post-thumbnail"> </figure> <figcaption class="post-content"> <header class="entry-header"> <h6 class="entry-title"> <a href="https://iranyonline.hu/a-10-leghasznosabb-express-js-middleware-amit-ismerned-kell/" title="A 10 leghasznosabb Express.js middleware, amit ismerned kell">A 10 leghasznosabb Express.js middleware, amit ismerned kell</a> </h6> </header> <div class="entry-meta"> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> <article class="post"> <figure class="post-thumbnail"> </figure> <figcaption class="post-content"> <header class="entry-header"> <h6 class="entry-title"> <a href="https://iranyonline.hu/felhasznaloi-authentikacio-megvalositasa-passport-js-es-express-js-parossal/" title="Felhasználói authentikáció megvalósítása Passport.js és Express.js párossal">Felhasználói authentikáció megvalósítása Passport.js és Express.js párossal</a> </h6> </header> <div class="entry-meta"> <span class="posted-on"> <i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> </aside> </div> </div> </div> </div> </section>  <section class="sponsored-news-section"> <div class="container-full">  <div class="row mb-space-20"> <div class="col-12"> <span class="news-section-title wow animate fadeInUp" data-wow-delay=".3s"> <h5 class="f-heading">Lehet lemaradtál <i class="fa-solid fa-bullhorn"></i></h5> </span> </div> <div class="col-12"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-12"> <article class="post grid-view-news-area wow animate zoomIn " data-wow-delay=".3s"> <figure class="post-thumbnail"> <a class="img-block" href="https://iranyonline.hu/a-10-leghasznosabb-express-js-middleware-amit-ismerned-kell/"></a> </figure> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/a-10-leghasznosabb-express-js-middleware-amit-ismerned-kell/">A 10 leghasznosabb Express.js middleware, amit ismerned kell</a></h5> </header> <div class="entry-meta meta-two align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"><i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <article class="post grid-view-news-area wow animate zoomIn " data-wow-delay=".3s"> <figure class="post-thumbnail"> <a class="img-block" href="https://iranyonline.hu/felhasznaloi-authentikacio-megvalositasa-passport-js-es-express-js-parossal/"></a> </figure> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/felhasznaloi-authentikacio-megvalositasa-passport-js-es-express-js-parossal/">Felhasználói authentikáció megvalósítása Passport.js és Express.js párossal</a></h5> </header> <div class="entry-meta meta-two align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"><i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <article class="post grid-view-news-area wow animate zoomIn " data-wow-delay=".3s"> <figure class="post-thumbnail"> <a class="img-block" href="https://iranyonline.hu/hogyan-hasznalj-sablonkezeloket-mint-az-ejs-vagy-a-pug-express-js-ben/"></a> </figure> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/hogyan-hasznalj-sablonkezeloket-mint-az-ejs-vagy-a-pug-express-js-ben/">Hogyan használj sablonkezelőket, mint az EJS vagy a Pug Express.js-ben?</a></h5> </header> <div class="entry-meta meta-two align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"><i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <article class="post grid-view-news-area wow animate zoomIn " data-wow-delay=".3s"> <figure class="post-thumbnail"> <a class="img-block" href="https://iranyonline.hu/statikus-fajlok-kiszolgalasa-express-js-segitsegevel/"></a> </figure> <figcaption class="post-content"> <div class="entry-meta"> <span class="cat-links links-space"> <a class="links-bg web" href="https://iranyonline.hu/kategoria/web/"><span>Web</span></a> </span> </div> <header class="entry-header"> <h5 class="entry-title"><a href="https://iranyonline.hu/statikus-fajlok-kiszolgalasa-express-js-segitsegevel/">Statikus fájlok kiszolgálása Express.js segítségével</a></h5> </header> <div class="entry-meta meta-two align-self-center"> <span class="author"> <img alt='' src='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d5cfd4daeb5b2382d60a464fe7a6b6495dfbb5e01d7c5be52235186ab7d21178?s=100&d=mm&r=g 2x' class='img-fluid comment-img avatar-50 photo avatar-default' height='50' width='50' loading='lazy' decoding='async'/> <a href="https://iranyonline.hu/author/iranyonline/">iranyonline</a> </span> <span class="posted-on"><i class="fa-regular fa-clock"></i> <a href="https://iranyonline.hu/2025/09/"><time> szept 13, 2025</time></a> </span> </div> </figcaption> </article> </div> </div> </div> </div>  </div> </section>  <div style="display: none;"><script id="_wau9bb">var _wau = _wau || []; _wau.push(["small", "35fbpegzsy", "9bb"]);</script><script async src="//waust.at/s.js"></script></div>  <footer class="site-footer site-footer-overlay"> <div class="container-full">  <div class="row footer-sidebar wow animate zoomIn" data-wow-delay="0.3s"> <div class="col-lg-3 col-md-6 col-sm-12"> <aside id="block-15" data-wow-delay=".3s" class="widget footer-sidebar-one wow animate fadeInUp widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained"> <img decoding="async" src="https://iranyonline.hu/wp-content/uploads/2025/03/cropped-irany-online-logo.png" class="img-fluid" alt="Newsexo logo"><br /> <p>Célunk, hogy hasznos tanácsokkal és tartalmakkal lássunk el téged miközben a világ híreiről és újdonságairól is értesülhetsz.</p> </div></div> </aside> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <aside id="newsexo_list_view_news2-3" data-wow-delay=".3s" class="widget footer-sidebar-two wow animate fadeInUp widget_newsexo_list_view_news2"><h5 class="wp-block-heading">Latest News</h5> <div class="list-view-post-widget"> </div> </aside> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <aside id="block-16" data-wow-delay=".3s" class="widget footer-sidebar-three wow animate fadeInUp widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained"> <h5 class="wp-block-heading">Categories</h5> <ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-1"><a href="https://iranyonline.hu/kategoria/egyeb/">Egyéb</a> </li> <li class="cat-item cat-item-121"><a href="https://iranyonline.hu/kategoria/gazdasag/">Gazdaság</a> </li> <li class="cat-item cat-item-93"><a href="https://iranyonline.hu/kategoria/hirek/">Hírek</a> </li> <li class="cat-item cat-item-536"><a href="https://iranyonline.hu/kategoria/mobil/">Mobil</a> </li> <li class="cat-item cat-item-5337"><a href="https://iranyonline.hu/kategoria/szoftver/">Szoftver</a> </li> <li class="cat-item cat-item-120"><a href="https://iranyonline.hu/kategoria/tech/">Tech</a> </li> <li class="cat-item cat-item-402"><a href="https://iranyonline.hu/kategoria/tudastar/">Tudástár</a> </li> <li class="cat-item cat-item-119"><a href="https://iranyonline.hu/kategoria/vallalkozas/">Vállalkozás</a> </li> <li class="cat-item cat-item-2486"><a href="https://iranyonline.hu/kategoria/videojatek/">Videójáték</a> </li> <li class="cat-item cat-item-94"><a href="https://iranyonline.hu/kategoria/web/">Web</a> </li> </ul></div></div> </aside> </div> <div class="col-lg-3 col-md-6 col-sm-12"> <aside id="block-17" data-wow-delay=".3s" class="widget footer-sidebar-four wow animate fadeInUp widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained"> <h5 class="wp-block-heading">Sign Up For Our Newsletter</h5> <p>Subscribe to our newsletter to get our newest articles instantly!</p> <form class="subscribe-area"> <input class="form-control" type="text" placeholder="Your email address" aria-label="Your email address"> <button class="btn-subscribe" type="button">Subscribe</button> </form> </div></div> </aside> </div> </div>  <div class="row"> <div class="col-12"> <div class="site-info-border"></div> </div> <div class="col-md-6 col-sm-12"> <div class="site-info text-left"> <p> Copyright © 2025 | Irány Online! | Minden jog fenntartva. <span class="sep"> | </span> <a href="https://themearile.com/provo-news-theme/" target="_blank">Provo News</a> by <a href="https://themearile.com" target="_blank">ThemeArile</a> </a> </p> </div> </div> <div class="col-md-6 col-sm-12"> <div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="site-info-menu"><li id="menu-item-539" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-539"><a class="nav-link" href="https://iranyonline.hu/">Kezdőlap</a></li> <li id="menu-item-540" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-540"><a class="nav-link" href="https://iranyonline.hu/blog/">Blog</a></li> <li id="menu-item-543" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-543"><a class="nav-link" href="https://iranyonline.hu/privacy-policy-2/">Adatvédelem</a></li> <li id="menu-item-542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-542"><a class="nav-link" href="https://iranyonline.hu/contact/">Kapcsolat</a></li> </ul></div> </div> </div> </div> </footer>   <div class="page-scroll-up"><a href="#totop"><i class="fa fa-angle-up"></i></a></div>  <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\/provo-news\/*","\/wp-content\/themes\/newsexo\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <style type="text/css"> .site-logo img.custom-logo { max-width: 513px; height: auto; } .logo-banner { background: #17212c url(https://iranyonline.hu/wp-content/themes/provo-news/assets/img/header-banner.jpg); background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: cover; } .logo-banner-overlay::before { background: rgba(0,0,0,0.75) !important; } </style> <script> // This JS added for the Toggle button to work with the focus element. jQuery('.navbar-toggler').click(function(){ document.addEventListener('keydown', function(e) { let isTabPressed = e.key === 'Tab' || e.keyCode === 9; if (!isTabPressed) { return; } const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'; const modal = document.querySelector('.navbar.navbar-expand-lg'); // select the modal by it's id const firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // get first element to be focused inside modal const focusableContent = modal.querySelectorAll(focusableElements); const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal if (e.shiftKey) { // if shift key pressed for shift + tab combination if (document.activeElement === firstFocusableElement) { lastFocusableElement.focus(); // add focus for the last focusable element e.preventDefault(); } } else { // if tab key is pressed if (document.activeElement === lastFocusableElement) { // if focused has reached to last focusable element then focus first focusable element after pressing tab firstFocusableElement.focus(); // add focus for the first focusable element e.preventDefault(); } } }); }); </script> <script type="text/javascript" src="https://iranyonline.hu/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://iranyonline.hu/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://iranyonline.hu/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.4" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-translations"> /* <![CDATA[ */ ( 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":"2023-06-06 12:31:46+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"hu"},"Error:":["Hiba:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/iranyonline.hu\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script type="text/javascript" src="https://iranyonline.hu/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.4" id="contact-form-7-js"></script> <script type="text/javascript" src="https://iranyonline.hu/wp-content/themes/newsexo/assets/js/skip-link-focus-fix.js?ver=20151215" id="newsexo-skip-link-focus-fix-js"></script> <script type="text/javascript" src="https://iranyonline.hu/wp-includes/js/comment-reply.min.js?ver=5d4c1d33551383247913e7484478707c" id="comment-reply-js" async="async" data-wp-strategy="async"></script> </body> </html>