ウェブサイト立ち上げチェックリスト:ライブに行く前に行うべきトップ7のこと

私たちはチェックリストを愛しています。 そして私達は新しいウェブサイトを進水させることが刺激的である場合もあることを知っている間経験されるかどうかそれはまただれでものた あなたの場所を進水させるときひどく間違って行くことができる一握りの事を心配するかわりに生きている行く前に参照するべき便利なチェ あなたは運がいいです！

私たちは、ほとんどのファイナンシャルアドバイザーは、あなた自身のサイトを構築することは非常に威圧的なアイデアを作ることができるウェブサ ウェブがどのように機能するかの基本的な考え方を持っていても、あなた自身でウェブサイトを構築するのは高価で時間がかかることがよくあ

だからこそ、私たちはエンドユーザーだけでなく、ビルダー-あなたを念頭に置いてTwenty Over Tenプラットフォームを開発しました！ 私たちの直感的なCMS（コンテンツ管理システム）は、あなたに自律的にプロのようにあなたのウェブサイトを管理するためのツールを提供します。 それは使いやすく、ユーザーフレンドリーで、初心者や専門家のための強力な機能が満載です！

打ち上げ前のチェックリスト

項目＃1サイトタイトルを追加

あなたのウェブサイトのホームページは、はるかにあなたのウェブサイト全体で最も重み付けされたページです。 したがって、それはあなたの新しいウェブサイトの傑出したタイトルを選択することが重要です。 あなたのウェブサイトのタイトルは、検索結果、ブラウザバー、フォーム通知に表示されます。 私達はそれを得る–ウェブサイトのタイトルを思い付くことはするべき怖い事である場合もある。 これは、彼らがあなたのウェブサイトに着陸するときの見通しが表示されます最初のものです。

あなたのウェブサイトのタイトルはあなたのブランドです。 あなたのウェブサイトの目的について明確があり、あなたの財政計画の会社があなたの競争から際立つのを助けるためによく制作された場所のタイ 良いサイトのタイトルを選択すると、訪問者にあなたのサイトが何であるか、一度あなたのサイトに着陸すると何が期待できるかを伝えるのに役

サイトタイトルを追加する：

ステップ1：サイドバーの下部から”サイト設定”にアクセスします。

ステップ2（ロゴファイルのアップロード）：ファイルをインポートするには、”ロゴをアップロード”ボタンを使用します。 .svg、.png、または。jpegファイルタイプが推奨されます。

ステップ3（ロゴタイプの追加）：特定のロゴがない場合は、”サイトタイトル”ツールを使用して、必要な名前を入力します（これはあなたのウェブサイト内の

ステップ4：「サイトタイトル」ツールを使用する場合は、「ロゴフォント」ツールを使用して、希望のブランドに合わせてロゴタイプのフォントを変更します。

項目#2ページタイトルの追加

タイトルタグは、使用しているブラウザの上部に表示され、ユーザーエクスペリエンスとSEOの両方にとって重要です。 あなたのページのタイトルを加え、カスタマイズすることは場所の訪問者により多くの情報を与えるだけでなく、そうすることはまたGoogleのような調査エ

ウェブページのタイトルタグは、ページのコンテンツの正確かつ簡潔な説明であることを意図しています。 以下の例では、”Cleveland,OH|Female Financial Advisor|Glass Financial”がタイトルタグです。 SEOの観点から、タイトルの札はそのように書式作成されるべきである:第一次キーワード–二次キーワード|銘柄。 会社がどこにあるか、顧問か会社およびビジネスの名前を記述するキーワード見ることができる。

ページタイトルのカスタマイズ:

アイテム#3すべてのページにメタデータを追加する&ブログ記事

メタの説明あなたのサイトが何であるかを検索エンジンや検索者に説明します。 あなたの場所の強制的なメタ記述を含んでいることは頻繁に特に調査者が捜しているキーワードを含んでいれば誰かがSERP(サーチエンジンの結果のページ)か

Twenty Over Tenクライアントは、前向きな資産管理を考えており、メインのタイトルタグだけでなく、サブヘッダーの下にもメタデータの記述を含める素晴らしい仕事をしています。

ここではキャッチであり、ほとんどのアドバイザーがスリップアップするのを見ています。 メタデータは、webサイトの各ページに追加する必要があります。 これは、あまりにもメインページ、ランディングページ、およびブログの記事が含まれています！

ウェブページにメタデータを追加する:

ブログ投稿にメタデータを追加する:

ステップ1: サイドバー（アイコン）から”投稿の管理”にアクセスします。

ステップ2:メタデータを追加するブログ投稿を選択します。

ステップ3：SEOの説明ボックスに到達してコンテンツを追加するまで下にスクロールします。

ステップ4：メタデータは、その特定のブログ投稿に表示されるコンテンツの短い1-2文の説明（キーワードが豊富）で 選択したコンテンツを追加したら、[保存]ボタンをクリックします。

Item#4Connect Forms

連絡先ページにフォームがありますか？ フォーム内の各フィールドが適切に機能していることを確認するために、それぞれを記入することが重要です。 送信または送信をクリックすると、正しい確認またはありがとうページが表示されることも確認する必要があります。 最後に、サインアップしたメールを確認して、リクエストが正常に送信されたことを確認します。 あなたの場所の訪問者のために腹を立てている何も働かないし、ビジネス所有者として、それらの鉛を捕獲していることを保障したいと思う形態に

CONNECTフォームデータの追加:

1)デフォルトフィールドの名前を変更

ステップ1:フォームのデフォルトフィールド名を編集するには、まずログインして編集画面にログインする必要があります。 ここからフォームのあるページに移動し、ページのコンテンツをクリックしてエディタツールボックスを有効にします:

ステップ2: ここから、編集ツールボックスから</>アイコンを選択します:

ステップ3：これは、ページのコンテンツの”コードビュー”と呼ばれるものに切り替わります。 あなたが見ているのは、このページの実際のウェブサイトのコードです。 このコード内でフォームがどこにあるかを見つけると、次のようになります:

ステップ4:各フィールドには、既定のフィールドをカスタマイズするために変更できる2つの領域があります。 これは、フィールドのラベルテキストとフィールド名になります。

だから、”電話”フィールドを”あなたの電話番号”と言うように変更したいとしましょう”:

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

<label>Phone</label>

に変更することができます:

<label>Your Phone Number</label>

次に、フィールド名を変更し、次のようなものを探します:

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

フィールドコード内には、次のようなものが表示されます:

name="contact"

フィールドの名前は角かっこ内にあります。 だから、これを次のように変更します:

name="contact"

ステップ5: 完了したら、コードビューの右上にある</>アイコンをクリックして、ビジュアルエディターに戻り、更新されたフォームを確認します。

2) 単一行テキストの追加

単一行テキストフィールドは、短い2-5単語の回答のためにユーザーが入力したテキストを収集するの 会社名、年齢、郵便番号など）

ステップ1：これを追加するには、最初にログインして編集画面にログインする必要があります。 ここからフォームのあるページに移動し、ページのコンテンツをクリックしてエディタツールボックスを有効にし、</>アイコンをクリックして”コードビュー”を有効

ステップ2：このコード内でフォームがどこにあるかを見つけると、次のようになります:

ステップ3：各フィールドはこのコード内に含まれています: <div class="form-item"> ... </div>なので、上にコピーしたコードを貼り付けて、他のフィールドのコードの前または後に収まるようにしてください。ステップ4：上記の最初のセクションで概説したように、このフィールドのラベルテキストとフィールド名を変更する必要があります。

3)複数行のテキストを追加する

複数行のテキストフィールドは、長いフォームの質問に最適です。

ステップ1：これを追加するには、まずログインして編集画面にログインする必要があります。 ここからフォームのあるページに移動し、ページのコンテンツをクリックしてエディタツールボックスを有効にし、</>アイコンをクリックして”コードビュー”を有効

ステップ2：このコード内でフォームがどこにあるかを見つけると、次のようになります:

ステップ3：各フィールドはこのコード内に含まれています：<div class="form-item"> ... </div>、上にコピーしたコードを貼り付けて、他のフィールドのコードの前ま

ステップ4: 上記の最初のセクションで説明したように、このフィールドのラベルテキストとフィールド名を変更する必要があります。

4)Select Dropdownの追加

Select Dropdownフィールドは、長い定義済みのオプションに最適です。

ステップ1：これを追加するには、まずログインして編集画面にログインする必要があります。 ここからフォームのあるページに移動し、ページのコンテンツをクリックしてエディタツールボックスを有効にし、</>アイコンをクリックして”コードビュー”を有効複数行のテキストを追加する

ステップ2: このコード内でフォームがどこにあるかを見つけると、次のようになります:

ステップ3：各フィールドはこのコード内に含まれています：<div class="form-item"> ... </div>、上にコピーしたコードを貼り付けて、他のフィールドのコードの前まステップ4：上記の最初のセクションで概説したように、このフィールドのラベルテキストとフィールド名を変更しますが、ユーザーが使用できるドロップダウンオ これを行うには、コピーして貼り付けたコードから次のコードを追加/削除するだけです: <option>Option 1</option>

最初の<option>の設定が少し異なっていることに気付くでしょう。 これは、disabled="disabled"およびselected="selected"コードに記載されているように、ユーザーに何をすべきかを伝えるための省略可能なデフォルトオプションです。 このオプションのテキストも自由に編集するか、オプションを完全に削除してください。

5)ラジオボタンの追加

ラジオボタンフィールドは、単一回答オプションを紹介するためのもう一つの素晴らしい方法です。

ステップ1：これを追加するには、まずログインして編集画面にログインする必要があります。 ここからフォームのあるページに移動し、ページのコンテンツをクリックしてエディタツールボックスを有効にし、</>アイコンをクリックして”コードビュー”を有効

ステップ2：このコード内でフォームが配置されている場所を見つけると、次のようになります:

ステップ3：各フィールドはこのコード内に含まれています：<div class="form-item"> ... </div>、上にコピーしたコードを貼り付けて、他のフィールドのコードの前または後に: 上記の最初のセクションで説明したように、このフィールドのラベルテキストとフィールド名を変更する必要がありますが、ラジオボタンオプションの値と表示テキストもカスタマイズする必要があります。

ここでの値は次のように表示されます：value="1"、単に1を電子メール通知に表示したいテキストに変更します。 表示テキストは、閉じる</label>タグの直前に表示されるOption 1のように表示されます。 これは、ユーザーがこのオプションで表示されるテキストです。

6) チェックボックスの追加

チェックボックスは、複数の選択肢の質問に最適です。

ステップ1：これを追加するには、まずログインして編集画面にログインする必要があります。 ここからフォームのあるページに移動し、ページのコンテンツをクリックしてエディタツールボックスを有効にし、</>アイコンをクリックして”コードビュー”を有効

ステップ2：このコード内でフォームがどこにあるかを見つけると、次のようになります:

ステップ4：各フィールドはこのコード内に含まれています: <div class="form-item"> ... </div>なので、上にコピーしたコードを貼り付けて、他のフィールドのコードの前または後に収まるようにしてください。ステップ4：上記の最初のセクションで概説したように、このフィールドのラベルテキストとフィールド名を変更する必要がありますが、checkbox options値と表示テキ これを行うには、コピーして貼り付けたコード内で次のコードを見つけるだけです:

ここでの値は次のように表示されます：value="1"、単に1を電子メール通知に表示したいテキストに変更します。 表示テキストは、次のように表示されます: Option 1、終了タグ</label>の直前に表示されます。 これは、ユーザーがこのオプションで表示されるテキストです。

項目#5ファビコンの追加

ファビコン（お気に入りアイコンの略）は、基本的に特定のウェブサイトに関連付けられた小さなアイコンです。 ファビコンをサポートするブラウザは、通常、ブラウザのアドレスバー、ブックマーク、履歴にもアイコンを表示します。 よく設計されているファビコンは、通常、あなたの会社のロゴやあなたのウェブサイトのテーマと一致します。 あなたのウェブサイトにファビコンを追加すると、訪問者は一目であなたのウェブサイトを認識するための迅速な方法を提供します。

Twenty Over Tenクライアントでは、Fit Wealth Advisorsには、検索エンジンに自分の名前を結びつけるときに左にポップアップする”Fit”アイコンがあります。

ファビコンの追加:

サイズが16x16px以上のファビコンを作成することをお勧めします。 Twenty Over Tenプラットフォーム内では、独自のファビコンを追加するのは簡単です。 ファビコンをアップロードするときは、PNGまたはICOファイルタイプが優先されることに注意してください。

アイテム#6アナリティクスの追加

ウェブサイトの追跡と監視アナリティクスは重要であり、パフォーマンス主導型ウェブサイトの基盤です。 Googleアナリティクスは、ユーザーに膨大な量のデータを提供し、簡単にあなたのTwenty Over Tenウェブサイトに統合することができます。 Googleアナリティクスアカウントを設定していない場合は、ここで設定できます。

あなたのウェブサイトにGOOGLE ANALYTICSを追加する:

GoogleアナリティクスアカウントをTwenty Over Tenウェブサイトと統合するには、Googleアナリティクスアカウント番号が必要です。 Googleアナリティクスによって提供されるトラッキングIDは、UA-000000-2のような文字と数字の文字列です。 これは、データを送信するアカウントとプロパティをAnalyticsに指示するために、トラッキングコードに含まれている必要があります。 最初の数字のセット（上記の例では-000000）はアカウント番号を指し、2番目の数字のセット（-2）はアカウントに関連付けられた特定のプロパティ番号を指 Googleアナリティクスアカウント内でトラッキングIDを見つける方法の基本的な手順は次のとおりです。

項目#7テストテストテストテスト

私たちは十分にそれを言うことはできません–テスト、テスト、そして再びテスト！ あなたのウェブサイトがうまくいっているとき、それはあなたのビジネスを指数関数的に成長させるのに役立ちます。 ただし、分析とテストを使用しないと、ウェブサイトのパフォーマンスとサイトのパフォーマンスを向上させる方法を知ることはできません。 起動前にウェブサイトをテストすることは、問題を見つけて、ユーザーエクスペリエンスに害を及ぼす可能性のあるバグを修正するために非常に重

私たちのチームは常にテストし、バグをつぶし、プラットフォームを改善していますが、新しいウェブサイトを立ち上げる前に品質保証のためにユーザー:

• リンク：私たちは、どこにも行かないか、完全に無関係なページに移動しますリンクをクリックするよりも悪いものはないと思います。 あなたのサイト上の各リンクをクリックしてテストし、あなたが行くことを意図した場所に行くことを確認してくださ
• 文法とスペル：あなたはあなたのウェブサイトのための固体コンテンツを開発するために多くの時間を費やしてきました。 それは愚かなエラーが欠落して無駄に行かせてはいけません。 最後に時間（多分数週間）のためにあなたのサイトを見た後、エラーを欠場するのは簡単にすることができます。 スペルや文法上の誤りを検出するために起動する前に、同僚やパートナーにテストサイトを見てもらうことを検討してください。
• ルックアンドフィール:戻って、あなたの画像やコンテンツのブロックを見てみましょう。 十分な空白がありますか、またはすべてがsmooshedに見えますか？ あなたの間隔が十分であることを確かめなさい、あなたのカラーパレットはあなたのブランド-アイデンティティを反映し、全面的なスタイルを作ることは標準である。 さらに、あなたのウェブサイトがよく流れることを確認してください。 ほとんどのアドバイザリー会社のウェブサイトは、わずか一分以上の平均訪問時間を持っています。 それはシンプルでナビゲートしやすい保ちます。 あなたが五ページ以上であなたのメッセージを伝える必要がある理由はありません。