Videó thumbnail SEO: teljes útmutató
A videó thumbnail SEO azt jelenti, hogy a videód bélyegképét a Google és a felhasználók számára is megfelelően teszed elérhetővé. A kép legyen stabil, feltérképezhető URL-en, szerepeljen a VideoObject strukturált adatban és a videó sitemapben, illeszkedjen a videó tartalmához, és kis méretben is egyértelműen mutassa, miről szól a videó. Ettől lesz jogosult a videód gazdag találatra, és ettől kattintanak rá.
Alapfogalmak
A thumbnail, magyarul bélyegkép vagy előnézeti kép, az az állókép, amely a videót képviseli, amikor az még nem játszódik le. A keresőben ez jelenik meg a videós találat mellett, a videó fülön, a Discoverben, a közösségi megosztásoknál és a saját oldaladon a lejátszó előtt. Sokan esztétikai kérdésnek tekintik, pedig a keresőoptimalizálás szempontjából technikai és tartalmi elem egyszerre.
A videó thumbnail SEO a tágabb Kép és videó SEO terület része. Sok elve megegyezik a klasszikus képoptimalizálással (fájlméret, formátum, elérhetőség), de van egy lényeges különbség: a videós találatnál a Google a bélyegképet a videó jelképeként használja, ezért ha nincs érvényes thumbnail, a videó jellemzően nem kap videós megjelenést, akármilyen jó maga a tartalom.
Thumbnail, poster és borítókép: mi a különbség?
Ezt a három kifejezést gyakran keverik, pedig nem pontosan ugyanazt jelölik:
- Thumbnail: a videóhoz rendelt előnézeti kép, amelyet a keresőnek is átadsz, jellemzően a strukturált adatban vagy a videó sitemapben.
- Poster: a HTML video elem poster attribútumában megadott kép, amely a lejátszó helyén látszik, amíg a látogató el nem indítja a videót. Lehet ugyanaz, mint a thumbnail, de nem kötelező.
- Közösségi megosztóképek: az Open Graph és hasonló meta tagekben megadott képek, amelyek a megosztásoknál jelennek meg. Ezek a keresőoptimalizálásra közvetlenül nincsenek hatással.
A gyakorlatban érdemes ugyanazt a képet használni mindhárom helyen, mert így nem fordul elő, hogy a keresőben más kép jelenik meg, mint amit a látogató az oldalon lát. Ez az egységesség a bizalmat is erősíti: a felhasználó azt kapja a kattintás után, amit a találatban látott.
Mitől lesz egy kép a Google szemében érvényes thumbnail?
A Google dokumentációja szerint a bélyegképnek feltérképezhetőnek és indexelhetőnek kell lennie, vagyis nem tilthatja a robots.txt, és nem lehet bejelentkezéshez kötve. A támogatott formátumok között szerepel a JPEG, a PNG, a WebP, a GIF, a BMP és az SVG, a minimális méret pedig nagyon alacsony, de a gyakorlatban ennél jóval nagyobb, éles képet érdemes adni. Mivel a pontos követelmények változhatnak, élesítés előtt mindig nézd meg a Google aktuális videós dokumentációját.
Kapcsolódó fogalmak, amelyekkel találkozni fogsz
| Fogalom | Mit jelent | Miért fontos a thumbnailnél |
|---|---|---|
| VideoObject | A schema.org videóra vonatkozó strukturált adattípusa | A thumbnailUrl tulajdonságban adod meg a bélyegképet |
| Videó sitemap | A videókat listázó XML webhelytérkép | A thumbnail_loc elem kötelező benne |
| Videós gazdag találat | Képes, kiemelt videós megjelenés a keresőben | Thumbnail nélkül nem jön létre |
| Kattintási arány (CTR) | Megjelenésekhez viszonyított kattintások aránya | A bélyegkép erősen befolyásolja |
| Képi SEO | Állóképek keresőoptimalizálása | Ugyanazok a fájlszintű szabályok érvényesek |
Ha a képoptimalizálás alapjaival még nem vagy biztos, előbb nézd át a Kép SEO: teljes útmutató anyagot, mert a fájlnév, a tömörítés és az elérhetőség ugyanúgy számít a videós bélyegképnél is.
Gyakori tévhit: a YouTube-thumbnail automatikusan megoldja
Ha a videót YouTube-ról ágyazod be, a YouTube saját bélyegképe a YouTube-találatnál dolgozik. A saját oldalad videós megjelenése viszont attól függ, hogy a te oldaladon is ott van-e a megfelelő jelölés és egy elérhető kép. Beágyazott videónál ez sokszor részben automatikusan rendben van, de nem érdemes vakon bízni benne: ellenőrizd, hogy a Google felismeri-e a videót az adott oldalon.
Hogyan működik?
A folyamatot három szakaszra bonthatod: a Google megtalálja a videót, kiválaszt hozzá egy bélyegképet, majd eldönti, hogy mutat-e róla videós találatot. A thumbnail mindhárom szakaszban szerepet kap, ezért érdemes külön-külön átgondolni őket.
1. Felfedezés: honnan tudja a Google, hogy van videód?
A Google több forrásból ismerheti fel a videót egy oldalon: a HTML-ben található video, embed vagy iframe elemekből, a VideoObject strukturált adatból és a videó sitemapből. Minél több egybehangzó jelzést adsz, annál biztosabb a felismerés. A thumbnail ezekben a jelzésekben külön mezőként jelenik meg, így ha mindhárom helyen ugyanaz a kép URL szerepel, a Google nem kényszerül találgatásra.
2. A bélyegkép kiválasztása
Ha megadsz bélyegképet, a Google jellemzően azt használja, de nem garantált, hogy mindig pontosan azt teszi. Ha nem adsz meg semmit, vagy az általad megadott kép nem érhető el, előfordulhat, hogy a videó egyáltalán nem jelenik meg videós találatként. Ezért a megadott URL elérhetősége legalább olyan fontos, mint a kép tartalma.
Néhány dolog, ami ebben a szakaszban gondot okozhat:
- a thumbnail mappáját a robots.txt tiltja,
- a kép URL-je lejáró, aláírt token alapján működik,
- a CDN a Googlebot felé hibakódot vagy átirányítási láncot ad,
- a kép csak JavaScript futtatása után kerül be az oldalba, és a jelölésben sincs benne.
3. Megjelenítési döntés
A Google az elmúlt időszakban szigorított azon, hogy mely oldalak kapnak videós megjelenést. A dokumentáció szerint a videós funkciók elsősorban azokon az oldalakon jelennek meg, ahol a videó az oldal fő tartalma, nem pedig egy hosszú szöveg mellé tett kiegészítés. Ez a thumbnail szempontjából azt jelenti, hogy egy tökéletes bélyegkép sem hoz videós találatot egy olyan blogcikkben, ahol a videó csak az oldal alján van. Ilyenkor érdemes átgondolni, hogy kell-e külön videóoldal.
A teljes folyamat egy táblázatban
| Szakasz | Mit vizsgál a Google | Mit tudsz tenni |
|---|---|---|
| Felfedezés | Van-e videó az oldalon, és felismerhető-e | Szabványos beágyazás, VideoObject, videó sitemap |
| Thumbnail kiválasztás | Elérhető-e a megadott kép, megfelel-e a formátumi követelményeknek | Stabil, nem tiltott URL, támogatott formátum, megfelelő méret |
| Indexelés | Feldolgozható-e a videó és az oldal | Indexelhető oldal, nem blokkolt videófájl vagy lejátszó |
| Megjelenítés | A videó az oldal fő tartalma-e, releváns-e a keresésre | Videóközpontú oldal, egyértelmű cím és leírás |
| Kattintás | Ezt már a felhasználó dönti el | Beszédes, kis méretben is olvasható bélyegkép |
A felhasználói oldal: miért kattint valaki?
A technika csak a megjelenésig visz el. Utána a felhasználó egy másodperc törtrésze alatt dönt, és ebben a döntésben a bélyegkép az egyik legerősebb vizuális jel a találatban. Mobilon a kép nagyon kicsi, ezért a finom részletek eltűnnek. Ami ilyenkor számít: egy jól felismerhető fő motívum, erős kontraszt, és az, hogy a kép világosan utaljon a videó témájára. Egy receptvideónál például a kész étel közeli képe többet mond, mint egy tágabb konyhai jelenet, ahol a lényeg alig látszik.
Fontos határeset: a túlzottan kattintásvadász, félrevezető bélyegkép rövid távon emelheti a kattintást, de ha a videó nem azt adja, amit a kép ígér, a felhasználók gyorsan visszalépnek. Ez hosszabb távon árt, ezért a vonzó és a valósághű kép között mindig a valósághűség felé dönts.
Fő módszerek
Az alábbi módszerek két csoportra oszlanak: technikai beállításokra, amelyek a Google felé biztosítják a bélyegkép elérhetőségét, és tartalmi döntésekre, amelyek a felhasználó kattintását segítik. Mindkettőre szükséged van, egyik sem pótolja a másikat.
1. Önálló, stabil thumbnail URL
Minden videóhoz tarts egy saját bélyegképfájlt, állandó URL-en, például a /media/video-thumbnails/ mappában, beszédes fájlnévvel. A fájlnév írja le a tartalmat, kisbetűkkel és kötőjelekkel: kovasz-kenyer-dagasztas-thumbnail.webp. Ne használj olyan URL-t, amely néhány óra után érvénytelenné válik, mert a Google később is újra le akarja tölteni a képet.
2. Formátum és fájlméret
A WebP jó választás, mert kis fájlméret mellett is éles marad, és a Google támogatja bélyegképként. A beállításokról és a visszaesési lehetőségekről a WebP: teljes útmutató ad részletes leírást. Ha a kiszolgálód vagy a CDN-ed bizonytalanul kezeli a WebP-t, a JPEG is teljesen megfelelő. A lényeg, hogy a kép ne legyen fölöslegesen nehéz, mert a poster képként betöltve az oldal sebességét is befolyásolja.
3. VideoObject strukturált adat
A VideoObject jelölésben a thumbnailUrl tulajdonság kötelező a videós gazdag találathoz, a name és az uploadDate mellett. Ide kerüljön ugyanaz az URL, amelyet a sitemapben és a poster attribútumban is használsz. Ha több képarányú változatod van (például 16:9, 4:3 és 1:1), a thumbnailUrl több URL-t is elfogadhat, így a Google a megjelenési helyhez illőt választhatja.
4. Videó sitemap
A videó sitemapben a video:thumbnail_loc elem kötelező. Nagyobb videókönyvtárnál a sitemap segít abban, hogy a Google minden videót és bélyegképet megtaláljon, akkor is, ha egy oldal mélyen van a szerkezetben. Az állóképek külön jelzésére szolgáló megoldásról az Image sitemap: teljes útmutató szól. A két térkép eltérő célt szolgál, ne keverd össze őket.
5. A kép tartalma: döntési szabály
Ezt a döntési szabályt érdemes minden bélyegképnél végigvenni, sorrendben:
- Kiderül-e a képből 2 másodperc alatt, hogy miről szól a videó? Ha nem, cseréld a fő motívumot.
- Felismerhető-e a fő motívum, ha a képet nagyjából 160 pixel szélesre kicsinyíted? Ha nem, vágd szorosabbra.
- Van-e rajta szöveg? Ha igen, legfeljebb néhány szó legyen, nagy betűkkel, és ne ismételje szó szerint a címet.
- Szerepel-e a kép a videóban, vagy hűen tükrözi annak tartalmát? Ha nem, ne használd.
- Elkülönül-e a sorozat többi videójának bélyegképétől? Ha mind egyforma, a felhasználó nem tudja megkülönböztetni őket.
Kidolgozott példa
Vegyünk egy szemléltető esetet: egy kertészeti webshop „Paradicsom palántázása lépésről lépésre” címmel videót tesz ki egy önálló videóoldalra. Az eredeti bélyegkép a videó első képkockája, amelyen a műsorvezető köszön a kertben. A szabály szerint ez az első ponton elbukik, mert nem derül ki, mi a téma. Az új kép egy közeli felvétel a palánta ültetőgödörbe helyezéséről, bal felső sarokban három szóval: „Palántázás 5 lépésben”. A fájl neve paradicsom-palantazas-thumbnail.webp, 1280×720 pixeles, és ugyanez az URL kerül a poster attribútumba, a thumbnailUrl mezőbe és a videó sitemap thumbnail_loc elemébe. Az oldalon a videó az első képernyőn látszik, alatta rövid összefoglaló áll.
6. Alternatív szöveg és környezet
A poster képnek nincs klasszikus alt attribútuma, de ha a bélyegképet önálló img elemként is megjeleníted (például egy videólistában), adj neki leíró alternatív szöveget. Ennek megfogalmazásához az Alt text: teljes útmutató ad szempontokat. A kép körüli szöveg, a videó címe és leírása együtt adja a kontextust a keresőnek.
Gyakori hibák
A legtöbb probléma nem a kép kinézetével, hanem a kiszolgálásával van. Ezeket azért nehéz észrevenni, mert böngészőben minden rendben látszik, a Googlebot viszont mást kap. Az alábbi hibák sorrendje nagyjából azt tükrözi, hogy mennyire súlyos a következményük.
Blokkolt vagy elérhetetlen thumbnail
Ha a robots.txt tiltja a képek mappáját, vagy a CDN tűzfala gyanúsnak ítéli a botforgalmat, a Google nem tudja letölteni a bélyegképet. Ennek eredménye lehet, hogy a videó nem kap videós megjelenést. Ellenőrizd a robots.txt-t, és nézd meg a Search Console URL-vizsgálati eszközével, hogy a Google milyen választ kap az oldal erőforrásaira.
Lejáró vagy változó URL
Egyes videóplatformok és tárhelyszolgáltatások aláírt, időkorlátos linkeket adnak a képekhez. Ez a látogatóknak nem tűnik fel, mert az oldal minden betöltéskor friss linket kap. A Google viszont eltárolja a sitemapben vagy a jelölésben talált URL-t, és később hibát kap. A megoldás: a thumbnailt saját, állandó URL-en tárold.
Eltérő képek a különböző forrásokban
Gyakori, hogy a sitemap egy régi bélyegképre mutat, a jelölés egy újra, a poster pedig egy harmadikra. Ilyenkor nem lehet tudni, melyiket választja a Google. Egy forrásból generáld mindhárom helyet, például a tartalomkezelőben egyetlen thumbnail mezőből.
Tartalmi hibák
- Az első képkocka automatikus használata: ez gyakran fekete, elmosódott vagy egy logó, amely semmit nem mond a tartalomról.
- Túl sok szöveg: mobilon olvashatatlan, és a kép zsúfoltnak hat.
- Félrevezető kép: olyan jelenet, ami nincs is a videóban. Rövid távon kattintást hozhat, hosszabb távon bizalmat rombol.
- Egyforma sablon minden videónál: a sorozat egységes, de a felhasználó nem tudja eldönteni, melyik videó felel a kérdésére.
- Apró, alacsony felbontású kép: nagy képernyőn pixeles, és a minőségre rossz jelet ad.
Szerkezeti hiba: a videó nem fő tartalom
Sokan azt várják, hogy egy hosszú cikk aljára tett videó videós találatot hoz. Ha a videó csak kiegészítés, a thumbnail optimalizálása erre nem jelent megoldást. Ilyenkor döntsd el: ha a videó önmagában is értékes, kapjon saját oldalt, ahol ő a középpont. Ha nem, fogadd el, hogy a cikk szöveges találatként fog teljesíteni, és ez sem baj.
Hibák és javításuk
| Hiba | Tünet | Javítás |
|---|---|---|
| Robots.txt tiltja a képet | Videó nem kap videós megjelenést | Tiltás feloldása a thumbnail mappára |
| Lejáró URL | Időszakos hibák a videós jelentésben | Saját, állandó URL |
| Eltérő URL-ek | Más kép jelenik meg, mint amit vártál | Egyetlen forrásmező a CMS-ben |
| Első képkocka | Gyenge kattintási arány | Egyedileg kiválasztott, beszédes kép |
| Videó nem fő tartalom | Nincs videós találat, jelölés ellenére sem | Külön videóoldal vagy elvárás módosítása |
Ellenpélda: amikor a csere rontott
Szemléltető eset: egy oktatócsatorna minden videójához ugyanazt a márkázott hátteret tette, nagy logóval és a cím teljes szövegével. Esztétikus lett, de a találatok között a videók megkülönböztethetetlenek, a cím pedig a bélyegképen és mellette is ugyanaz. A tanulság: az egységes arculat jó, de a kép elsődleges feladata a tartalom jelzése, nem a márka hangsúlyozása.
Mérés
A bélyegkép hatását két szinten mérheted: technikai szinten (felismeri-e a Google a videót és a képet), és teljesítmény szinten (hogyan alakul a megjelenés és a kattintás). A kettőt érdemes külön vizsgálni, mert egy technikailag hibátlan beállítás mellett is lehet gyenge a kattintási arány, és fordítva.
Technikai ellenőrzés
A Google Search Console videóindexelési jelentése megmutatja, hány oldalon talált videót a Google, és ha nem indexelte, milyen okból. Itt jellemzően látod azokat a problémákat is, amelyek a bélyegképhez köthetők, például ha nem sikerült letölteni. A Rich Results Test (gazdag találatok tesztje) pedig egy adott oldal VideoObject jelölését ellenőrzi, beleértve a thumbnailUrl mezőt.
Technikai ellenőrzőlista minden új videónál:
- A thumbnail URL böngészőben, bejelentkezés nélkül megnyílik.
- A robots.txt nem tiltja a kép elérési útját.
- A poster, a thumbnailUrl és a thumbnail_loc ugyanarra a fájlra mutat.
- A gazdag találatok tesztje hiba nélkül felismeri a VideoObject jelölést.
- Az URL-vizsgálat élő tesztje szerint a Google lekéri a képet.
- A videóoldal szerepel a videó sitemapben.
- Néhány nap után a videóindexelési jelentésben az oldal indexelt videóként jelenik meg.
Teljesítménymérés a Search Console-ban
A Teljesítmény jelentésben szűrhetsz keresési megjelenésre (videós találatokra) és a videó fülre is. Itt az oldalankénti megjelenéseket, kattintásokat és kattintási arányt tudod követni. A bélyegkép cseréjének hatását úgy érdemes vizsgálni, hogy a csere előtti és utáni azonos hosszú időszakot hasonlítod össze, ugyanarra az oldalra és nagyjából ugyanazokra a lekérdezésekre szűrve.
Hogyan értelmezd az eredményt?
A kattintási arányt nem csak a kép befolyásolja: a pozíció, a cím, a szezonalitás és a versenytársak is. Ezért egyetlen cserénél óvatosan vonj le következtetést. Néhány szabály, amely segít:
- Egyszerre csak a bélyegképet cseréld, a címet és a leírást hagyd változatlanul.
- Várj legalább 3-4 hetet... helyesebben legalább három-négy hetet, mert a Google-nek újra fel kell dolgoznia a képet, és a megjelenések száma is ingadozik.
- Vesd össze az átlagos pozíciót is: ha a pozíció javult, a kattintási arány emelkedése nem feltétlenül a képnek köszönhető.
- Kis megjelenésszámnál (néhány száz alatt) az eltérés lehet véletlen is.
Szemléltető számpélda
A következő számok kitaláltak, csak az értelmezést mutatják. Egy videóoldal 28 nap alatt 4000 videós megjelenést és 120 kattintást kapott, ez 3% kattintási arány. A bélyegkép cseréje után a következő 28 napban 4200 megjelenés és 168 kattintás jött, ez 4%. Ha közben az átlagos pozíció nem változott érdemben, és más elemet sem módosítottál, akkor észszerű a javulást legalább részben a képnek tulajdonítani. Ha a pozíció közben 6-ról 3-ra javult, a következtetés már bizonytalan.
Mérési táblázat
| Mutató | Hol nézed | Mire utal |
|---|---|---|
| Indexelt videós oldalak száma | Search Console, videóindexelés | Technikai rendben lét |
| Videós megjelenések | Teljesítmény jelentés, keresési megjelenés szűrő | Kap-e videós találatot az oldal |
| Kattintási arány | Teljesítmény jelentés | A bélyegkép és a cím vonzereje |
| Átlagos pozíció | Teljesítmény jelentés | Kontroll a CTR értelmezéséhez |
| Lejátszások az oldalon | Saját analitika vagy lejátszó statisztikája | A poster kép hatása a helyszínen |
Kapcsolódó részletes útmutatók
A videó thumbnail optimalizálása több szálon kapcsolódik a képek kezeléséhez: a fájlformátumtól az alternatív szövegig. Az alábbi útmutatók egy-egy részterületet bontanak ki részletesen, ezeket érdemes a bélyegképek beállítása mellett átnézni.
- Kép és videó SEO: a teljes terület áttekintése, innen látod, hová illeszkedik a thumbnail optimalizálás.
- Kép SEO: teljes útmutató: fájlnév, méret, tömörítés és elérhetőség, amelyek a bélyegképekre is vonatkoznak.
- Alt text: teljes útmutató: ha a bélyegképet videólistában img elemként is megjeleníted, itt találod a leíró szöveg szabályait.
- Image sitemap: teljes útmutató: az állóképek térképe, és hogy miben tér el a videó sitemaptől.
- WebP: teljes útmutató: a bélyegképekhez is jól használható formátum beállításai és buktatói.
Ha most kezded, a sorrend egyszerű: először a technikai elérhetőséget rendezd (stabil URL, nem tiltott mappa, egységes forrás), utána a jelölést és a sitemapet, végül a kép tartalmát finomítsd a döntési szabály alapján. Mérni csak akkor érdemes, ha az első két lépés már rendben van, különben a kattintási adatok egy olyan megjelenést tükröznek, amely technikai okból nem is működik teljes értékűen.
Rövid összefoglaló ellenőrzőlista
- Saját, állandó URL-en tárolt, beszédes nevű bélyegkép.
- Támogatott formátum, megfelelő felbontás, ésszerű fájlméret.
- Ugyanaz a kép a posterben, a thumbnailUrl-ben és a thumbnail_loc-ban.
- A videó az oldal fő tartalma.
- A kép kis méretben is egyértelműen mutatja a témát, és hű a videóhoz.
- Ellenőrzés a gazdag találatok tesztjével és a videóindexelési jelentésben.
- Cserénél egyszerre egy változó, összehasonlítás azonos hosszú időszakokkal.
Csináltassuk meg helyetted
Ha ez sok, mi elvégezzük. Egy munkanapon belül konkrét ajánlatot kapsz.