2018. július 16., hétfő

13 alapvető tipp a webdesign fejlesztéséhez

A webhelyére érkezés után 5 másodpercen belül meg tudja-e határozni a látogatók a cégedet? Lehet-e a felhasználók könnyedén navigálni a bloghoz, ha kell? Az árképzés elrendezése könnyen érthető? Van egy rendkívül nagy visszafordulási arány?

Ha ezekre a kérdésekre találja a "nem" választ, akkor itt az ideje, hogy alaposan megvizsgálja, hogyan tervezte és optimalizálja webhelyét.

Egy weboldal egyszerűen nem sikerül csak korlátozott szempontból (pl. Kizárólag design vagy tartalom). Olyan tervet kell kialakítania, amely betekintést nyújt a webhely felhasználói élményébe, funkcionalitásába, és megfelelően kiegészíti a tartalmát.

Webhelyének is egyértelműen kommunikálnia kell a közönségével, mit csinálsz, miért csinálod, és kikhez csinálod. Könnyű elkapni, hogy mennyire jó vagy, mint egy vállalkozás, hogy elfelejtette megbizonyosodni arról, hogy a legfontosabb aggodalmakkal foglalkozik a közönséged először és legfőképpen.

Szóval, mit kell tudnia, hogy elkezd javítani a web design?


Ennek megválaszolásához itt találsz 14 webhelyes tippet, hogy megbizonyosodjon róla, hogy az újratervezésben megy a megfelelő irányba, és biztosítja, hogy ne fordítsa el a látogatókat.

13 tipp a webdesign fejlesztéséhez

1. Van egy terv

Ne csak indítsd el a honlapodat. Annak biztosítása érdekében, hogy webhelye hatékonyan megfeleljen látogatóinak igényeinek, meg kell jelölnie a vásárló utazását, amikor először látogatják meg webhelyét attól a pillanattól kezdve, hogy ügyfelekké váltak.

Milyen oldalakat fognak megtekinteni, milyen tartalmat fognak olvasni, és milyen ajánlatokat fognak konvertálni? Ennek megértése segít létrehozni egy webhelyet, amely segíti a vezetőket az értékesítési csatorna révén.

Szeretné megtervezni webhelyét a következő lépéshez, nem pedig az utolsó lépéshez. Arról szól, hogy a helyes kérdéseket a megfelelő sorrendben válaszolják meg. Lehet, hogy ott van a kontextus. Vegye át, amit már tud a jelenlegi ügyfeleiről (vagy akár interjút is tesz), és kutatja, hogyan mentek el egy látogatótól az ügyféltől. Ezután használja ezeket az adatokat a stratégia feltérképezéséhez.

2. Távolítsa el a következő webhelyét

Bizonyos elemek a webhelyén elvonják az átadott értéket és üzenetet. Komplikált animációk, túl hosszú tartalmak, tömörített weboldalak csak néhány tényező a listán.

Egy olyan közönséggel, amelynek csak 8 másodperces figyelemfelkeltése van, létre kell hoznia egy első benyomást, amely könnyen megkapja a főbb pontokat. Ezt a rövid, erőteljes tartalmakkal és az alkalmazandó fotókkal / ikonokkal kell végezni, amelyeket világos és tömör fejlécek szétválasztanak.

Ha megvan a megfelelő, akkor nézd át, és győződj meg arról, hogy nem tartalmaz zsargon vagy félreérthető terminológia. Ez csak arra szolgál, hogy a tartalmát átitatják, és összekeverik a felhasználókat.

Néhány szó, hogy elkerüljék a következő generációs, rugalmas, erőteljes, skálázható, könnyen használható, élvonalbeli, úttörő, best-of-fajtájú, kritikus, innovatív ... ezek mind olyan szavak, amelyeket több száz, ha nem több ezer vállalatok, és nem teszik vonzóbbá a tartalmadat.

3. Tartalmazza a Közösségi megosztást és a Kövesse a gombokat

A nagyszerű tartalmak és ajánlatok előállítása eddig csak annyit jelent, hogy nem adja meg a felhasználóknak a megosztását.

Ha a webhelyén jelenleg nincsenek közösségi megosztási gombok, akkor hiányolhat a sok közösségi média forgalomból, amelyet olyan emberek generálnak, akik már olvasták a blogját!

Ha ez újnak hangzik Önnek, a közösségi megosztó gombok azok a kis gombok, amelyek a blogbejegyzések felső vagy alsó részén vannak. Ezek tartalmazzák a különböző közösségi média weboldal ikonjait, és lehetővé teszik, hogy az oldalt közvetlenül az Ön által választott közösségi médiaközpontra oszthassa meg.

Ezek a gombok nem tolakodó eszközként szolgálnak, amely ösztönzi a vevői személyiségek társadalmi megosztását.

Ha olyan eszközöket keresel, amelyekkel a földre tehetsz, nézd meg a két ingyenes, szociális eszközöket, a SumoMe-t és a Shareaholic-t.

4. A cselekvésre késztető felhívások végrehajtása

Miután a látogatók a webhelyére érkeznek, tudják, mit kell tenniük? Nem fogják tudni, hogy mely oldalakat kell megnézni vagy cselekvéseket tenni, ha nem ad valamilyen irányt.

A cselekvésre ösztönző gombok egyike azoknak az elemeknek, amelyek azt jelzik, hogy a következő lépésben a felhasználónak meg kell jelennie egy oldalon. Bár sokan közülünk tudják, könnyen lehet, hogy nem tudják pontosan használni őket, hogy irányítsák a felhasználókat a webhelyén keresztül.

Könnyű levélezni a webhelyedet a legtöbb csatornahálóval (BOFU) a cselekvésre, anélkül, hogy megfelelően ápolnád a felhasználókat olyan más cselekvésre ösztönzőkkel, amelyek a csatorna felső / közepén helyezkednek el.

Ha el szeretné ismerni, hogy bűnös vagy, akkor kezdjen el olvasni a webhelyén található oldalakon. Megtalálja a legtöbb oldalt, még a blogbejegyzéseket is, csak egy demo / próba / konzultációval kapcsolatos cselekvési felhívás? Ezután itt az ideje frissíteni.

Szánj időt arra, hogy hozzátesszük a cselekvésre ösztönzőket, amelyek anyagokat adnak maguknak, és segítenek megoldani fájdalompontjukat. Miután azonosította a vállalatot, amely olyan anyagokat biztosít, amelyek enyhítik ezeket, kényelmesebbnek érezzük magunkat a szolgáltatásainkról, és megnézzük, hogy valóban megvalósíthatja-e ezeket a megoldásokat.

Néhány példa a cselekvésre való felhívásra további információkért kattintson ide, töltse le mintavételünket a GamePlan-ról, regisztráljon egy webinarra, nézze meg a videót, tekintse meg a bejövő marketing szolgáltatásokat, és tekintse meg az árakat. További információért nézze meg ezt az ajánlatot, ha a cselekvésre ösztönzést használja a megfelelő módon további vezetők létrehozásához.

5. Használja a jobb oldali képeket

Nem minden kép fog megfelelni az üzenet típusának, amelyet megpróbál megmutatni a közönségednek.

Szerencsére sok közül lehet választani (még néhányat is ingyen). De mégis, mert sokan közülünk elkaptak, úgy döntenek, hogy rendkívül zömök fotókkal pusztítanak el weboldalunkon.

Csak azért, mert a készlet weboldalának van a képe, nem azt jelenti, hogy valódinak tűnik, és bizalmat kelthet a cégében. Ideális esetben olyan fotókat szeretne használni, amelyek a valódi emberek képét ábrázolják, amelyek a cégnél és az irodában dolgoznak.

Ha a valódi fényképek nem választhatók, léteznek olyan technikák, amelyek segítenek megtalálni a megfelelő típusú készletfotót. Ez segít abban, hogy több realizmust hozzon létre a márkához, és győződjön meg arról, hogy a képek megfelelnek Önnek és mi a tartalmad magyarázza.

6. Navigáció

Webhelyének megtervezésekor a navigáció kulcsfontosságú, alapvetően a térkép, amelyen azok a fő helyek láthatók, amelyeket a felhasználók látogathatnak.

Nincs semmi rosszabb, mint egy rendezetlen vagy zavaros navigációs felület. A webhely navigációjának javításakor fontos, hogy a látogatók könnyedén megtalálhassák, amit keresnek.

A hajlékony navbar egyes jellemzői közé tartoznak az egyszerűsített tartalom, a navigációs hierarchiák és a rugalmas tervezés, így a tapasztalat drasztikusan nem változik a mobilon.

Ha a felhasználók nem találják meg, amit keresnek, nincs okuk arra, hogy a webhelyén maradjanak. Ehelyett biztosan ugrálnak és találnak olyan versenytársat, amely jobb felhasználói élményt nyújt.

7. Hagyja, hogy a látogatók gördüljenek a honlapján

A hajtás felett régi. Ne légy óvatos egy kissé hosszabb kezdőlap tervezésénél. Az 3-5 új szakasz, amely segít az új és ismétlődő felhasználóknak a webhely megfelelő területeire irányításában, segítenek a zökkenőmentes élmény létrehozásában.

De mi legyen ezeknek a szakaszoknak?

Ez a lista örökre folytatódhat, de néhány kulcsfontosságú elem közül néhány gyors találati listát tartalmaz:


  • Értékajánlat
  • Intro videó
  • Szolgáltatások áttekintése
  • A termék jellemzői
  • Rólunk
  • Beszámolók
  • Esettanulmányok / sikertörténetek
  • Erőforrások

Ha egy kiterjedtebb listát szeretne, nézze meg ezt a fantasztikus infografikát vagy a Ramona Sukhraj egyik blogfotóját, amelyek más fontos honlapelemeket mutatnak be, amelyek itt nem szerepelnek.

8. Ne félj a fehér helytől

A fehérek egy lényeges tervezési elem, amely segít feltörni az oldalt és növelni az olvashatóságot.

A "negatív hely" néven is nevezik, a fehér hely az üres és hiányzó tartalmakra vagy vizuális elemekre vonatkozó elemek körüli területekre vonatkozik.

Bár az extra hely feleslegesnek tűnhet, valójában felelős az olvashatóságért és a tartalom prioritásáért. Fontos szerepet játszik a tervezési folyamatban és a weboldal tervezésének elemzésében.

Ha tudsz olyan lapokról, amelyekben nincs fehér terület, nézze át az oldalt és a szalagelemeket vagy tartalmakat, amelyek nem szükségesek az oldal céljára. Ezután győződjön meg róla, hogy a tartalom megfelelően csoportosítva van, így a felhasználók meg tudják különböztetni, hogy hol tartoznak az oldalhoz. Ha szüksége van egy kis példa erre a webhelyre, nézze meg ezeket az összes csillagokat, hogy segítsen neked a fejlesztésekben.

9. Mobiloptimalizálás

Ne felejtse el optimalizálni webhelyét mobilra. Ha még nem tudja, az internethasználók 80% -a rendelkezik okostelefonnal, és "a Google szerint a felhasználók 61% -a valószínűleg nem tér vissza olyan mobil webhelyre, amelynek problémái voltak a hozzáférésük, és 40% a versenytárs webhelyén".

Egy kicsit aggódnék, ha te lennék.

Szükség van arra, hogy a webhelyét úgy alakítsa, hogy megfeleljen a látogatók igényeinek és igényeinek. Lehet, hogy megkérdeznéd magadtól, miért fér hozzá valaki a mobileszközökön? Milyen dolgokat keresnek? Az én tapasztalataim lehetővé teszik számukra, hogy könnyen elvégezzék ezeket a dolgokat?

Ha webhelyei elmaradnak a mobil optimalizálásától, nézze meg néhány ilyen fantasztikus mobil weboldal megértését, hogyan teremtettek zökkenőmentes mobil élményeket a felhasználók számára.

10. Találd meg

Ha jelentős online jelenlétet kíván létrehozni, létre kell hoznia egy weboldalt, amely megtalálható.

Ez egy olyan SEO stratégia kidolgozásával kezdődik, amely figyelembe veszi a vevői személyiségek és a közönség keresési kifejezéseit. Ez a stratégiai kifejezés magában foglalja a látogatók igényeinek megfelelő tartalmak létrehozását. A videók, a blogbejegyzések és az e-könyvek néhány példa erre a tartalomra.

Győződjön meg róla, hogy nem túlságosan elkapta a végtelen tartalmi lehetőségeket, amelyekre rangsorolhat. Először azonosítsa a megfelelő kulcsszavakat, amelyeket a közönség ténylegesen keres, így nem vonzza túl sok olyan látogatót, akik soha nem fogják átalakítani a terméket, nem beszélve az ajánlatairól.

11. Soha ne hagyja abba a tesztelést

A konverziós útvonalak, a felhasználók költöztetése és kattintás stb. Fontos tulajdonságai, amelyek rávilágítanak arra, hogy az oldalak hogyan teljesítik a kívánt módon.

Ha olyan ember vagy, akinek több tonna oldala van, valószínű, hogy ezt a problémát sok oldalra, különösen a régebbi céloldalakra találja. Az ilyen oldalak valóban elég jól teljesíthetnek, de tartalmazhatnak az elavult információkat, amelyeket tudni lehet. Másoknak csak néhány frissítésre vagy tervezési változtatásra van szükségük. Az olyan változások, mint a gombok színei, fejlécei vagy néhány mondat hozzáadása a példányban, hihetetlen különbségeket okozhatnak az oldal teljesítményében.

Ahelyett, hogy megváltoztatná őket, és elindítaná őket, különösen, ha nem tudja, mi változik meg, használhat olyan eszközöket, amelyekkel A / B teszteket készíthet nekik, többváltozatos teszteket, vagy akár létrehozhat hőtereket is, hogy megnézhesse a felhasználók csinálják. Mindegyik teszt többféle olyan adatot tár fel, amelyek azonosítják, hogy a felhasználók milyen módon kommunikálnak egymással az oldalakkal.

12. Ismertesse az ismeretlen 404-es vagy megszakított linkeket

Attól függően, hogy milyen méretű a webhelyed, vagy mennyi ideig tartott körül, valójában néhány oldal vagy link lehet itt és ott, amelyek nem működnek. Ráadásul a látogatók nem fogják tudatni veled.

Szánj időt arra, hogy megvizsgálja, hogy webhelye törött-e oldalakon. Lehet, hogy meglepődsz, ha olyan korábban már előzményes előzményoldalakat találsz, amelyek nem publikusak vagy nem megfelelő módon vannak összekapcsolva a weboldalakkal.

Itt találsz néhány eszközt itt és itt, hogy elindulsz.

13. Új vagy egyedi ajánlatok létrehozása

A látogatók átalakítása a legfontosabb módja annak, hogy értékelhesse, hány felhasználó halad le a marketingcsatornáján. Sokan közülünk tudják, hogy általában a látogatókat konvertálja olyan ajánlatok, demók vagy elemek bemutatásával, amelyek vonzóvá válnak.

De annyi erőforrással, hogy az interneten megtörténhet, most sokkal nehezebb, mint valaha áttörni a zajokat, és az embereket átalakítani a tiédre.

Ez azt jelenti, hogy fontosabb, mint valaha, hogy ne csak figyelj arra, hogy milyen ajánlatok és erőforrások vannak ott a szolgáltatási területén belül, de ami nem túl.

Lehet, hogy Ön olyan közösségi médiavállalat, aki észreveszi, hogy sok más versenytárs készít e-könyveket a közösségi média-naptár létrehozásáról. Ahelyett, hogy hasonló ajánlatot hozna létre, megtehetné egy lépéssel tovább, és olyan eszközt hozhat létre, amely lehetővé teszi az emberek számára, hogy megadjanak olyan információkat, amelyek segítenek létrehozni egy menetrendet, amely szinkronban van a Google naptárával?

Ha ez túl bonyolultnak tűnik, megpróbálhat olyan sablonokat is azonosítani, amelyek jelenleg nem állnak rendelkezésre széles körben, és gyorsan létrehoznak és előmozdítják.

Bármi is legyen a döntése, fontos, hogy megbizonyosodjon arról, hogy mit csinál, egy lépés a versenytársak fölött. Az olyan tartalmi ajánlatok másolása, amelyek jelenleg ott vannak, csak a tengeren marad.

9 tipp a mobilbarát weboldal létrehozásához

Ha elmulasztottad, a Google legfrissebb algoritmusa az ún. "Mobilegeddont" hozta létre, amely büntette azokat a weboldalakat, amelyek nem voltak mobilbarátok. Oké, kicsit túlzásba keveredhetek, de a Google április 21-én közzétette a frissítést, amely büntett minden olyan webhelyet, amelyen hiányoztak a mobilbarát oldalak, csökkentve a webhely rangsorolását a mobil keresési eredményekben. Ez a frissítés lehet, hogy nem volt annyira apokaliptikus, mint a becenevet hallgatólagosan, de ez még mindig valami, amit minden internetes marketingszakembernek, aki kezel egy weboldalt, tisztában kell lennie.

Mobilbarát weboldalak kereshetők a mobil előcsarnok asztali használatával


2014-től a mobil az elsődleges eszköznek számító mobiltelefonhoz jutott, mint az internethez való hozzáférés, ami azt jelenti, hogy az asztali számítógépeknek nem kellene többé az egyetlen gondolat, hogy webes tervezők és marketingesek legyenek a weboldal fejlesztésekor. A Google új algoritmusa arra ösztönzi a vállalkozásokat, hogy először a mobilra gondoljanak.

Azonban van egy tudáshatár, amikor mobilbarát weboldal létrehozására van szükség. Mit csinálsz először? Sajnos a mobil webes fejlesztési tér egy olyan komplexitási réteget vezet be, amely néhány üzleti csoport számára nehéz lehet. A mobilbarát weboldalak fejlesztése több, mint kereszt-böngésző; ez a cross-platformról szól. Az alábbi 9 tippet összegyűjtöttük, hogy segítséget nyújtsunk egy mobilbarát webhely létrehozásához.

9 tipp a weboldal könnyű hozzáférhetőségéről mobil eszközökön

Tipp # 1: Ne csináljon külön mobilbarát weboldalt

A múltban, amikor weboldalakat terveztünk a "mobil webre", kivágtuk a tartalmat, hogy mobil használatra alkalmassá válhassunk, és vitassuk meg, hogy mely részek alkalmasabbak a mobileszközökre. Azonban nem tudjuk ellenőrizni, hogy milyen tartalmat szeretnénk a felhasználók, és nem mondhatjuk, hogy a mobileszközök olyan alapvetően különböznek az asztali számítógépeinktől, hogy a mobilnak saját webterületet kell tartalmaznia.

Legutóbb, amikor ellenőriztem, csak egy Google van, és ha a Google már büntetett bennünket a sokszorosított tartalom miatt, akkor két weboldallal - egy mobiltelefonhoz és egyet asztali számítógépekhez - ugyanazt a tartalmat legyőzi a cél a Google keresőmotoraiban való megjelenés. Ezért nem szabad külön weblapot létrehoznia a mobilhoz.

Tip # 2: Használjon érzékeny designot

A felelősségteljes kialakítás lehetővé teszi a webhelyfejlesztők számára, hogy olyan webhelyet hozzanak létre, amely könnyen megtekinthető a különböző méretű eszközökön. Ez csökkenti a munkahelyi weboldalak fejlesztőinek az összegét, amikor egy weboldal létrehozására van szükség.

A rugalmas formatervezési megközelítés rugalmas elrendezéseket, rugalmas képeket és lépcsős stylesheet média lekérdezéseket használ. Ha egy weboldalon érzékeny tervezést használnak, a weboldal képes lesz felismerni a látogató képernyő méretét és tájolását, és ennek megfelelően megváltoztatni az elrendezést.

3. tipp: mindig tartalmazzon egy nézetablak metatagát

A nézetablak egy olyan virtuális terület, amelyet a böngésző a renderelőmotor segítségével meghatározza a tartalom méretének és méretének meghatározására. Ez az oka annak, hogy kritikus kódot jelent a multi-eszköz élmény létrehozásakor. Anélkül, hogy webhelye nem fog jól működni mobileszközön. Amit a nézetablak metacímkéje megmondja a böngészőnek, hogy az oldalnak illeszkednie kell a képernyőhöz. Számos konfiguráció létezik, amelyek segítségével a nézetablakot vezérelheti. Íme, amit a dokumentum fejlécében javasoltam (ezt csak egyszer kell megadni):

hogy a webhely mobilbarát legyen a nézetablak címkéjével

Tipp # 4: A betűméretek és a gombméret fontos

A betűméret és a gombméretek sokat jelentenek a mobileszközökön. A betűmérethez legalább 14 képpont legyen. Ez nagyszerűnek tűnhet, de ahelyett, hogy a felhasználók nagyítással bővítenék tartalmát, könnyebbé tennék számukra a betűméret módosítását a maximális olvashatóság érdekében. Az egyetlen alkalom, hogy kisebbnek, legkevesebb 12-esnek kell lennie, címkéken vagy formában van.

Ami a gombokat illeti, annál nagyobb a gomb, annál jobb - csökkenti annak esélyét, hogy a felhasználó el fogja hagyni, vagy hibásan nyomja meg a rossz gombot. Például az Apple tervezési irányelvei azt ajánlják, hogy a gomb méretének legalább 44 x 44 képpont legyen. Ezeknek az útmutatásoknak köszönhetően maximalizálhatja felhasználói élményét mobileszközén, és növelheti az e-kereskedelmi webhelyek konverzióit.

A gomb mérete fontos ahhoz, hogy a webhely mobilbarát legyen

Tipp # 5: Nagy felbontású képek használata

Ugyanúgy, mint az Instagram esetében, a hi-res képek rendkívül fontosak az Ön reagáló webhelyein, így biztosítva felhasználói élményét. Az iOS eszközök legfrissebb modelljei nagyfelbontású képernyőkkel rendelkeznek, amelyeknél a kép duplája az asztal felbontásának. A rendkívül nagy felbontású képek rendkívül nagy felbontású képeket fognak megakadályozni, hogy elkerüljék a pixeles, vagy akár homályos képeket, ha egy retina minőségű képernyőn nézzük.

Tipp # 6: Távolítsa el az alapértelmezett zoomot

Az automatikus zoom valóban elrontja az elrendezés elemeit, különösen a képek és a navigációs tartalom számára. Lehetnek kicsiek vagy túl nagyok az elrendezésben. Ennek orvoslására használja a nézetablak meta tagjét, hogy egyedi változókat állítson be a tartalomban. Győződjön meg arról, hogy ezt a címkét a head HTML-ben is tartalmazza.

Távolítsa el az alapértelmezett zoomot, hogy webhelyének mobilbarátja legyen

Tipp # 7: Használj YouTube-videókat a webhelyeden

Ha sok videót használ a webhelyén, a videó mobilon történő megtekintésének módja nagyon eltérő lehet, és néha nehéz lehet. A YouTube-videók használata olyan megoldás, amely megakadályozza a mobileszközökön megjelenő videók megtekintésének bármely nehézségét. Ennek oka, hogy a YouTube-ba ágyazott kód már érzékeny. Ez több lépést takarít meg abban, hogy a videók mobilbarátak legyenek.

Tipp # 8: Ne korlátozza a felhasználó mobil élményét

Nem számít, milyen szép a mobil weboldal, mindig tartalmazzon egy menjen a teljes webhelyre vagy az asztali verzió opciót a webhely alján. Vannak, akik még mindig jobban szeretik a teljes webhelyet, és ha igen, miért akadályozzák meg őket abban, hogy megtapasztalják? Különösen, ha ezt akarják. Az utolsó dolog, amit akarsz, elveszít egy potenciális új ügyfelet, csak mert megállította őket a teljes webhely megtapasztalásától.

Tipp # 9: Soha ne hagyja abba a tesztelést

Miután létrehozta a reagálható weboldalt, tesztelje, másodszor tesztelje, majd tesztelje újra. Nem csak azt gondolom, hogy "próbáld meg többször egy mobileszközön" próbáld ki az iPhone, az Android, a Windows telefon és a különböző tabletták tesztelését. Tesztelj minden oldalt, felhasználói műveletet, gombokat; és tesztelése közben mindig fontos, hogy a felhasználó helyzetébe álljon, vagy kérdezzen meg valakit, aki nem tervezte, hogy tesztelje az Ön számára.


Remélem, ezek a tippek segítséget nyújtanak ahhoz, hogy megtudhassuk, hogyan lehet a webhely mobilabbá tenni. Ha a 2015-ös év egyik legnagyobb digitális marketing trendje mobil, akkor nincs ok arra, hogy ne állítsd be vállalkozásodat a mobil sikerre.

2018. július 15., vasárnap

10 webdesign tippek és trükk

Nagyszerű internetes tervező sokkal többet jelent, mint a szükséges technikai készségek. Az egyik legfontosabb tényező az, hogy folyamatosan naprakészek a legújabb web design tippekkel és trükkökkel az iparban. A legújabb keresőmotor-optimalizációs technikákkal szinkronban lévő webhely segíthet a webhely keresési rangsorának javításában. Ez hosszú távon is segíteni fog az üzletének értékesítéseinek, nyereségének és üzleti eredményeinek javításában. Itt van tíz webes tervezési tipp és trükkök, amelyek segítenek a weboldal eléréséhez a következő szintre.

1. A stílus útmutatók használata 


A stílusos útmutatók ma már nagyon népszerűek a digitális világban. Valójában ezek az útmutatók általában dokumentumok vagy nagy könyvek formájában jönnek létre, amelyek segítik a webmestert az egyenletes stílust fenntartani tartalma során. Web designer Nápolyban Florida
meg kell alkotnia a stílus útmutatóját annak biztosítása érdekében, hogy a webhelyek egységes stílussal rendelkezzenek. Győződjön meg róla, hogy megközelít egy olyan webes tervező céget, amely megfelelő stílus útmutatót használ, mivel ez egy olyan trend, amelyet követni kell a jó weboldal tervezéséhez.


2. Nagyobb betűméret


Bár a nagyobb betűméretek nem újak a webes tervezési világban, még mindig erőt jelentenek számukra még 2017-ben is. A nagy betűkészletek megragadják az olvasó figyelmét, és azokat a tartalomra összpontosítják. Olvashatóság, különösen a kis képernyőkön, például a mobileszközökön, fontos szerepet játszott abban, hogy nagyobb méretű betűméretet tartson fenn egy weboldal tervezésénél. Másrészt a nagyméretű betűméretek kéz a kézben járnak egy minimalista webdesignal, amely a mai napig trend.

3. Minimalista dizájn


Ez egy újabb népszerű tendencia a 2017/18-ban. A legtöbb látogató pártfogolni szeretne olyan weboldalakat, amelyek minimalista tervekkel rendelkeznek, és nem annyira a rendetlenség. Fel kell vennie egy olyan webes tervezőt, aki minimalista témát használ a webhely megtervezéséhez, mivel több ügyfelet vonzhat a vállalkozásába idővel.

4. Indítsa el a Design Offscreen


Ahelyett, hogy létrehozna egy kódot, és elindította volna a dizájnt a képernyőn, a jó tervező egy tábla segítségével tervezi meg a webhely teljes megjelenítését. Ez az ötlet jó ötletet ad a tervezőnek, ahol szeretné elhelyezni az elemeket. Ez a legjobb módja annak, hogy a végén egy nagyszerű weboldalt készítsen.

5. Az oldalsávok fokozatos megszüntetése 


Az oldalsávok zavart okozhatnak. Az oldalsávok eredetileg a webhely használhatóságát javították népszerű tartalmak és új hozzászólások hozzáadásával. Ma azonban a szórakoztató marketingesek használják az oldalsávokat, hogy olyan promóciós tartalmat jelenjenek meg, amely még nem nyújt sok felhasználói élményt. Valójában fel kell szüntetnie az oldalsávokat a formatervezésében, ha nincs szüksége rájuk. Ezzel a webhely zúzódásának nagy részét törli, és minimalista megjelenést kölcsönöz.

6. Érzékeny formatervezés


A mobil keresés gyorsan növekszik. Fontos, hogy a webhely mobilbarát módon több ügyfelet szerezzen, hogy idővel felkeresse a webhelyet. Ezért érdemes felvenni a webhelyre egy érzékeny tervet.

7. A navigáció egyszerűsítése


A legtöbb webmester a navigációs sávon több linket helyez el a látogatók megőrzésére. De ez a leginkább az utóbbi időben megy keresztül. Valójában egy bonyolult navigációs rendszer túl sok lehetőséget hagy hagy a látogatók számára, amelyek miatt ezek a helyek teljesen elhagyhatók. Ezért fontos, hogy kevesebb elemet helyezzen el a navigációs sávon. Ez segít csökkenteni az összeget a rendetlenség a webhelyén.

8. Minőségi képek használata


A képek minőségét frissíteni kell webhelyén. Az eredeti képek fontos szerepet játszanak a webhely rangsorának javításában. Ahelyett, hogy szabad képeket használna, amelyekhez mindenki hozzáfér, fontos, hogy befektetjen egy prémium készletkép szolgáltatásba. Ha jó fotós vagy, akkor is létrehozhat képeket a semmiből.

9. A / B tesztelés


Az A / B teszt segít megismerni, hogy az aktuális webdesign működő-e vagy sem. A terv hatékonyságát tesztelheti, ha megtanulja az AB tesztelés alapjait. Így javíthatja a webes design bizonyos aspektusait, hogy több ügyfelet vonzzon az üzletébe.

10. Fókuszálás a csúszkákon


Ez egy másik webdesign trend 2017-ben. Szüntesse meg a csúszkák használatát a webhely zavarásának számának csökkentése érdekében. Ez megkönnyíti a látogató számára, hogy a webhelyén mozogjon. A csúszka nagyon hasonlít egy oldalsávhoz, amely túl sok lehetőséget teremt a látogató számára.

9 web design tipp weboldal készítéshez


A webes tervezők számára fontosak a megfelelő tervezési gyakorlatok.

Az összes amerikai webhelyforgalom közel fele mobileszközökből származik, legyen szó akár telefonról vagy táblagépről.

A webhelyre reagáló webhely megkönnyíti a felhasználók számára a mobileszközön lévő információkhoz való hozzáférést.

A Google szintén tudomásul vette, hogy egy olyan érzékeny weboldal, amely ugyanolyan fontos a keresési rangsorában, mint hogy az olvasóknak jó mobil élményt nyújtson.

Ha webhelye nem mobiltelefonra van beállítva, hiányolja azokat a lehetőségeket, amelyekkel javíthatja a keresési eredményeket, és megőrzi az olvasók webhelyét.

Szeretné tudni, hogyan lehet vonzóvá és érzékenyebbé tenni a formatervezést?

Olvassa el az olvasást, hogy megtanulja a legmegfelelőbb tervezési legjobb gyakorlatokat.

1. Egyszerű navigáció


Hány weboldalon látta, hogy annyi oldala van, hogy optimalizálta a SEO-t, hogy nem találja az Ön által keresett oldalt?

Azok a napok már rég elmentek.

A navigációt egyszerűen szeretné tartani. Gondolj egy menüre, amely egy tucat opciót tartalmaz egy telefonon. Hogyan fogják elolvasni a felhasználók a menüt?

Szeretne elérni a felhasználókat a webhely legfontosabb tartalmára, és megkönnyítené őket, hogy megtalálják.

A menüelemeket legfeljebb 4-5 elemre korlátozhatja, hogy az olvasóit a webhelyén lévő legfontosabb információkra irányítsa.

2. Hívás cselekvés gombok


A webhely oldalainak sok cselekvésgombra kell felhívniuk, hogy az olvasókat konkrét lépésekre irányítsák. Feliratkozhatnak a hírlevélre, vagy letölthetik a papírlapot.

A mobileszközökön lévő olvasók az ujjaikat használják a cselekvésre szolgáló gombok használatához, ezért nagyoknak kell lenniük, és ki kell emelkedniük.

3. A betűtípusok könnyen olvashatók
Néhány betűtípus nem jól olvasható a mobileszközökön. A forgatókönyvet vagy a dekoratív tipográfiát el kell kerülni a megfelelő kialakításban.

Azt is meg kell bizonyosodni róla, hogy a test példány elég nagy ahhoz, hogy elolvassa, ami körülbelül 16px lenne. A címeket úgy kell beállítani, hogy kissé nagyobbak legyenek, mint a test példánya.

4. Tömör tartalom


Amikor olvasói hozzáférnek webhelyéhez mobileszközökön, valami gyorsat keresnek, és tovább akarnak lépni.

Egy blogbejegyzést találnak az interneten, kattinthatnak rá, beolvastatják, és esetleg megoszthatják, mielőtt továbblépnének.

A tartalomnak meg kell felelnie a szándéknak.

Ez azt jelenti, hogy a tartalomnak tömörnek kell lennie, és pontosan meg kell felelnie. A részletes cikkek jó a SEO-nek, de értékes információkkal kell rendelkezniük.

Több címsorra is fel kell osztani őket, mert így olvassák a cikkeket. Letapogatják a fejléceket, és ritkán olvassák el teljes egészében a cikket.

5. Gyors terhelési idő


A reagáló tervezési bevált gyakorlatok közül a Google elvárja, hogy webhelye kevesebb mint egy másodperc alatt töltődjön be. Az olvasók egy kicsit nagylelkűek, hiszen 2 másodpercen belül elvárják a webhely betöltését.

A betöltési idők nem csak a SEO-re, hanem a felhasználókra is hatással vannak. Nem fognak megállni várni, hogy a webhely betöltődjön a telefonján. Az olvasók fele elhagyja webhelyét, ha 3 másodpercig tart.

A webhely felgyorsítása érdekében ügyeljen arra, hogy ne használjon nagyméretű képeket, és az általad használt képek tömörítettek, hogy csökkentse a betöltéshez szükséges időt.

6. Használja a negatív helyet


Negatív hely fehér vagy üres hely a webhelyén. Ezt az egyszerű weboldal tervezésének ösztönzésére kell felhasználni.

Azt is használják, hogy az elemek a webhelyén kiemelkedjenek.

Ha túl sok dolgot zavarsz a webhelyeden, akkor az emberek alig várják meg a betöltést, és nem fognak ott maradni, hogy további információkat találjanak.

7. Építsen más munkájára


Ha nem vagy programozó, vagy nincs ideje arra, hogy felkészüljön a reakcióidőre,

Használjon olyan tervezési sablont, mint a Divi, a Genesis vagy a Tézis, amely már rendelkezik a megfelelő keretrendszerrel. Mindössze annyit kell tennie, hogy létrehoz egy gyermek téma a WordPress, és testreszabhatja a téma a saját előírásoknak.

Folyamatosan vita folyik arról, hogy milyen keretet kell használni, és a testreszabásodtól függ.

Ha korlátozott testreszabású webhelyet szeretne, akkor folytassa a Divi. Egyébként a Genesis vagy a Tézis is jól fog működni.

8. Outsource a szakértőknek


Mindezek a tippek megfélemlítenek? Ha ez a helyzet, akkor miért nem kiszervezi a weboldal tervezését?

Az outsourcing időt takaríthat meg, és lehetővé teszi, hogy más projektekre összpontosítson. Ez sokkal jobb, mint több órányi hibaelhárítás egyetlen kódsorral.

Hire egy web design cég, amely képes kezelni a programozást, és megérti a márkázást.

Ez biztosítja, hogy webhelye összhangban legyen a cég márkanevével és marketing üzeneteivel.

9. Tesztelje meg a design-t


Ha készen áll a tervezésére, akkor tesztelni kell, mielőtt a világba küldi.

Szeretné tesztelni a sebességet és a használhatóságot a különböző eszközökön. Szinte lehetetlen hozzáférni minden eszközhöz.

Vannak olyan online eszközök, amelyekkel gondoskodhat róla. A MobileTest.me segítségével kiválaszthat egy eszközt, beírhatja az URL-t, és láthatja, hogyan néz ki az oldal az adott eszközön.

Havi 10 dollárt kell használni, de annyi pénzt költeni, hogy tesztelje webhelyét, mielőtt elindulna, megéri.

A webhely sebességének teszteléséhez használhatja a Google Page Speed ​​Insights-ot, amelyek az asztali és a mobileszközökön biztosítják webhelyének sebességét. Tippeket is kapsz, hogy a betöltési idejét legfeljebb 1 másodperc alatt lehessen beállítani.

10. Használja a Google szabványait


2013-ban a Google közzétette a még mindig alkalmazható reagáló webhelyek szabványait. Ezeket a szabványokat használhatja a saját reagáló weboldal létrehozásában.

Ezek a szabványok a webhelyek sebességével kapcsolatosak, és megmutatják, hogy webhelye kevesebb, mint 1 másodperc alatt képes betölteni. Ideális esetben a webhelynek a hajtogatás feletti részét kell betöltenie először, majd a webhely többi része követnie kell.