Az egészségügyi szolgáltatások digitalizációja évek óta zajlik, de az elmúlt néhány évben a mesterséges intelligencia (AI) megjelenése új szintre emelte ezt a folyamatot. A fogászat különösen érzékeny terület, hiszen itt a technológia nem csupán a szakmai...
A képtérkép definíciója
A képtérkép egy olyan grafikus elem, amelyet HTML kód használatával több kattintható elemre osztottak fel. Egy grafikus elem különböző részei így akár más és más hivatkozásokra is mutathatnak.
A képtérkép definíciója
A képtérkép egy olyan grafikus elem, amelyet HTML kód használatával több kattintható elemre osztottak fel. Egy grafikus elem különböző részei így akár más és más hivatkozásokra is mutathatnak.
Egy képtérkép elkészítéséhez legalább egy geometriai alakzatot kell meghatározni.
A képtérképek nem csak képeken, hanem akár videókon is kijelölhetők.
A képtérképek létrehozása
Egy képtérkép létrehozásához aHTML címkét kell használni. Ez a címke a képtérkép nevét határozza meg, aminek nem kell egyeznie a használt kép fájlnevével. Erre a névre azért lesz szükség, mert ez alapján lehet majd rámutatni, hivatkozni a képtérképre más helyekről.
A térkép definiálása bárhol megtörténhet a HTML dokumentum
szakaszában.
Az címke határozza meg a képtérképen található területeket. Legalább egy címkét meg kell adni, különben a képtérkép a kép összes képpontját lefedi majd.
Az címkén belül további attribútumokat (tulajdonságokat) kell meghatározni, úgymint
- shape: A „shape” attribútum a terület formáját határozza meg, ami lehet „rect” (téglalap), „circle” (kör), vagy „poly” (sokszög).
- coords: Ez az attribútum a területek határait szabja meg. A grafikus elemen elhelyezkedő területek körvonalait képpontokkal kell behatárolni. A megfelelő koordináták megállapításához szinte bármilyen képszerkesztő program használható.
- href: Ezzel az attribútummal adható meg, hogy a területre kattintva a böngésző melyik hivatkozást próbálja felkereseni.
- alt: Az „alt” attribútum azt a szöveget tartalmazza, amely a felhasználóknak jelenik meg, ha a kép valamiért nem jeleníthető meg. A keresőmotorok továbbá szintén képesek értelmezni az alt szöveget.
- title: Ez az attribútum egy rövid leírást tartalmaz, ami akkor jelenik meg, amikor a felhasználó az adott területre viszi az egérmutatóját.
A képtérkép használata
Miután a képtérkép összes szükséges címkéje és attribútuma meghatározásra került, bárhol és bármikor elérhetővé válik a dokumentumban. Ehhez először be kell ágyazni a képet az címke használatával a megfelelő helyre.
A képtérkép a usemap=”#térképnév” elemmel helyezhető el a képen az meghatározása után.
A képtérképek előnyei és hátrányai
A képtérképek jelentősen javíthatják egy webhely navigálhatóságát és használhatóságát. Egy igényesen elkészített képen sokkal intuitívabban, érthetőbben ábrázolhatók a navigációs linkek, a képtérképek segítségével pedig ezek interaktívvá, kattinthatóvá alakíthatók.
Persze, ha az adott grafikus elemet valamilyen okból nem lehet megjeleníteni, akkor ez a fajta navigáció nem használható úgy, ahogyan megtervezték. Ezekre az esetekre fontos, hogy legyen egy külön navigációs sáv, amin a kép és a képtérkép esetleges hiányában is elérhetők a hivatkozások.
A képtérképek és a SEO kapcsolata
A keresőoptimalizáláshoz általánosságban csak óvatosan érdemes képtérképeket alkalmazni. Mivel sokan használják őket arra, hogy eltakarják egy link valódi címét, a keresőmotorok figyelmen kívül hagyhatják ezeket a linkeket az oldalon.
Frissítések a képtérképekkel kapcsolatban
- HTML5 támogatás: A HTML5 új attribútumokat és funkciókat vezetett be a képtérképekhez, amelyekkel még interaktívabbá és hatékonyabbá tehetjük őket.
- JavaScript használata: A JavaScript segítségével további funkcionalitást adhatunk a képtérképekhez, mint például animációk, dinamikus tartalmak betöltése, vagy hangeffektek lejátszása.
- Reagáló képtérképek: A reagáló képtérképek automatikusan illeszkednek a különböző méretű képernyőkhöz, így mobiltelefonokon és táblagépeken is jól használhatók.
- SVG képek használata: A képtérképek SVG (Scalable Vector Graphics) képekkel is használhatók, amelyek élesek és skálázhatók maradnak bármilyen méretben.
Gyakori kérdések
Mi az a képtérkép?
Egy képtérkép segítségével egy, vagy több kattintható területre oszthatunk fel egy grafikus elemet (pl. képet vagy videót). Ezek a kattintható területek általában más és más hivatkozásokra mutatnak.
Mire jó a képtérkép?
A képtérkép fő haszna, hogy interaktívvá tehetők vele a grafikus elemek, így például egy webhely navigációja is ábrázolható egy átlátható, könnyedén értelmezhető képen. A kép különböző részeire kattintva a felhasználók a megfelelő oldalra jutnak el. Persze a hivatkozások bármire mutathatnak.
Mi a képtérképek hátránya?
A képtérképek hátránya, hogy azoknak a grafikus elemeknek a láthatóságától függnek, amelyre elhelyezték őket. Ha például egy kép valamiért nem jelenik meg a böngészőben, a rajta elhelyezett képtérkép sem lesz használható.
Mi köze a képtérképnek a SEO-hoz?
A képtérképeket gyakran használják a hivatkozások címének elrejtésére, ezért egyes keresőmotorok elővigyázatosságból figyelmen kívül hagyhatják az így linkelt tartalmakat. Nem érdemes tehát csupán egy képtérképpel linkelni az adott oldalakra – ajánlott egy másodlagos navigációban is elhelyezni a linkeket.
