Tartalomkészítés.hu

Videó thumbnail SEO: teljes útmutató

Kép és videó SEO

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

FogalomMit jelentMiért fontos a thumbnailnél
VideoObjectA schema.org videóra vonatkozó strukturált adattípusaA thumbnailUrl tulajdonságban adod meg a bélyegképet
Videó sitemapA videókat listázó XML webhelytérképA thumbnail_loc elem kötelező benne
Videós gazdag találatKépes, kiemelt videós megjelenés a keresőbenThumbnail nélkül nem jön létre
Kattintási arány (CTR)Megjelenésekhez viszonyított kattintások arányaA bélyegkép erősen befolyásolja
Képi SEOÁllóképek keresőoptimalizálásaUgyanazok 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

SzakaszMit vizsgál a GoogleMit tudsz tenni
FelfedezésVan-e videó az oldalon, és felismerhető-eSzabványos beágyazás, VideoObject, videó sitemap
Thumbnail kiválasztásElérhető-e a megadott kép, megfelel-e a formátumi követelményeknekStabil, nem tiltott URL, támogatott formátum, megfelelő méret
IndexelésFeldolgozható-e a videó és az oldalIndexelhető oldal, nem blokkolt videófájl vagy lejátszó
MegjelenítésA videó az oldal fő tartalma-e, releváns-e a keresésreVideóközpontú oldal, egyértelmű cím és leírás
KattintásEzt már a felhasználó dönti elBeszé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:

  1. 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.
  2. Felismerhető-e a fő motívum, ha a képet nagyjából 160 pixel szélesre kicsinyíted? Ha nem, vágd szorosabbra.
  3. 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.
  4. Szerepel-e a kép a videóban, vagy hűen tükrözi annak tartalmát? Ha nem, ne használd.
  5. 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

HibaTünetJavítás
Robots.txt tiltja a képetVideó nem kap videós megjelenéstTiltás feloldása a thumbnail mappára
Lejáró URLIdőszakos hibák a videós jelentésbenSaját, állandó URL
Eltérő URL-ekMás kép jelenik meg, mint amit vártálEgyetlen forrásmező a CMS-ben
Első képkockaGyenge kattintási arányEgyedileg kiválasztott, beszédes kép
Videó nem fő tartalomNincs videós találat, jelölés ellenére semKü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:

  1. Egyszerre csak a bélyegképet cseréld, a címet és a leírást hagyd változatlanul.
  2. 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.
  3. 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ő.
  4. 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ézedMire utal
Indexelt videós oldalak számaSearch Console, videóindexelésTechnikai rendben lét
Videós megjelenésekTeljesítmény jelentés, keresési megjelenés szűrőKap-e videós találatot az oldal
Kattintási arányTeljesítmény jelentésA bélyegkép és a cím vonzereje
Átlagos pozícióTeljesítmény jelentésKontroll a CTR értelmezéséhez
Lejátszások az oldalonSaját analitika vagy lejátszó statisztikájaA 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.

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

  1. Saját, állandó URL-en tárolt, beszédes nevű bélyegkép.
  2. Támogatott formátum, megfelelő felbontás, ésszerű fájlméret.
  3. Ugyanaz a kép a posterben, a thumbnailUrl-ben és a thumbnail_loc-ban.
  4. A videó az oldal fő tartalma.
  5. A kép kis méretben is egyértelműen mutatja a témát, és hű a videóhoz.
  6. Ellenőrzés a gazdag találatok tesztjével és a videóindexelési jelentésben.
  7. 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.

Ajánlatot kérek