http://www.aszfaltozas-terburkolas.hu SEO ellenőrzése a 2026.09.03 napon
A Seo elemző szoftver fejlesztés alatt áll, az esetleges kellemetlenségekért elnézést kérünk!
Nem jó, de nem is tragikus - hogy egy klasszikussal éljünk. A weboldaladon számos hibát tártunk fel, amelyek megnehezítik a keresőoptimalizálást. Vedd fel velünk a kapcsolatot IDE kattintva, hogy orvosolhassuk ezeket, és felállíthassuk SEO stratégiád! Kérem a részletes SEO-jelentést!2 perc alatt elkészül – személyre szabott formában, e-mailben küldjük.
Összesen 1 figyelmeztetés!
Az AI helyezések megtekintéséhez előbb írj be egy kérdést!
Összesen 1 figyelmeztetés!
A kulcsszó figyelő szolgáltatáshoz kérjük vásárolj Jarvis előfizetést!
Összesen 7 elfogadott szabály!
Duplikációs problémákat okozhat!
Összesen 4 hiba!
Összesen 1 figyelmeztetés!
Az SSL tanúsítvány egy digitális hitelesítés, amely titkosított kapcsolatot biztosít a webkiszolgáló és a felhasználó böngészője között. Segít megvédeni az adatokat a lehallgatástól, biztosítja a weboldal hitelességét, javítja a Google rangsorolást és növeli a felhasználói bizalmat.
Összesen 1 figyelmeztetés!
A HTTP/2 a HTTP protokoll továbbfejlesztett verziója, amely gyorsabb adatátvitelt tesz lehetővé multiplexálással, tömörítéssel és jobb kapcsolatkezeléssel. Csökkenti a késleltetést, javítja a weboldalak betöltési sebességét és hatékonyabban kezeli a párhuzamos kéréseket, mint a HTTP/1.1.
Összesen 1 elfogadott szabály!
A címsorok (<h1>, <h2>, <h3>, stb.) HTML-elemek, amelyek a weboldalak tartalmát hierarchikusan tagolják. Az <h1> a főcím, míg az alacsonyabb szintű címsorok (pl. <h2>, <h3>) az alfejezeteket jelölik. Fontosságuk abban rejlik, hogy segítik a keresőmotorokat a tartalom megértésében, javítják az oldalak SEO-ját, és átláthatóbbá teszik az információt az olvasók számára. A helyes címsorhasználat strukturáltabb, könnyebben fogyasztható tartalmat eredményez.
| <h1> | <h2> | <h3> | <h4> | <h5> | <h6> |
| 1 db | 11 db | 5 db | 0 db | 0 db | 0 db |
<h2 class="display-heading text-xl md:text-3xl mb-2">Aszfaltozás</h2>
<h2 class="display-heading text-xl md:text-3xl mb-2">Térkövezés</h2>
<h2 class="display-heading text-xl md:text-3xl mb-2">Épületbontás</h2>
<h1 class="display-heading mb-4">Professzionális kivitelezés. Stabil alapok.</h1>
<h2 class="display-heading mb-6">A burkolat sorsa a föld alatt dől el</h2>
<h2 class="display-heading mb-4">Amit vállalunk</h2>
<h3 class="display-heading text-lg mb-2">Épületbontás</h3>
<h3 class="display-heading text-lg mb-2">Útépítés</h3>
<h3 class="display-heading text-lg mb-2">Térburkolás</h3>
<h3 class="display-heading text-lg mb-2">Földmunka</h3>
<h3 class="display-heading text-lg mb-2">Ipari kivitelezés</h3>
<h2 class="display-heading mb-4">5 év garancia a teljes körű munkáinkra</h2>
<h2 class="display-heading">Országos kivitelezés</h2>
<h2 class="display-heading mb-5">A gépeink és a munkáink beszélnek helyettünk</h2>
<h2 class="display-heading mb-4">Hamarosan megrendelőink is elmondják, milyen velünk dolgozni</h2>
<h2 class="display-heading">Gyakori kérdések</h2>
<h2 class="display-heading mb-5">Kérjen ajánlatot — bárhol az országban</h2>
Összesen 3 elfogadott szabály!
Nem ajánlott, ha a headingekben HTML tag található!
Nem ajánlott, ha a headingekben HTML tag található!
Nem ajánlott, ha a headingekben HTML tag található!
Összesen 3 figyelmeztetés!
A Dublin Core egy metaadat-szabvány, amely segít azonosítani és leírni a webes tartalmakat strukturált módon. Olyan alapvető információkat tartalmaz, mint a cím, szerző, kulcsszavak, leírás vagy a publikálás dátuma. Használata előnyös, mert javítja a keresőmotorok és más rendszerek számára a tartalom értelmezhetőségét, így segíthet a jobb indexelésben és kereshetőségben. Emellett támogatja az adatcserét és a digitális archívumok rendszerezését is.
Összesen 1 hiba!
Az Open Graph (OG) egy metaadat-protokoll, amelyet a Facebook fejlesztett ki, és lehetővé teszi, hogy a weboldalak jobban megjelenjenek a közösségi médiában. Az OG-címkék (og:title, og:description, og:image, stb.) segítségével beállítható, hogy például egy Facebook-megosztásnál milyen cím, kép és leírás jelenjen meg. Ez javítja a kattintási arányt (CTR), a felhasználói élményt, és növeli az oldal láthatóságát a közösségi platformokon.
<meta property="og:title" content="ETALON — Aszfaltozás, térkövezés és kivitelezés országosan">
<meta property="og:description" content="Aszfaltozás, térkövezés, bontás és földmunka saját géppel, országosan. 5 év garancia a teljes körű munkákra.">
<meta property="og:url" content="https://eta-kivitelezes.pages.dev/">
<meta property="og:image" content="https://eta-kivitelezes.pages.dev/assets/og-images/og-default.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
Összesen 1 elfogadott szabály!
A W3C (World Wide Web Consortium) egy nemzetközi szervezet, amely a webes szabványokat fejleszti és felügyeli. Célja, hogy a web mindenki számára elérhető, kompatibilis és biztonságos legyen. A W3C ajánlásainak betartása biztosítja, hogy egy weboldal jól működjön minden böngészőben, gyorsabb legyen, és megfeleljen az akadálymentességi (WCAG) és SEO-irányelveknek. Ez hosszú távon jobb felhasználói élményt és szélesebb elérhetőséget eredményez.
A(z) 1 sorban
A(z) 1 sorban
A(z) 1 sorban
A(z) 1 sorban
A(z) 1 sorban
Összesen 5 hiba!
A Flash tartalom az Adobe Flash technológiával készült animációkat, videókat vagy interaktív elemeket jelent. Régebben népszerű volt a weboldalakon, de ma már elavult és nem támogatott. Alternatíva: HTML5, CSS3 és JavaScript segítségével minden Flash-funkcionalitás korszerűbben és hatékonyabban megvalósítható.
Összesen 1 elfogadott szabály!
A framek és iframek olyan HTML-elemek, amelyek más weboldalak vagy tartalmak beágyazására szolgálnak. Hátrányuk, hogy rontják a SEO-t, biztonsági kockázatot jelentenek, lassítják az oldalt és mobilon problémás lehet a megjelenítésük. Helyettük érdemes API-kat, AJAX-ot vagy JavaScriptet használni.
A 404 hibaoldal akkor jelenik meg, ha egy felhasználó olyan oldalt próbál elérni, amely nem létezik. Fontos, hogy legyen egy egyedi 404 oldal, mert javítja a felhasználói élményt, segít a látogatók visszairányításában, és csökkentheti a visszafordulási arányt. SEO szempontból is hasznos, ha megfelelő navigációt vagy keresési lehetőséget biztosít.
Összesen 1 figyelmeztetés!
A scriptek olyan programkódok (pl. JavaScript, PHP), amelyek egy weboldalon vagy szerveren futnak, hogy dinamikus funkciókat biztosítsanak. Segítségükkel interaktív elemek, adatkezelés, automatizáció és egyedi felhasználói élmény valósítható meg.
<script src="/_next/static/chunks/0pqt~8bl3ukh4.js"></script> (167 bytes)
<script src="/_next/static/chunks/0i~93fld3ugu2.js"></script> (167 bytes)
<script src="/_next/static/chunks/00nvzi6qb_-1r.js"></script> (167 bytes)
<script src="/_next/static/chunks/turbopack-10kaojb.71gyl.js"></script> (167 bytes)
<script src="/_next/static/chunks/0sgj-nmsswtt5.js"></script> (167 bytes)
<script src="/_next/static/chunks/0d3shmwh5_nmn.js"></script> (167 bytes)
<script src="/_next/static/chunks/0_l3~k29fk.w1.js"></script> (167 bytes)
<script src="/_next/static/chunks/08-qdg3021lda.js"></script> (167 bytes)
<script src="/_next/static/chunks/10pt4_l6mshi4.js"></script> (167 bytes)
<script src="/_next/static/chunks/03~yq9q893hmn.js"></script> (167 bytes)
<script src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script> (1 KB)
<script src="/_next/static/chunks/08kw1lts~~ut5.js"></script> (167 bytes)
Összesen 12 hiba!
A stílusfájlok (pl. CSS) olyan fájlok, amelyek egy weboldal megjelenését szabályozzák. Segítségükkel beállíthatók a színek, betűtípusok, elrendezések és egyéb vizuális elemek, hogy az oldal esztétikus és felhasználóbarát legyen.
<link href="/_next/static/chunks/0vppuz4.n~od4.css"> (167 bytes)
Összesen 3 elfogadott szabály!
Összesen 1 hiba!
A kulcsszavak olyan szavak vagy kifejezések, amelyek egy tartalom fő témáját jelölik. Segítségükkel a keresőmotorok és a felhasználók könnyebben megtalálják az adott oldalt vagy cikket a releváns keresések során.
| Kulcsszó | db | Title | Descripton | Heading |
| nem | 11 | |||
| aszfaltozás | 9 | |||
| térkövezés | 9 | |||
| burkolat | 9 | |||
| vagy | 9 | |||
| van | 7 | |||
| minden | 7 | |||
| földmunka | 6 | |||
| egész | 6 | |||
| ország | 6 | |||
| Kulcsszó (2 szavas) | db | Title | Descripton | Heading |
| 257 9722 | 5 | |||
| a burkolat | 4 | |||
| aszfaltozás térkövezés | 3 | |||
| egész területén | 3 | |||
| 06 20 | 3 | |||
| az ország | 3 | |||
| lakossági és | 3 | |||
| térkövezés bontás | 2 | |||
| és földmunka | 2 | |||
| ajánlatot kérek | 2 | |||
| Kulcsszó (3 szavas) | db | Title | Descripton | Heading |
| saját munkagépekkel az | 2 | |||
| egész ország területén | 2 | |||
| cégeknek és magánszemélyeknek | 2 | |||
| terhelésre méretezett rétegrenddel | 2 | |||
| teljes körű kivitelezési | 2 | |||
| munkáinkra a vonatkozó | 2 | |||
| jogszabályoknak megfelelően 5 | 2 | |||
| év garanciát vállalunk | 2 | |||
| adunk pontos az | 2 | |||
| ön munkájára szabott | 2 |
Összesen 1 figyelmeztetés!
Összesen 1 elfogadott szabály!
Összesen 3 elfogadott szabály!
- <a class="shrink-0 transition-opacity hover:opacity-85" aria-label="ETALON — főoldal" href="/">
- <a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-primary);border-bottom:2px solid var(--color-primary)" href="/">
- <a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/aszfaltozas/">
- <a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/terkovezes/">
- <a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/bontas-foldmunka/">
- <a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/referenciak/">
- <a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/rolunk/">
- <a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/kapcsolat/">
- <a href="tel:+36202579722" class="flex items-center gap-1.5 text-sm font-semibold transition-colors hover:opacity-80" style="color:var(--color-text)">
- <a class="px-4 py-2 text-sm font-semibold btn-primary" style="border-radius:var(--radius-md)" href="/kapcsolat/">
- <a href="tel:+36202579722" class="p-2" aria-label="Hívjon most: 06-20/257-9722" style="color:var(--color-primary)">
- <a class="group relative block h-64 overflow-hidden sm:h-full sm:flex-1 sm:[clip-path:polygon(0_0,100%_0,calc(100%-130px)_100%,0_100%)]" style="z-index:3" href="/aszfaltozas/">
- <a class="group relative block h-64 overflow-hidden sm:h-full sm:flex-1 sm:-ml-[130px] sm:[clip-path:polygon(0_0,100%_0,calc(100%-130px)_100%,0_100%)]" style="z-index:2" href="/terkovezes/">
- <a class="group relative block h-64 overflow-hidden sm:h-full sm:flex-1 sm:-ml-[130px] " style="z-index:1" href="/bontas-foldmunka/">
- <a class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-primary" style="border-radius:var(--radius-md)" href="/kapcsolat/">
- <a href="tel:+36202579722" class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-outline" style="border-radius:var(--radius-md)">
- <a class="underline hover:opacity-80" style="color:var(--color-primary)" href="/aszfaltozas/">
- <a class="underline hover:opacity-80" style="color:var(--color-primary)" href="/terkovezes/">
- <a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/bontas-foldmunka/">
- <a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/aszfaltozas/">
- <a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/terkovezes/">
- <a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/bontas-foldmunka/">
- <a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/bontas-foldmunka/">
- <a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
- <a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
- <a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
- <a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
- <a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
- <a class="inline-flex items-center gap-2 px-7 py-3.5 text-sm font-semibold btn-outline" style="border-radius:var(--radius-md)" href="/referenciak/">
- <a class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-outline" style="border-radius:var(--radius-md)" href="/kapcsolat/">
- <a class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-primary" style="border-radius:var(--radius-md)" href="/kapcsolat/">
- <a href="tel:+36202579722" class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-outline" style="border-radius:var(--radius-md)">
- <a aria-label="ETALON — főoldal" class="-ml-1" href="/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/aszfaltozas/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/terkovezes/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/bontas-foldmunka/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/referenciak/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/rolunk/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/kapcsolat/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/bontas-foldmunka/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/aszfaltozas/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/terkovezes/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/bontas-foldmunka/">
- <a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/bontas-foldmunka/">
- <a href="tel:+36202579722" class="flex items-center gap-2 hover:opacity-80 transition-opacity">
- <a href="/cdn-cgi/l/email-protection#204152414a414e4c4154121460474d41494c0e434f4d1f5355424a4543541d614a0563130561114e4c41544b0563130561195205631305611953" class="flex items-center gap-2 hover:opacity-80 transition-opacity">
- <a class="hover:underline" href="/adatvedelmi-tajekoztato/">
- <a class="hover:underline" href="/impresszum/">
- <a href="https://cvmarketing.hu" target="_blank" rel="noopener noreferrer" class="hover:underline">
- <a class="flex items-center gap-2 px-5 py-3 rounded-full font-semibold text-sm transition-all active:scale-95" style="background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-lg)" aria-label="Hívjon most" href="tel:+36202579722">
Összesen 3 hiba!
Az inline CSS olyan stílus, amelyet közvetlenül egy HTML elem style attribútumában határozunk meg. Hátránya, hogy nehezíti a kód karbantarthatóságát, rontja a teljesítményt, és megnehezíti a stílusok egységes kezelését. Érdemes helyette külső vagy belső CSS fájlokat használni.
<html lang="hu" class="h-full inter_6ac33733-module__S-Mc3G__variable oswald_1943d6da-module__t0C0kG__variable" style="scroll-behavior:smooth" data-scroll-behavior="smooth">
<body class="flex flex-col" style="font-family:var(--font-inter), var(--font-sans);--font-display:var(--font-oswald), "Arial Narrow", Impact, sans-serif">
<header class="relative z-50" style="background:var(--color-bg)">
<img alt="ETALON — Út · Mélyépítés · Épületbontás" width="2172" height="724" decoding="async" data-nimg="1" class="theme-light-only h-20 w-auto" style="color:transparent" src="/logo-vilagos.png"/>
<img alt="ETALON — Út · Mélyépítés · Épületbontás" width="2172" height="724" decoding="async" data-nimg="1" class="theme-dark-only h-20 w-auto" style="color:transparent" src="/logo-sotet.png"/>
<a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-primary);border-bottom:2px solid var(--color-primary)" href="/">
<a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/aszfaltozas/">
<a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/terkovezes/">
<a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/bontas-foldmunka/">
<a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/referenciak/">
<a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/rolunk/">
<a class="px-3 py-2 text-[0.8rem] font-medium uppercase tracking-wider transition-colors" style="font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent" href="/kapcsolat/">
<a href="tel:+36202579722" class="flex items-center gap-1.5 text-sm font-semibold transition-colors hover:opacity-80" style="color:var(--color-text)">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true" style="color:var(--color-primary)">
<button type="button" class="inline-flex items-center justify-center p-2 transition-colors " style="color:var(--color-text)" aria-label="Sötét mód bekapcsolása" title="Sötét mód">
<a class="px-4 py-2 text-sm font-semibold btn-primary" style="border-radius:var(--radius-md)" href="/kapcsolat/">
<button type="button" class="inline-flex items-center justify-center p-2 transition-colors " style="color:var(--color-text)" aria-label="Sötét mód bekapcsolása" title="Sötét mód">
<a href="tel:+36202579722" class="p-2" aria-label="Hívjon most: 06-20/257-9722" style="color:var(--color-primary)">
<button class="p-2 transition-colors" style="color:var(--color-text)" aria-label="Menü megnyitása" aria-expanded="false">
<a class="group relative block h-64 overflow-hidden sm:h-full sm:flex-1 sm:[clip-path:polygon(0_0,100%_0,calc(100%-130px)_100%,0_100%)]" style="z-index:3" href="/aszfaltozas/">
<img alt="Aszfaltterítés finisher géppel útépítésen" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/IMG_2255.JPEG"/>
<div class="absolute inset-0 transition-colors duration-300 group-hover:bg-black/10" style="background:linear-gradient(to top, rgba(23,25,27,0.94) 0%, rgba(23,25,27,0.5) 40%, rgba(23,25,27,0.1) 68%)">
<h2 class="display-heading text-xl md:text-3xl mb-2" style="color:var(--color-on-scrim)">
<p class="text-xs md:text-sm leading-snug max-w-[14rem]" style="color:var(--color-on-scrim-muted)">
<a class="group relative block h-64 overflow-hidden sm:h-full sm:flex-1 sm:-ml-[130px] sm:[clip-path:polygon(0_0,100%_0,calc(100%-130px)_100%,0_100%)]" style="z-index:2" href="/terkovezes/">
<img alt="Frissen lerakott térkőburkolat nagy felületen" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/1343f1b8-a3f2-4115-8dfa-782b9f19df2f.jpg"/>
<div class="absolute inset-0 transition-colors duration-300 group-hover:bg-black/10" style="background:linear-gradient(to top, rgba(23,25,27,0.94) 0%, rgba(23,25,27,0.5) 40%, rgba(23,25,27,0.1) 68%)">
<h2 class="display-heading text-xl md:text-3xl mb-2" style="color:var(--color-on-scrim)">
<p class="text-xs md:text-sm leading-snug max-w-[14rem]" style="color:var(--color-on-scrim-muted)">
<a class="group relative block h-64 overflow-hidden sm:h-full sm:flex-1 sm:-ml-[130px] " style="z-index:1" href="/bontas-foldmunka/">
<img alt="Épület bontása markolóval, gépi bontási munka" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/images/epuletbontas-illusztracio.webp"/>
<div class="absolute inset-0 transition-colors duration-300 group-hover:bg-black/10" style="background:linear-gradient(to top, rgba(23,25,27,0.94) 0%, rgba(23,25,27,0.5) 40%, rgba(23,25,27,0.1) 68%)">
<h2 class="display-heading text-xl md:text-3xl mb-2" style="color:var(--color-on-scrim)">
<p class="text-xs md:text-sm leading-snug max-w-[14rem]" style="color:var(--color-on-scrim-muted)">
<div class="relative" style="background:var(--color-bg-subtle)">
<h1 class="display-heading mb-4" style="font-size:clamp(1.9rem, 4vw, 2.9rem);color:var(--color-text)">
<span style="color:var(--color-primary)">
<p class="text-base md:text-lg leading-relaxed max-w-xl mb-2" style="color:var(--color-text-muted)">
<p class="inline-flex items-center gap-2 px-4 py-2 text-sm md:text-base font-semibold mb-8" style="color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md)">
<a class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-primary" style="border-radius:var(--radius-md)" href="/kapcsolat/">
<a href="tel:+36202579722" class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-outline" style="border-radius:var(--radius-md)">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true" style="color:var(--color-primary)">
<img alt="Országos kivitelezés" loading="lazy" width="1346" height="1168" decoding="async" data-nimg="1" class="w-36 sm:w-40 h-auto drop-shadow-2xl" style="color:transparent" src="/orszagos_kivitelezes.png"/>
<section class="section-py" style="background:var(--color-bg-subtle)">
<div class="lg:col-span-5" style="opacity:0;transform:translateY(30px)">
<h2 class="display-heading mb-6" style="font-size:clamp(1.9rem, 4vw, 3rem);color:var(--color-text)">
<div class="flex flex-col gap-4 text-base leading-relaxed" style="color:var(--color-text-muted)">
<a class="underline hover:opacity-80" style="color:var(--color-primary)" href="/aszfaltozas/">
<a class="underline hover:opacity-80" style="color:var(--color-primary)" href="/terkovezes/">
<div class="lg:col-span-7" style="opacity:0;transform:translateY(30px)">
<div class="relative overflow-hidden" style="border-radius:var(--radius-md);border:1px solid var(--color-border)">
<img alt="Burkolat rétegrend-keresztmetszet: kopóréteg, zúzottkő, betonalap és tömörített altalaj rétegei" loading="lazy" width="1586" height="992" decoding="async" data-nimg="1" class="w-full h-auto block" style="color:transparent" src="/assets/images/aszfaltozas-retegrend.webp"/>
<div style="opacity:0;transform:translateY(30px)">
<li class="flex items-start gap-4 py-4" style="border-bottom:1px solid var(--color-border)">
<span class="mt-2 shrink-0 flex items-center" aria-hidden="true" style="width:2.25rem">
<span style="width:0.5rem;height:0.5rem;border-radius:9999px;background:var(--color-primary)">
<span style="flex:1;height:2px;background:var(--color-primary);opacity:0.6">
<p class="display-heading text-base" style="color:var(--color-text)">
<div style="opacity:0;transform:translateY(30px)">
<li class="flex items-start gap-4 py-4" style="border-bottom:1px solid var(--color-border)">
<span class="mt-2 shrink-0 flex items-center" aria-hidden="true" style="width:2.25rem">
<span style="width:0.5rem;height:0.5rem;border-radius:9999px;background:var(--color-primary)">
<span style="flex:1;height:2px;background:var(--color-primary);opacity:0.6">
<p class="display-heading text-base" style="color:var(--color-text)">
<div style="opacity:0;transform:translateY(30px)">
<li class="flex items-start gap-4 py-4" style="border-bottom:1px solid var(--color-border)">
<span class="mt-2 shrink-0 flex items-center" aria-hidden="true" style="width:2.25rem">
<span style="width:0.5rem;height:0.5rem;border-radius:9999px;background:var(--color-primary)">
<span style="flex:1;height:2px;background:var(--color-primary);opacity:0.6">
<p class="display-heading text-base" style="color:var(--color-text)">
<div style="opacity:0;transform:translateY(30px)">
<li class="flex items-start gap-4 py-4" style="border-bottom:none">
<span class="mt-2 shrink-0 flex items-center" aria-hidden="true" style="width:2.25rem">
<span style="width:0.5rem;height:0.5rem;border-radius:9999px;background:var(--color-primary)">
<span style="flex:1;height:2px;background:var(--color-primary);opacity:0.6">
<p class="display-heading text-base" style="color:var(--color-text)">
<section class="section-py" style="background:var(--color-bg)">
<div class="flex flex-col items-center text-center mb-12" style="opacity:0;transform:translateY(30px)">
<h2 class="display-heading mb-4" style="font-size:clamp(1.9rem, 4vw, 3rem);color:var(--color-text)">
<div style="transform-origin:bottom center;position:relative;opacity:0;transform:translateY(48px) rotate(-6deg)">
<span class="absolute top-3 left-3 z-20 display-heading text-xl pointer-events-none" style="color:var(--color-primary)" aria-hidden="true">
<a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/bontas-foldmunka/">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hammer" style="color:var(--color-text)" aria-hidden="true">
<h3 class="display-heading text-lg mb-2" style="color:var(--color-text)">
<p class="text-sm leading-relaxed flex-1" style="color:var(--color-text-muted)">
<span class="mt-4 inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider" style="font-family:var(--font-display);color:var(--color-primary)">
<img alt="Épület bontása markolóval, gépi bontási munka" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/images/epuletbontas-illusztracio.webp"/>
<div class="absolute inset-x-0 top-0 h-10" style="background:linear-gradient(to bottom, rgba(36,39,42,0.9), transparent)">
<div style="transform-origin:bottom center;position:relative;opacity:0;transform:translateY(48px) rotate(6deg)">
<span class="absolute top-3 left-3 z-20 display-heading text-xl pointer-events-none" style="color:var(--color-primary)" aria-hidden="true">
<a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/aszfaltozas/">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-route" style="color:var(--color-text)" aria-hidden="true">
<h3 class="display-heading text-lg mb-2" style="color:var(--color-text)">
<p class="text-sm leading-relaxed flex-1" style="color:var(--color-text-muted)">
<span class="mt-4 inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider" style="font-family:var(--font-display);color:var(--color-primary)">
<img alt="Aszfaltterítés finisher géppel útépítésen" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/IMG_2255.JPEG"/>
<div class="absolute inset-x-0 top-0 h-10" style="background:linear-gradient(to bottom, rgba(36,39,42,0.9), transparent)">
<div style="transform-origin:bottom center;position:relative;opacity:0;transform:translateY(48px) rotate(-6deg)">
<span class="absolute top-3 left-3 z-20 display-heading text-xl pointer-events-none" style="color:var(--color-primary)" aria-hidden="true">
<a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/terkovezes/">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grid3x3 lucide-grid-3x3" style="color:var(--color-text)" aria-hidden="true">
<h3 class="display-heading text-lg mb-2" style="color:var(--color-text)">
<p class="text-sm leading-relaxed flex-1" style="color:var(--color-text-muted)">
<span class="mt-4 inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider" style="font-family:var(--font-display);color:var(--color-primary)">
<img alt="Frissen lerakott térkőburkolat nagy felületen" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/1343f1b8-a3f2-4115-8dfa-782b9f19df2f.jpg"/>
<div class="absolute inset-x-0 top-0 h-10" style="background:linear-gradient(to bottom, rgba(36,39,42,0.9), transparent)">
<div style="transform-origin:bottom center;position:relative;opacity:0;transform:translateY(48px) rotate(6deg)">
<span class="absolute top-3 left-3 z-20 display-heading text-xl pointer-events-none" style="color:var(--color-primary)" aria-hidden="true">
<a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/bontas-foldmunka/">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mountain" style="color:var(--color-text)" aria-hidden="true">
<h3 class="display-heading text-lg mb-2" style="color:var(--color-text)">
<p class="text-sm leading-relaxed flex-1" style="color:var(--color-text-muted)">
<span class="mt-4 inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider" style="font-family:var(--font-display);color:var(--color-primary)">
<img alt="Kotrógép földmunka és alapréteg-terítés közben" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/IMG_3261.JPEG"/>
<div class="absolute inset-x-0 top-0 h-10" style="background:linear-gradient(to bottom, rgba(36,39,42,0.9), transparent)">
<div style="transform-origin:bottom center;position:relative;opacity:0;transform:translateY(48px) rotate(-6deg)">
<span class="absolute top-3 left-3 z-20 display-heading text-xl pointer-events-none" style="color:var(--color-primary)" aria-hidden="true">
<a class="group relative flex flex-col h-full asphalt-panel transition-transform duration-300 hover:-translate-y-1.5 hover:rotate-0" style="border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%)" href="/bontas-foldmunka/">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory" style="color:var(--color-text)" aria-hidden="true">
<h3 class="display-heading text-lg mb-2" style="color:var(--color-text)">
<p class="text-sm leading-relaxed flex-1" style="color:var(--color-text-muted)">
<span class="mt-4 inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider" style="font-family:var(--font-display);color:var(--color-primary)">
<img alt="Ipari telephely burkolt udvara teherautókkal" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/IMG_3268.JPEG"/>
<div class="absolute inset-x-0 top-0 h-10" style="background:linear-gradient(to bottom, rgba(36,39,42,0.9), transparent)">
<div class="flex flex-col" style="opacity:0;transform:translateY(30px)">
<path d="M100 4 L188 36 V104 C188 154 152 192 100 216 C48 192 12 154 12 104 V36 Z" fill="none" stroke="rgba(243,107,19,0.55)" stroke-width="1.5" transform="scale(0.94)" style="transform-origin:100px 110px">
<h2 class="display-heading mb-4" style="font-size:clamp(1.6rem, 3.2vw, 2.4rem);color:var(--color-text)">
<span style="color:var(--color-primary)">
<p class="text-base leading-relaxed max-w-xl" style="color:var(--color-text-muted)">
<div class="flex flex-col items-center justify-center text-center lg:pl-10 lg:border-l" style="border-color:var(--color-border-strong);opacity:0;transform:translateY(30px)">
<h2 class="display-heading" style="font-size:clamp(1.6rem, 3.2vw, 2.4rem);color:var(--color-text)">
<span style="color:var(--color-primary)">
<p class="text-sm leading-relaxed mt-3 max-w-sm" style="color:var(--color-text-light)">
<section class="section-py" style="background:var(--color-bg)">
<div class="max-w-3xl mb-10" style="opacity:0;transform:translateY(30px)">
<h2 class="display-heading mb-5" style="font-size:clamp(1.9rem, 4vw, 3rem);color:var(--color-text)">
<p class="text-base leading-relaxed" style="color:var(--color-text-muted)">
<div class="" style="opacity:0;transform:translateY(30px)">
<a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
<img alt="Frissen aszfaltozott út zúzottkő padkával" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/289243bc-ed39-47b0-881f-2a84ed979c87.jpg"/>
<div class="" style="opacity:0;transform:translateY(30px)">
<a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
<img alt="Térkövezett út vízelvezető folyókával" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/2b5aa5f2-9200-41ac-a59c-7069edb067a1.jpg"/>
<div class="col-span-2 md:col-span-1" style="opacity:0;transform:translateY(30px)">
<a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
<img alt="Saját munkagépek — tömörítőhenger és kotró-rakodó munka közben" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/images/fooldal-geppark.webp"/>
<div class="" style="opacity:0;transform:translateY(30px)">
<a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
<img alt="Kotrógép földmunka közben lakóutcában" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/915ef694-b176-4628-a7f4-d3775fc98b62.jpg"/>
<div class="" style="opacity:0;transform:translateY(30px)">
<a class="block img-hover-scale relative aspect-[4/3]" style="border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)" href="/referenciak/">
<img alt="Hengerelt, kész aszfaltfelület átadás előtt" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/client-photos/IMG_2256.JPEG"/>
<div class="flex justify-center" style="opacity:0;transform:translateY(30px)">
<a class="inline-flex items-center gap-2 px-7 py-3.5 text-sm font-semibold btn-outline" style="border-radius:var(--radius-md)" href="/referenciak/">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true" style="color:var(--color-primary)">
<section class="section-py" style="background:var(--color-bg-subtle)">
<div class="flex flex-col items-center text-center max-w-2xl mx-auto" style="opacity:0;transform:translateY(30px)">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="var(--color-primary)" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true" style="color:var(--color-primary)">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="var(--color-primary)" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true" style="color:var(--color-primary)">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="var(--color-primary)" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true" style="color:var(--color-primary)">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="var(--color-primary)" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true" style="color:var(--color-primary)">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="var(--color-primary)" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true" style="color:var(--color-primary)">
<h2 class="display-heading mb-4" style="font-size:clamp(1.7rem, 3.5vw, 2.6rem);color:var(--color-text)">
<p class="text-base leading-relaxed mb-8" style="color:var(--color-text-muted)">
<a class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-outline" style="border-radius:var(--radius-md)" href="/kapcsolat/">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-text" aria-hidden="true" style="color:var(--color-primary)">
<section class="section-py" style="background:var(--color-bg)">
<div class="max-w-3xl mb-12" style="opacity:0;transform:translateY(30px)">
<h2 class="display-heading" style="font-size:clamp(1.9rem, 4vw, 3rem);color:var(--color-text)">
<div style="opacity:0;transform:translateY(30px)">
<div style="border-bottom:1px solid var(--color-border)">
<span class="display-heading text-base md:text-lg" style="color:var(--color-text)">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 transition-transform duration-300" style="color:var(--color-primary);transform:rotate(180deg)" aria-hidden="true">
<div class="grid transition-all duration-300 ease-out" style="grid-template-rows:1fr">
<p class="text-sm md:text-base leading-relaxed pb-6 pr-8" style="color:var(--color-text-muted)">
<div style="opacity:0;transform:translateY(30px)">
<div style="border-bottom:1px solid var(--color-border)">
<span class="display-heading text-base md:text-lg" style="color:var(--color-text)">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 transition-transform duration-300" style="color:var(--color-primary);transform:rotate(0deg)" aria-hidden="true">
<div class="grid transition-all duration-300 ease-out" style="grid-template-rows:0fr">
<p class="text-sm md:text-base leading-relaxed pb-6 pr-8" style="color:var(--color-text-muted)">
<div style="opacity:0;transform:translateY(30px)">
<div style="border-bottom:1px solid var(--color-border)">
<span class="display-heading text-base md:text-lg" style="color:var(--color-text)">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 transition-transform duration-300" style="color:var(--color-primary);transform:rotate(0deg)" aria-hidden="true">
<div class="grid transition-all duration-300 ease-out" style="grid-template-rows:0fr">
<p class="text-sm md:text-base leading-relaxed pb-6 pr-8" style="color:var(--color-text-muted)">
<div style="opacity:0;transform:translateY(30px)">
<div style="border-bottom:1px solid var(--color-border)">
<span class="display-heading text-base md:text-lg" style="color:var(--color-text)">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 transition-transform duration-300" style="color:var(--color-primary);transform:rotate(0deg)" aria-hidden="true">
<div class="grid transition-all duration-300 ease-out" style="grid-template-rows:0fr">
<p class="text-sm md:text-base leading-relaxed pb-6 pr-8" style="color:var(--color-text-muted)">
<div style="opacity:0;transform:translateY(30px)">
<div style="border-bottom:1px solid var(--color-border)">
<span class="display-heading text-base md:text-lg" style="color:var(--color-text)">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 transition-transform duration-300" style="color:var(--color-primary);transform:rotate(0deg)" aria-hidden="true">
<div class="grid transition-all duration-300 ease-out" style="grid-template-rows:0fr">
<p class="text-sm md:text-base leading-relaxed pb-6 pr-8" style="color:var(--color-text-muted)">
<div style="opacity:0;transform:translateY(30px)">
<div style="border-bottom:1px solid var(--color-border)">
<span class="display-heading text-base md:text-lg" style="color:var(--color-text)">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 transition-transform duration-300" style="color:var(--color-primary);transform:rotate(0deg)" aria-hidden="true">
<div class="grid transition-all duration-300 ease-out" style="grid-template-rows:0fr">
<p class="text-sm md:text-base leading-relaxed pb-6 pr-8" style="color:var(--color-text-muted)">
<img alt="" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/images/cta-bg.webp"/>
<div class="absolute inset-0" style="background:linear-gradient(to right, color-mix(in srgb, var(--color-bg-subtle) 80%, transparent) 0%, color-mix(in srgb, var(--color-bg-subtle) 62%, transparent) 55%, color-mix(in srgb, var(--color-bg-subtle) 38%, transparent) 100%)">
<div class="max-w-3xl" style="opacity:0;transform:translateY(30px)">
<h2 class="display-heading mb-5" style="font-size:clamp(1.75rem, 4.5vw, 3rem);color:var(--color-text)">
<div class="text-base md:text-lg leading-relaxed mb-8" style="color:var(--color-text-muted)">
<a class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-primary" style="border-radius:var(--radius-md)" href="/kapcsolat/">
<a href="tel:+36202579722" class="inline-flex items-center justify-center gap-2 px-7 py-3.5 text-sm font-semibold btn-outline" style="border-radius:var(--radius-md)">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true" style="color:var(--color-primary)">
<footer style="background:var(--color-secondary);border-top:1px solid var(--color-border)">
<img alt="ETALON — Út · Mélyépítés · Épületbontás" loading="lazy" width="2172" height="724" decoding="async" data-nimg="1" class="theme-light-only w-full max-w-[300px] h-auto" style="color:transparent" src="/logo-vilagos.png"/>
<img alt="ETALON — Út · Mélyépítés · Épületbontás" loading="lazy" width="2172" height="724" decoding="async" data-nimg="1" class="theme-dark-only w-full max-w-[300px] h-auto" style="color:transparent" src="/logo-sotet.png"/>
<p class="text-sm leading-relaxed max-w-xs" style="color:var(--color-text-muted)">
<p class="kicker mb-4" style="color:var(--color-text-light)">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/aszfaltozas/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/terkovezes/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/bontas-foldmunka/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/referenciak/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/rolunk/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/kapcsolat/">
<p class="kicker mb-4" style="color:var(--color-text-light)">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/bontas-foldmunka/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/aszfaltozas/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/terkovezes/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/bontas-foldmunka/">
<a class="text-sm transition-colors hover:opacity-80" style="color:var(--color-text-muted)" href="/bontas-foldmunka/">
<p class="kicker mb-4" style="color:var(--color-text-light)">
<div class="flex flex-col gap-3 text-sm" style="color:var(--color-text-muted)">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true" style="color:var(--color-primary)">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail" aria-hidden="true" style="color:var(--color-primary)">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map" aria-hidden="true" style="color:var(--color-primary)">
<div style="border-top:1px solid var(--color-border)">
<p class="text-xs" style="color:var(--color-text-light)">
<div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-xs" style="color:var(--color-text-light)">
<a class="flex items-center gap-2 px-5 py-3 rounded-full font-semibold text-sm transition-all active:scale-95" style="background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-lg)" aria-label="Hívjon most" href="tel:+36202579722">
Inline CSS leírása
Összesen 1 hiba!
A HTML kimenet tömörítése csökkenti a fájl méretét, gyorsítja az oldal betöltését, csökkenti a sávszélesség-használatot, és javítja a SEO-t és a felhasználói élményt.
Összesen 1 elfogadott szabály!
A <table> használatát érdemes kerülni, mert nem rugalmas a dizájn szempontjából, és nehezíti a mobilbarát, reszponzív weboldalak készítését. A táblázatok inkább adatok megjelenítésére szolgálnak, nem pedig oldalstruktúrák formázására. A CSS rugalmasabb, könnyebben karbantartható és jobb SEO-t biztosít.
Összesen 1 elfogadott szabály!
Az elavult kódok és attribútumok azok, amelyek már nem támogatottak a modern böngészők vagy a webes szabványok által. Ilyen például a <font> tag vagy a bgcolor attribútum. Ezeket azért érdemes kerülni, mert nem biztosítanak jó kompatibilitást a különböző eszközökkel, nem felelnek meg a webes szabványoknak, és hátráltathatják a weboldal fejlődését, például a reszponzív dizájn vagy az akadálymentesség szempontjából. A helyettesítő modern megoldások (pl. CSS) jobban támogatottak, könnyebben karbantarthatók és elősegítik a jobb teljesítményt.
Összesen 2 elfogadott szabály!
A robots.txt egy szöveges fájl, amelyet a weboldal gyökérkönyvtárában helyezünk el, és arra szolgál, hogy szabályozza, mely keresőrobotok (például Googlebot) férhetnek hozzá az oldal bizonyos részeihez. Ezzel megadhatjuk, hogy a keresőmotorok indexelhetik-e az oldalt, vagy éppen mely URL-eket ne kövessenek. Segít a keresőoptimalizálásban, például ha nem akarjuk, hogy bizonyos oldalak megjelenjenek a keresési eredmények között.
Összesen 1 figyelmeztetés!
A strukturált adatok olyan formázott információk, amelyeket a weboldal HTML-jébe ágyazunk be, és amelyeket a keresőmotorok (például Google) könnyen értelmezhetnek. Ezek az adatok segítenek a keresőmotoroknak jobban megérteni az oldal tartalmát, például termékek, események, értékelések, receptek stb. A strukturált adatokat leggyakrabban JSON-LD, Microdata vagy RDFa formátumban alkalmazzák. A használatuk elősegíti a rich snippetek (gazdag találatok) megjelenését a keresőmotorokban, ami javíthatja a weboldal láthatóságát és kattintási arányát.
Összesen 1 figyelmeztetés!
Az AMP (Accelerated Mobile Pages) egy olyan technológia, amely a mobil weboldalak betöltési sebességének gyorsítására szolgál. Az AMP oldalak minimalizálják a kódot, optimalizálják a képeket és egyes elemeket, hogy azok gyorsabban jelenjenek meg a mobil eszközökön. Az AMP előnyös, mert javítja a felhasználói élményt a gyorsabb betöltéssel, csökkenti a weboldal adatforgalmát, és pozitív hatással lehet a SEO-ra, mivel a Google előnyben részesíti a gyorsan betöltődő mobiloldalakat a keresési eredményekben.
Összesen 1 figyelmeztetés!
<title>ETALON — Aszfaltozás, térkövezés és kivitelezés országosan</title>
Karakterszám: 58 (Ajánlott: 50–60 karakter)
Összesen 2 elfogadott szabály!
A szöveg/kód arány egy SEO mutató, amely a weboldalon található szöveges tartalom és a HTML kód mennyiségét viszonyítja egymáshoz. A magas szöveg/kód arány azt jelenti, hogy az oldal több releváns szöveges tartalmat tartalmaz, míg alacsony arány esetén túl sok a felesleges kód vagy médiaelem, amelyek nem hozzák hozzá a tartalomhoz. A keresőmotorok általában a nagyobb szöveges tartalommal rendelkező oldalakat preferálják, mert ezek jobban tükrözik az oldal valódi tartalmát, így érdemes ezt az arányt optimalizálni a jobb SEO érdekében.
Összesen 1 hiba!
Összesen 20 kép van az oldalon!
Összesen 1 elfogadott szabály!
Összesen 48 hiba!
Nem jó, de nem is tragikus - hogy egy klasszikussal éljünk. A weboldaladon számos hibát tártunk fel, amelyek megnehezítik a keresőoptimalizálást. Vedd fel velünk a kapcsolatot, hogy orvosolhassuk ezeket, és felállíthassuk SEO stratégiád!
Keresőoptimalizálás cikkek SEO szakembereinktől, saját kutatásunk, gyakorlati tapasztalataink és külföldi irodalom alapján.
