Termékvideó a termékoldalon, ami a vásárlást és a keresést is segíti

Scheo · 2026-10-20 · olvasási idő ~10 perc · Szerző: Schmidt Péter

Egy jó termékvideó fél perc alatt elintézi, amire tíz fotó és három bekezdés leírás sem képes. Megmutatja, hogyan működik a termék, mekkora a valóságban, és mennyi munka vele az első használatig. A legtöbb webshopban mégis vagy nincs videó, vagy van, de lassítja az oldalt, és alig nézi meg valaki. Ebben a cikkben végigmegyünk azon, mikor éri meg a videó, mit mutasson, hogyan ágyazd be gyorsan, hogyan jelöld VideoObjecttel, és mit jelent a tárhely választása a videós találatokra. A végén egy mobilos forgatási ellenőrzőlistát is kapsz.

A cikkben három jelölést használunk. A Hivatalosan igazolt rész a Google, a Schema.org vagy a W3C dokumentációjára épül. A Saját tapasztalat webshopos munkákból leszűrt, általános megfigyelés. A Szakmai feltételezés logikus következtetés, amit sem mérés, sem hivatalos dokumentáció nem támaszt alá.

Milyen termékeknél éri meg rövid termékvideót tenni a termékoldalra?

Akkor éri meg, ha a vásárlónak olyan kérdése van, amire állókép nem ad jó választ. Ez jellemzően a mozgó, összerakandó, méretben nehezen elképzelhető vagy anyagában érzékelhető termékeknél igaz.

• Működő termékek (konyhai gép, szerszám, játék, kerti eszköz), ahol a működés sebessége és hangja is számít.
• Összeszerelendő bútorok és eszközök, ahol a vevő azt mérlegeli, megbirkózik-e vele egyedül.
• Méretben bizonytalan termékek (táska, lámpa, kaspó, bőrönd), amelyeknél a fotó könnyen torzít.
• Anyag és textúra (szövet esése, bőr rugalmassága, festék fedése), ahol a fény és a mozgás elárul valamit, amit a fotó nem.
• Átalakítható termékek (összecsukható, állítható, moduláris), ahol a lépéseket kell látni.

Kevésbé éri meg a fogyóeszköz, a szabványos alkatrész vagy az olyan termék, amit a vevő már ismer, és csak ár vagy szállítási idő alapján dönt. Ott a videó gyártására szánt idő jó eséllyel máshol hoz többet.

Saját tapasztalat. A legjobb jelzés a vevőszolgálati levelezés. Ha ugyanazt a kérdést hetente többen felteszik („belefér-e a csomagtartóba?”, „mennyi idő összerakni?”), az már a videó forgatókönyve. A termékkérdések és a visszaküldések okai pontosabban megmondják, mit forgass, mint bármilyen kreatív ötletelés.

Mit mutasson a videó, hogy valódi kérdésre válaszoljon?

Egy videó egy kérdésre válaszoljon, és az első néhány másodpercben derüljön ki, melyikre. A vevő a termékoldalon bizonyítékot keres ahhoz, amit a leírás állít, a hangulatfilm ezt ritkán adja meg.

Használat

Mutasd a terméket valódi helyzetben, valódi kézben, és a kritikus mozdulatnál ne vágj. Ha egy turmixgép jeget tör, akkor a jég legyen benne, és hallatszódjon a hangja. A gyorsított vagy túlvágott jelenet pont azt a kérdést hagyja nyitva, amire a vevő választ keres.

Méretarány

Tegyél a termék mellé ismert tárgyat (A4-es lapot, telefont, bögrét), vagy fogja valaki a kezében. Bútornál és lámpánál mutasd egy átlagos szobában, ahol az ajtókeret vagy a konnektor ad viszonyítást. A centiméterben megadott méret mellé ez adja meg a „valóban ekkora” érzést.

Összeszerelés

Itt a hossz a legkevésbé fontos. Legyen benne minden lépés, a végén pedig a kész állapot. Ha az összeszerelés hosszú, a termékoldalra egy rövid, a nehezebb lépéseket mutató változat kerüljön, a teljes útmutató pedig külön oldalra vagy YouTube-ra.

Szakmai feltételezés. A fontos információ narráció mellett feliratként is jelenjen meg, mert mobilon sokan hang nélkül indítják el a videót. A felirat ráadásul akadálymentességi követelmény is, erről lent írunk.

Milyen hosszú legyen, és hova kerüljön az oldalon?

A termékoldali videó jellemzően 15-60 másodperces, és a termékképek galériájában vagy közvetlenül alatta a helye, mert ott keresi a vevő, ahol a fotókat lapozza.

Saját tapasztalat. A galéria második vagy harmadik elemeként jól működik a videó, lejátszás ikonnal jelölt előnézeti képpel. Első helyre akkor tedd, ha a termék lényege a mozgás. A hangos automatikus lejátszást kerüld, és a némított automatikus lejátszás is csak akkor jó, ha nem viszi el a figyelmet a kosár gombról.

Ha több kérdésre is kell válasz, inkább készíts két-három rövid videót (használat, méret, összeszerelés), mint egy hosszút. A rövid videót könnyebb újraforgatni, ha a termék változik.

Hogyan ágyazd be úgy, hogy ne lassítsa a termékoldalt?

A videót csak akkor töltsd be, amikor a vevő el akarja indítani. Addig egy könnyű előnézeti kép álljon a helyén, megadott szélességgel és magassággal, hogy az oldal ne ugráljon.

Hivatalosan igazolt. A web.dev és a Lighthouse ajánlása szerint a külső beágyazások (például a YouTube-lejátszó) sok JavaScriptet töltenek le, ezért érdemes úgynevezett homlokzattal (facade) helyettesíteni őket, amely kattintásig csak egy képet és egy lejátszás gombot mutat. A kép és a keret méretének előre megadása a Cumulative Layout Shift (CLS) csökkentését segíti.

Saját tárhelyen lévő videó

A HTML video elemnél három beállítás dönt a sebességről.

• preload="none", hogy a böngésző ne töltsön le videóadatot lejátszás előtt.
• poster, vagyis az előnézeti kép, tömörített WebP vagy AVIF formátumban.
• width és height, vagy CSS-ben aspect-ratio, hogy a böngésző előre lefoglalja a helyet.

Egy minimális, függőleges mobilvideóhoz írt példa így néz ki.

<video controls playsinline preload="none" poster="/media/turmix-elonezet.webp" width="720" height="1280"> <source src="/media/turmix-jegtores.mp4" type="video/mp4"> <track kind="captions" src="/media/turmix-hu.vtt" srclang="hu" label="Magyar"> </video>

Saját tapasztalat. Termékoldalra a 720p körüli, H.264 kódolású MP4 általában elég, és a legtöbb eszközön gond nélkül lejátszható. A hangsávot csak akkor hagyd benne, ha információt hordoz, mert a fájlméret így érezhetően kisebb.

YouTube-ra feltöltött videó

Ne a teljes iframe-et tedd az oldalba, hanem az előnézeti képet és egy lejátszás gombot, és csak kattintásra cseréld le az iframe-re. Erre kész, nyílt forráskódú megoldások is vannak, például a lite-youtube-embed. Ha mégis sima iframe marad, a loading="lazy" attribútum legalább a hajtás alatti lejátszó betöltését elhalasztja.

Szakmai feltételezés. Ha a lejátszó csak kattintásra kerül a kódba, a Google a videót a HTML-ből nehezebben ismeri fel. Ezért fontos, hogy a VideoObject jelölésben szerepeljen a videó elérhetősége (contentUrl vagy embedUrl), és hogy a videófájl és az előnézeti kép ne legyen robots.txt-ben tiltva.

Hogyan néz ki a VideoObject jelölés egy termékoldalon?

A VideoObject egy JSON-LD blokk, amely leírja a videó címét, tartalmát, előnézeti képét, feltöltési dátumát, hosszát és elérhetőségét. Ebből a keresők akkor is megértik, miről szól a videó, ha a lejátszó csak kattintásra töltődik be.

Hivatalosan igazolt. A Google Search Central videós dokumentációja szerint a kötelező tulajdonság a name, a thumbnailUrl és az uploadDate. Ajánlott a description, a duration (ISO 8601 formátumban, például PT0M40S), a contentUrl és az embedUrl. Az előnézeti képnek a Googlebot számára elérhetőnek kell lennie.

Egy termékoldali példa a következő.

<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "VideoObject", "name": "Turmixgép jégtörés közben, 40 másodperc", "description": "Hat jégkocka összetörése vízzel, valós sebességgel, vágás nélkül.", "thumbnailUrl": "https://example.hu/media/turmix-elonezet.webp", "uploadDate": "2026-10-01T08:00:00+02:00", "duration": "PT0M40S", "contentUrl": "https://example.hu/media/turmix-jegtores.mp4" } </script>

Ha a videó YouTube-on van, a contentUrl helyett az embedUrl mezőbe írd a beágyazási címet (https://www.youtube.com/embed/VIDEOAZONOSITO). A VideoObject és a Product jelölés egy oldalon megfér egymás mellett. A name és a description azt írja le, ami a videóban tényleg látszik, ne a termék reklámszövegét ismételje.

Ellenőrzéshez a Google Kiemelt találatok tesztje (Rich Results Test) és a Search Console Videóindexelés jelentése a legjobb. Utóbbi megmutatja, melyik oldalon talált videót a Google, és miért nem indexelte.

Saját tárhelyen vagy YouTube-on legyen a videó?

A vásárlás szempontjából mindkettő működik, a videós találatok szempontjából viszont más-más URL kapja a láthatóságot. YouTube-videónál a videós találatban jellemzően a YouTube-oldal jelenik meg, saját tárhelynél a te oldalad, de csak akkor, ha a videó az oldal fő tartalma.

Hivatalosan igazolt. A Google 2023 végén pontosította, hogy a videós találatokhoz csak olyan oldalt vesz figyelembe, ahol a videó az oldal fő tartalma (úgynevezett nézőoldal, watch page). Egy termékoldalon a fő tartalom a termék, ezért a Search Console ilyenkor gyakran jelzi, hogy a videó nem az oldal fő tartalma. Ez nem büntetés, a termékoldal a normál találatokban ugyanúgy szerepelhet.

Ebből adódik a gyakorlati döntés.

• YouTube, ha a videóval a YouTube keresőjében és a Google videós találataiban is meg akarsz jelenni. A nézők egy része a YouTube-on marad, ezért a cím, a leírás és a termékoldalra mutató link gondozása is a feladat része.
• Saját tárhely vagy videós CDN, ha a cél a döntés segítése a termékoldalon, és nem akarsz idegen ajánlott videókat a lejátszó végén.
• A kettő együtt, ha a videó tartalmasabb, például összeszerelési útmutató. A teljes változat mehet YouTube-ra vagy egy külön videóoldalra, a termékoldalra pedig a rövid, saját tárhelyes vágás.

Saját tapasztalat. Kisebb webshopoknál a tárhely sávszélessége hamar kevés lehet, ha sok videót saját szerverről szolgálsz ki. Ilyenkor érdemes videós CDN-t vagy a webshopmotor saját videótárolását használni.

Szakmai feltételezés. Az AI-alapú válaszmotorok jelenleg főleg szöveget dolgoznak fel, a videó tartalmát a környező szövegből, a jelölésből és a feliratból értik meg. Ezért írj a videó mellé egy-két mondatos összefoglalót arról, mit mutat, és tedd elérhetővé a feliratot vagy az átiratot. Ez annak a vevőnek is hasznos, aki el sem indítja a videót.

Hogyan kezeld a feliratot és az akadálymentességet?

Minden olyan videóhoz kell felirat, amelyben a hang információt hordoz. Ha csak mozgás van benne, egy rövid szöveges leírás pótolja.

Hivatalosan igazolt. A W3C WCAG 2.2 irányelv 1.2.2-es sikerkritériuma (A szint) feliratot ír elő a felvett hangos tartalomhoz, az 1.2.1-es pedig szöveges vagy hangos alternatívát a csak képi tartalomhoz. Saját tárhelynél a HTML track elemmel WebVTT-fájlként adhatod meg a feliratot, YouTube-on pedig feltölthető vagy javítható a gépi felirat.

Mire figyelj a mobilos forgatásnál?

Egy mai telefon bőven elég termékvideóhoz, ha a fény, a stabilitás és a hang rendben van. Az alábbi lista forgatás előtt és közben végigvehető.

1. Írd le egy mondatban, melyik kérdésre válaszol a videó. Ha két kérdés jön ki, két videó lesz.
2. Tisztítsd meg a lencsét, és kapcsold ki a kameraalkalmazás szépítő szűrőit.
3. Rögzítsd a fókuszt és az expozíciót a termékre (a legtöbb kameraalkalmazásban hosszú érintéssel).
4. Használj állványt vagy legalább biztos támasztékot, a kézi mozgatást csak lassú, egyenletes kameramozgásra tartogasd.
5. Szórt fényben forgass (ablak mellett, közvetlen napfény nélkül, vagy két egyforma lámpával), hogy a szín és az anyag valósághű maradjon.
6. Legyen semleges, rendezett a háttér, a képben csak az szerepeljen, ami a válaszhoz kell.
7. Dönts előre a formátumról. Függőleges (9:16) a mobilos galériához, fekvő (16:9) a YouTube-hoz és az asztali nézethez. Ha mindkettő kell, vedd fel külön.
8. Állíts be 1080p felbontást és 30 kép/másodpercet, a lassítani tervezett részekhez 60 kép/másodpercet.
9. Méretarányhoz tegyél a képbe ismert tárgyat vagy kezet, és ha releváns, mutasd a mérőszalagot is.
10. Ha hang kell, használj csiptetős mikrofont, és kapcsold repülő módba a telefont, hogy értesítés ne szóljon bele.
11. Minden jelenetet vegyél fel kétszer, és hagyj 2-3 másodpercet az elején és a végén a vágáshoz.
12. Az első 3 másodpercben már a termék és a lényeg látsszon, logós intró nélkül.
13. Készíts külön előnézeti képet (a termék tisztán, jól megvilágítva), ne a videó egy véletlen kockáját használd.
14. Exportálás után nézd vissza telefonon, hang nélkül. Ha így is érthető, a videó jó.

Saját tapasztalat. A legtöbb gyenge termékvideó a fényen és a remegésen bukik el, a kamera ritkán a gond. Egy egyszerű állvány és egy nagy ablak jobb eredményt ad, mint egy drágább telefon kézből.

Honnan tudod, hogy a videó tényleg segít?

Mérd külön a lejátszást és a vásárlást, és hasonlítsd össze azokat, akik elindították a videót, azokkal, akik nem. Ez összefüggést mutat, ok-okozatot nem, de jó irányt ad.

• Lejátszásindítás eseményként az analitikában. Hivatalosan igazolt. A GA4 bővített mérése a beágyazott YouTube-videók lejátszását (video_start, video_progress, video_complete) magától méri, ha a lejátszón engedélyezett a JavaScript API, saját lejátszónál viszont egyedi eseményt kell küldened.
• Kosárba tételi arány a videót nézők és a nem nézők között.
• Az oldal Core Web Vitals értékei (LCP, CLS, INP) a videó bekerülése előtt és után.
• A vevőszolgálati kérdések száma arról a témáról, amire a videó válaszol.

Oksági választ A/B teszt ad, ahol a termékoldal egyik változatán van videó, a másikon nincs. A videó jó eséllyel ott segíti a vásárlást, ahol valódi bizonytalanságot old fel, eredményt viszont nem garantál, ezért érdemes termékenként mérni.

Források és további olvasnivalók

• Google Search Central, Videós SEO bevált gyakorlatai
• Google Search Central, Videó (VideoObject) strukturált adatok
• Google Search Console súgó, Videóindexelés jelentés
• Schema.org, VideoObject
• web.dev, Lazy load third-party resources with facades és Optimize Cumulative Layout Shift
• W3C, Web Content Accessibility Guidelines (WCAG) 2.2
• WHATWG, HTML Living Standard, a video és a track elem
• Google Analytics súgó, Bővített mérés (Enhanced measurement)