weboldal indítási ellenőrzőlista: Top 7 tennivaló, mielőtt élőben megy

szeretjük az ellenőrző listákat. És bár tudjuk, hogy egy új weboldal elindítása izgalmas lehet, stresszes törekvés lehet bárki számára, függetlenül attól, hogy tapasztalt-e vagy sem. Ahelyett, hogy aggódna egy maroknyi dolog miatt, amelyek rettenetesen rosszul fordulhatnak a webhely elindításakor, nem lenne jó, ha lenne egy praktikus ellenőrzőlista, amelyre hivatkozni lehet, mielőtt élesben élne? Szerencséd van!

megértjük, hogy a legtöbb pénzügyi tanácsadónak kevés vagy semmilyen tapasztalata van a weboldal tervezésével kapcsolatban, ami a saját webhely felépítését nagyon megfélemlítő ötletgé teheti. Még akkor is, ha van egy alapötlete arról, hogyan működik a web, gyakran drága és időigényes lehet egy saját weboldal létrehozása.

ezért fejlesztettük ki a Twenty Over Ten platformot nemcsak a végfelhasználó szem előtt tartásával, hanem az építővel is – te! Az intuitív CMS (Content Management System) megadja az eszközöket, hogy önállóan kezelni a honlapon, mint egy profi. Könnyen használható, felhasználóbarát és nagy teljesítményű funkciókkal rendelkezik kezdőknek és szakértőknek egyaránt!

indítás előtti ellenőrzőlista

tétel #1 webhely Cím hozzáadása

webhelyének kezdőlapja messze a legnagyobb súlyozású oldal az egész webhelyen. Ezért fontos, hogy válasszon egy kiemelkedő címet az új webhelyéhez. Webhelyének címe megjelenik a keresési eredmények, a böngészősávok és az űrlap értesítései között. Megkapjuk – jön egy honlap címe lehet egy ijesztő dolog. Ez az első dolog, kilátások látni fogja, amikor földet a honlapon.

webhelye címe a márka. Legyen tisztában a webhely céljával, és szánjon rá időt egy jól kidolgozott webhelycím kidolgozására annak érdekében, hogy pénzügyi tervező cége kiemelkedjen a versenyből. A jó webhelycím kiválasztása segít abban is, hogy elmondja a látogatóknak, hogy mi a webhelye, és mit várhatnak el, ha egyszer leszállnak a webhelyére.

WEBHELYCÍM hozzáadása:

1.lépés: Nyissa meg a “webhelybeállításokat” az oldalsáv alján.

2. lépés (logófájl feltöltése): fájl importálásához használja a “logó feltöltése” gombot. .svg, .png, vagy .a jpeg fájltípusok előnyösek.

3. lépés (logó hozzáadása): Ha nincs konkrét logója, használja a “webhely címe” eszközt, és írja be a kívánt nevet (ne feledje, hogy ez logóként jelenik meg a webhelyén található oldalakon).

4. lépés: ha a “webhely címe” eszközt használja, használja a “logó betűtípusa” eszközt a logó betűtípusának megváltoztatásához, hogy megfeleljen a kívánt márkának.

tétel #2 oldalcímek hozzáadása

a címcímkék a használt böngésző tetején jelennek meg, és ez mind a felhasználói élmény, mind a SEO szempontjából fontos. Az oldalcímek hozzáadása és testreszabása nem csak a webhely látogatóinak nyújt több információt, hanem a keresőmotoroknak, például a Google-nak is több információt adhat a webhelyén található oldalakról és az azokban található információkról.

a weblap címcímkéje az oldal tartalmának pontos és tömör leírása. Az alábbi példában: “Cleveland, OH / Női Pénzügyi Tanácsadó / Glass Financial a címcímke. SEO szempontból a címcímkéket úgy kell formázni: elsődleges kulcsszó-másodlagos kulcsszó / márkanév. Láthatja, hogy hol található a cég, egy kulcsszó, amely leírja a tanácsadót vagy a céget, valamint a vállalkozás nevét.

az oldal címének testreszabása:

3. tétel metaadatok hozzáadása az összes oldalhoz & blogbejegyzések

Metaleírások magyarázzák el a keresőmotoroknak és a keresőknek, hogy mi a webhelye. A kényszerítő metaleírások beépítése a webhelyére gyakran meghatározó tényező lehet, ha valaki rákattint a webhelyére vagy sem a SERP-ről (keresőmotor eredményoldala), különösen, ha olyan kulcsszavakat tartalmaz, amelyeket a kereső keres.

húsz több mint tíz Ügyfél, előre gondolkodás Wealth Management, tett egy nagy munka, beleértve a meta-adatok leírása alatt nem csak a fő cím tag, hanem az alfejezetek.

itt van a fogás, és hol látjuk a legtöbb tanácsadók baklövés. A metaadatokat hozzá kell adni a webhely minden oldalához. Ez magában foglalja a fő oldalakat, a céloldalakat és a blogbejegyzéseket is!

metaadatok hozzáadása a weboldalakhoz:

metaadatok hozzáadása a blogbejegyzésekhez:

1. lépés: Nyissa meg a “bejegyzések kezelése” elemet az oldalsávon (egy ikon).

2.lépés: Válassza ki azt a blogbejegyzést, amelyhez metaadatokat szeretne hozzáadni.

3.lépés: görgessen lefelé, amíg el nem éri a SEO Leírás mezőt, és adja hozzá a tartalmát.

4.lépés: a metaadatoknak az adott blogposton megjelenő tartalom rövid, 1-2 mondatos leírásának kell lenniük (kulcsszavakban gazdag). Miután hozzáadta a kívánt tartalmat, kattintson a Mentés gombra.

tétel #4 űrlapok összekapcsolása

van űrlap a kapcsolat oldalon? Fontos, hogy mindegyiket töltse ki, hogy megbizonyosodjon arról, hogy az űrlapon belül minden mező megfelelően működik-e. Amikor a küldés vagy a Küldés gombra kattint, azt is ellenőriznie kell, hogy a helyes Megerősítő vagy köszönöm oldal megjelenik-e. Végül ellenőrizze az e-mailjét, amellyel feliratkozott, hogy megbizonyosodjon arról, hogy a kérését sikeresen benyújtották-e. Semmi sem őrjítő a webhely látogatói számára, mint egy olyan űrlap kitöltése, amely nem működik, és mint vállalkozás tulajdonosa, biztosítani szeretné, hogy ezeket a vezetőket is megragadja!

csatlakozási űrlapadatok hozzáadása:

1) Az alapértelmezett mezők átnevezése

1.lépés: az űrlap alapértelmezett mezőneveinek szerkesztéséhez először be kell jelentkeznie a szerkesztési képernyőn. Innen keresse meg az űrlapot tartalmazó oldal (oka) t, majd kattintson az oldal tartalmára a szerkesztő eszköztár aktiválásához:

2. lépés: Innen válassza ki a </> ikont a szerkesztő eszköztárból:

3. lépés: ez átvált az oldal tartalmának “Kódnézetére”. Amit néz, az az oldal tényleges webhelykódja. Ezen a kódon belül keresse meg, hol található az űrlap, valahogy így kell kinéznie:

4. lépés: minden mezőhöz két terület módosítható az alapértelmezett mezők testreszabásához. Ez lesz a címke szövege és a mező neve.

tehát tegyük fel, hogy meg akarja változtatni a “telefon” mezőt, hogy azt mondja: “A telefonszáma”:

<div class="form-item"> <label>Phone</label> <input class="form-control" name="contact" type="text" /></div>

<label>Phone</label>

ami megváltoztatható:

<label>Your Phone Number</label>

ezután meg szeretné változtatni a mező nevét, keresse meg a következőket:

<input class="form-control" name="contact" type="text" />

a mezőkódon belül a következőket láthatja:

name="contact"

a mező neve a zárójelben található. Tehát ezt megváltoztatná:

name="contact"

5. lépés: Ha elkészült, kattintson a </> ikonra a kód nézet jobb felső sarkában, hogy visszatérjen a vizuális szerkesztőbe, és megtekinthesse a frissített űrlapot!

2) egysoros szöveg hozzáadása

egysoros Szövegmező hasznos a felhasználó által beírt szöveg gyűjtéséhez rövid 2-5 szavas válaszokhoz(pl. cégnév, kor, irányítószám stb.)

1. lépés: ennek hozzáadásához először be kell jelentkeznie a szerkesztési képernyőre. Innen keresse meg az űrlapot tartalmazó oldal(oka) t, kattintson az oldal tartalmára a szerkesztő eszköztár aktiválásához, majd kattintson a </> ikonra a “Kódnézet”aktiválásához.

2. lépés: ezen a kódon belül keresse meg, hol található az űrlap, valahogy így kell kinéznie:

3. lépés: minden mező ebben a kódban található: <div class="form-item"> ... </div>, ezért feltétlenül illessze be a fent másolt kódot úgy, hogy az a másik mező kódja elé vagy után essen.

4. lépés: meg kell változtatnia ennek a mezőnek a Címkeszövegét és Mezőnevét, a fenti első szakaszban leírtak szerint.

3) többsoros szöveg hozzáadása

a többsoros szövegmezők kiválóan alkalmasak hosszú formátumú kérdésekre.

1. lépés: ennek hozzáadásához először be kell jelentkeznie a szerkesztési képernyőre. Innen keresse meg az űrlapot tartalmazó oldal(oka) t, kattintson az oldal tartalmára a szerkesztő eszköztár aktiválásához, majd kattintson a </> ikonra a “Kódnézet”aktiválásához.

2. lépés: ezen a kódon belül keresse meg, hol található az űrlap, valahogy így kell kinéznie:

3. lépés: minden mező ebben a kódban található: <div class="form-item"> ... </div>, ezért feltétlenül illessze be a fent másolt kódot úgy, hogy az a másik mező kódja elé vagy után essen.

4. lépés: Meg akarja változtatni a címke szövegét és a mező nevét, a fenti első szakaszban leírtak szerint.

4) Add Select legördülő

Select legördülő mezők egy nagy hosszú, előre meghatározott lehetőségeket.

1. lépés: ennek hozzáadásához először be kell jelentkeznie a szerkesztési képernyőre. Innen keresse meg az űrlapot tartalmazó oldal(oka) t, kattintson az oldal tartalmára a szerkesztő eszköztár aktiválásához, majd kattintson a </> ikonra a “Kódnézet”aktiválásához.

2. lépés: Ezen a kódon belül keresse meg, hol található az űrlap, valahogy így kell kinéznie:

3. lépés: minden mező ebben a kódban található: <div class="form-item"> ... </div>, ezért feltétlenül illessze be a fent másolt kódot úgy, hogy az a másik mező kódja elé vagy után essen.

4. lépés: meg kell változtatnia ennek a mezőnek a Címkeszövegét és Mezőnevét, a fenti első szakaszban leírtak szerint, de testreszabhatja a felhasználók számára elérhető legördülő lehetőségeket is. Ehhez egyszerűen adja hozzá/távolítsa el a következőket a másolt és beillesztett kódból: <option>Option 1</option>

észre fogod venni, hogy az első <option> kicsit másképp van beállítva. Ez egy opcionális alapértelmezett beállítás, hogy megmondja a felhasználóknak, mit kell tenniük, amint azt a disabled="disabled" és selected="selected" kód jelzi. Nyugodtan szerkesztheti ennek az opciónak a szövegét is, vagy távolítsa el teljesen az opciót.

5) rádiógombok hozzáadása

a Rádiógomb mezők egy másik nagyszerű módja az egyválaszos lehetőségek bemutatásának.

1. lépés: ennek hozzáadásához először be kell jelentkeznie a szerkesztési képernyőre. Innen keresse meg az űrlapot tartalmazó oldal(oka) t, kattintson az oldal tartalmára a szerkesztő eszköztár aktiválásához, majd kattintson a </> ikonra a “Kódnézet”aktiválásához.

2. lépés: ezen a kódon belül keresse meg, hol található az űrlap, valahogy így kell kinéznie:

3. lépés: minden mező ebben a kódban található: <div class="form-item"> ... </div>, ezért feltétlenül illessze be a fent másolt kódot úgy, hogy az a másik mező kódja elé vagy után essen:

4. lépés: Meg akarja változtatni a címke szövegét és a mező nevét, amint azt a fenti első szakasz ismerteti, de testreszabnia kell a választógomb opcióinak értékét és a szöveg megjelenítését is.

az érték itt az, amit látsz: value="1", egyszerűen változtassa meg a 1 bármilyen szöveget szeretne megjelenni az e-mail értesítésekben. A Megjelenített szöveg az, amit látsz: Option 1, amely közvetlenül a záró </label> címke előtt jelenik meg. Ez az a szöveg, amelyet a felhasználó látni fog ehhez az opcióhoz, változtassa meg ezt a kívánt értékre.

6) jelölőnégyzetek hozzáadása

a jelölőnégyzetek kiválóan alkalmasak feleletválasztós kérdések esetén.

1. lépés: ennek hozzáadásához először be kell jelentkeznie a szerkesztési képernyőre. Innen keresse meg az űrlapot tartalmazó oldal(oka) t, kattintson az oldal tartalmára a szerkesztő eszköztár aktiválásához, majd kattintson a </> ikonra a “Kódnézet”aktiválásához.

2. lépés: ezen a kódon belül keresse meg, hol található az űrlap, valahogy így kell kinéznie:

4. lépés: minden mező ebben a kódban található: <div class="form-item"> ... </div>, ezért feltétlenül illessze be a fent másolt kódot úgy, hogy az a másik mező kódja elé vagy után essen.

4. lépés: meg kell változtatnia ennek a mezőnek a Címkeszövegét és Mezőnevét, amint azt a fenti első szakasz ismerteti, de testreszabnia kell a jelölőnégyzet beállításainak értékét és a szöveg megjelenítését is. Ehhez egyszerűen keresse meg a következőket a másolt kódban:

az érték itt az, amit látsz: value="1", egyszerűen változtassa meg a 1 bármilyen szöveget szeretne megjelenni az e-mail értesítésekben. A Megjelenített szöveg az, amit lát: Option 1, amely közvetlenül a záró </label> címke előtt jelenik meg. Ez az a szöveg, amelyet a felhasználó látni fog ehhez az opcióhoz, változtassa meg ezt a kívánt értékre.

5.tétel favicon hozzáadása

a Favicon (a kedvenc ikon rövidítése) lényegében egy kis ikon, amely egy adott webhelyhez kapcsolódik. A faviconokat támogató böngészők általában a böngésző címsorában, a könyvjelzőkben és az előzményekben is megjelenítik az ikont. A jól megtervezett faviconok általában megfelelnek a cég logójának vagy a webhely témájának. Favicon hozzáadása a webhelyéhez gyors módot kínál a látogatók számára, hogy egyetlen pillantással felismerjék webhelyét.

húsz több mint tíz ügyfél, Fit Wealth Advisors a “Fit” ikon jelenik meg a bal oldalon, amikor árukapcsolás nevüket a kereső.

favicon hozzáadása:

javasoljuk, hogy hozzon létre egy legalább 16×16 képpontos favicont. A húsz több mint tíz platformon belül könnyű hozzáadni saját faviconját. A favicon feltöltésekor kérjük, vegye figyelembe, hogy a PNG vagy az ICO fájltípusokat részesítik előnyben.

tétel #6 Add Analytics

webhelyének nyomon követése és figyelemmel kísérése az elemzés elengedhetetlen, és a teljesítmény-vezérelt webhely alapja. A Google Analytics hatalmas mennyiségű adatot kínál a felhasználóknak, és könnyen integrálható a húsz több mint tíz webhelyébe. Ha nem rendelkezik Google Analytics-fiók beállítással, itt állíthat be egyet.

GOOGLE ANALYTICS HOZZÁADÁSA A WEBHELYÉHEZ:

annak érdekében, hogy integrálja Google Analytics-fiókját a húsz több mint tíz webhelyével, szüksége lesz a Google Analytics-fiókszámára. A Google Analytics által biztosított követési azonosító betűk és számok sorozata, mint például az UA-000000-2. Ezt bele kell foglalni a követőkódba, hogy megmondja az Analytics-nek, hogy melyik fiókhoz és tulajdonhoz küldjön adatokat. Az első számkészlet (-000000, a fenti példában) az Ön számlaszámára, a második számkészlet (-2) pedig a fiókhoz társított konkrét tulajdonságszámra utal. Itt találhatók az alapvető utasítások arra vonatkozóan, hogy hol találja meg követési azonosítóját Google Analytics-fiókjában.

Item # 7 TEST TEST TEST

nem mondhatjuk, hogy elég – teszt, teszt, és teszt újra! Ha webhelye jól teljesít, akkor ez exponenciálisan növeli vállalkozását. Elemzés és tesztelés nélkül azonban soha nem fogja tudni, hogyan teljesít a webhelye, és hogyan javíthatja webhelye teljesítményét. Hihetetlenül fontos a webhely tesztelése az indítás előtt, hogy megtalálja a problémákat és kijavítsa azokat a hibákat, amelyek potenciálisan károsíthatják a felhasználói élményt.

biztos lehet benne, hogy csapatunk mindig teszteli, összezúzza a hibákat és javítja a platformunkat, de van néhány további oldalelem, amelyet a felhasználóinknak ajánlunk a minőségbiztosítás érdekében az új webhely elindítása előtt, például:

• linkek: nem gondoljuk, hogy van valami rosszabb, mint egy olyan linkre kattintva, amely sehova sem megy, vagy egy teljesen irreleváns oldalra vezet. Kattintson a webhely minden egyes linkjére, hogy tesztelje és győződjön meg róla, hogy oda mennek, ahová szánta őket.
• nyelvtan és helyesírás: sok időt töltöttél azzal, hogy szilárd tartalmat fejlessz ki a weboldalad számára. Ne hagyja, hogy pazarolja a hiányzó buta hibákat. Miután órákig (talán akár hetekig) megnézte webhelyét, könnyű lehet kihagyni a hibákat. Fontolja meg, hogy kérjen egy kollégát vagy partnert, hogy vessen egy pillantást a teszthelyre, mielőtt elindítaná a helyesírási és nyelvtani hibákat.
• megjelenés: lépjen hátra, és nézze meg a képeket és a tartalomblokkokat. Van elég fehér hely, vagy minden elmosódottnak tűnik? Győződjön meg róla, hogy a távolság megfelelő, a színpaletta tükrözi a márka identitását, és az általános stílus par. Ezenkívül győződjön meg arról, hogy webhelye jól folyik. A legtöbb tanácsadó cég weboldalának átlagos látogatási ideje alig több mint egy perc. Legyen egyszerű és könnyen navigálható. Nincs ok arra, hogy ötnél több oldallal közölje üzenetét.