Lista kontrolna uruchomienia witryny: Top 7 rzeczy do zrobienia przed rozpoczęciem pracy

uwielbiamy listy kontrolne. I chociaż wiemy, że uruchomienie nowej strony internetowej może być ekscytujące, może to być również stresujące przedsięwzięcie dla każdego, czy masz doświadczenie, czy nie. Zamiast martwić się o kilka rzeczy, które mogą pójść strasznie źle podczas uruchamiania witryny, czy nie byłoby miło mieć przydatną listę kontrolną do odniesienia przed uruchomieniem? Masz szczęście!

rozumiemy, że większość doradców finansowych ma niewielkie lub żadne doświadczenie w projektowaniu stron internetowych, co może sprawić, że zbudowanie własnej witryny będzie bardzo onieśmielającym pomysłem. Nawet jeśli masz podstawowe pojęcie o tym, jak działa sieć, często samodzielne zbudowanie strony internetowej może być kosztowne i czasochłonne.

dlatego stworzyliśmy platformę Twenty Over Ten nie tylko z myślą o użytkowniku końcowym, ale także o budowniczym-Tobie! Nasz intuicyjny system CMS (Content Management System) daje Ci narzędzia do samodzielnego zarządzania stroną jak profesjonalista. Jest łatwy w użyciu, przyjazny dla użytkownika i wyposażony w zaawansowane funkcje zarówno dla początkujących, jak i ekspertów!

Lista kontrolna przed uruchomieniem

Pozycja #1 Dodaj tytuł witryny

Strona główna Twojej witryny jest zdecydowanie najbardziej obciążoną stroną w całej witrynie. Dlatego ważne jest, abyś wybrał wyróżniający się tytuł dla swojej nowej witryny. Tytuł Twojej witryny pojawi się w wynikach wyszukiwania, paskach przeglądarki i powiadomieniach formularza. Rozumiemy – wymyślanie tytułu strony internetowej może być straszną rzeczą do zrobienia. Jest to pierwsza rzecz, którą widzą potencjalni klienci, gdy wylądują na twojej stronie.

tytuł Twojej strony to Twoja marka. Jasno określ cel swojej witryny i poświęć swój czas na opracowanie dobrze spreparowanego tytułu witryny, aby pomóc firmie zajmującej się planowaniem finansowym wyróżnić się na tle konkurencji. Wybór dobrego tytułu witryny pomoże również informować odwiedzających, o czym jest Twoja witryna i czego mogą się spodziewać po wylądowaniu w Twojej witrynie.

dodawanie tytułu witryny:

Krok 1: Uzyskaj dostęp do „ustawień witryny” w dolnej części paska bocznego.

Krok 2 (Przesyłanie pliku z logo): użyj przycisku „Prześlij logo”, aby zaimportować plik. .svg,png, lub .preferowane są typy plików jpeg.

Krok 3 (dodanie logotypu): jeśli nie masz określonego logo, użyj narzędzia „tytuł strony” i wpisz żądaną nazwę (pamiętaj, że będzie to wyświetlane jako twoje logo na stronach w Twojej witrynie).

Krok 4: Jeśli używasz narzędzia „tytuł strony”, użyj narzędzia „czcionka logo”, aby zmienić czcionkę logotypu, aby dopasować ją do wybranej marki.

pozycja # 2 Dodaj Tytuły stron

Tagi tytułu pojawiają się u góry przeglądarki, z której korzystasz, i ważne jest zarówno doświadczenie użytkownika, jak i SEO. Dodawanie i dostosowywanie tytułów stron nie tylko da odwiedzającym witrynę więcej informacji, ale może to również pomóc wyszukiwarkom, takim jak Google, uzyskać więcej informacji na temat stron w witrynie i zawartych w nich informacji.

tag tytułowy strony internetowej ma być dokładnym i zwięzłym opisem zawartości strony. W poniższym przykładzie ” Cleveland, OH / Female Financial Advisor / Glass Financial jest tagiem tytułowym. Z punktu widzenia SEO tagi tytułu powinny być sformatowane jako takie: Primary Keyword-drugorzędne słowo kluczowe / Nazwa marki. Możesz zobaczyć, gdzie znajduje się firma, słowo kluczowe opisujące doradcę lub firmę i nazwę firmy.

dostosowywanie tytułu strony:

Punkt # 3 Dodaj metadane do wszystkich stron & posty na blogu

opisy Meta wyjaśniają wyszukiwarkom i wyszukiwarkom, o co chodzi w Twojej witrynie. Włączenie atrakcyjnych meta opisów w Twojej witrynie może często być czynnikiem decydującym, jeśli ktoś kliknie Twoją witrynę lub nie z SERP (Strona wyników wyszukiwania), zwłaszcza jeśli uwzględniasz słowa kluczowe, których szuka wyszukiwarka.

Twenty Over Ten client, Forward Thinking Wealth Management, wykonał świetną robotę, włączając opis metadanych nie tylko pod głównym tagiem tytułu, ale także pod nagłówkami.

oto haczyk i gdzie widzimy większość doradców potknięcie. Metadane muszą zostać dodane do każdej strony witryny. Obejmuje to również strony główne, strony docelowe i posty na blogu!

dodawanie metadanych do stron internetowych:

dodawanie metadanych do postów na blogu:

Krok 1: Dostęp do „Zarządzaj postami” z paska bocznego (ikona).

Krok 2: Wybierz post na blogu, do którego chcesz dodać metadane.

Krok 3: przewiń w dół, aż dotrzesz do pola opisu SEO i dodaj swoją treść.

Krok 4: twoje metadane powinny być krótkim opisem 1-2 zdaniowym (bogatym w słowa kluczowe) treści pojawiającej się na danym blogu. Po dodaniu wybranej zawartości kliknij przycisk Zapisz.

Pozycja #4 Połącz formularze

czy masz formularz na swojej stronie kontaktowej? Ważne jest, aby wypełnić każdy z nich, aby upewnić się, że każde pole w formularzu działa poprawnie. Po kliknięciu przycisku Prześlij lub wyślij należy również sprawdzić, czy wyświetla się poprawna strona potwierdzenia lub podziękowania. Na koniec sprawdź swój adres e-mail, w którym się zarejestrowałeś, aby upewnić się, że wniosek został przesłany pomyślnie. Nie ma nic bardziej szalonego dla odwiedzających Twoją witrynę niż wypełnienie formularza, który nie działa, a jako właściciel firmy chcesz mieć pewność, że również przechwytywasz te przewody!

dodawanie danych formularza połącz:

1) Zmień nazwę domyślnych pól

Krok 1: Aby edytować domyślne nazwy pól formularza, musisz być zalogowany i na ekranie edycji. Z tego miejsca przejdź do stron z formularzem i kliknij zawartość strony, aby aktywować zestaw narzędzi edytora:

Krok 2: Stąd wybierz ikonę </> z narzędzia do edycji:

Krok 3: przełącza się to na tzw. „Widok kodu” zawartości strony. To, na co patrzysz, to rzeczywisty kod strony dla tej strony. W tym kodzie Znajdź, gdzie znajduje się twój formularz, powinien wyglądać mniej więcej tak:

Krok 4: dla każdego pola istnieją dwa obszary, które można zmienić, aby dostosować domyślne pola. Będzie to tekst etykiety i nazwa pola.

powiedzmy, że chcesz zmienić pole „telefon”, aby powiedzieć „twój numer telefonu”:

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

<label>Phone</label>

które można zmienić na:

<label>Your Phone Number</label>

następnie będziesz chciał zmienić nazwę pola, poszukaj czegoś podobnego:

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

w kodzie pola zobaczysz następujące:

name="contact"

Nazwa pola znajduje się w nawiasach. Więc zmieniłbyś to na:

name="contact"

Krok 5: Po zakończeniu kliknij ikonę </> w prawym górnym rogu widoku kodu, aby powrócić do edytora wizualnego i zobaczyć zaktualizowany formularz!

2) Dodaj tekst jednowierszowy

jednoliniowe pole tekstowe jest przydatne do zbierania wpisanego przez użytkownika tekstu dla krótkich 2-5 słów odpowiedzi (np.

Krok 1: aby to dodać, musisz być zalogowany i na ekranie edycji. Z tego miejsca przejdź do stron z formularzem i kliknij zawartość strony, aby aktywować zestaw narzędzi edytora, a następnie kliknij ikonę < / >, aby aktywować „widok kodu”.

Krok 2: w tym kodzie Znajdź, gdzie znajduje się formularz, powinien wyglądać mniej więcej tak:

Krok 3: każde pole jest zawarte w tym kodzie: <div class="form-item"> ... </div>, więc pamiętaj, aby wkleić kod skopiowany powyżej, aby znajdował się przed lub po kodzie drugiego pola.

Krok 4: będziesz chciał zmienić tekst etykiety i nazwę pola tego pola, jak opisano w pierwszej sekcji powyżej.

3) Dodaj tekst wielowierszowy

Wielowierszowe pola tekstowe są idealne do długich pytań.

Krok 1: aby to dodać, musisz być zalogowany i na ekranie edycji. Z tego miejsca przejdź do stron z formularzem i kliknij zawartość strony, aby aktywować zestaw narzędzi edytora, a następnie kliknij ikonę < / >, aby aktywować „widok kodu”.

Krok 2: w tym kodzie Znajdź, gdzie znajduje się formularz, powinien wyglądać mniej więcej tak:

Krok 3: każde pole jest zawarte w tym kodzie: <div class="form-item"> ... </div>, więc pamiętaj, aby wkleić skopiowany powyżej kod, aby znajdował się przed lub po kodzie drugiego pola.

Krok 4: Będziesz chciał zmienić tekst etykiety i nazwę pola tego pola, jak opisano w pierwszej sekcji powyżej.

4) Add Wybierz rozwijane

Wybierz rozwijane pola są świetne dla długich, predefiniowanych opcji.

Krok 1: aby to dodać, musisz być zalogowany i na ekranie edycji. Z tego miejsca przejdź do stron z formularzem i kliknij zawartość strony, aby aktywować zestaw narzędzi edytora, a następnie kliknij ikonę < / >, aby aktywować „widok kodu”.

Krok 2: W tym kodzie Znajdź, gdzie znajduje się twój formularz, powinien wyglądać mniej więcej tak:

Krok 3: każde pole jest zawarte w tym kodzie: <div class="form-item"> ... </div>, więc pamiętaj, aby wkleić skopiowany powyżej kod, aby znajdował się przed lub po kodzie drugiego pola.

Krok 4: będziesz chciał zmienić tekst etykiety i nazwę pola tego pola, jak opisano w pierwszej sekcji powyżej, ale będziesz także chciał dostosować opcje rozwijane dostępne dla użytkowników. Aby to zrobić, po prostu Dodaj/usuń następujące elementy z skopiowanego i wklejonego kodu: <option>Option 1</option>

zauważysz, że pierwszy <option> jest ustawiony nieco inaczej. Jest to opcjonalna domyślna opcja, aby powiedzieć użytkownikom, co mają robić, jak zauważono w kodzie disabled="disabled" i selected="selected". Możesz również edytować tekst tej opcji lub całkowicie ją usunąć.

5) Dodaj przyciski radiowe

pola przycisków radiowych to kolejny świetny sposób na wyświetlanie opcji pojedynczej odpowiedzi.

Krok 1: aby to dodać, musisz być zalogowany i na ekranie edycji. Z tego miejsca przejdź do stron z formularzem i kliknij zawartość strony, aby aktywować zestaw narzędzi edytora, a następnie kliknij ikonę < / >, aby aktywować „widok kodu”.

Krok 2: w tym kodzie Znajdź, gdzie znajduje się formularz, powinien wyglądać mniej więcej tak:

Krok 3: każde pole jest zawarte w tym kodzie: <div class="form-item"> ... </div> , więc pamiętaj, aby wkleić skopiowany powyżej kod, aby znajdował się przed lub po kodzie drugiego pola:

Krok 4: Będziesz chciał zmienić tekst etykiety i nazwę pola tego pola, jak opisano w pierwszej sekcji powyżej, ale będziesz także musiał dostosować wartość opcji przycisku opcji i wyświetl tekst.

wartość tutaj jest taka, jak widzisz: value="1", po prostu zmień 1 na dowolny tekst, który chcesz pokazać w powiadomieniach e-mail. Wyświetlany tekst jest tym, co widzisz jako: Option 1, który wyświetla się tuż przed zamykającym znacznikiem </label>. To jest tekst, który użytkownik zobaczy dla tej opcji, Zmień to na cokolwiek chcesz.

6) Dodaj pola wyboru

pola wyboru są idealne dla pytań wielokrotnego wyboru.

Krok 1: aby to dodać, musisz być zalogowany i na ekranie edycji. Z tego miejsca przejdź do stron z formularzem i kliknij zawartość strony, aby aktywować zestaw narzędzi edytora, a następnie kliknij ikonę < / >, aby aktywować „widok kodu”.

Krok 2: w tym kodzie Znajdź, gdzie znajduje się formularz, powinien wyglądać mniej więcej tak:

Krok 4: każde pole jest zawarte w tym kodzie: <div class="form-item"> ... </div>, więc pamiętaj, aby wkleić kod skopiowany powyżej, aby znajdował się przed lub po kodzie drugiego pola.

Krok 4: będziesz chciał zmienić tekst etykiety i nazwę pola tego pola, jak opisano w pierwszej sekcji powyżej, ale będziesz także musiał dostosować wartość opcji pola wyboru i wyświetl tekst. Aby to zrobić, po prostu znajdź następujące elementy w skopiowanym i wklejonym kodzie:

wartość tutaj jest taka, jak widzisz: value="1", po prostu zmień 1 na dowolny tekst, który chcesz pokazać w powiadomieniach e-mail. Wyświetlany tekst jest tym, co widzisz jako: Option 1, która pokazuje tuż przed zakończeniem znacznika </label>. To jest tekst, który użytkownik zobaczy dla tej opcji, Zmień to na cokolwiek chcesz.

Pozycja #5 Dodaj Favicon

Favicon (skrót od favorite icon) jest w zasadzie małą ikoną związaną z konkretną witryną. Przeglądarki obsługujące favicony zazwyczaj wyświetlają ikonę na pasku adresu przeglądarki, w zakładkach i w historii. Favicony, które są dobrze zaprojektowane, zazwyczaj pasują do logo Twojej firmy lub motywu Twojej witryny. Dodanie ikony favicon do witryny pozwala odwiedzającym szybko rozpoznać Twoją witrynę za pomocą jednego spojrzenia.

Twenty Over Ten klient, Fit Wealth Advisors ma ikonę „Fit”, która pojawia się po lewej stronie podczas łączenia ich nazwy w wyszukiwarce.

dodawanie ikony FAVICON:

zalecamy utworzenie ikony favicon o rozmiarze co najmniej 16x16px. W ramach platformy Twenty Over Ten dodanie własnej favicon jest łatwe. Podczas przesyłania faviconu należy pamiętać, że preferowane są typy plików PNG lub ICO.

Pozycja # 6 Dodaj analitykę

śledzenie i monitorowanie Twojej witryny analityka ma kluczowe znaczenie i jest podstawą strony internetowej opartej na wydajności. Google Analytics oferuje użytkownikom ogromną ilość danych i można je łatwo zintegrować z witryną Twenty Over Ten. Jeśli nie masz konta Google Analytics, możesz je skonfigurować tutaj.

DODAWANIE GOOGLE ANALYTICS DO TWOJEJ WITRYNY:

aby zintegrować konto Google Analytics z witryną Twenty Over Ten, potrzebujesz numeru konta Google Analytics. Identyfikator śledzenia dostarczany przez Google Analytics to ciąg liter i cyfr, takich jak UA-000000-2. Musi to być zawarte w kodzie śledzenia, aby poinformować Analytics, na które Konto i właściwość mają wysyłać dane. Pierwszy zestaw liczb (-000000, w powyższym przykładzie) odnosi się do numeru konta, a drugi zestaw liczb (-2) odnosi się do konkretnego numeru właściwości powiązanego z kontem. Oto podstawowe instrukcje, gdzie znaleźć identyfikator śledzenia na koncie Google Analytics.

pozycja #7 TEST TEST TEST

nie możemy powiedzieć tego wystarczająco – test, test i test jeszcze raz! Gdy Twoja witryna działa dobrze, pomoże rozwinąć wykładniczo Twoją firmę. Jednak bez korzystania z analityki i testów nigdy nie dowiesz się, jak działa Twoja witryna i jak poprawić jej wydajność. Testowanie witryny przed uruchomieniem jest niezwykle ważne, aby znaleźć wszelkie problemy i naprawić błędy, które mogą potencjalnie zaszkodzić użytkownikowi.

bądź pewien, że nasz zespół zawsze testuje, niszczy błędy i ulepsza naszą platformę, ale istnieją dodatkowe elementy na stronie, które zalecamy naszym użytkownikom, aby przejrzeli pod kątem zapewnienia jakości przed uruchomieniem nowej witryny, takie jak:

• linki: nie uważamy, że jest coś gorszego niż kliknięcie linku, który nigdzie nie prowadzi lub prowadzi do zupełnie nieistotnej strony. Kliknij każdy link na swojej stronie, aby przetestować i upewnić się, że idą tam, gdzie zamierzałeś.
• Gramatyka i pisownia: spędziłeś dużo czasu na opracowywaniu solidnych treści na swojej stronie internetowej. Nie daj się zmarnować przez brak głupich błędów. Po spojrzeniu na Twoją witrynę przez wiele godzin (może nawet tygodni) można łatwo przegapić błędy. Rozważ poproszenie kolegi lub partnera, aby przejrzał Twoją stronę testową przed uruchomieniem, aby wyłapać błędy ortograficzne i gramatyczne.
• wygląd i styl: cofnij się i spójrz na swoje zdjęcia i bloki treści. Czy jest wystarczająco dużo białego miejsca, czy wszystko wygląda na zaduszone? Upewnij się, że odstępy są odpowiednie, paleta kolorów odzwierciedla tożsamość marki, a ogólna stylizacja jest na równi. Dodatkowo upewnij się, że Twoja strona działa dobrze. Większość stron internetowych firm doradczych ma średni czas odwiedzin nieco ponad jedną minutę. Zachowaj prostotę i łatwą nawigację. Nie ma powodu, żebyś przekazywał wiadomość z więcej niż pięcioma stronami.