kontrolní seznam spuštění webu: Top 7 Věcí, které musíte udělat, než začnete žít

milujeme kontrolní seznamy. A i když víme, že spuštění nového webu může být vzrušující, může to být také stresující úsilí Pro kohokoli, ať už máte zkušenosti nebo ne. Místo toho, abyste se obávali hrstky věcí, které by se při spuštění vašeho webu mohly strašně pokazit, nebylo by hezké mít před spuštěním užitečný kontrolní seznam? Máš štěstí!

chápeme, že většina finančních poradců má malé nebo žádné zkušenosti s designem webových stránek, což může učinit z budování vlastního webu velmi zastrašující nápad. I v případě, že máte základní představu o tom, jak web funguje, často může být nákladné a časově náročné provádět webové stránky stavět na vlastní pěst.

proto jsme vyvinuli platformu Twenty Over Ten nejen s ohledem na koncového uživatele, ale také na stavitele – vás! Náš intuitivní CMS (Content Management System) vám poskytuje nástroje pro autonomní správu vašich webových stránek jako profesionál. Je snadno ovladatelný, uživatelsky přívětivý a nabitý výkonnými funkcemi pro začátečníky i odborníky!

 kontrolní seznam před spuštěním

kontrolní seznam před spuštěním

položka # 1 Přidejte název webu

domovská stránka Vašeho webu je zdaleka nejvíce váženou stránkou na celém webu. Proto je důležité, abyste si pro svůj nový web vybrali výjimečný název. Název vašeho webu se zobrazí ve výsledcích vyhledávání, v barech prohlížeče a ve formulářových oznámeních. Chápeme to-přijít s názvem webu může být děsivá věc. Toto je první věc, kterou vyhlídky uvidí, když přistanou na vašem webu.

název vašeho webu je vaše značka. Ujasněte si účel svého webu a udělejte si čas na vytvoření dobře vytvořeného názvu webu, který pomůže vaší firmě v oblasti finančního plánování vyniknout od konkurence. Výběr dobrého názvu webu také pomůže návštěvníkům sdělit, o čem je váš web a co mohou očekávat, že po přistání na vašem webu najdou.

přidání názvu webu:

Krok 1: Otevřete „Nastavení webu“ ze spodní části postranního panelu.

managingstyles_sitesettings-1024x588.jpg

Krok 2 (nahrání souboru loga): pomocí tlačítka“ nahrát logo “ importujte soubor. .televizor, .png, nebo .preferovány jsou typy souborů jpeg.

step3-1024x587.jpg

Krok 3 (Přidání logotypu): pokud nemáte konkrétní logo, použijte nástroj „název webu“ a zadejte požadované jméno(mějte na paměti, že se to zobrazí jako vaše logo na stránkách vašeho webu).

step4-1024x587.jpg

Krok 4: Pokud používáte nástroj „název webu“, pomocí nástroje“ logo font “ změňte písmo logotypu tak, aby odpovídalo požadované značce.

step5-1024x587.jpg

položka # 2 Přidat názvy stránek

značky titulů se zobrazují v horní části prohlížeče, který používáte, a to je důležité jak pro uživatelské prostředí, tak pro SEO. Přidání a přizpůsobení názvů stránek nejen poskytne návštěvníkům stránek více informací, ale také to může pomoci poskytnout vyhledávačům, jako je Google, více informací o stránkách na vašem webu a informacích, které obsahují.

název značky webové stránky má být přesným a stručným popisem obsahu stránky. V příkladu níže, „Cleveland, OH / Žena Finanční poradce / Glass Financial je název tag. Z pohledu SEO by značky titulů měly být formátovány jako takové: primární klíčové slovo-sekundární Klíčové slovo / značka. Můžete vidět, kde se firma nachází, Klíčové slovo, které popisuje poradce nebo firmu a název firmy.

Glass Financial Advisors

přizpůsobení názvu stránky:

Krok 1: Otevřete „Nastavení stránky“ z postranního panelu.

přizpůsobení názvů stránek prohlížeče

Krok 2: Výchozí adresa URL stránky bude prázdná.

 aktualizace titulů prohlížeče

Krok 3: můžete zcela přizpůsobit svou stránku „název stránky prohlížeče“. Například spíše než jednoduše mít „název společnosti“, můžete uvést „název společnosti / obsluhující Chicago, Evanston a Oakpark“, abyste dále vyjádřili svou geografickou polohu potenciálním klientům. Po přidání názvu podle vašeho výběru klikněte na tlačítko Uložit.

 aktualizace titulů prohlížeče

Krok 4: na kartě nad webovou stránkou můžete vidět svůj vlastní název prohlížeče.

aktualizace titulů prohlížeče

položka #3 přidat Metadata na všechny stránky & blogové příspěvky

Meta popisy vysvětlují vyhledávačům a vyhledávačům, o čem je váš web. Zahrnutí přesvědčivých meta popisů na vašem webu může být často rozhodujícím faktorem, pokud někdo klikne na váš web nebo ne ze SERP (stránka s výsledky vyhledávače), zejména pokud zahrnujete klíčová slova, která hledající hledá.

Twenty Over Ten client, Forward Thinking Wealth Management, odvedl skvělou práci včetně popisu metadat nejen pod jejich hlavní značkou, ale také pod podnadpisy.

Meta Data forward thinking wealth management

zde je háček a kde vidíme většinu poradců slip-up. Metadata je třeba přidat na každou stránku vašeho webu. To zahrnuje hlavní stránky, vstupní stránky a také příspěvky na blogu!

přidání metadat na vaše webové stránky:

Krok 1: Otevřete „Nastavení stránky“ z postranního panelu.

 přidání metadat do webapges

Krok 2: Přejděte dolů, dokud nedosáhnete pole popisu SEO a nepřidáte svůj obsah.

přidání metadat do webapges

Krok 3: vaše metadata by měla být krátkým 1-2 větným popisem (bohatým na klíčová slova) obsahu zobrazeného na dané stránce. Po přidání obsahu podle vašeho výběru klikněte na tlačítko Uložit.

 přidání metadat do webapges

přidání metadat do příspěvků na blogu:

Krok 1: Přístup k „správa příspěvků“ z postranního panelu (ikona).

přidání metadat do příspěvků na blogu

Krok 2: Vyberte příspěvek na blogu, do kterého chcete přidat metadata.

 přidání metadat do příspěvků na blogu

Krok 3: Přejděte dolů, dokud nedosáhnete pole popisu SEO a nepřidáte svůj obsah.

 přidání metadat do příspěvků na blogu

Krok 4: vaše metadata by měla být krátkým 1-2 větným popisem (bohatým na klíčová slova) obsahu, který se objevuje na tomto konkrétním blogu. Po přidání obsahu podle vašeho výběru klikněte na tlačítko Uložit.

přidání metadat do příspěvků na blogu

položka # 4 Connect Forms

máte na své kontaktní stránce formulář? Je důležité vyplnit každý z nich, abyste se ujistili, že každé pole ve formuláři funguje správně. Když kliknete na Odeslat nebo odeslat, měli byste také ověřit, zda se objeví správná stránka s potvrzením nebo poděkováním. Nakonec zkontrolujte svůj e-mail, se kterým jste se zaregistrovali, a ujistěte se, že vaše žádost byla úspěšně odeslána. Pro návštěvníky vašich stránek není nic šílenějšího, než vyplnit formulář, který nefunguje, a jako vlastník firmy, chcete zajistit, abyste zachytili i tyto potenciální zákazníky!

přidání dat formuláře CONNECT:

1) přejmenujte výchozí pole

Krok 1: Chcete-li upravit výchozí názvy polí pro váš formulář, musíte být nejprve přihlášeni a na obrazovce úprav. Odtud přejděte na stránky s formulářem a kliknutím na obsah stránky aktivujte editor toolbox:

přejmenování výchozích polí formuláře

Krok 2: Odtud vyberte ikonu < / > v panelu nástrojů pro úpravy:

přejmenování výchozích polí formuláře

Krok 3: přepne se na to, čemu říkáme „zobrazení kódu“ obsahu vaší stránky. To, na co se díváte, je skutečný kód webu pro tuto stránku. V rámci tohoto kódu zjistěte, kde se nachází váš formulář, měl by vypadat nějak takto:

přejmenování výchozích polí formuláře

Krok 4: pro každé pole existují dvě oblasti, které můžete změnit a přizpůsobit výchozí pole. Toto bude Text štítku a název pole pole.

Text štítku – Toto je text, který se uživatelům zobrazí nad polem.

název pole – toto je pro zpracování formuláře a musí být všechna malá a nesmí obsahovat žádné mezery.

takže řekněme, že jste chtěli změnit pole „telefon“ a říct „vaše telefonní číslo“:

přejmenování výchozích polí formuláře

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

Chcete-li změnit text štítku, vyhledejte následující:

<label>Phone</label>

které lze změnit na:

<label>Your Phone Number</label>

Dále budete chtít změnit název pole, hledat něco jako následující:

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

v kódu pole uvidíte následující:

name="contact"

název pole je v závorkách. Takže byste to změnili na:

name="contact"

Poznámka: doporučujeme sladit text štítku s názvem pole jako ve výše uvedeném příkladu, protože název pole se používá v generovaných e-mailových oznámeních.

Krok 5: Po dokončení klikněte na ikonu < / > v pravém horním rohu zobrazení kódu a přepněte zpět do vizuálního editoru a podívejte se na aktualizovaný formulář!

přejmenování výchozích polí formuláře

úspěšně jste přejmenovali pole formuláře! Pokud vše vypadá dobře, nezapomeňte zasáhnout Uložit změny a pokračovat v procesu publikování, aby vaše aktualizace byly živé!

2) Přidat text s jedním řádkem

 Přidání textu s jedním řádkem textové pole s jedním řádkem je užitečné pro sběr textu zadaného uživatelem pro krátké odpovědi 2-5 slov (tj.

Krok 1: Chcete-li to přidat, musíte být nejprve přihlášeni a na obrazovce úprav. Odtud přejděte na stránky s formulářem a kliknutím na obsah stránky aktivujte nástroj editor toolbox a kliknutím na ikonu < / > aktivujte“zobrazení kódu“.

 Přidání textu jednoho řádku

Krok 2: v tomto kódu zjistěte, kde se nachází váš formulář, měl by vypadat nějak takto:

Přidání textu jednoho řádku

Krok 3: Každé pole je obsaženo v tomto kódu: <div class="form-item"> ... </div>, takže nezapomeňte vložit kód, který jste zkopírovali výše, aby spadl před nebo za kód druhého pole.

Krok 4: budete chtít změnit text štítku a název pole tohoto pole, jak je uvedeno v první části výše.

3) Přidat víceřádkový Text

 přidání víceřádkového textu víceřádková textová pole jsou skvělá pro otázky s dlouhým formulářem.

Krok 1: Chcete-li to přidat, musíte být nejprve přihlášeni a na obrazovce úprav. Odtud přejděte na stránky s formulářem a kliknutím na obsah stránky aktivujte nástroj editor toolbox a kliknutím na ikonu < / > aktivujte“zobrazení kódu“.

 přidání víceřádkového textu

Krok 2: v tomto kódu zjistěte, kde se nachází váš formulář, měl by vypadat nějak takto:

přidání víceřádkového textu

Krok 3: Každé pole je obsaženo v tomto kódu: <div class="form-item"> ... </div>, takže nezapomeňte vložit kód, který jste zkopírovali výše, aby spadl před nebo za kód druhého pole.

Krok 4: Budete chtít změnit text štítku a název pole tohoto pole, jak je uvedeno v první části výše.

4) Přidat rozbalovací nabídku Select

 přidání rozbalovací nabídky select vyberte rozbalovací pole jsou skvělá pro dlouhé předdefinované možnosti.

Krok 1: Chcete-li to přidat, musíte být nejprve přihlášeni a na obrazovce úprav. Odtud přejděte na stránky s formulářem a kliknutím na obsah stránky aktivujte nástroj editor toolbox a kliknutím na ikonu < / > aktivujte“zobrazení kódu“.

přidání víceřádkového textu

Krok 2: V rámci tohoto kódu zjistěte, kde se nachází váš formulář, měl by vypadat nějak takto:

přidání víceřádkového textu

Krok 3: Každé pole je obsaženo v tomto kódu: <div class="form-item"> ... </div>, takže nezapomeňte vložit kód, který jste zkopírovali výše, aby spadl před nebo za kód druhého pole.

Krok 4: budete chtít změnit text štítku a název pole tohoto pole, jak je uvedeno v první části výše, ale budete také chtít přizpůsobit rozbalovací možnosti dostupné uživatelům. Chcete-li to provést, jednoduše přidejte / odeberte následující z kódu, který zkopírujete a vložíte: <option>Option 1</option>

všimnete si, že první <option> je nastaveno trochu jinak. Toto je volitelná výchozí možnost, která uživatelům řekne, co mají dělat, jak je uvedeno v kódu disabled="disabled" a selected="selected". Neváhejte také upravit text pro tuto možnost nebo ji zcela odebrat.

5) Přidat přepínače

přidání přepínačů pole rádiových tlačítek jsou dalším skvělým způsobem, jak předvést možnosti s jednou odpovědí.

Krok 1: Chcete-li to přidat, musíte být nejprve přihlášeni a na obrazovce úprav. Odtud přejděte na stránky s formulářem a kliknutím na obsah stránky aktivujte nástroj editor toolbox a kliknutím na ikonu < / > aktivujte“zobrazení kódu“.

 přidání přepínačů

Krok 2: v tomto kódu zjistěte, kde se nachází váš formulář, měl by vypadat nějak takto:

přidání přepínačů

Krok 3: Každé pole je obsaženo v tomto kódu: <div class="form-item"> ... </div>, takže nezapomeňte vložit kód, který jste zkopírovali výše, aby spadl před nebo za kód druhého pole:

Krok 4: Budete chtít změnit text štítku a název pole tohoto pole, jak je uvedeno v první části výše, ale také budete muset přizpůsobit hodnotu možností přepínače a zobrazit Text.


hodnota zde je to, co vidíte jako: value="1", jednoduše změňte 1 na jakýkoli text, který chcete zobrazit ve svých e-mailových oznámeních. Zobrazený Text je to, co vidíte jako: Option 1, který se zobrazuje těsně před zavírací značkou </label>. Toto je text, který uživatel uvidí pro tuto možnost, změňte to na cokoli chcete.

Poznámka: Můžete přidat/odebrat neomezený počet možností přepínačů. Chcete-li vytvořit další přepínače v sadě, jednoduše zkopírujte a vložte výše uvedený kód před nebo po dalších možnostech a přizpůsobte hodnotu tlačítka.

důležité: při změně názvu pole mějte na paměti, že všechna přepínací tlačítka v sadě musí sdílet stejný název pole. Nedávejte jim každé jiné názvy polí, jinak se s nimi bude zacházet jako s úplně jiným polem.

6) Přidat zaškrtávací políčka

přidat zaškrtávací políčka zaškrtávací políčka jsou skvělá pro otázky s více možnostmi výběru.

Krok 1: Chcete-li to přidat, musíte být nejprve přihlášeni a na obrazovce úprav. Odtud přejděte na stránky s formulářem a kliknutím na obsah stránky aktivujte nástroj editor toolbox a kliknutím na ikonu < / > aktivujte“zobrazení kódu“.

přidat zaškrtávací políčka

Krok 2: v tomto kódu zjistěte, kde se nachází váš formulář, měl by vypadat nějak takto:

přidat zaškrtávací políčka

Krok 4: Každé pole je obsaženo v tomto kódu: <div class="form-item"> ... </div>, takže nezapomeňte vložit kód, který jste zkopírovali výše, aby spadl před nebo za kód druhého pole.

Krok 4: budete chtít změnit text štítku a název pole tohoto pole, jak je uvedeno v první části výše, ale také budete muset přizpůsobit hodnotu možností zaškrtávacího políčka a zobrazit Text. Chcete-li to provést, jednoduše najděte v kódu, který zkopírujete a vložíte, následující:


hodnota zde je to, co vidíte jako: value="1", jednoduše změňte 1 na jakýkoli text, který chcete zobrazit ve svých e-mailových oznámeních. Zobrazený Text je to, co vidíte jako: Option 1, který ukazuje těsně před zavírací značkou </label>. Toto je text, který uživatel uvidí pro tuto možnost, změňte to na cokoli chcete.

položka # 5 Přidat Favicon

Favicon (zkratka pro oblíbenou ikonu) je v podstatě malá ikona spojená s konkrétní webovou stránkou. Prohlížeče, které podporují favicony, obvykle zobrazí ikonu v adresním řádku prohlížeče, v záložkách a také v historii. Favicon, které jsou dobře navrženy, se obvykle shodují s logem vaší firmy nebo tématem vašeho webu. Přidání favicon na vaše webové stránky dává návštěvníkům rychlý způsob, jak rozpoznat vaše webové stránky s jediným pohledem.

 Fit Wealth Advisors

dvacet více než deset klientů má Fit Wealth Advisors ikonu „Fit“, která se objeví vlevo při vázání jejich jména do vyhledávače.

přidání FAVICONU:

doporučujeme vytvořit favicon o velikosti minimálně 16x16px. V rámci platformy Twenty Over Ten je přidání vlastního faviconu snadné. Při nahrávání favicon Upozorňujeme, že PNG nebo ICO filetypes jsou preferovány.

Krok 1: Otevřete „Nastavení webu“ ze spodní části postranního panelu.

přidání favicon

Krok 2 (nahrání souboru s logem)

použijte tlačítko „nahrát logo“ pro import souboru

Poznámka: .televizor, .png, nebo .preferovány jsou typy souborů jpeg.

přidání Favicon

Krok 3 (Přidání logotypu): pokud nemáte konkrétní logo, použijte nástroj „název webu“ a zadejte požadované jméno (mějte na paměti, že se zobrazí jako vaše logo na stránkách vašeho webu).

přidání favicon

Krok 4: Pokud používáte nástroj „název webu“, pomocí nástroje“ písmo loga “ změňte písmo logotypu tak, aby odpovídalo požadované značce.

 přidání faviconu

položka #6 Přidat analytiku

sledování a sledování analytiky vašich webových stránek je zásadní a je základem webové stránky založené na výkonu. Google Analytics nabízí uživatelům obrovské množství dat a lze je snadno integrovat do vašeho webu Twenty Over Ten. Pokud nemáte nastavení účtu Google Analytics, můžete jej nastavit zde.

PŘIDÁNÍ GOOGLE ANALYTICS NA VÁŠ WEB:

Krok 1: přístup k „nastavení webu“ z postranního panelu.

 přidání analytiky

Krok 2: Klepnutím na kartu integrace Rozbalte a zobrazte všechny podrobnosti o integraci.

přidání Google Analytics

Krok 3: Po vložení kódu Google Analytics klikněte na tlačítko Uložit.

 přidání Google Analytics

Chcete-li integrovat svůj účet Google Analytics s webem Twenty Over Ten, budete potřebovat číslo účtu Google Analytics. Sledovací ID poskytované službou Google Analytics je řetězec písmen a čísel, jako je UA-000000-2. To musí být zahrnuto ve vašem sledovacím kódu, aby bylo možné analytice sdělit, na který účet a majetek mají data odesílat. První sada čísel (-000000, ve výše uvedeném příkladu) odkazuje na číslo vašeho účtu a druhá sada čísel (-2) označuje konkrétní číslo nemovitosti spojené s účtem. Zde jsou základní pokyny, kde najdete své sledovací ID v účtu Google Analytics.

položka # 7 TEST TEST TEST

nemůžeme to říct dost-test, test a test znovu! Když váš web funguje dobře, pomůže exponenciálně růst vašeho podnikání. Bez použití analytiky a testování však nikdy nebudete vědět, jak váš web funguje a jak zlepšit výkon vašeho webu. Testování vašeho webu před spuštěním je nesmírně důležité, abyste našli jakékoli problémy a opravili chyby, které by mohly potenciálně poškodit uživatelský dojem.

Ujišťujeme vás, že náš tým neustále testuje, rozmačkává chyby a vylepšuje naši platformu, ale existují některé další položky na stránce, které doporučujeme našim uživatelům zkontrolovat pro zajištění kvality před spuštěním vaší nové webové stránky, jako například:

  • odkazy: nemyslíme si, že je něco horšího, než kliknout na odkaz, který nikam nevede nebo vás zavede na zcela irelevantní stránku. Kliknutím na každý odkaz na vašem webu otestujte a ujistěte se, že jdou tam, kam jste je zamýšleli.
  • gramatika a pravopis: strávili jste spoustu času vývojem pevného obsahu pro svůj web. Nenechte to jít do odpadu tím, že chybí hloupé chyby. Po pohledu na vaše stránky celé hodiny (možná i týdny) může být snadné vynechat chyby. Zvažte požádat kolegu nebo partnera, aby se před spuštěním podíval na váš testovací web, aby zachytil pravopisné a gramatické chyby.
  • vzhled a dojem: krok zpět a podívejte se na své obrázky a bloky obsahu. Je tam dostatek bílého prostoru nebo vypadá všechno smooshed? Ujistěte se, že vaše mezery jsou dostatečné, paleta barev odráží vaši identitu značky a celkový styl je na stejné úrovni. Navíc se ujistěte, že vaše webové stránky proudí dobře. Většina webových stránek poradenské firmy má průměrnou dobu návštěvy něco přes jednu minutu. Udržujte to jednoduché a snadno ovladatelné. Neexistuje žádný důvod, proč byste měli sdělit svou zprávu s více než pěti stránkami.

bojujete s tím, jaký obsah sdílet na sociálních médiích nebo e-mailem?

nabízíme přístup k našemu obsahu pro poradce k použití prostřednictvím Lead Pilot po dobu 7 dnů zcela zdarma (dokonce i na našich měsíčních plánech).

Získejte všechny podrobnosti zde

o autorovi

Blair Kelly

Blair je asistent digitálního marketingu ve dvaceti nad deset a má vášeň pro odhalení toho, co řídí online provoz a nejvyšší angažovanost. Sleduje více zvířat na Instagram než lidí a její největší úspěch je její dcera, šedá.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.