网站启动清单：上线前要做的 7 件事

我们喜欢清单。 虽然我们知道启动一个新网站可能会令人兴奋，但对于任何人来说，无论您是否有经验，这也可能是一项压力很大的工作。 与其担心在启动您的网站时可能会出现严重错误的一些事情，在上线之前有一个方便的清单以供参考不是很好吗？ 你很幸运！

我们知道，大多数财务顾问对网站设计的经验很少或根本没有，这会使建立自己的网站成为一个非常令人生畏的想法。 即使您对 Web 的工作原理有基本的了解，自行构建网站通常也很昂贵且耗时。

这就是为什么我们开发 20 Over Ten 平台的原因不仅考虑了最终用户，还考虑了构建者——您！ 我们直观的 C​​MS（内容管理系统）为您提供了像专业人士一样自主管理网站的工具。 它易于使用、用户友好，并为初学者和专家提供了强大的功能！

发布前检查清单

项目 #1 添加站点标题

到目前为止，您网站的主页是整个网站中权重最大的页面。 因此，为新网站选择一个出色的标题至关重要。 您网站的标题将出现在搜索结果、浏览器栏和表单通知中。 我们明白了——想出一个网站标题可能是一件可怕的事情。 这是潜在客户登陆您的网站时首先看到的内容。

您网站的标题就是您的品牌。 明确您网站的目的，并花时间开发一个精心设计的网站标题，以帮助您的财务规划公司在您的竞争中脱颖而出。 选择一个好的网站标题还有助于告诉访问者您的网站是关于什么的，以及他们在登陆您的网站后可以找到什么。

添加网站标题：

第 1 步：从侧边栏底部访问您的“站点设置”。

第 2 步（上传徽标文件）：使用“上传徽标”按钮导入文件。 首选 .svg、.png 或 .jpeg 文件类型。

第 3 步（添加标识）：如果您没有特定的标识，请使用“站点标题”工具并输入您想要的名称（请记住，这将作为您的标识显示在您网站的页面上）。

第 4 步：如果您使用“网站标题”工具，请使用“标识字体”工具更改标识的字体以匹配您想要的品牌。

项目 #2 添加页面标题

标题标签出现在您正在使用的浏览器的顶部，它对用户体验和 SEO 都很重要。 添加和自定义您的页面标题不仅可以为网站访问者提供更多信息，而且这样做还可以帮助向 Google 等搜索引擎提供有关您网站上的页面及其包含的信息的更多信息。

网页的标题标签旨在准确、简洁地描述页面内容。 在下面的示例中，“俄亥俄州克利夫兰 | 女性财务顾问 | Glass Financial 是标题标签。 从 SEO 的角度来看，标题标签的格式应该是这样的：主要关键字 - 次要关键字 | 品牌名称。 您可以看到公司所在的位置、描述顾问或公司的关键字以及公司名称。

自定义页面标题：

项目 #3 将元数据添加到所有页面和博客文章

元描述向搜索引擎和搜索者解释您的网站是关于什么的。 在您的网站上包含引人注目的元描述通常是决定是否有人从 SERP（搜索引擎结果页面）点击您的网站的决定因素，尤其是当您包含搜索者正在寻找的关键字时。

二十多个客户 Forward Thinking Wealth Management 做得很好，不仅在他们的主标题标签下，而且在子标题下都包含了元数据描述。

这是问题所在，也是我们看到大多数顾问失误的地方。 元数据需要添加到您网站的每个页面。 这也包括主页、登录页面和博客文章！

将元数据添加到您的网页：

将元数据添加到您的博客文章中：

第 1 步：从侧边栏（A 图标）访问您的“管理帖子”。

第 2 步：选择您要添加元数据的博客文章。

第 3 步：向下滚动，直到到达 SEO 描述框并添加您的内容。

第 4 步：您的元数据应该是该特定博文中出现的内容的简短 1-2 句描述（关键字丰富）。 添加您选择的内容后，单击保存按钮。

项目 #4 连接表格

您的联系页面上有表格吗？ 填写每个字段以确保表单中的每个字段都能正常工作，这一点很重要。 当您单击提交或发送时，您还应该验证是否出现了正确的确认或感谢页面。 最后，检查您注册时使用的电子邮件，以确保您的请求已成功提交。 对于您的网站访问者来说，没有什么比填写无效的表格更令人抓狂的了，作为企业主，您希望确保自己也能捕捉到这些潜在客户！

添加连接表单数据：

1) 重命名默认字段

第 1 步：要编辑表单的默认字段名称，您首先需要登录并在 EDIT 屏幕上。 从这里导航到带有您的表单的页面，然后单击您的页面内容以激活编辑器工具箱：

第 2 步：从这里，从编辑工具箱中选择</>图标：

第 3 步：这将切换到我们所说的页面内容的“代码视图”。 您正在查看的是此页面的实际网站代码。 在此代码中找到您的表单所在的位置，它应该如下所示：

第 4 步：对于每个字段，您可以更改两个区域以自定义默认字段。 这将是字段的标签文本和字段名称。

因此，假设您想将“电话”字段更改为“您的电话号码” ：

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

 < label > Phone </ label >

可以更改为：

 < label > Your Phone Number </ label >

接下来，您将要更改字段名称，查找类似以下内容：

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

在域代码中，您将看到以下内容：

 name="contact[phone]"

字段的名称在[]括号内。 因此，您将其更改为：

 name="contact[your-phone-number]"

注意：我们建议将您的标签文本与您的字段名称相匹配，如上例所示，因为字段名称用于生成的电子邮件通知。

第 5 步：完成后，单击代码视图右上角的 </> 图标切换回可视化编辑器并查看更新后的表单！

2) 添加单行文本

单行文本字段可用于收集用户输入的 2-5 个单词的简短答案（即公司名称、年龄、邮政编码等）

第 1 步：要添加它，您首先需要登录并在 EDIT 屏幕上。 从这里导航到带有您的表单的页面，然后单击您的页面内容以激活编辑器工具箱，然后单击</>图标以激活“代码视图”。

第 2 步：在此代码中找到您的表单所在的位置，它应该如下所示：

第 3 步：每个字段都包含在此代码中： <div class="form-item"> ... </div> ，因此请务必粘贴您在上面复制的代码，使其位于其他字段代码之前或之后.

第 4 步：您需要更改此字段的标签文本和字段名称，如上面第一部分所述。

3) 添加多行文本

多行文本字段非常适合长问题。

第 1 步：要添加它，您首先需要登录并在 EDIT 屏幕上。 从这里导航到带有您的表单的页面，然后单击您的页面内容以激活编辑器工具箱，然后单击</>图标以激活“代码视图”。

第 2 步：在此代码中找到您的表单所在的位置，它应该如下所示：

第 3 步：每个字段都包含在此代码中： <div class="form-item"> ... </div> ，因此请务必粘贴您在上面复制的代码，使其位于其他字段代码之前或之后.

第 4 步：您需要更改此字段的标签文本和字段名称，如上面第一部分所述。

4) 添加选择下拉菜单

选择下拉字段非常适合长的预定义选项。

第 1 步：要添加它，您首先需要登录并在 EDIT 屏幕上。 从这里导航到带有您的表单的页面，然后单击您的页面内容以激活编辑器工具箱，然后单击</>图标以激活“代码视图”。

第 2 步：在此代码中找到您的表单所在的位置，它应该如下所示：

第 3 步：每个字段都包含在此代码中： <div class="form-item"> ... </div> ，因此请务必粘贴您在上面复制的代码，使其位于其他字段代码之前或之后.

第 4 步：您需要更改此字段的标签文本和字段名称，如上面第一部分所述，但您还需要自定义用户可用的下拉选项。 为此，只需从您复制和粘贴的代码中添加/删除以下内容： <option>Option 1</option>

您会注意到第一个<option>的设置略有不同。 这是一个可选的默认选项，用于告诉用户该做什么，如disabled="disabled"和selected="selected"代码所示。 也可以随意编辑此选项的文本，或完全删除该选项。

5) 添加单选按钮

单选按钮字段是展示单一答案选项的另一种好方法。

第 1 步：要添加它，您首先需要登录并在 EDIT 屏幕上。 从这里导航到带有您的表单的页面，然后单击您的页面内容以激活编辑器工具箱，然后单击</>图标以激活“代码视图”。

第 2 步：在此代码中找到您的表单所在的位置，它应该如下所示：

第 3 步：每个字段都包含在此代码中： <div class="form-item"> ... </div> ，因此请务必粘贴您在上面复制的代码，使其位于其他字段代码之前或之后：

第 4 步：您需要更改此字段的标签文本和字段名称，如上面第一部分所述，但您还需要自定义单选按钮选项值和显示文本。

这里的值是您所看到的： value="1" ，只需将1更改为您希望在电子邮件通知中显示的任何文本。 显示文本是您所看到的： Option 1 ，它显示在结束</label>标记之前。 这是用户将看到的此选项的文本，将其更改为您想要的任何内容。

6) 添加复选框

复选框非常适合多选题。

第 1 步：要添加它，您首先需要登录并在 EDIT 屏幕上。 从这里导航到带有您的表单的页面，然后单击您的页面内容以激活编辑器工具箱，然后单击</>图标以激活“代码视图”。

第 2 步：在此代码中找到您的表单所在的位置，它应该如下所示：

第 4 步：每个字段都包含在此代码中： <div class="form-item"> ... </div> ，因此请务必粘贴您在上面复制的代码，使其位于其他字段代码之前或之后.

第 4 步：您需要更改此字段的标签文本和字段名称，如上面第一部分所述，但您还需要自定义复选框选项Value和Display Text 。 为此，只需在您复制和粘贴的代码中找到以下内容：

这里的值是您所看到的： value="1" ，只需将1更改为您希望在电子邮件通知中显示的任何文本。 显示文本是您所看到的： Option 1 ，它显示在结束</label>标记之前。 这是用户将看到的此选项的文本，将其更改为您想要的任何内容。

项目 #5 添加一个 Favicon

Favicon（收藏图标的缩写）本质上是与特定网站相关联的小图标。 支持网站图标的浏览器通常会在浏览器的地址栏、书签和历史记录中显示图标。 精心设计的 Favicon 通常与您公司的徽标或网站主题相匹配。 向您的网站添加网站图标可让访问者快速识别您的网站，一目了然。

超过 10 个客户，Fit Wealth Advisors 在将他们的名字输入搜索引擎时会在左侧弹出“Fit”图标。

添加网站图标：

我们建议创建一个至少为 16x16 像素的网站图标。 在 20 Over Ten 平台中，添加您自己的网站图标很容易。 上传您的网站图标时，请注意首选 PNG 或 ICO 文件类型。

项目 #6 添加分析

跟踪和监控您的网站分析至关重要，并且是性能驱动型网站的基础。 Google Analytics 为用户提供了大量数据，并且可以轻松集成到您的 20 Over Ten 网站中。 如果您没有 Google Analytics 帐户设置，您可以在此处设置一个。

将谷歌分析添加到您的网站：

为了将您的 Google Analytics（分析）帐户与您的 20 Over Ten 网站集成，您需要您的 Google Analytics（分析）帐号。 Google Analytics 提供的跟踪 ID 是一串字母和数字，例如 UA-000000-2。 这必须包含在您的跟踪代码中，以告知 Google Analytics（分析）要将数据发送到哪个帐户和媒体资源。 第一组数字（-000000，在上面的示例中）是指您的帐号，第二组数字 (-2) 是指与该帐户关联的特定财产编号。 以下是有关在您的 Google Analytics（分析）帐户中何处查找跟踪 ID 的基本说明。

项目#7 测试测试测试

我们不能说足够 - 测试，测试，再测试！ 当您的网站表现良好时，它将帮助您的业务成倍增长。 但是，如果不使用分析和测试，您将永远不会知道您的网站的运行情况以及如何提高您网站的性能。 为了发现任何问题并修复任何可能损害用户体验的错误，在启动之前测试您的网站非常重要。

请放心，我们的团队一直在测试、消除错误并改进我们的平台，但我们建议用户在启动新网站之前检查一些额外的页面项目以确保质量，例如：

• 链接：我们认为没有什么比单击一个无处可去或将您带到一个完全不相关的页面的链接更糟糕的了。 单击您网站上的每个链接以进行测试，并确保它们会按照您的意图进行。
• 语法和拼写：您花费了大量时间为您的网站开发可靠的内容。 不要因为错过愚蠢的错误而浪费它。 连续查看您的网站数小时（甚至数周）后，很容易错过错误。 考虑在启动之前让同事或合作伙伴查看您的测试站点，以发现任何拼写和语法错误。
• 外观和感觉：退后一步，看看您的图像和内容块。 是否有足够的空白空间或一切看起来都平滑了？ 确保你的间距足够，你的调色板反映了你的品牌形象，整体造型是一致的。 此外，请确保您的网站流畅运行。 大多数咨询公司的网站的平均访问时间只有一分钟多一点。 保持简单和易于导航。 您没有理由需要用超过五页的内容来传达您的信息。