Összehasonlító táblázat mint idézhető tartalom

Idézhető egység, nem idézhető bekezdés

A generatív válaszokban a forrás nem oldal, hanem mondat vagy adatpont. Egy táblázatsor pont ilyen méretű egység. Ezért egy jól megírt táblázatból nagyobb eséllyel kerül be szó szerinti részlet a válaszba.

Döntési szakaszban találod meg a vevőt

Az „X vagy Y” kérdés vásárlás előtti kérdés. Aki ezt kérdezi, már választani akar. Ha a te oldalad adja a választ, a márkád ott lesz az AI-válaszban is.

Hitelesség

A táblázat, amiben a saját termék is veszít egy sorban, erősebb bizalmi jel, mint öt dicsérő bekezdés. A magyar KKV-oldalak többségén ez hiányzik: a táblázat minden sorában ugyanaz a szolgáltató nyer.

Mellékhatásként SEO is

A szöveges táblázat növeli a hasznos szöveg arányát az oldalon, és javítja a belső szóhasználatot. A képként beszúrt változat ebből nullát ad.

Ezeken az oldalakon van valódi haszna

• Árazási és csomagoldalak, ahol több szint közül kell választani.
• Szolgáltatásoldalak, ahol két megoldás közül kell dönteni.
• Webshop kategória- és terméklapok, például méret, anyag vagy teljesítmény szerint.
• Tudásbázis- és blogcikkek, amelyek címe „X vagy Y” vagy „melyiket válaszd”.
• B2B ajánlatoldalak, ahol a döntést több szempont együtt határozza meg.

Ezeken nem

• Egyoldalas kapcsolat- vagy impresszumoldal.
• Olyan termék, aminek nincs releváns alternatívája a kínálatban.
• Staging és fejlesztői környezet, ahol az adatok amúgy sem véglegesek.

Nem minden oldalra kell táblázat. Ahol nincs valódi döntés, ott a kierőszakolt táblázat csak zaj.

Lépések

1. Nyisd meg az oldalt, ahol az összehasonlítás van.
2. Próbáld egérrel kijelölni a táblázat egyik számát. Ha nem jelölhető ki, kép.
3. Nyisd meg a böngésző devtoolsát, és keress az Elements panelen table elemet.
4. Ellenőrizd, van-e th a fejlécsorban, vagy csak td elemek.
5. Futtasd le: curl -s https://pelda.hu/arak | grep -c "<table". Ha nulla, a táblázatot JavaScript rakja össze.
6. Olvasd el a táblázat előtti mondatot. Önállóan is érthető, vagy csak átvezetés?
7. Számold meg, hány sorban nyer a saját terméked. Ha mindegyikben, a táblázat nem összehasonlítás.

Jó jel

• A nyers HTML-ben ott van a table, thead és th szerkezet.
• A fejléc valódi neveket tartalmaz.
• A cellákban szám vagy konkrét állítás van, nem csak pipa.
• A táblázat előtt egy mondatos összegzés áll.
• Van legalább egy sor, ahol az alternatíva jobb.

Rossz jel

• A táblázat PNG vagy JPG fájl.
• A szerkezet div elemekből épül, fejléc nélkül.
• Mobilon display: none kapcsolja ki a táblázatot.
• A cellákban csak ✓ és ✗ jelek vannak magyarázat nélkül.
• Az árak már nem egyeznek a webshop tényleges áraival.

WordPress

1. Használd a Gutenberg Táblázat blokkját (core/table).
2. A blokk beállításaiban kapcsold be a fejlécszekciót, így kapsz th elemeket.
3. Ne Wordből vagy Excelből illeszd be a tartalmat, mert a formázás beragad.
4. Az összegző mondatot tedd külön bekezdés blokkba, közvetlenül a táblázat elé.
5. Ha táblázat-plugint használsz, nézd meg a kimenetet devtoolsban. Kell table és th.
6. Áradatok módosításakor frissítsd a tartalmat is, lásd tartalom frissessége és a dateModified.

Shopify

1. A szerkesztőben kapcsolj HTML nézetre a <> ikonnal.
2. Illeszd be a table markupot thead és th elemekkel.
3. A témában tedd a táblázatot overflow-x: auto tulajdonságú wrapper elembe.
4. Ha több terméknél kell ugyanaz, metafieldből generáld a sablonban.

Unas

1. Admin, majd a szövegoldal vagy a termékleírás szerkesztője.
2. Szúrd be a táblázatot a szerkesztő eszköztárából.
3. Válts HTML nézetre, és ellenőrizd a fejlécet.
4. Ne a sablon képes bannerébe tedd az összehasonlítást.

Shoprenter

1. Admin, Tartalom, majd az érintett szövegoldal vagy termék.
2. A szerkesztőben válts HTML módra, és illeszd be a markupot.
3. A sablonhoz adj saját CSS-t a vízszintes scrollhoz.
4. Ellenőrizd a megjelenést 360 px széles nézetben.

Egyedi fejlesztés

1. Rendereld a táblázatot szerveroldalon, ne csak kliensoldali JavaScriptből.
2. Használj szemantikus markupot: table, thead, th scope, tbody.
3. Az adatokat tartsd adatbázisban vagy strukturált fájlban, ne hardkódolt HTML-ben.
4. Mobilon vízszintes scroll legyen, ne elrejtés.
5. Ellenőrizd curl-lel a nyers HTML-t a deploy után.

• Képként beszúrt táblázat: a szöveg nincs a HTML-ben, a kereső és az AI sem olvassa.
• Pipák magyarázat nélkül: a ✓ nem tény, a sorból nem derül ki, mit kapsz pontosan.
• Minden sorban a saját termék nyer: hiteltelen, és a felhasználó azonnal átlát rajta.
• Versenytárs lejáratása tények nélkül: jogilag is kockázatos, és egyetlen idézhető állítás sincs benne.
• div-ekből épített „táblázat”: nincs fejléc, így a cella és a szempont kapcsolata elveszik.
• Összegző mondat nélküli táblázat: a riportokban ezt látjuk a leggyakrabban, pedig az AI sokszor pont azt a mondatot idézi.
• Elavult adatok: az ár változik, a táblázat marad, és a téves szám ugyanúgy idézhető lesz. A tény-sűrűség csak akkor érték, ha a tények igazak.

Összegző mondat, majd szemantikus táblázat fejléccel. A scope attribútum megadja, hogy a fejléc sorra vagy oszlopra vonatkozik.

<p><strong>Röviden:</strong> a havi csomag 3 felhasználóig kerül kevesebbe,
fölötte az éves csomag a kedvezőbb.</p>

<table>
  <caption>Havi és éves csomag összehasonlítása</caption>
  <thead>
    <tr>
      <th scope="col">Szempont</th>
      <th scope="col">Havi csomag</th>
      <th scope="col">Éves csomag</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Díj</th>
      <td>9 900 Ft / hó</td>
      <td>99 000 Ft / év</td>
    </tr>
    <tr>
      <th scope="row">Felhasználók száma</th>
      <td>3 fő</td>
      <td>10 fő</td>
    </tr>
    <tr>
      <th scope="row">Felmondás</th>
      <td>Bármikor, hónap végére</td>
      <td>Csak évfordulóra, ez a hátránya</td>
    </tr>
    <tr>
      <th scope="row">Telefonos support</th>
      <td>Nincs, csak e-mail</td>
      <td>Munkanapokon 9-17 óra</td>
    </tr>
  </tbody>
</table>

Ellenőrzés a nyers HTML-en, renderelés nélkül. Ha a grep nem talál semmit, a táblázatot kliensoldali JavaScript rakja össze.

# Van-e valódi table elem a szerver által küldött HTML-ben?
curl -s https://pelda.hu/arak | grep -o "<table" | wc -l

# Benne van-e a cellák szövege is?
curl -s https://pelda.hu/arak | grep -i "eves csomag"