Website-Start-Checkliste: Top 7 Dinge zu tun, bevor Sie live gehen

Wir lieben Checklisten. Und obwohl wir wissen, dass das Starten einer neuen Website aufregend sein kann, kann es auch für jeden ein stressiges Unterfangen sein, unabhängig davon, ob Sie erfahren sind oder nicht. Anstatt sich Gedanken über eine Handvoll Dinge zu machen, die beim Start Ihrer Website schrecklich schief gehen könnten, wäre es nicht schön, eine praktische Checkliste zu haben, auf die Sie verweisen können, bevor Sie live gehen? Du hast Glück!

Wir verstehen, dass die meisten Finanzberater wenig oder gar keine Erfahrung mit Website-Design haben, was den Aufbau Ihrer eigenen Website zu einer sehr einschüchternden Idee machen kann. Selbst wenn Sie eine grundlegende Vorstellung davon haben, wie das Web funktioniert, kann es oft teuer und zeitaufwändig sein, eine eigene Website zu erstellen.

Deshalb haben wir die Twenty Over Ten-Plattform nicht nur für den Endbenutzer entwickelt, sondern auch für den Erbauer – Sie! Unser intuitives CMS (Content Management System) bietet Ihnen die Werkzeuge, um Ihre Website wie ein Profi autonom zu verwalten. Es ist einfach zu bedienen, benutzerfreundlich und vollgepackt mit leistungsstarken Funktionen für Anfänger und Experten!

Pre-Launch-Checkliste

Item #1 Fügen Sie einen Site-Titel hinzu

Die Homepage Ihrer Website ist bei weitem die am stärksten gewichtete Seite auf Ihrer gesamten Website. Daher ist es wichtig, dass Sie einen herausragenden Titel für Ihre neue Website auswählen. Der Titel Ihrer Website wird in Suchergebnissen, Browserleisten und Formularbenachrichtigungen angezeigt. Wir verstehen es – es kann beängstigend sein, einen Website-Titel zu finden. Dies ist das erste, was Interessenten sehen werden, wenn sie auf Ihrer Website landen.

Der Titel Ihrer Website ist Ihre Marke. Machen Sie sich über den Zweck Ihrer Website im Klaren und nehmen Sie sich Zeit, um einen gut gestalteten Website-Titel zu entwickeln, damit sich Ihre Finanzplanungsfirma von Ihrer Konkurrenz abhebt. Wenn Sie einen guten Site-Titel auswählen, können Sie den Besuchern auch mitteilen, worum es auf Ihrer Site geht und was sie nach der Landung auf Ihrer Site erwarten können.

HINZUFÜGEN EINES SITE-TITELS:

Schritt 1: Greifen Sie unten in Ihrer Seitenleiste auf Ihre „Site-Einstellungen“ zu.

Schritt 2 (Hochladen einer Logo-Datei): Verwenden Sie die Schaltfläche „Logo hochladen“, um eine Datei zu importieren. .svg, .png, oder .jpeg-Dateitypen werden bevorzugt.

Schritt 3 (Hinzufügen eines Logos): Wenn Sie kein bestimmtes Logo haben, verwenden Sie das Tool „Site title“ und geben Sie den gewünschten Namen ein (beachten Sie, dass dies als Logo auf den Seiten Ihrer Website angezeigt wird).

Schritt 4: Wenn Sie das Tool „Site title“ verwenden, ändern Sie mit dem Tool „Logo font“ die Schriftart des Logos entsprechend Ihrer gewünschten Marke.

Artikel #2 Hinzufügen von Seitentiteln

Titel-Tags werden oben im von Ihnen verwendeten Browser angezeigt und sind sowohl für die Benutzererfahrung als auch für die SEO wichtig. Durch das Hinzufügen und Anpassen Ihrer Seitentitel erhalten Website-Besucher nicht nur mehr Informationen, sondern auch Suchmaschinen wie Google mehr Informationen zu den Seiten auf Ihrer Website und den darin enthaltenen Informationen.

Das Title-Tag einer Webseite soll eine genaue und präzise Beschreibung des Inhalts einer Seite sein. Im folgenden Beispiel ist „Cleveland, OH / Female Financial Advisor / Glass Financial“ das Titel-Tag. Aus SEO-Sicht sollten Titel-Tags wie folgt formatiert werden: Primäres Keyword – Sekundäres Keyword | Markenname. Sie können sehen, wo sich die Firma befindet, ein Schlüsselwort, das den Berater oder die Firma beschreibt, und den Namen des Unternehmens.

ANPASSEN EINES SEITENTITELS:

Artikel # 3 Metadaten zu allen Seiten hinzufügen & Blog-Beiträge

Meta-Beschreibungen erklären Suchmaschinen und Suchenden, worum es auf Ihrer Website geht. Das Hinzufügen überzeugender Meta-Beschreibungen auf Ihrer Website kann oft der entscheidende Faktor sein, ob jemand auf Ihre Website klickt oder nicht von der SERP (Search Engine Results Page), insbesondere wenn Sie Keywords einschließen, nach denen der Suchende sucht.

Ein über zehnjähriger Kunde, Forward Thinking Wealth Management, hat großartige Arbeit geleistet, indem er nicht nur unter seinem Haupttitel-Tag, sondern auch unter den Unterüberschriften eine Metadatenbeschreibung eingefügt hat.

Hier ist der Haken und wo wir die meisten Berater Ausrutscher sehen. Metadaten müssen zu jeder Seite Ihrer Website hinzugefügt werden. Dazu gehören auch Hauptseiten, Zielseiten und Blog-Posts!

HINZUFÜGEN VON METADATEN ZU IHREN WEBSEITEN:

HINZUFÜGEN VON METADATEN ZU IHREN BLOG-POSTS:

Schritt 1: Greifen Sie über Ihre Seitenleiste (ein Symbol) auf Ihre „Beiträge verwalten“ zu.

Schritt 2: Wählen Sie den Blogbeitrag aus, dem Sie Metadaten hinzufügen möchten.

Schritt 3: Scrollen Sie nach unten, bis Sie das SEO-Beschreibungsfeld erreichen, und fügen Sie Ihren Inhalt hinzu.

Schritt 4: Ihre Metadaten sollten eine kurze 1-2-Satzbeschreibung (reich an Schlüsselwörtern) des Inhalts sein, der in diesem bestimmten Blogpost angezeigt wird. Nachdem Sie den Inhalt Ihrer Wahl hinzugefügt haben, klicken Sie auf die Schaltfläche Speichern.

Item #4 Connect Forms

Haben Sie ein Formular auf Ihrer Kontaktseite? Es ist wichtig, jedes auszufüllen, um sicherzustellen, dass jedes Feld im Formular ordnungsgemäß funktioniert. Wenn Sie auf Senden oder Senden klicken, sollten Sie auch überprüfen, ob die richtige Bestätigungs- oder Dankeseite angezeigt wird. Überprüfen Sie abschließend Ihre E-Mail-Adresse, mit der Sie sich angemeldet haben, um sicherzustellen, dass Ihre Anfrage erfolgreich gesendet wurde. Es gibt nichts Verrückteres für Ihre Website-Besucher, als ein Formular auszufüllen, das nicht funktioniert, und als Geschäftsinhaber möchten Sie sicherstellen, dass Sie auch diese Leads erfassen!

HINZUFÜGEN VON CONNECT-FORMULARDATEN:

1) Benennen Sie die Standardfelder um

Schritt 1: Um die Standardfeldnamen für Ihr Formular zu bearbeiten, müssen Sie zuerst angemeldet und auf dem Bearbeitungsbildschirm angezeigt werden. Navigieren Sie von hier aus zu den Seiten mit Ihrem Formular und klicken Sie auf Ihren Seiteninhalt, um die Editor-Toolbox zu aktivieren:

Schritt 2: Wählen Sie hier das Symbol </> aus der Bearbeitungs-Toolbox aus:

Schritt 3: Dadurch wird zur sogenannten „Codeansicht“ des Inhalts Ihrer Seite gewechselt. Was Sie sehen, ist der tatsächliche Website-Code für diese Seite. Finden Sie in diesem Code heraus, wo sich Ihr Formular befindet, es sollte ungefähr so aussehen:

Schritt 4: Für jedes Feld gibt es zwei Bereiche, die Sie ändern können, um Ihre Standardfelder anzupassen. Dies ist der Beschriftungstext und der Feldname des Feldes.

Angenommen, Sie möchten das Feld „Telefon“ in „Ihre Telefonnummer“ ändern“:

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

<label>Phone</label>

Welches geändert werden kann:

<label>Your Phone Number</label>

Als nächstes möchten Sie den Feldnamen ändern und nach folgendem suchen:

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

Innerhalb des Feldcodes sehen Sie Folgendes:

name="contact"

Der Name des Feldes steht in eckigen Klammern. Sie würden dies also ändern in:

name="contact"

Schritt 5: Wenn Sie fertig sind, klicken Sie oben rechts in der Codeansicht auf das Symbol < />, um zum visuellen Editor zurückzukehren und Ihr aktualisiertes Formular anzuzeigen!

2) Einzeiliger Text hinzufügen

Ein einzeiliges Textfeld ist nützlich, um vom Benutzer eingegebenen Text für kurze Antworten mit 2-5 Wörtern (dh. firmenname, Alter, Postleitzahl usw.)

Schritt 1: Um dies hinzuzufügen, müssen Sie zuerst angemeldet sein und sich auf dem Bearbeitungsbildschirm befinden. Navigieren Sie von hier aus zu den Seiten mit Ihrem Formular und klicken Sie auf Ihren Seiteninhalt, um die Editor-Toolbox zu aktivieren, und klicken Sie auf das Symbol < / >, um die „Codeansicht“ zu aktivieren.

Schritt 2: Finden Sie in diesem Code heraus, wo sich Ihr Formular befindet. Es sollte ungefähr so aussehen:

Schritt 3: Jedes Feld ist in diesem Code enthalten: <div class="form-item"> ... </div> , stellen Sie also sicher, dass Sie den oben kopierten Code so einfügen, dass er vor oder nach dem Code des anderen Felds steht.

Schritt 4: Sie möchten den Beschriftungstext und den Feldnamen dieses Felds ändern, wie im ersten Abschnitt oben beschrieben.

3) Fügen Sie mehrzeiligen Text hinzu

Mehrzeilige Textfelder eignen sich hervorragend für langformatige Fragen.

Schritt 1: Um dies hinzuzufügen, müssen Sie zuerst angemeldet sein und sich auf dem Bearbeitungsbildschirm befinden. Navigieren Sie von hier aus zu den Seiten mit Ihrem Formular und klicken Sie auf Ihren Seiteninhalt, um die Editor-Toolbox zu aktivieren, und klicken Sie auf das Symbol < / >, um die „Codeansicht“ zu aktivieren.

Schritt 2: Finden Sie in diesem Code heraus, wo sich Ihr Formular befindet. Es sollte ungefähr so aussehen:

Schritt 3: Jedes Feld ist in diesem Code enthalten: <div class="form-item"> ... </div> Fügen Sie den oben kopierten Code so ein, dass er vor oder nach dem Code des anderen Felds steht.

Schritt 4: Sie möchten den Beschriftungstext und den Feldnamen dieses Felds ändern, wie im ersten Abschnitt oben beschrieben.

4) Add Select Dropdown

Select Dropdown-Felder eignen sich hervorragend für lange, vordefinierte Optionen.

Schritt 1: Um dies hinzuzufügen, müssen Sie zuerst angemeldet sein und sich auf dem Bearbeitungsbildschirm befinden. Navigieren Sie von hier aus zu den Seiten mit Ihrem Formular und klicken Sie auf Ihren Seiteninhalt, um die Editor-Toolbox zu aktivieren, und klicken Sie auf das Symbol < / >, um die „Codeansicht“ zu aktivieren.

Schritt 2: Finden Sie in diesem Code heraus, wo sich Ihr Formular befindet, es sollte ungefähr so aussehen:

Schritt 3: Jedes Feld ist in diesem Code enthalten: <div class="form-item"> ... </div> Fügen Sie den oben kopierten Code so ein, dass er vor oder nach dem Code des anderen Felds steht.

Schritt 4: Sie möchten den Beschriftungstext und den Feldnamen dieses Felds ändern, wie im ersten Abschnitt oben beschrieben, aber Sie möchten auch die Dropdown-Optionen anpassen, die Ihren Benutzern zur Verfügung stehen. Fügen Sie dazu einfach Folgendes zu dem Code hinzu, den Sie kopiert und eingefügt haben: <option>Option 1</option>

Sie werden feststellen, dass das erste <option> etwas anders eingerichtet ist. Dies ist eine optionale Standardoption, um Benutzern mitzuteilen, was zu tun ist, wie im Code disabled="disabled" und selected="selected" angegeben. Sie können den Text auch für diese Option bearbeiten oder die Option vollständig entfernen.

5) Hinzufügen von Optionsfeldern

Optionsfeldfelder sind eine weitere großartige Möglichkeit, Optionen mit einer Antwort anzuzeigen.

Schritt 1: Um dies hinzuzufügen, müssen Sie zuerst angemeldet sein und sich auf dem Bearbeitungsbildschirm befinden. Navigieren Sie von hier aus zu den Seiten mit Ihrem Formular und klicken Sie auf Ihren Seiteninhalt, um die Editor-Toolbox zu aktivieren, und klicken Sie auf das Symbol < / >, um die „Codeansicht“ zu aktivieren.

Schritt 2: Finden Sie in diesem Code heraus, wo sich Ihr Formular befindet. Es sollte ungefähr so aussehen:

Schritt 3: Jedes Feld ist in diesem Code enthalten: <div class="form-item"> ... </div> Fügen Sie den oben kopierten Code so ein, dass er vor oder nach dem Code des anderen Felds steht:

Schritt 4: Sie möchten den Beschriftungstext und den Feldnamen dieses Felds ändern, wie im ersten Abschnitt oben beschrieben, aber Sie müssen auch den Wert Der Optionsfelder und den Anzeigetext anpassen.

Der Wert hier ist, was Sie sehen, wie: value="1", ändern Sie einfach die 1 zu dem Text, den Sie in Ihren E-Mail-Benachrichtigungen angezeigt werden soll. Der Anzeigetext ist das, was Sie sehen als: Option 1 , das direkt vor dem schließenden </label> -Tag angezeigt wird. Dies ist der Text, den der Benutzer für diese Option sehen wird.

6) Kontrollkästchen hinzufügen

Kontrollkästchen eignen sich hervorragend für Multi-Choice-Fragen.

Schritt 1: Um dies hinzuzufügen, müssen Sie zuerst angemeldet sein und sich auf dem Bearbeitungsbildschirm befinden. Navigieren Sie von hier aus zu den Seiten mit Ihrem Formular und klicken Sie auf Ihren Seiteninhalt, um die Editor-Toolbox zu aktivieren, und klicken Sie auf das Symbol < / >, um die „Codeansicht“ zu aktivieren.

Schritt 2: Finden Sie in diesem Code heraus, wo sich Ihr Formular befindet. Es sollte ungefähr so aussehen:

Schritt 4: Jedes Feld ist in diesem Code enthalten: <div class="form-item"> ... </div> , stellen Sie also sicher, dass Sie den oben kopierten Code so einfügen, dass er vor oder nach dem Code des anderen Felds steht.

Schritt 4: Sie möchten den Beschriftungstext und den Feldnamen dieses Felds ändern, wie im ersten Abschnitt oben beschrieben. Suchen Sie dazu einfach Folgendes in dem Code, den Sie kopiert und eingefügt haben:

Der Wert hier ist, was Sie sehen, wie: value="1", ändern Sie einfach die 1 zu dem Text, den Sie in Ihren E-Mail-Benachrichtigungen angezeigt werden soll. Der Anzeigetext ist das, was Sie als sehen: Option 1 , das direkt vor dem schließenden </label> -Tag angezeigt wird. Dies ist der Text, den der Benutzer für diese Option sehen wird.

Item #5 Add a Favicon

Favicon (kurz für favorite icon) ist im Wesentlichen ein kleines Symbol, das einer bestimmten Website zugeordnet ist. Browser, die Favicons unterstützen, zeigen das Symbol normalerweise in der Adressleiste des Browsers, in Lesezeichen und im Verlauf an. Gut gestaltete Favicons passen normalerweise zum Logo Ihres Unternehmens oder zum Thema Ihrer Website. Wenn Sie Ihrer Website ein Favicon hinzufügen, können Besucher Ihre Website auf einen Blick schnell erkennen.

Zwanzig Über zehn Kunden, Fit Wealth Advisors hat das „Fit“ -Symbol, das links erscheint, wenn sie ihren Namen in die Suchmaschine einbinden.

HINZUFÜGEN EINES FAVICONS:

Wir empfehlen, ein Favicon mit einer Größe von mindestens 16 x 16 pixel zu erstellen. Innerhalb der Twenty Over Ten-Plattform ist das Hinzufügen eines eigenen Favicons einfach. Bitte beachten Sie beim Hochladen Ihres Favicons, dass PNG- oder ICO-Dateitypen bevorzugt werden.

Item #6 Add Analytics

Tracking und Überwachung Ihrer Website Analytics ist entscheidend und bildet die Grundlage für eine leistungsorientierte Website. Google Analytics bietet Nutzern eine riesige Datenmenge und kann problemlos in Ihre Twenty Over Ten-Website integriert werden. Wenn Sie noch kein Google Analytics-Konto eingerichtet haben, können Sie hier eines einrichten.

HINZUFÜGEN VON GOOGLE ANALYTICS ZU IHRER WEBSITE:

Um Ihr Google Analytics-Konto in Ihre Twenty Over Ten-Website zu integrieren, benötigen Sie Ihre Google Analytics-Kontonummer. Die von Google Analytics bereitgestellte Tracking-ID ist eine Zeichenfolge aus Buchstaben und Zahlen wie UA-000000-2. Dies muss in Ihrem Tracking-Code enthalten sein, um Analytics mitzuteilen, an welches Konto und welche Eigenschaft Daten gesendet werden sollen. Der erste Zahlensatz (-000000 im obigen Beispiel) bezieht sich auf Ihre Kontonummer, und der zweite Zahlensatz (-2) bezieht sich auf die spezifische Eigenschaftsnummer, die dem Konto zugeordnet ist. Hier finden Sie grundlegende Anweisungen, wo Sie Ihre Tracking-ID in Ihrem Google Analytics-Konto finden.

Item #7 TEST TEST TEST

Wir können es nicht genug sagen – testen, testen und erneut testen! Wenn Ihre Website eine gute Leistung erbringt, wird Ihr Unternehmen exponentiell wachsen. Ohne die Verwendung von Analysen und Tests werden Sie jedoch nie wissen, wie Ihre Website funktioniert und wie Sie die Leistung Ihrer Website verbessern können. Das Testen Ihrer Website vor dem Start ist unglaublich wichtig, um Probleme zu finden und Fehler zu beheben, die möglicherweise die Benutzererfahrung beeinträchtigen könnten.

Seien Sie versichert, dass unser Team immer testet, Fehler beseitigt und unsere Plattform verbessert, aber es gibt einige zusätzliche On-Page-Elemente, die wir unseren Benutzern empfehlen, zur Qualitätssicherung zu überprüfen, bevor Sie Ihre neue Website starten, wie zum Beispiel:

• Links: Wir glauben nicht, dass es etwas Schlimmeres gibt, als auf einen Link zu klicken, der nirgendwohin führt oder Sie zu einer völlig irrelevanten Seite führt. Klicken Sie auf jeden Link auf Ihrer Website, um zu testen und sicherzustellen, dass sie dorthin gelangen, wo Sie sie beabsichtigt haben.
• Grammatik und Rechtschreibung: Sie haben viel Zeit damit verbracht, solide Inhalte für Ihre Website zu entwickeln. Lassen Sie es nicht verschwenden, indem Sie dumme Fehler verpassen. Nach stundenlangem (vielleicht sogar wochenlangem) Betrachten Ihrer Website kann es leicht sein, Fehler zu übersehen. Bitten Sie einen Kollegen oder Partner, vor dem Start einen Blick auf Ihre Testseite zu werfen, um Rechtschreib- und Grammatikfehler zu erkennen.
• Look and Feel: Treten Sie zurück und schauen Sie sich Ihre Bilder und Inhaltsblöcke an. Gibt es genug Weißraum oder sieht alles verraucht aus? Stellen Sie sicher, dass Ihr Abstand angemessen ist, Ihre Farbpalette Ihre Markenidentität widerspiegelt und das gesamte Styling auf Augenhöhe ist. Stellen Sie außerdem sicher, dass Ihre Website gut fließt. Die meisten Websites von Beratungsunternehmen haben eine durchschnittliche Besuchsdauer von etwas mehr als einer Minute. Halten Sie es einfach und leicht zu navigieren. Es gibt keinen Grund, warum Sie Ihre Nachricht mit mehr als fünf Seiten erzählen müssen.