Vegyél bármelyik sablongalériát, nyisd meg világos cél nélkül, és húsz percen belül a lehetőségek összemosódnak. Ez nem a te hibád. Ez történik, ha weboldal-sablont próbálsz választani, mielőtt tudnád, mit kell tennie. Előbb jön a szűrő. A galéria másodszor.
Vegyél bármelyik weboldal-sablonkönyvtárat, és több száz lehetőséget találsz, amelyek mind csiszoltnak és profinak tűnnek. Minél tovább görgetsz, annál nehezebb a választás, nem azért, mert a lehetőségek rosszak, hanem mert még nem döntötted el, mire van valójában szükséged. Ha nincs szűrőd, mielőtt nézelődni kezdesz, minden sablon egyformán hihető és egyformán meggyőzőtlen.
A weboldal-sablonok előre elkészített oldalelrendezések, amelyek az első naptól vizuális szerkezetet adnak az oldaladnak. A megfelelő órákat spórol meg a tervezésben, és a látogatóidnak világos, egységes élményt ad. A rossz minden lépésnél küzd ellened, olyan elrendezésbe kényszerít, amely nem illik a tartalmadhoz, és a valódi vállalkozásodat egy másnak készült formába szorítja.
Ez az útmutató végigmegy a döntéseken, amelyek valóban számítanak a sablonválasztásnál, abban a sorrendben, ahogy meg kell hozni őket.
Mit kell valójában tennie az oldaladnak?
Itt kezdd, ne a galériánál. Mielőtt egyetlen sablont megnéznél, írd le az egy dolgot, aminek a weboldaladnak meg kell történnie. Az, hogy a látogatók felhívjanak? Hogy vegyenek egy terméket? Hogy időpontot foglaljanak? Hogy kitöltsenek egy űrlapot? Hogy letöltsenek valamit?
Ez a válasz meghatároz szinte mindent arról, melyik sablon illik. Egy nagy termékfotókra és kosár gombra épülő sablon a megfelelő szerkezet egy webshopnak. Egy főüzenetre és kapcsolatfelvételi űrlapra épülő sablon a megfelelő szerkezet egy helyi szolgáltató vállalkozásnak. Mindkettő tiszta és profi lehet, de a látogatókat teljesen más cselekvések felé húzzák.
Ha kihagyod ezt a lépést, és azért választasz sablont, mert jól néz ki, hetekig próbálod olyan formába kényszeríteni, amilyenre sosem tervezték. Egy termékfotó-rácsot kapsz, amelynek nincs természetes helye a szolgáltatáslistádnak, vagy egy minimális referenciaelrendezést, ahol nincs hová tenni az árakat.
Írd le a célodat. Aztán ezen a szűrőn át nézd a sablonokat. Ha az elrendezés nem teszi előtérbe a célt, lépj tovább.
Megfelel a sablon az oldalad típusának?
Nézd meg azokat a sablonokat, amelyek következetesen jól szerepelnek az iparágadban, és észreveszed, hogy közös szerkezeti mintákat követnek. Nem azért, mert mindenki másolt másoktól, hanem mert bizonyos elrendezések bizonyos problémákat hatékonyabban oldanak meg. A látogatók is olyan elvárásokkal érkeznek, amelyeket a kategóriádban használt összes többi oldal alakított ki. Egy sablon, amely túl messze eltér ezektől a mintáktól, súrlódást okoz, mielőtt bárki elolvasna egy szót.
Egy étteremsablon jellemzően erős ételfotókkal, rövid helyszín- és nyitvatartás-blokkal és az első görgetésen belül egy foglalás gombbal indít. Egy ügyvédi iroda sablonja általában bizalmi üzenettel, szakterületi áttekintéssel és könnyen megtalálható telefonszámmal indít. Egy személyi edző sablonja gyakran átalakulásra fókuszáló fejléccel és egy "foglalj alkalmat" gombbal indít.
Ezek nem véletlen minták. Azért működnek, mert az elrendezés megfelel annak, amit az adott közönség keres, amikor az oldalra érkezik.
Olyan sablont válassz, amelyet a te weboldal-típusodra terveztek. A legtöbb sablonkönyvtár pont ezért rendez kategóriák szerint. Használd ezeket a szűrőket, mielőtt böngészni kezdesz.
Ha még azon dolgozol, milyen típusú weboldalt építesz, a weboldal tervezése az építés előtt jó kiindulópont.
Működik a sablon mobilon?
Nézd meg minden vizsgált sablon mobilos előnézetét, mielőtt hozzászoknál ahhoz, hogyan néz ki asztali gépen. A legtöbb mai sablon technikailag "reszponzív", vagyis átméreteződik a különböző képernyőkhöz. De a reszponzív és a mobilra jól megtervezett két különböző dolog.
Egy sablon, amely széles asztali elrendezésben remekül néz ki, telefonon zavaros szekcióhalmazzá omolhat. A vízszintesen elnyúló navigációs menük néha nehezen megérinthetők kis képernyőn. A nagy főképek, amelyek monitoron szépen uralkodnak, mobilon, ahol a látogatóid többsége van, a görgetési vonal alá nyomhatják a tényleges üzenetedet.
Menj végig a mobilos előnézeten úgy, mintha ügyfél lennél. Megtalálod a fő cselekvésre ösztönző gombot anélkül, hogy négy szekción át kellene görgetned? Szépen kinyílik a menü? Olvasható marad a szöveg? Könnyen megérinthető a telefonszám vagy a kapcsolat gomb?
Ha a sablonkönyvtár nem mutat mobilos előnézetet, nyisd meg a demót a telefonodon, mielőtt döntesz. Ha műszaki szinten meg szeretnéd érteni, miért számít ez, érdemes elolvasni a reszponzív dizájnról.
Illik az elrendezés a meglévő tartalmadhoz?
Vegyél egy sablondemót, és cseréld le a stockfotókat és a kitöltő szöveget arra, amid tényleg lesz. Még mindig megáll?
Itt esik szét sok sablonválasztás. A demó lenyűgözően néz ki, mert egy tucat profi életstílusfotót, öt elégedett ügyfél szépen elrendezett véleményét és egy szövegíró által írt rövid, ütős címsorokat használ. A te valós helyzeted talán három elfogadható termékfotó, eddig egy vélemény, és egy szolgáltatásleírás, amely hosszabb, mint amit a sablon vár.
Egyes sablonoknak sok vizuális tartalom kell a működéshez. Mások szövegközpontú oldalakat hordoznak. Néhány azt feltételezi, hogy van csapatportré-szekciód, esettanulmány-oldalad, blogod és teljes GYIK-ed. Mások tervezésből soványak és minimálisak.
Illeszd a sablon tartalmi elvárásait ahhoz, amid most van, nem ahhoz, amit hat hónap múlva remélsz. Az a sablon, amely üresnek tűnik a valódi tartalmaddal, nem a megfelelő sablon, bármilyen jó a demó.
Figyeld meg, hogyan kezeli a sablon ezeket a konkrét területeket
- Hány képre támaszkodik, és milyen minőségi szinten?
- Hol van a navigáció, és hány oldalt tud befogadni?
- Van az elrendezésben hely hosszabb szolgáltatásleírásnak, vagy kétsoros összefoglalót vár?
- Van természetes hely a véleményeknek, és három vagy tíz kell hozzá, hogy kiegyensúlyozottnak tűnjön?
Mennyit tudsz valójában megváltoztatni?
A sablonok kiindulópontok, nem kész termékek. Színeket kell váltanod, betűtípusokat cserélned, térközöket igazítanod és szekciókat átrendezned, hogy a tiéd legyen. A kérdés az, mennyit tudsz ebből kódírás nélkül megtenni.
Néhány sablon rugalmas, és engedi a szekciók mozgatását, új blokkok hozzáadását, az egyes sorok elrendezésének módosítását, és szinte mindent testre szabhatsz vizuális szerkesztőn át. Mások merevebbek, színeket és képeket cserélhetsz, de a pontos szerkezet zárolva marad.
Egyik megközelítés sem rossz. Egy merevebb sablon gyorsabban indítható, ha már jól illik a tartalmadhoz. Egy rugalmasabb sablon jobb, ha a vállalkozásodnak olyan konkrét elrendezési igényei vannak, amelyeket egy átlagos sablon nem fed le.
Légy őszinte a műszaki jártasságoddal kapcsolatban. Ha nem te vagy az, aki elrendezési gondokat hárít el vagy megtanulja egy sablon egyedi beállításait, olyan sablon felé hajolj, amelyhez kevesebb igazítás kell. Ha teljes kontrollt szeretnél, és szívesen töltesz időt a szerkesztőben, olyat keress, amely szekció szintű rugalmasságot hirdet.
Ezt érdemes a weboldalépítő kiválasztásával együtt végiggondolni. A weboldalépítők működése befolyásolja, mennyi kontrollod van bármelyik sablon testreszabása felett.
SEO-t szem előtt tartva készült a sablon?
Nézd meg egy sablon demóoldalának forrását, és azt találod, hogy egyesek tiszta, strukturált HTML-lel készülnek, mások pedig egymásra csúszó elemek és beágyazott stílusok zűrzavarai, amelyeket a keresők nehezen olvasnak. Nem kell technikainak lenned ahhoz, hogy ellenőrizz néhány felszíni jelet.
A jó sablonok megfelelő címsorszerkezetet használnak: oldalanként egy H1-gyel kezdik, majd logikusan haladnak a H2 és H3 szekciókon át. Gyorsan töltődnek, mert nincsenek tele túlméretezett képfájlokkal és használatlan kóddal. Nem rejtik a fontos szöveget képekbe vagy dinamikus effektusokba, amelyeket a keresők nehezen indexelnek.
A sebesség különösen fontos. Az a sablon, amely nagy háttérvideók vagy felfújt animációk miatt lassan töltődik, rosszabbul teljesít a keresési találatokban, és bosszantja a lassabb kapcsolaton lévő látogatókat. Mielőtt elköteleznéd magad, ellenőrizd a sablon demóoldalát egy sebességtesztelő eszközzel.
Ha meg szeretnéd érteni, hogyan hat a SEO az oldalszerkezetedre, a mi a SEO, és hogyan működik elmagyarázza az alapokat.
Tényleg illik a szín és a stílus a márkádhoz?
Ez magától értetődőnek tűnik, de érdemes konkrétnak lenni. A sablonok alap színpalettával és betűtípus-párossal érkeznek. Legtöbbjük megváltoztatható. De a sablon alapstílusát, a térközeit, az energiáját, azt, hogy minimálisnak, merésznek, melegnek vagy vállalatinak érződik-e, általában nem lehet pusztán a színek cseréjével megváltoztatni.
Egy vastag keretekkel, erős kontrasztokkal és túlméretezett tipográfiával épített sablonnak határozott személyisége van. Ha a vállalkozásod csendes, bizalmon alapuló szolgáltatás, például terápia vagy pénzügyi tanácsadás, ez a személyiség rossz választás, még ha minden színt semlegesre cserélsz is. Egy áramló, művészi sablon lágy tipográfiával és bőséges üres térrel teljesen rossznak érződhet egy kivitelező vállalkozásnak, amelynek hatékonyságot és megbízhatóságot kell sugároznia.
Mielőtt beleszeretsz egy sablon színvilágába, gondolatban vedd le, és kérdezd meg, mit mond az alapszerkezet. A ritmusa nyugodt vagy energikus? Úgy tervezték, hogy a tartalom megközelíthetőnek vagy tekintélyesnek tűnjön? Az elrendezés kiterjed vagy összehúzódik?
A sablon karaktere alapján válassz, ne csak a jelenlegi színei alapján.
Mi történik, ha a vállalkozásod nő?
Egy sablon, amely jól működik egy ötoldalas oldalnál, szűknek érződhet, ha hozzáadtál blogot, tudástár részt, csapat oldalt és két új szolgáltatási területet. Érdemes egy lépéssel előre gondolkodni, mielőtt elköteleznéd magad.
Nézd meg, hogy a sablon navigációs szerkezete tud-e kezelni több oldalt. Nézd meg, hogy az elrendezésben van-e természetes hely új szekcióknak, vagy úgy érződik, mintha pont úgy lenne tervezve, ahogy van. Ha a sablonkönyvtár több oldalsablont mutat, például külön blogelrendezést, referenciarácsot, kapcsolat oldalt, az általában jó jel, hogy növekedést szem előtt tartva készült.
Gondolj arra is, milyen funkciókra lehet szükséged később. Webshop, foglalási naptár, tagi terület. Nem minden sablon támogatja ezeket a kiegészítéseket tisztán. Ha a mögötte lévő platform nem támogatja ezeket a funkciókat, a sablon nem számít.
A veled együtt növekedni tudó platform kiválasztása is része ennek a döntésnek. A hogyan válaszd ki a megfelelő weboldalépítőt arról szól, mit ellenőrizz, mielőtt platformot választasz.
A saját szemeddel nézed, vagy az ügyfeleid szemével?
Ez az az ellenőrzés, amelyet a leggyakrabban kihagynak. Sok időt fogsz tölteni a saját weboldaladat nézve, ezért természetes, hogy olyat választasz, ami személyesen tetszik. De a sablon nem neked van. Annak szól, aki az oldaladra érkezik, miközben azt keresi, amit árulsz.
Gondold végig, ki ez a személy. Hány éves? Siet, vagy ráér? Már hajlik a vásárlásra, vagy még lehetőségeket hasonlít össze? Telefonon böngészik ingázás közben, vagy íróasztalnál ül, és gondosan kutat?
Egy tiszta, minimális sablon hosszú görgetős szekciókkal neked elegánsnak tűnhet, de lassúnak és eredménytelennek egy látogatónak, aki csak az árat akarja tudni, és hívni. Egy sok vizuális energiájú és mozgású sablon neked izgalmasnak tűnhet, de kaotikusnak és szakszerűtlennek valakinek, akinek bíznia kell benned, mielőtt megadja az adatait.
Használd az ügyfélprofilodat a sablonok szűrésére. Azt válaszd, amelyik nekik lenne a legérthetőbb, nem azt, amelyiket magadnak választanál, ha személyes oldalt építenél.
Hogyan kezeli a WEMASY a sablonokat?
A WEMASY weboldalépítője iparág és weboldal-típus szerint rendezett sablonkönyvtárat tartalmaz. A sablonok kódírás nélkül testre szabhatók a vizuális szerkesztőben. A tárhely, az SSL és az analitika ugyanazon az előfizetésen belül elérhető, így a sablon kiválasztása és testreszabása után nincs szükség külön beállításra. Nézd meg, mi van benne a csomagokban az árazási oldalon.
Gyakran ismételt kérdések a weboldal-sablon kiválasztásáról
Befolyásolja a sablon, amit választok, a SEO-mat?
Igen, közvetetten. Egy jól strukturált sablon tiszta címsorhierarchiát használ, gyorsan töltődik, és mobilra reszponzív. Ezeket mind figyelembe veszik a keresők. Egy felfújt vagy rosszul kódolt sablon lelassíthatja az oldaladat, és megnehezítheti a keresőknek a tartalmad bejárását. A sablon közvetlenül nem határozza meg a rangsorolásodat, de a műszakilag gyenge sablon olyan akadályokat állít, amelyeket a jó tartalom egyedül nem győz le. A WEMASY weboldalépítőjével ezt közvetlenül a weboldaladon is beállíthatod.
Megváltoztathatom később a sablonomat az oldal újraépítése nélkül?
A platformtól függ. Egyes weboldalépítőkben a sablonváltás viszonylag egyszerű, és a tartalmad átkerül. Másokban a sablonváltás az oldalak nulláról való újraépítését jelenti, mert a tartalom a sablon szerkezetéhez kötődik. Mielőtt sablont választasz, nézd meg, milyen a váltási folyamat a platformodon. Ha fájdalmas, az ok arra, hogy több időt szánj a megfelelő kiválasztására az elején.
Jobb az iparágamra tervezett sablont választani?
Általában igen. Az iparágspecifikus sablonokat a közönséged elvárásait szem előtt tartva építik. Egy szalonsablon foglalással és vizuális elemekkel indít. Egy tanácsadó sablon hitelességgel és kapcsolattal. Ha olyannal kezdesz, amelyet a te vállalkozástípusodra terveztek, kevesebb átalakítás kell ahhoz, hogy úgy viselkedjen, ahogy az ügyfeleid elvárják. A fontosabb szűrő továbbra is az, hogy illik-e a tartalmadhoz és a céljaidhoz. Az iparági illeszkedés erős kezdő jel, nem abszolút szabály.
Hány sablont hasonlítsak össze, mielőtt döntök?
Maradj három-öt sablonos rövid listánál. Ha túl sokat nézel, összemosódnak, és nem tudod megmondani, melyik a jobb. Jobb megközelítés, ha előbb alkalmazod a szűrőidet (mobil, tartalmi illeszkedés, weboldal-típus, testreszabás), és csak azokat a sablonokat nézed, amelyek mindegyiken átmennek. Ebből a rövid listából hozod meg a végső döntést.
Kell profi designer egy sablon testreszabásához?
Nem, ha vizuális szerkesztős platformot használsz. A WEMASY weboldalépítője lehetővé teszi, hogy tervezői vagy kódolási tapasztalat nélkül igazítsd a színeket, betűtípusokat, képeket és elrendezési szekciókat. A legtöbb sablon-testreszabás, a márkaszínek cseréje, a logó hozzáadása, a szekciók átrendezése, egyszerű egy vizuális szerkesztőben. A designer ott ad értéket, ahol jelentősebb szerkezeti változtatásra vagy egyedi grafikára van szükség, amely túlmegy azon, amit a szerkesztő kezel.