A sablon a weboldalad legkevésbé fontos része

Összefoglaló

A weboldalad sablonja cserélhető tároló, nem végleges döntés. Az egyedül dolgozó alapítók napokat pazarolnak elrendezések összehasonlítására, amikor olyan szöveget kellene írniuk, ami elad. Ez az útmutató végigveszi azokat a kifogásokat, amelyek visszatartanak az indulástól: a kódtól való félelem, a generikus megjelenéstől való félelem, az egyedi fejlesztés csábítása, az ingyenes sablonokkal kapcsolatos kétségek és az SEO-aggályok. Megtanulod, hogyan válassz iparágspecifikus sablont, hogyan korlátozd a testreszabást négy módosításra, és hogyan ellenőrizd a kód alapjait közzététel előtt. A cél az, hogy egy héten belül indulj, és valódi forgalom alapján fejleszd a dolgokat. A létező oldal többet ér, mint az, amit tökéletesítesz.

A sablon a weboldalad legkevésbé fontos része

A sablon a weboldalad legkevésbé fontos része. Egy délután alatt lecserélheted. Az értékajánlatodat, a bizonyítékaidat vagy a szövegeidet nem tudod ilyen könnyen kicserélni. Mégis az egyedül dolgozó alapítók napokat töltenek sablongalériák böngészésével, összehasonlítva a fő csúszkákat és az ajánlókarusszeleket, mintha az elrendezés elvégezné az eladást. Nem fogja. A látogató az alapján dönti el, hogy marad-e, amit mondasz, nem pedig az alapján, hogy melyik rácsot választottad. Használd ezt az időt arra, hogy megírd a szöveget, ami a sablonba való.

Ne tanulj kódolni. Kezdj konténert választani.

Teendő: válassz olyan sablont, amelyet vizuálisan szerkeszthetsz, és soha ne nyúlj a kódhoz. Tavaly azt mondtad magadnak, hogy „hamarosan” megtanulod a HTML-t és a CSS-t. Az a „hamarosan” soha nem jött el. Rendben. Nincs is rá szükséged. A sablonrendszerek azért léteznek, hogy a mérnöki ismeretekkel nem rendelkező emberek is elindulhassanak. A sablonpiacok kutatása egyértelmű: a sablonok „előre megtervezett elrendezéseket, látványelemeket és funkciókat kínálnak, amelyek az adott üzleti igényekhez igazíthatók”, anélkül hogy „kiterjedt technikai szakértelmet” igényelnének. Ez te vagy. Keress tehát olyan sablonkészítőt, amely rendelkezik drag-and-drop szerkesztővel. Módosítsd a betűtípusokat, színeket, logókat és szövegeket közvetlenül az oldalon. Ha falba ütközöl, és egyedi animációra vagy különleges elrendezésre van szükséged, az annak a jele, hogy a követelményeidet kell újragondolnod, nem a képességeidet.

Ez nem felhatalmazás arra, hogy akármilyen sablont válassz. Ez felhatalmazás arra, hogy a szerkesztési képességeidhez illő eszközt válassz. Az egyedül dolgozó tanácsadó, aki nem tud JavaScriptet írni, de tud szöveget szerkeszteni, egy egyszerű, kiszámítható felépítésű sablont válasszon — egy hero, három oszlop, egy kapcsolatfelvételi űrlap. Aki egy kis CSS-hez is ért, az élvezheti a kísérletezőbb elrendezést. Ismerd a határaidat, mielőtt elkötelezed magad.

Az „általánosnak tűnik” azt jelenti, hogy még nem írtad meg az értékajánlatodat

Teendő: rendezd át a szavakat, mielőtt ítélkeznél az elrendezésről. Amikor azt mondod, hogy minden sablon ugyanúgy néz ki, általában igazad van. De ugyanazt a helykitöltő tartalmat is nézed. A sablon demója egy olyan címsort mutat, hogy „Kiváló szoftvert fejlesztünk”, és egy gombot, ami azt írja: „Kezdés”. Persze, hogy általánosnak tűnik — még nem mondtad meg neki, mit mondjon. Cseréld le egy olyan címsora, amely megnevezi az ügyfelet, az eredményt és a mechanizmust. Alakítsd át a „Kiváló szoftvert fejlesztünk” szöveget ilyenre: „Egy hét alatt integráld a távoli csapatokat, nem negyedév alatt.” Ugyanaz az elrendezés, ami általánosnak tűnt, most már specifikusnak érződik.

Először írd meg az értékajánlatodat, olyan mondatként, amit egy olyan ügyfélnek mondanál, aki épp figyelmen kívül hagyna. Ezután igazítsd hozzá a sablon szövegeit. Cseréld le a hero címsort, az alcímet, a gomb feliratát és a törzs első bekezdését. Ha a sablon ezután is általánosnak tűnik, akkor — és csak akkor — kérdőjelezd meg az elrendezést. A legtöbb esetben a szöveg névtelen, nem a design. A tartalomközpontú munkafolyamat a szavakat tekinti terméknek, a sablont pedig csomagolásnak. Ez a megközelítés még gyorsabban működik, ha egyedül dolgozol.

Az egyedi fejlesztésre várás a legdrágább sablonválasztás

Teendő: indulj most egy sablonnal; az egyedi fejlesztést kezeld jövőbeli fejlesztésként, nem előfeltételként. A kifogás mindig ugyanaz: „Ha az emberek sablont látnak, kevésbé fognak tisztelni.” Legyünk őszinték. Akkor fognak kevésbé tisztelni, ha semmi hasznosat nem találnak az oldaladon. Nem fognak kevésbé tisztelni azért, mert az ajánlások szekció a sablonhoz járt. A sablonokkal kapcsolatos kutatás egyértelmű: „különösen előnyösek azoknak a vállalkozásoknak, amelyek gyorsan és megfizethetően szeretnének online jelenlétet kialakítani, kiterjedt technikai szakértelem nélkül.” Ez te vagy. Egyedül dolgozó marketinges vagy alapító vagy. Nincs dedikált csapatod. Ami van, az egy gyorsan mozgó piac és egy böngészőablak, üres landing oldallal.

Az egyedi fejlesztésű weboldalak „nagyobb rugalmasságot és méretezhetőséget biztosíthatnak a hosszú távú növekedéshez.” Ez igaz. Az is igaz, hogy a hosszú távú növekedés nem olyan oldalon történik, amely soha nem indul el. Újraindulhatsz egy egyedi fejlesztésű oldalon, amikor a bevétel indokolja. Addig is minden hét, amit vársz, egy hét konverziós felület nélkül.

Sablon most	Egyedi később
Indulás napok alatt	Indulás hónapok alatt
Alacsony kezdeti költség	Magasabb költség, több kockázat
Korlátozott elrendezési rugalmasság	Teljes kontroll
Gyors iteráció	Nehezebb váltani
Korai bevételből finanszírozva	Először finanszírozni kell

Ez a táblázat nem érv az egyedi oldalak ellen. Hanem érv amellett, hogy ne engedd, hogy az egyedi oldalak túszul ejtsék a vállalkozásodat. Ha finanszírozott startup vagy, amely az indulás előtt egyedi funkcióktól függ, hagyd figyelmen kívül ezt, és építs egyedit. A többieknek, a korai szakaszban lévő vállalkozások túlnyomó többségének, szüksége van arra, hogy elmagyarázza, mit csinál, és leadet szerezzen. Ezt egy sablon órák alatt megadja. Általában jobbat, mint egy egyedi fejlesztés, amit három hónapig csiszolgatsz.

Olyan sablont válassz, amely már az iparágad nyelvén beszél

Teendő: keress iparágspecifikus sablont, mielőtt általánost választanál. A sablonkönyvtárak kutatása megjegyzi, hogy iparágspecifikus sablonok léteznek ipari, e-kereskedelmi és szolgáltatásalapú vállalkozások számára, „gyakran releváns funkciókat, például termékkatalógusokat, foglalási rendszereket vagy portfólió-megjelenítéseket is tartalmazva.” Ez azt jelenti, hogy nem kell a nulláról feltalálnod egy foglalási oldalt. Nem kell termékrácsot beépítened egy blog-elrendezésbe. A sablonban már ott vannak azok a szekciók, amelyeket az ügyfeleid elvárnak.

Egy egyedül dolgozó villanyszerelőnek szolgáltatási terület térképre, árajánlatkérő űrlapra és tanúsítványokra van szüksége. Egy esküvői fotósnak galériára, foglalási naptárra és árak oldalra. Egy házi készítésű szappanokat árusító online bolt termékfotókra, kategóriarácsra és fizetési gombra. Minden esetben egy iparágspecifikus sablon ezeket a szekciókat már bekötve adja. Csak kitöltöd őket.

Ne hagyd ki ezt a lépést azért, mert egy általános sablon szebbnek tűnik. Egy gyönyörű, de rossz alakú téma arra kényszerít, hogy belepiszkálj az alakjába — ami elvezet minket a következő kifogáshoz.

Az ingyenes nem csapda, de elkötelezettség

Teendő: kezdd ingyenesen, de ellenőrizd a nem alku tárgyát képező funkciókat, mielőtt beleszeretsz. Az ingyenes sablonok nem automatikusan selejtesek. A kutatásban a piacterek egymás mellett sorolják fel az „ingyenes opciókat a prémium designokhoz”, és a minőségbeli különbség sokszor felületesen kicsi. Ami különbözik, az a támogatás és a frissítési ciklus. Előfordulhat, hogy egy ingyenes sablont nem tartanak karban. Az oldalad designja egy év múlva elavultnak fog tűnni, és senki nem fogja javítani. Ez rendben van — most kezded. Kezeld az ingyenes sablont ideiglenes járműként, nem házasságként.

De mielőtt elkötelezed magad, alkalmazd a kutatásból származó kulcsfontosságú szempontokat: reszponzivitás, SEO-barátság, betöltési sebesség, testreszabási lehetőségek és felhasználói élmény. Nézd meg a sablont a telefonodon. Méretezd át a böngészőt. Ellenőrizd az oldalsebesség-pontszámot — ezt megteheted alap böngészőeszközökkel, prémium fiók nélkül. A leggyorsabb módja annak, hogy elbukj egy ingyenes sablonnal, ha olyat választasz, amely tele van animációkkal és nehéz képekkel. Válassz olyat, ami karcsú.

Olvasd el a licencet is, mielőtt egy délutánt befektetsz. Egyes „ingyenes” sablonok csak személyes használatra ingyenesek. Egy kereskedelmi licenc többe kerülhet, mint egy támogatással ellátott prémium sablon. Ez egy csapda, amit elkerülhetsz, ha a fizetési képernyőn ellenőrzöd a feltételeket, nem pedig miután felépítetted az egész oldaladat.

Kevesebb testreszabás = több idő az ügyfelekre

Teendő: korlátozd magad négy módosításra — márkaszín, logó, betűtípusok és szöveg. Ha többet csinálsz, rosszul csinálod. A kutatás a testreszabást így nevezi: „színek, betűtípusok, logók és tartalom igazítása.” Figyeld meg, mi hiányzik: szekciók mozgatása, új elrendezések hozzáadása, a rácsrendszer újraírása. A sablon testreszabásában a legnagyobb időpocsékolás nem a logócsere. Hanem a kísértés, hogy mindent átrendezz. Látni fogsz egy portfóliósablont háromképes ráccsal, és azt gondolod: „a negyedik projektem a legjobb.” Mielőtt észrevennéd, már kódolod az új szekciót.

Küzdj meg ezzel a kísértéssel. Használd a sablon szerkezetét úgy, ahogy van. Töltsd ki a meglévő szekciókat. Ha több munkád van, mint amennyi hely, válaszd a legerősebbeket, és a többire linkelj felül. Később, amikor már van bevételed és felvettél egy fejlesztőt, átrendezheted. Addig is minden óra, amit a sablon átrendezésével töltesz, egy óra, amit nem ügyféllel való beszélgetéssel töltöttél. Az indulás után az analitikádból fogod megtudni, mely szekciók számítanak valójában, nem pedig egy design szerkesztőben való találgatással. Akkor módosíthatsz. Előbb indulj. Ez egy lecke a kritikus testreszabási hibák kapcsán — ezek többsége onnan ered, hogy túltestreszabnak egy sablont, mielőtt bármilyen felhasználói adat irányítaná a döntéseket.

Az SEO-problémád a sablon kódja, nem a designja

Teendő: három szűrőn futtasd le a sablont építés előtt: tiszta kód, gyors betöltés, szemantikus címsorok. A „sablonok rosszak az SEO-nak” pletyka örökké él. Többnyire téves is. Sokkal gyakoribb, hogy az emberek rendetlen kódú, hatalmas képekkel és címsor-hierarchia nélküli sablont választanak, majd a sablont hibáztatják, amikor a helyezések nem mozdulnak. A sablonválasztásról szóló kutatás kiemeli az SEO-barátságot és a betöltési sebességet kulcsfontosságú szempontként. Tehát ezeket ellenőrizd választáskor — nem pedig miután már közzétettél.

Használd a böngésző inspect eszközét a HTML megtekintéséhez. A H1, H2 és H3 címkék logikus sorrendben következnek? A fő tartalom valóban ésszerű sorrendben van a DOM-ban, vagy tucatnyi egymásba ágyazott div alá van temetve? Szerkesztheted az olyan metaadatokat, mint a cím és a leírás minden oldalon? Ha a válasz igen, a sablonod nem tartja vissza az SEO-dat. Egy gyors teszt: nyiss meg egy mintaoldalt, nézd meg a forrást, és keress rá a „h1”-re. Ha pontosan egy H1 van a teteje közelében, jó helyzetben vagy. Ha öt H1 van, vagy egy sem, lépj tovább. A sablonokkal kapcsolatos SEO-tévhitek általában összekeverik a rosszul konfigurált oldalt a rossz sablonnal. Egy tiszta sablon jól megírt oldallal minden alkalommal legyőz egy kézzel kódolt oldalt homályos címsorokkal.

Amint ellenőrizted az alapokat, hagyd abba a téma újragondolását, és kezdj tartalmat publikálni. A keresők a forgalmat jutalmazzák, nem a pixeleket.

Ne válassz sablonokat, mintha végleges válaszok lennének

Teendő: kötelezd el magad egy sablon mellett 24 órán belül, indíts egy héten belül, és fejleszd a felhasználói viselkedés alapján. A valódi probléma nem az, hogy rossz sablont választasz. A valódi probléma az, hogy véglegesnek tekinted a választást. Nem az. A sablon a kínálatod tárolója, és amíg a kínálatod nem bizonyított, addig a tároló felcserélhető. Ezért a vállalkozásodhoz illő kiindulópont kiválasztása sokkal fontosabb, mint a tökéletesség keresése — az illeszkedés a tartalmi felépítésről szól, nem a dekoratív rétegről.

Állíts határidőt. Egy estét kapsz a böngészésre, aztán választasz. Egy olyan sablon, ami elég közel van és elindult, jobb, mint egy tökéletesnek tűnő, de még mindig vázlat. Egy hónap élő forgalom alatt többet fogsz megtudni a közönségedről, mint egy hónapnyi bélyegkép nézegetéssel. A sablonnak nem kell véglegesnek lennie. A döntésednek és az indulásodnak viszont igen.

Következtetés

Indítsd el a sablont ezen a héten. Tegyél bele valódi szavakat. Hagyd ki a kódolást, ellenőrizd az SEO-alapokat, és ne tölts egy hetet átrendezéssel. A létező oldal többet ér, mint az, amit tökéletesre várva építenél meg. Amikor a bevételeid felzárkóznak, kicserélheted az alapot a lábad alól. Addig is hagyd, hogy a sablon hordozza az üzeneted — és vigye ki a forgalomhoz, amit szolgálnia kell.