{"id":8768,"date":"2021-02-04T18:58:30","date_gmt":"2021-02-04T17:58:30","guid":{"rendered":"http:\/\/blog.webshark.hu\/?p=8768"},"modified":"2021-02-09T08:35:32","modified_gmt":"2021-02-09T07:35:32","slug":"hogyan-keruld-el-a-felesleges-hely-pazarlast-a-weboldaladon","status":"publish","type":"post","link":"https:\/\/blog.webshark.hu\/2021\/02\/04\/hogyan-keruld-el-a-felesleges-hely-pazarlast-a-weboldaladon\/","title":{"rendered":"Hogyan ker\u00fcld el a felesleges hely-pazarl\u00e1st a weboldaladon?"},"content":{"rendered":"\n

Hab\u00e1r technikailag egy weboldal k\u00e9sz\u00edt\u00e9se sor\u00e1n v\u00e9gtelen mennyis\u00e9g\u0171 t\u00e9r \u00e1ll rendelkez\u00e9sedre, amib\u0151l gazd\u00e1lkodhatsz, a felhaszn\u00e1l\u00f3k figyelme v\u00e9ges. <\/strong><\/p>\n\n\n\n\n\n\n\n

A l\u00e1togat\u00f3k els\u0151sorban arra reag\u00e1lnak, amivel az els\u0151 n\u00e9h\u00e1ny m\u00e1sodpercben tal\u00e1lkoznak egy weboldalon. Ez\u00e9rt meg kell fontolni, hogy mi ker\u00fclj\u00f6n ebbe a n\u00e9h\u00e1ny m\u00e1sodperc alatt \u00e1tl\u00e1that\u00f3 keretbe. K\u00fcl\u00f6n\u00f6sen az\u00e9rt, mert amit a felhaszn\u00e1l\u00f3 az els\u0151 n\u00e9h\u00e1ny m\u00e1sodpercben nem vesz \u00e9szre, azt m\u00e1r lehet, hogy soha nem is fogja. <\/p>\n\n\n\n

Itt persze nem arr\u00f3l van sz\u00f3, hogy az eddig gyakran emlegetett white space-szel vagy negat\u00edv t\u00e9rrel kezdj\u00fcnk sp\u00f3rolni, hiszen annak – ha nem es\u00fcnk t\u00falz\u00e1sba – fontos funkci\u00f3ja van: vezeti a felhaszn\u00e1l\u00f3t. Olyan elemekr\u0151l van sz\u00f3, melyek \u00fagy vesznek el teret, hogy nem adnak semmilyen \u00e9rt\u00e9ket<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

De hogyan tudod eld\u00f6nteni, hogy mi az \u00e9rt\u00e9kes elem a weboldaladon, \u00e9s mi az, ami csak foglalja a helyet? A Speckyboy<\/a> egy bejegyz\u00e9s\u00e9ben most adott n\u00e9h\u00e1ny t\u00e1mpontot ahhoz, hogy milyen elemek l\u00e9tjogosults\u00e1g\u00e1t \u00e9rdemes fel\u00fclvizsg\u00e1lni.<\/p>\n\n\n\n

\u00d3ri\u00e1si k\u00e9pek, melyek elvonj\u00e1k a figyelmet a tartalomr\u00f3l<\/h3>\n\n\n\n

Az \u00f3ri\u00e1si k\u00e9pek kor\u00e1t \u00e9lj\u00fck a weben, a hero image-ek elterjedtek, de egyre t\u00f6bb helyen \u00e9rnek a kijelz\u0151 sz\u00e9l\u00e9ig m\u00e1r a k\u00e9pek. Ezek lehetnek sz\u00e9pek, s\u0151t leny\u0171g\u00f6z\u0151ek, ugyanakkor fontos azt is figyelembe venni, hogy milyen hat\u00e1ssal vannak a tartalom t\u00f6bbi r\u00e9sz\u00e9re. <\/p>\n\n\n\n

\u00c1t kell gondolni, hogy van-e val\u00f3di funkci\u00f3ja a k\u00e9pnek, azon t\u00fal, hogy j\u00f3l n\u00e9z ki. Hozz\u00e1seg\u00edti a felhaszn\u00e1l\u00f3t a tartalom meg\u00e9rt\u00e9s\u00e9hez? Ha a k\u00e9p kiszor\u00edtja a tartalmat, \u00e9s a felhaszn\u00e1l\u00f3nak emiatt kell g\u00f6rgetnie, az probl\u00e9m\u00e1t jelent, ahogy az is, ha elvonja a figyelm\u00e9t a l\u00e1togat\u00f3nak a tartalomr\u00f3l. Sz\u00f6veg vagy m\u00e9g ink\u00e1bb call to action m\u00f6g\u00e9 nem szabad \u00f6sszetett k\u00e9pet elhelyezni, mert rontja az olvashat\u00f3s\u00e1got. <\/p>\n\n\n\n

Persze, j\u00f3 ha egy k\u00e9pre felfigyelnek az emberek, ha megfogja \u0151ket, ugyanakkor c\u00e9l n\u00e9lk\u00fcl csak feleslegesen foglalj\u00e1k a helyet fontosabb elemek el\u0151l.<\/p>\n\n\n\n

Hajt\u00e1s feletti r\u00e9sz inform\u00e1ci\u00f3 n\u00e9lk\u00fcl
<\/h3>\n\n\n\n

Egy j\u00f3l \u00f6sszerakott hajt\u00e1s feletti r\u00e9sz mag\u00e1ra vonja a l\u00e1togat\u00f3k figyelm\u00e9t. Egy fot\u00f3 vagy vide\u00f3, vagy csak egy kontrasztos h\u00e1tt\u00e9r j\u00f3l elv\u00e1lasztja a weboldal t\u00f6bbi r\u00e9sz\u00e9t\u0151l. Ez\u00e9rt is ker\u00fclnek ide a legfontosabb inform\u00e1ci\u00f3k, aj\u00e1nlat, \u00fczenet. Az, amit legink\u00e1bb k\u00f6z\u00f6lni akarunk a felhaszn\u00e1l\u00f3val. <\/p>\n\n\n\n

Ugyanakkor sokszor lehet l\u00e1tni olyan weboldalakat, ahol ez a hajt\u00e1s feletti r\u00e9sz gyakorlatilag kihaszn\u00e1latlanul marad. Lehet, hogy van sz\u00f6veg, de semmitmond\u00f3, eg\u00e9szen l\u00e9nyegtelen az aj\u00e1nlatot tekintve. Nincs olyan r\u00e9sz, ahov\u00e1 kattinthatna a felhaszn\u00e1l\u00f3, vagy ami cselekv\u00e9sre k\u00e9sztetn\u00e9 az oldalon. <\/p>\n\n\n\n

Pedig a hajt\u00e1s feletti r\u00e9sznek pontos ir\u00e1nymutat\u00e1st kell ny\u00fajtania a l\u00e1togat\u00f3 sz\u00e1m\u00e1ra. Sz\u00fcks\u00e9g van a vil\u00e1gos \u00fczenetre, ami cselekv\u00e9sre sarkallja a felhaszn\u00e1l\u00f3t. Ez lehet annyi, hogy kapcsolatba l\u00e9p vele, hogy megl\u00e1togatja a term\u00e9koldalt, b\u00e1rmi. <\/p>\n\n\n\n

Hossz\u00fa, egybef\u00fcgg\u0151 sz\u00f6vegt\u00f6mb\u00f6k<\/h3>\n\n\n\n

A felhaszn\u00e1l\u00f3k ideje \u00e9rt\u00e9kes, ez\u00e9rt is csak \u00e1tfutj\u00e1k a weboldalakat, nem pedig elolvass\u00e1k sz\u00f3r\u00f3l-sz\u00f3ra. Ha nem tudnak megkapaszkodni semmiben, csak egy hatalmas sz\u00f6vegfolyamot l\u00e1tnak, azt nem tudj\u00e1k \u00e1tfutni sem. Ilyenkor gyakorlatilag feleslegesen \u00edrtad meg a sz\u00f6veget az oldalra, mert az emberek nem olvass\u00e1k, legfeljebb a Google (persze ez is egy szempont). Az ilyen sz\u00f6vegt\u00f6mb\u00f6k feleslegesen foglalj\u00e1k a helyet, mert semmi funkci\u00f3juk.<\/p>\n\n\n\n

Persze nem kell mindj\u00e1rt kidobni az eg\u00e9sz sz\u00f6veget, hanem meg kell pr\u00f3b\u00e1lkozni a tagol\u00e1s\u00e1val alc\u00edmeket haszn\u00e1lva, melyeken megakad a felhaszn\u00e1l\u00f3 tekintete, \u00e9s mindj\u00e1rt meg tud benne kapaszkodni. Fontos az is, hogy bekezd\u00e9sekre bontsd, \u00e9s m\u00e1s vizu\u00e1lis elemekkel adj ritmust a sz\u00f6vegnek.<\/p>\n\n\n\n

N\u00e9pszer\u0171 a kont\u00e9nerek haszn\u00e1lata a sz\u00f6vegr\u00e9szeknek, melyek vizu\u00e1lisan is elk\u00fcl\u00f6n\u00fclnek egym\u00e1st\u00f3l, \u00edgy sokkal befogadhat\u00f3bb\u00e1 v\u00e1lik egy-egy sz\u00f6vegr\u00e9szlet az emberek sz\u00e1m\u00e1ra. Szint\u00e9n \u00e9rdemes bevetni az olyan elemeket a tagol\u00e1sba, mint a k\u00e9pek, a kiemelt id\u00e9zetek, a felsorol\u00e1sok, melyek mind megbontj\u00e1k a sz\u00f6veg egyhang\u00fas\u00e1g\u00e1t.<\/p>\n\n\n\n

\u00d6sszess\u00e9g\u00e9ben teh\u00e1t elmondhat\u00f3, hogy hab\u00e1r rengeteg hely \u00e1ll rendelkez\u00e9sre a weben, azt meg kell pr\u00f3b\u00e1lni hat\u00e9konyan kihaszn\u00e1lni. \u00c1t kell gondolnod, hogy mi az az elem, ami a legfontosabb, amit fel\u00fclre akarsz helyezni. Mi az, amit a l\u00e1togatnak felt\u00e9tlen\u00fcl tudniuk kell, amikor meg\u00e9rkeznek az oldaladra? Az szerepel legel\u00f6l \u00e9s k\u00f6z\u00e9pen? \u00dagy, hogy nem nyomja el semmilyen m\u00e1s weboldalelem? Ha a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra egy j\u00f3l l\u00e1that\u00f3 utat siker\u00fcl kirajzolnod, ahogy meg\u00e9rkeznek a weboldalra, melyr\u0151l semmilyen felesleges elem nem t\u00e9r\u00edti el \u0151ket, akkor van es\u00e9lyed arra, hogy meg is tartsd \u0151ket.<\/p>\n\r\n