5 módja annak, hogy növelje az oldalmegtekintéseket látogatónként 23.52%

miért töltesz ennyi időt és erőfeszítést arra, hogy a webhelyed látogatóit csak az első vagy a második oldal után hagyd elmenni?

ez sokkal olcsóbb, hogy a látogató már a webhelyen, hogy menjen egy másik oldalra, mint az, hogy vonzza az új látogató, hogy az oldal.

tudod mit? Az is értékesebb. Ha egy látogató több oldalt néz ki, akkor valószínű, hogy olyanok, mint te. Minden elolvasott bejegyzés vagy oldal növeli a márka elismertségét és bizalmát, ami konverziókhoz vezet.

ha azt mondanám, hogy megduplázhatja, megháromszorozhatja … vagy akár megnégyszerezheti a Látogató által megtekintett oldalak átlagos számát, nem érdekelne?

feltételezve, hogy nem töltött rengeteg időt a felhasználói élmény (UX) optimalizálásával, őrült eredményeket láthat egy kis munkából.

ez a bejegyzés megmutatja az 5 leghatékonyabb módszert az UX javítására, ami azonnali lendületet ad az oldalmegtekintéseknek.

a felhasználói élmény nem művészet—ez tudomány

az a dolog, ami megakadályozza a webhelytulajdonosokat az UX optimalizálásban, az, hogy bonyolult dolognak hangzik.

ez olyasmi, amit azt gondolhatnánk, hogy csak a fejlesztők értik.

de a valóságban ez elég egyszerű, és nem igényel speciális ismereteket. Persze, a tapasztalatok megszerzése segít a jövőben gyorsabban látni az eredményeket, de bárki elkezdheti javítani látogatóinak UX-jét.

először is, mi is pontosan a felhasználói élmény?

ez egy tág kifejezés, ami zavart okozhat. A felhasználói élmény magában foglalja annak minden részét, hogy a webhely tartalma Hogyan befolyásolja valaki látogatását. A legjobban a Morville méhsejtben foglalható össze:

7 különböző kulcs van a jó felhasználói élményhez:

1. hasznos-a tartalomnak valamit el kell érnie.
2. használható – a tartalomnak praktikusnak kell lennie, az eszközöknek pedig rendeltetésszerűen kell működniük.
3. kívánatos – a felhasználóknak valóban azt kell akarniuk, amit kínál.
4. Findable – nem csak az eredeti tartalomnak kell megtalálhatónak lennie, hanem a többi tartalomnak is könnyen megtalálhatónak kell lennie (jó navigáció).
5. elérhető – ha a látogatók nem férnek hozzá a tartalmához (előugró ablakok, fedvények, rossz Betöltés stb.), nem lesz jó tapasztalatuk.
6. hiteles – a felhasználónak csak akkor lehet nagyszerű tapasztalata, ha bízik abban, amit olvas/használ.
7. értékes – webhelyének valamit el kell érnie, amit az emberek értékelnek (lényegében a hasznos kiterjesztése).

az UX fejlesztésének 5 módja, amelyet meg fogok mutatni, a 7 kategória egyikébe tartozik.

az utolsó fontos dolog, amit tudnod kell, hogy a felhasználói élmény minden egyén számára egyedi.

néha két oldal ugyanazt a változást hajthatja végre, és az UX az egyik oldalon javulni fog, de a másikon rosszabb lesz. Ez a látogatóktól függ.

ez azt jelenti az Ön számára, hogy még akkor is, ha egyetért azzal, amit ebben a bejegyzésben mutatok meg, tesztelje azt a webhelyén, hogy valóban pozitív változás lesz-e.

az UX nem vélemény. Ezt a valós felhasználók adataival kell alátámasztani.

a linkek nem csak a SEO—nak szólnak, hanem a felhasználóknak is

a webhelytulajdonosok túl gyakran követik el azt a hibát, hogy változtatásokat és marketing döntéseket hoznak annak alapján, hogy szerintük a keresőmotorok hogyan reagálnak.

bűnös voltam ebben a múltban. Szinte mindenkinek van.

amikor linket tesz egy cikkbe, annak nem csak azért kell lennie, mert elolvasta, hogy a Google jutalmazza a hatósági webhelyekre mutató linkeket. Ehelyett annak kell lennie, mert hozzáadott értéket jelent a látogató számára.

láttad, hogy mennyit linkelek a Quick Sprout és NeilPatel.com?

természetesen ez a témától függ, de általában legalább 20 link van bejegyzésenként. Ez úgy működik,hogy legalább egy link 200 szóra, de gyakran több.

miért jók a linkek az UX számára?

• a linkek megválaszolhatják a kérdéseket: ha ez valóban gyakori kérdés, írhat rá egy bekezdést. De ha úgy gondolja, hogy az olvasóinak csak egy kisebbsége kérdezheti meg, csatolhat egy linket csak nekik.
• a linkek logikusan vezetik az olvasókat a következő lépéshez: amikor írsz valamit, ki kell választanod egy hatókört (mit fogsz lefedni). Még akkor is, ha van egy kapcsolódó téma, amely igazán érdekes, lehet, hogy nincs helye annak lefedésére. Ehelyett egy link összekapcsolhatja az olvasót egy másik cikkel, lehetőséget adva számukra a téma feltárásának folytatására.
• linkek bizalom kiépítése: emlékszel az UX 7 tényezőjére? A hitelesség volt az egyik. Az adatközpontú bejegyzés forrásaira és forrásaira mutató linkek az olvasókat magabiztosabbá teszik az Ön által megadott információkkal kapcsolatban.

ha a megfelelő linkeket tartalmazza, akkor a felhasználók testreszabhatják saját tapasztalataikat, ami mindig pozitív dolog.

van még egy dolog, amiről beszélnünk kell…

ha belső vagy külső linkeket is tartalmaz: ezt a lehető legegyszerűbbé teszem. Mindig hivatkozzon a látogatók számára legértékesebb erőforrásra, legyen az az Ön webhelyén vagy valaki másé.

vegye figyelembe, hogy a webhelyén található más cikkek gyakran a legnagyobb értéket képviselik, ha nagyon relevánsak, mert az olvasó már ismeri a munkáját, és eléggé szereti az aktuális cikk elolvasásához.

a belső linkek nyilvánvaló előnye, hogy növelik a Látogató által az Ön webhelyén látható oldalak számát. Egy új webhelynek nem lesz sok értékes tartalma, amelyre hivatkozhat, de egy olyan webhely, amely évek óta hoz létre tartalmat (például a Quick Sprout), rengeteg kapcsolódó tartalommal rendelkezik, amelyekhez minden bejegyzésben kapcsolódhat.

a külső linkek, amint azt korábban említettem, segíthetnek abban, hogy megbízhatóbbak legyenek a keresőmotorok számára. Ez egy kis potenciális előny.

az igazi előny az, hogy ha egy nagyszerű erőforráshoz kapcsolódik, a látogató ezt társítja veled (csak szívességet tettél nekik). Ez több bizalmat és több hűséges olvasót eredményez. Ezért lehet, hogy nem a legjobb stratégia az első erőforráshoz való linkelés, amelyet a Google-on talál. Ásson egy kicsit mélyebbre, hogy találjon valami igazán értékeset.

végül ne feledje, hogy minden egyes linkre nem kattintanak nagyon gyakran (általában 1-10%). De ezek a linkek összeadódnak. Ha 10 extra belső linket adott hozzá egy bejegyzéshez, akkor valószínűleg átlagosan 10-20% – os oldalmegtekintést kap egy látogatótól.

ez nagy különbség. Képzelje el, hogy a szokásos havi 10 000 oldalmegtekintésről 11 000-re vagy 12 000-re vált, csak egy egyszerű változtatástól.

néhány látogató teknős

a szuper hosszú hozzászólásaim (körülbelül 5000 szó) általában rengeteg képet tartalmaznak.

a képeket különféle okokból veszem fel, de főleg a tartalom lebontása érdekében, hogy olvashatóbb legyen.

ezt csak azért tudom megtenni, mert a blog látogatóinak többsége asztali számítógépet/laptopot használ. Gondolj bele: kinek van ideje olvasni 5000 szót a telefon képernyőjén?

azért említem ezt, mert a mobil és az asztali böngészés nemcsak a képernyőméretben, hanem a sebességben is különbözik.

a legtöbb számítógépet használó ember kevesebb, mint egy másodperc alatt néhány száz kilobájtot vagy akár néhány megabájtot is letölthet.

ugyanez nem mondható el a mobiltelefonokról. Egy felmérés szerint a mobil kapcsolat sebessége 0,6 Mbps és 9,5 Mbps között mozgott. Nyilvánvaló, hogy néhány mobil felhasználó képes lesz gyorsan betölteni webhelyét, de sokan nem.

a legtöbb telefonhasználó elfogadja, hogy az internetes böngészése kissé lassabb lesz a normálisnál, de nem annyira, mint gondolná.

a fogyasztók 47% – A számít arra, hogy egy weboldal 2 másodperc alatt betöltődik. De ezek asztali felhasználók.

a telefonhasználók arra számítanak, hogy az oldalak 4 másodperc alatt betöltődnek, így van egy kicsit több mozgástér. De az átlagos webhely 9 másodperc alatt töltődik be mobilon, ami még közel sem elég jó.

a probléma valódi oka az, hogy a lassú betöltő oldal nem csak bosszantó—elfordítja a látogatókat a tartalmától. A látogatók negyven százaléka elhagyja webhelyét, ha 3 másodpercnél tovább tart a betöltés (asztali számítógépeken). Ezt extrapolálhatja 6 másodperc a mobil felhasználók számára, ami még mindig kevesebb, mint egy mobil webhely átlagos sebessége.

az oldalsebesség-tesztekkel kapcsolatos probléma: sok webhelytulajdonos már tesztelte webhelyét az oldalsebesség szempontjából, és nem talált problémát. Sajnos van egy hiba az átlagos oldalsebesség-tesztelővel.

alapértelmezés szerint szinte az összes népszerű oldalbetöltési sebesség teszt (pl. GTmetrix, Pingdom) unthrottle kapcsolatot használ. Ez azt jelenti, hogy a csatlakozási sebességet ki kell venni az egyenletből, és kizárólag a technikai oldalra néz.

ez fontos. Így látja, hogy van-e nagyobb sebességproblémája. A probléma az, hogy az ilyen tesztekkel kapott oldalbetöltési idő csak a felhasználók töredékét képviseli (még akkor is, ha ez meglehetősen nagy darab).

fontolja meg ezt: teszteltem a Quick Sprout-ot a GTmetrix-en a standard alapértelmezett beállításokkal. Repülő színekkel telt el, és volt egy 1.5 Második betöltési idő-szép.

azt is megteheti, hogy létrehoz egy ingyenes fiókot, majd megváltoztatja a kapcsolat sebességét 3G-re, amire a mobil felhasználók nagy része továbbra is ragaszkodik (a felhasználók 57% – a).

amikor újra futtatom a Quick Sprout-ot a teszten, nagyon eltérő betöltési sebességet kapok: 3,3 másodperc.

ebben az esetben az oldal betöltési ideje több mint kétszeresére nőtt, és ez egy nagyon egyszerű oldalon van.

ha ezt a tesztet más oldalakra futtatja, akkor a betöltési idő gyakran több mint kétszerese lesz. Ez azt jelenti, hogy az eredeti 2 másodperces határ szűk verése nem elegendő.

itt nem fogok teljes útmutatót írni az oldalsebesség optimalizálásáról, de foglalkozom a webhely mobil felhasználók számára történő optimalizálásának leghatékonyabb módjaival.

1.tényező – HTTP kérések: az egyik fő mutató, amelyet bármely oldalsebesség-tesztelő megmutat, a végrehajtott HTTP-kérések száma.

HTTP kérés érkezik az egyes szkriptek, képek, CSS fájlok stb. a HTML-ben. Minden kérés feldolgozása időt vesz igénybe. Az idő körülbelül 78% – át HTTP-kérések készítésére fordítják egy oldal betöltésekor.

felgyorsíthatja webhelyeit, ha csökkenti a böngészőnek szükséges HTTP-kérések számát.

hogyan csinálod ezt?

a legegyszerűbb módja a CSS fájlok és képek lehető legnagyobb mértékű konszolidálása. Nem ritka, hogy egy rosszul optimalizált WordPress téma három vagy több CSS fájlt kér együtt ugyanazon az oldalon. Másolja az összes CSS fájlt egyetlen fájlba, és szerkessze ki a most törölt fájlokra vonatkozó hivatkozásokat.

a legtöbb webhely képes csökkenteni a kérések számát CSS spritek létrehozásával. A spritek olyan képfájlok, amelyek több képet tartalmaznak bennük. A CSS kód megmondja a böngészőnek, hogy melyik kép található.

Spriteket kell készíteni minden olyan képhez, amelyet minden oldalon meghívnak, például navigációs képeket vagy logókat.

ennek megkönnyítése érdekében használjon olyan eszközt, mint a Spritepad. Egyszerűen húzza át a képeket a megadott vászonra. A helyadatokkal ellátott CSS automatikusan létrejön.

Miután hozzáadta az összes közös képet, letöltheti a CSS sprite-t (a tetején), majd több különálló kép helyett felhívhatja az oldalain.

a fenti két gyors módja annak, hogy megszabaduljon a legtöbb http kéréstől a legtöbb webhelyen, de ennél több is van. Itt van egy kicsit alaposabb útmutató további információkért.

2.tényező – oldalméret: a sebesség eszközzel mért másik fő mutató az oldal mérete bájtban. Ideális esetben az oldal nem lehet több, mint néhány száz kilobájt (néha elkerülhetetlen, hogy menjen át).

ha nagy oldalsebességgel kapcsolatos problémái vannak, lehet, hogy csökkentenie kell a használt képek számát, de van néhány dolog, amit addig megtehet.

először tömörítse a képeket. A legtöbb képfájlhoz haszontalan metaadatok vannak csatolva, amelyek sok helyet foglalnak el. Használjon olyan eszközt, mint az Optimizilla vagy egy WordPress plugin, például a WP Smush, a fájlméret csökkentése érdekében.

másodszor, a HTTP tömörítés segítségével tömörítheti a fájlok méretét az átvitel során. A HTTP tömörítés leggyakoribb formája a gzip. A gzip tömörítés használatához a WordPress programban ellenőrizze a GZIP opciót a W3 Total Cache bővítményben.

végül egyszerűsítse webhelyét, amennyire csak lehetséges. Ne tartalmazzon túlzott oldalsávot vagy rengeteg képet a fejlécben. Ragaszkodjon az egyszerű szöveghez és a HTML-hez, amennyire csak lehetséges.

3.tényező – tárhely és kézbesítés: még akkor is, ha minden technikai dolgot jól csinálsz, a látogatók nem tudják gyorsan betölteni az oldalakat, ha a tárhely és a kézbesítés szar.

a tárhely része nagyon egyszerű. Ha havonta 5 dollárt fizet egy megosztott tervért, akkor webhelye soha nem lesz nagyon gyors. Hacsak nem csak most kezdi el, lépjen fel egy komoly tárhelyszerverre, amelyet az Ön webhelyének szenteltek.

másodszor azt is javaslom, hogy használjon tartalomszolgáltató hálózatot (CDN) statikus fájlokhoz, például képekhez. Ez többe fog kerülni, de webhelye gyorsabban növekszik, a látogatók pedig jobban konvertálnak, ami megéri. Íme egy útmutató a jó CDN kiválasztásához.

bónusz tipp-trükk a felhasználók számára, hogy több elégedett tárcsázza fel a relevancia: Amikor egy épület lakói panaszkodtak, hogy a felvonók várakozási ideje túl hosszú, a liftek felgyorsítása helyett az épülettulajdonosok adtak valamit a lakosoknak, ami várakozás közben elfoglalhatja az idejüket. Az épületvezető tükröket telepített, hogy a lakók várakozás közben magukba nézhessenek, a panaszok pedig megszűntek.

bár ez nem tökéletes analógia, egy oldal betöltésére várni ugyanolyan frusztráló és unalmas lehet, mint egy lift érkezésére várni. A látogatók rájönnek, hogy feláldozzák az idejüket a tartalomért. Minél jobban élvezik a tartalmat, annál kevésbé bánják a várakozást. Gyanítom, hogy az olvasóim nagy része, mint te, hosszabb ideig Várna, mint 2 másodperc egy új blogbejegyzés betöltésére.

“ha a felhasználók nem találják meg, amit akarnak egy weboldalon, akkor a letöltési időt lassabbnak tekintik, mint amilyen valójában lehet. Ezzel szemben, ha a felhasználók gyorsan és egyszerűen megtalálják azt, amit akarnak egy webhelyen, akkor a letöltési időt gyorsabban érzékelik, mint amilyen valójában lehet. Megfigyeltem ezeket a felfogásokat, következetesen, a használhatóság tesztelése során több mint 10 évek.”- Shari Thurow

mit jelent ez az Ön webhelyén?

ez azt jelenti, hogy a tartalomjegyzék beillesztése, amely segít a látogatóknak megtalálni a keresett válaszokat, egy nagyon releváns metaleírás megírása és a bejegyzés fontos részeinek kiemelése az olvasókat úgy érezheti, hogy megérte időt várni az oldal betöltésére.

a boldog olvasó sokkal nagyobb valószínűséggel kattint más linkekre a webhelyén található bejegyzésekre, mint egy csalódott olvasó.

az Ön üzenete az első, ezért szüntesse meg a zavaró tényezőket

az üzenetnek elöl és középen kell lennie, legyen az céloldalon vagy blogbejegyzésben.

ez az, amit a látogatók ott olvasni. Ez több UX kategóriába tartozik, de leginkább a hozzáférhetőség.

ha könnyen hozzáférhetővé teszi a tartalmat, az olvasók továbbra is olvasni fognak. Ha megnehezíti, sokan vagy azonnal távoznak, vagy nem izgatottak, hogy meglátogatnak egy másik oldalt a webhelyén.

bár a webhelyek kialakítása eltérő, a legtöbb webhelynek 3 közös zavaró forrása van, amelyeket meg kell szüntetni.

itt van, hogyan lehet kijavítani őket…

taktika #1 – minimalizálja vagy megszüntesse az oldalsávot: az oldalsáv a legtöbb blog elhanyagolt eleme. Be kell, hogy egy csomó gondolat, hogy mit tesz a sidebar, vagy ha még szükség van egy egyáltalán.

a Medium Jelenleg az egyik legnépszerűbb blogplatform, amely jól olvasható. Nincs oldalsáv egy közepes post-csak tartalom:

az oldalsáv nélküli elrendezés nulla figyelemeltereléssel rendelkezik, így az olvasó kizárólag a bejegyzésre összpontosít.

mások, akik ezt az elrendezést használják, nemcsak az oldalmegtekintéseiket, hanem a konverziós arányukat is 26-71% – kal növelték.

ez jó dolog lehet, de néha meg akarja mutatni az olvasóknak a webhely bizonyos elemeit minden alkalommal, amikor meglátogatják, még akkor is, ha ez kissé elvonhatja őket.

ha továbbra is használja az oldalsávot, csak a legfontosabb információkat tartalmazza, például:

• opt-in
• bio
• linkek top Hozzászólások
• linkek termékek/szolgáltatás

ez az, amit csinálok a blogjaimban:

figyelem, nincs semmi feltűnő az oldalsávomban. Az olvasók tudják, hogy ott van, de a bejegyzés tartalmára összpontosíthatnak, ha nem érdekli őket az oldalsáv információi.

Tactic # 2-Gondolj csepegtető görgetés elemek: ez egy trükkös. Az oldal rögzített részei, amelyek lefelé görgetnek, miközben a felhasználó lefelé görget, javíthatják a konverziós arányokat. De ha túlzásba esik, az negatív hatással lesz az UX-re.

meg kell vizsgálni minden görgetés elemet hozzá. Hasonlítsa össze az idő előtti és utáni mutatókat az oldalon és a látogatónkénti oldalakon, hogy megnézze, megéri-e.

néhány görgető elemet használok, de nem sokat. Nézze meg, hogyan görgeti le a felső menü az oldalt NeilPatel.com:

Alternatív megoldásként a vékony Hello sáv van a Quick Sprout – on.

vegye figyelembe, hogy mindkét esetben az elemek nem zavarják a figyelmet, és csak a képernyő egy kis részét foglalják el.

de amikor elkezdi hozzáadni a görgető fejlécet, a láblécet, a közösségi megosztási gombokat vagy az oldalsávot, gyorsan elfoglalt lehet. Egy ilyen oldal sok olvasót kikapcsol, függetlenül attól, hogy milyen nagy a tartalom:

3. taktika-késleltetés vagy megszabadulni az előugró ablakoktól: egy másik érzékeny téma—az előugró ablakok-kiválóan alkalmasak az e—mail opt-in konverziós arányának javítására. De bosszantják a felhasználókat is, ami látogatónként alacsonyabb oldalszámot eredményezhet.

a múltban próbáltam előugró ablakokat használni a Quick Sprout-on, és jó eredményeket értem el konverziós szempontból:

ha előugró ablakokat fog használni, korlátozza az UX-re gyakorolt káros hatást.

ne jelenjenek meg az oldal betöltésekor, mert ez biztos módja a látogatók elriasztásának. Ehelyett várjon legalább 10 másodpercet-60 másodperc jobb lehet.

minél tovább vár, mielőtt megjelenítené a felugró ablakot, annál kevésbé idegesítő. Ha egy olvasó már 30 másodperctől egy percig olvasott, akkor egy egyszerű doboz bezárásának kérése nem túl sok.

a következetesség fontosabb, mint a kreativitás

a hitelesség érdekében a márkának következetesnek kell lennie.

ahhoz, hogy használható legyen, az elrendezésnek és a tartalomnak következetesnek kell lennie.

amikor egy látogató legalább néhányszor visszatér az Ön webhelyére, tudnia kell, mire számíthat. Ha blogbejegyzéseket akarnak találni, könnyen megtalálhatóknak kell lenniük. Ha fel akarnak venni téged, ugyanaz: a kapcsolatfelvételnek könnyűnek kell lennie.

két fő tényezőt kell figyelembe venni, amikor a következetességről és az UX-ről van szó.

1.tényező – márkajelzés és szimbólumok: a márkát sok különböző dolog határozza meg, de főleg a logó és a szimbólumok.

amikor szimbólumokról beszélek, olyan dolgokról beszélek, mint a Google hamburger menüje:

ez a szimbólum azt a menüt jelöli, amelyben a Google-termékek beállításai vannak, beleértve a Chrome-ot és szinte az összes Android-alkalmazást. Amikor egy Google-felhasználó beállításokat keres, akkor azt a hamburger menüt keresi.

bármi is legyen a termék, ugyanazokat a szimbólumokat és kifejezéseket kell használnia a kommunikáció minden formáján: a blogján, a céloldalakon, az e-maileken és magában a termékben.

vessen egy pillantást a quick Sprout márkanevére. Egy idő után elkezdi felismerni a logót és a színsémát:

ha egy céloldalra lép, pontosan ugyanazt a logót és színsémát látja:

de képzeld el, ha a Quick Sprout blogról egy olyan céloldalra mentél, amely más logóval és más színsémával rendelkezik. Úgy érzi, hogy itt valami nincs rendben, és valószínűleg bezárja az oldalt-a hitelesség Elveszett.

minden blogbejegyzés és a webhely tartalmának úgy kell kinéznie, mintha összetartoznának.

végül még világosabbá teheti az olvasók számára, ha a funkciójuk szempontjából releváns ikonokat és szimbólumokat használ.

ikonok lehet állni egyedül, vagy be kell építeni egy kép/link.

ha például egy olyan eszközre hivatkozik, mint a Quick Sprout az oldalsávon, akkor nagyítót is tartalmazhat.

vagy ha a blog kivonatai azt mondják, hogy “olvass tovább”, mint sokan, akkor közvetlenül utána felvehet egy nyilat, jelezve, hogy még több lesz.

2.tényező – stílus: a stílus tartalmaz egy színsémát, de ennél több. Gondolkodnia kell a betűtípus típusáról, a betűméretről, az elrendezésről, az írási hangról stb.

valaki, aki nagyon jól tartja a következetes stílust, Bernadette Jiwa, szövegíró. A bejegyzéseit ugyanúgy formázza, mint az e-mailjeit (az alábbi bejegyzés):

az e-mailek azonos színű linkekkel, azonos szövegmérettel és betűtípussal rendelkeznek:

a következetesség segít az olvasóknak tudni, mire számíthatnak, ami javítja UX-jüket, nem számít a platform.

ha valamelyik blogom e-mail listáján szerepel, fogadok, hogy észrevett valamit az e-mailjeimmel kapcsolatban: mind pontosan ugyanúgy vannak elrendezve.

a nyitó sorban található egy link a “the latest (site) post” horgonyszöveggel.

ezután van egy önálló link a bejegyzéshez, amelynek címe a bejegyzés, mint horgonyszöveg.

végül egy gyors bevezetést adok a bejegyzéshez, valamint egy újabb cselekvésre ösztönzést, hogy elolvassa a bejegyzést.

néhány e-mail után felveszi ezt a mintát, és tudja, mire számíthat. Ez jó nekünk és neked. Ez jó neked, mert pontosan tudod, mire számíthatsz, és hogyan juthatsz el a tartalomhoz, ha akarod. Jó nekem, mert tudom ,hogy tudod (maradj velem), hogy bármelyik linkről eljuthatsz az új bejegyzéshez.

mi történne, ha egyes e-mailekben csak az első linket, másokban csak az utolsó linket tartalmaznám? Nem tudod, mire számíthatsz. Persze, az olvasók nagy része továbbra is megtalálja a linket, de mások jobbra görgetnek az első tetején, vagy nem látják az utolsót alul.

hogy fontos elemek nagy

nem, én nem csak beszélek, hogy opt-in hatalmas. Amikor azt mondják, hogy” nagy”, a láthatóságról beszélek.

annak érdekében, hogy a tartalom a lehető legjobban használható legyen, az olvasóknak képesnek kell lenniük a legfontosabb részek könnyű azonosítására.

a következőre gondolok: nézd meg bármelyik oldalt egy nagyszerű UX-vel, és mindig lesz egy fókuszpont bármelyik oldalon:

ebben az esetben ez egy e-mail opt-in mező. Bár van egy nagy kép és menüopció, a színt és a méretet arra használták, hogy az opt-in mező kiemelkedjen.

itt egy másik példa:

az Unbounce jól láthatóvá tette a regisztrációs gombjaikat.

mindkét példa a kontraszt erejét mutatja.

ha azt szeretné, hogy valami kiemelkedjen a weboldal többi részéből, adjon drasztikusan más színt—figyelmet fog kapni.

de a dolgok láthatóbbá tétele más célok szempontjából is fontos, nem csak az e-mail feliratkozás vagy a fiók létrehozása.

fontolja meg a tartalmán belüli linkeket. Ezeket nagyon könnyű látni és könnyen kattintani (használni).

egyes oldalak szürke színben rejtik el a linkeket, vagy nem hangsúlyozzák őket, azt gondolva, hogy az olvasók rákattintanak a linkekre, és soha nem térnek vissza. Mindketten tudjuk, hogy ha a tartalom nagyszerű, az olvasók mindig visszatérnek. Plusz, ott vannak a cikk első szakaszában tárgyalt egyéb előnyök.

be NeilPatel.com például a hivatkozások világos és jól látható narancssárga szövegként jelennek meg. Ezenkívül meglehetősen nagy szövegméretet használok. Még a mobil eszközökön is, a linkek könnyen láthatóak és kattinthatók:

figyelembe véve, hogy ezek közül a linkek közül sok a webhely más oldalaira vezet, jó dolog, ha a látogatók érdeklődnek irántuk, miért ne szeretné kiemelni őket?

a narancssárga linkjeim egy másik példa a kontraszt használatára, csak más célra.

az elemeket kiemelheti azáltal is, hogy hangsúlyozza őket. Ezt úgy teheti meg, hogy elválasztja őket más elemektől (adjon hozzá több fehér helyet), egyedi betűtípussal, vagy félkövér vagy dőlt effektusokkal.

például Brian Dean a Backlinko-nál egy speciális sárga dobozt használ a tartalomfrissítések kiemelésére. Plusz, félkövéren első néhány szót, hogy azok látszanak:

a használhatóság kulcsfontosságú része, hogy gyorsan azonosítani tudjuk, mit keres a felhasználó. Azt javaslom, hogy próbáljon új látogatókat szerezni webhelyére, és kövesse nyomon az egér mozgását olyan szoftverekkel, mint a Crazy Egg.

ha megnézi, hogy az olvasók figyelmének nagy része hova kerül, láthatja, mi tűnik ki számukra természetesen, amikor meglátogatnak egy oldalt. Ezután beállíthatja az elemeket, és tesztelheti a különbséget, amíg el nem éri a kívánt hatást, például a látogatókat egy opt-in, link vagy konkrét tartalom felé irányítja.

következtetés

a forgalom építésével töltött összes időért tartozik magának, hogy több időt töltsön a felhasználói élmény optimalizálásával.

ha végre legalább néhány módszer ebben a bejegyzésben, akkor képesnek kell lennie arra, hogy növelje a oldalmegtekintések egy nagy darab.

ha jelenleg 10 000 havi oldalmegtekintést kap, mit gondol, mi a könnyebb: további 3000 látogatót szerezni, vagy 30% – kal növelni az átlagos felhasználó által meglátogatott oldalak számát?

a legtöbb esetben a második lehetőség sokkal könnyebb.

ne feledje azonban, hogy az UX optimalizálása nem egy éjszakai folyamat. Ne feledje, hogy meg kell osztania az elvégzett módosításokat, és iteratív fejlesztéseket kell végrehajtania, amíg pontosan meg nem adja a látogatónak azt, amit keres.

arra hívlak benneteket, hogy folyamatosan gondolkodjatok, teszteljétek és fejlesszétek weboldalatok UX-jét, ahogy a márkátok növekszik.