Data-nosnippet

Snippet megjelenés blokkolása

Mi a data-nosnippet?

A data-nosnippet egy HTML attribútum, amely megakadályozza, hogy a Google és más keresőmotorok snippet-et (rövid leírást) jelenítsenek meg a keresési eredményekben az adott HTML elem tartalmából. Fontos megjegyezni, hogy ez az attribútum kizárólag span, div és section elemekre alkalmazható – más HTML elemekkel nem működik.

A data-nosnippet attribútum különösen hasznos, amikor az oldal bizonyos részeit szeretnéd elrejteni a keresési eredményekből, miközben más részeket továbbra is indexelhetővé teszel. Ez a robots meta tag nosnippet direktívájának egy célzottabb változata.

Hogyan működik a data-nosnippet?

A data-nosnippet attribútumot kizárólag span, div és section HTML elemekre alkalmazhatod. A Google figyelmen kívül hagyja az ezzel megjelölt elemek tartalmát a snippet generálás során. Az attribútum boolean típusú, tehát bármilyen érték megadása figyelmen kívül marad:

<div data-nosnippet>
    Ez a szöveg nem fog megjelenni a keresési eredmények leírásában.
</div>

<span data-nosnippet>Érzékeny információ</span>

<section data-nosnippet>
    <h3>Rejtett szekció</h3>
    <p>Ez a teljes szekció ki lesz zárva a snippet-ből.</p>
</section>

Fontos megjegyezni, hogy a data-nosnippet nem befolyásolja az indexelést – a tartalom továbbra is indexelődik és rangsorolásra kerül, csak a snippet megjelenésben nem vesz részt.

Gyakorlati tanácsok a data-nosnippet optimalizáláshoz

1. Érzékeny információk védelme
Használd a data-nosnippet attribútumot olyan tartalmi elemekre, amelyek érzékeny információkat tartalmazhatnak, mint árak, személyes adatok vagy időspecifikus ajánlatok:

<span data-nosnippet>Akciós ár: 15.990 Ft</span>

2. Dátumok és időbélyegek elrejtése
A gyakran változó dátumok és időbélyegek elrejtése segíthet abban, hogy a snippet releváns maradjon:

<time data-nosnippet datetime="2024-06-03">2024. június 3.</time>

3. Navigációs elemek kizárása
Alkalmazd navigációs menükre és láblécekre, hogy ne zavarják a snippet-et:

<nav data-nosnippet>
    <ul>
        <li><a href="/">Főoldal</a></li>
        <li><a href="/szolgaltatasok">Szolgáltatások</a></li>
    </ul>
</nav>

4. Boilerplate tartalom kezelése
Ismétlődő, sablon jellegű tartalmakat érdemes kizárni a snippet-ből:

<div class="sidebar" data-nosnippet>
    <h3>Kapcsolódó cikkek</h3>
    <!-- Ismétlődő tartalom -->
</div>

5. JavaScript használat és korlátozások
A data-nosnippet jól kombinálható más SEO direktívákkal, azonban JavaScript használatakor fontos korlátozásokat kell betartani:

❌ Kerülendő – már létező elemek módosítása:

// NE csináld ezt!
document.getElementById('existing-div').setAttribute('data-nosnippet', '');
document.querySelector('.content').removeAttribute('data-nosnippet');

✅ Helyes megközelítés – új elemek hozzáadásakor:

// Így igen!
const newDiv = document.createElement('div');
newDiv.setAttribute('data-nosnippet', '');
newDiv.textContent = 'Új tartalom';
document.body.appendChild(newDiv);

Miért van ez a korlátozás? A Google nem garantálja az oldalak JavaScript renderelését az indexelés során. A data-nosnippet kinyerése történhet a JavaScript futtatása előtt és után is. Ha JavaScript-tel módosítod már létező elemek data-nosnippet attribútumait, a Google esetleg nem veszi észre ezeket a változásokat, így nem működik megbízhatóan.

Gyakran ismételt kérdések és válaszok: