创建第一个作者/公司网站的免费实用且循序渐进的指南。 包括电子邮件列表注册，文件下载，Twitter卡和FB像素设置。
本文最初发布在 Scriggler.com上 ： https : //scriggler.com/DetailPost/Opinion/58890
这是一个非常实用的实用指南，所以让我们直接跳到它。 如果您对该图像感到有些害怕-不用担心，您将不必编写任何代码！
假设您是一位崭新的作者，正在撰写第一本书。 您已经在各种在线商店中玩过（希望以Scriggler作为主要商店：），分享了您的一些文章或短篇小说，获得了一些社交媒体曝光，有些喜欢或评论，现在您觉得是时候了更进一步，建立您自己的作者网站。 有些人可能会感到有些恐吓，或者认为这为时过早，但是，让我们直接将那些烦恼抛在一边。 就像任何明智的初创公司在产品开发的早期阶段都需要设置目标网页一样，即他们的第一个Web前哨站，其目的是引起人们的兴趣并收集其第一个潜在用户的电子邮件，作者必须准确地完成一样。
这不仅仅是意图的宣布，而是您自己的位置，它将与您一起发展，而至关重要的是，您将在这里与未来的读者建立关系。
首先，您的网站将非常简单。 您所需要的只是您的名字，一些有关您的信息，一些有关您即将进行的项目的信息，一些指向您文章或故事的链接（或者，如果您愿意，甚至包括完整的功能）以及（这是至关重要的一点）–一种允许您的访客留下电子邮件以保持联系。 好消息是，将一个包含所有这些信息的网站放在一起将需要您一天的时间。 这就是您所需要的。 而且，如广告所示，它是免费的！
有许多免费增值服务，其中包含数百个模板，可让您将第一个网站放在一起。 我将以wix.com为例，但是您可以轻松地与weebly.com或wordpress.com甚至tumblr.com一起使用。 每种都有自己的优势，但是都相当相似。
配置
假设您刚刚使用Wix创建了一个帐户。 这是您将要看到的页面：
让我们来看一下Portfolio＆CV（这个选择并没有太大的不同）。
您将看到两个选项-Wix ADI和Wix编辑器。
第一个选项将指导您完成最相关的模板，您可以根据需要自定义模板。 第二种方法允许您使用拖放操作从头开始创建所有内容。 就个人而言，我更喜欢第二种，因为它可以为您提供更大的灵活性。 但是，您可以从ADI开始，一旦您感觉它运行正常并且想要进行更改，就可以切换到编辑器。
我将以“编辑器”为例。 如果您知道如何使用编辑器，则可以使用ADI，但不能反过来使用，因此是我的选择。
选择编辑器后，将为您提供一些启动模板。 对于本示例-我将选择最基本的示例-1 Pager Bio（在Portfolio＆CV下）：
选择编辑选项，观看介绍性视频，然后开始进行编辑：
您需要的所有主菜单都在左侧，从背景开始：
单击“背景”，然后单击设置后，您将看到此视图。 有很多选择-您可以使用大量的免版税（和高级）图像和视频，还可以上传自己的图像和视频，并可以在设置中播放各种效果以获得正确的外观和感觉。
当您对主页上的背景感到满意后，让我们继续内容。
您想在这里拥有三个基本组成部分-有关您的信息，链接以及与社交媒体渠道建立联系的方式，最后-最重要的部分-注册电子邮件列表。 如果您目前没有时事通讯，都没关系-您最终将不得不开始运行时事通讯，这是一个好主意，可以让人们表达自己的兴趣并提前注册。
您会注意到页面分为几个区域，以虚线突出显示。 您将能够分别编辑每个模块，并且我们选择的模板已经包含一些可以使用的模块。 让我们从最上面的“ Home”开始。 这是主菜单行。 如果您不希望在这里使用它（例如，如果您现在只想停留在一个页面的网站上），则可以通过按退格键将其删除。 不用担心，如果以后改变主意或准备就绪后想返回并扩展网站，可以很容易地将其放回原处。
让我们单击该行下的小画笔符号（设计）：
右边的菜单将为您提供多种样式，您可以从中选择，也可以创建自定义样式。
完成后-单击其他任何部分以开始编辑（如果要立即开始更改文本，请双击）：
您会看到许多字体选项，样式和大小。 您还可以将链接应用到文本上，这与如今在任何文字处理机中看到的内容相似。
现在让我们假设您浏览了所有文本，现在想添加一些额外的元素，也许是一些图像或视频，或者可能是以一种截然不同的样式（例如，一个重要的引号）完成的另一段文本。
为此，请单击左上角顶部的第二个按钮（带有加号的圆圈）：
现在，您可以从列表中选择任何样式的段落或标题，也可以使用以下任何选项。 顺便说一句-如果您在列表的下方看-您会看到一个添加菜单的选项，因此，如果您确实早先删除了菜单并想现在将其重新带回-这就是这样做的方法。 实际上，这是您要添加任何类型的新元素的地方。 单击要添加的元素，它将出现在页面上。 然后，您可以调整它的大小并将其拖动到您希望它出现在网站上的位置。 粉色线将显示为指导（向您显示其他元素的中心和边缘在哪里）。
现在让我们处理社交链接-这些很重要，毕竟，您希望观众保持联系并在社交媒体上关注您。 单击模板中已显示的社交媒体网站的符号。 如果您删除了它们，则可以使用我们刚刚看过的添加按钮，然后在菜单中选择“社交”。 选定后-单击“设置社交链接”，您将看到以下菜单：
然后，您可以自定义页面链接到的社交网络的类型以及确切的链接，以使它们指向您的个人资料。
例如，让我们自定义Facebook按钮。 单击FB符号，您应该看到：
现在，您可以通过单击“替换图标”来更改图标的样式-系统将为您提供一长串选项，如果您愿意，可以上传自己的图像。 在它的下面，您可以看到已插入的链接（默认情况下为Wix一个）。 单击它，您将可以对其进行编辑，以指向FB上的作者/个人页面。
如果要在此处添加其他社交网络-单击顶部的“添加图标”，然后再次可以从列表中选择或创建自己的社交网络。 Scriggler不在默认列表中，因此，如果要添加Scriggler，则需要上载我们的徽标并使用此表单设置链接。
签署表格。
我们尚未自定义的页面上的最后一个元素-注册表单。
单击它，首先让我们选择正确的样式（选择画笔，然后从选项列表中选择要使用的样式）。 不必担心此阶段的可用字段-您只关心此阶段的外观。 完成后-点击“设置”：
在这里，您将能够选择表单中显示的字段，还可以设置哪些字段是必需的（通过单击旁边带有星号的圆圈。您在页面顶部设置的电子邮件地址是您将收到有关新注册的通知。
确保在菜单中向下滚动以设置所有选项。 在此设置的一件重要事情是-人们单击“发送”时会发生什么。 您可以保持原样，在这种情况下，将默认发送一条消息通知。 或者，如果您希望将响应者重定向到特殊的“谢谢”页面，请在“人们提交表单时”下选择“打开链接”选项：
目前，您只有一个页面可以玩-您的“主页”页面。 现在，我们还创建“谢谢”页面，以便可以将其添加到表单中。
添加新页面
在左上角-单击“页面：主页”菜单：
选择底部的“添加页面”，然后从我们想要的三个选项中选择一个-添加新页面。 由于我们正在创建一个感谢页面-我们将其称为：ThankYou。
您会注意到，如果将菜单保留在页面顶部，它将自动出现在页面顶部。 我们实际上并不需要这样做，因为我们只需要向注册者显示此页面即可。 为此，请单击菜单，然后单击“ ThankYou”页面旁边的“…”符号。 菜单上有一个隐藏选项：
现在，按照我们在主页上使用的相同步骤添加一个段落，然后输入“谢谢”消息。
添加文件下载
如果您想为那些订阅时事通讯的人增加额外的津贴，则可以将免费的一章或短篇小说或整本书下载添加到您的感谢页面。
假设您要添加一个EPUB文件。
转到现在熟悉的“添加”按钮，然后在菜单中一直向下到“更多”。 在菜单中向下滚动，直到找到“文档按钮”：
EPUB不是默认选项之一，因此我们现在将使用回形针按钮。 这将打开一个菜单，您可以在其中上传文件。 并非所有格式都受支持（例如，没有Mobi），并且文件的大小必须低于15Mb。
文件上传后，回形针图标将出现在页面上。 您可以将其放置在任意位置，也可以进一步自定义图像。 例如，如果您想使用书的封面，请单击回形针图标，然后选择“设置”：
在这里，您既可以更改文件，也可以更改图标。 更改图标可让您从相当广泛的默认图标列表中进行选择，还可以上传自己的图标（例如，书的封面）
现在让我们回到主页，确保表单将我们指向该谢谢页面。
点击“ Pages：ThankYou”菜单，然后选择“ Home”。 到达那里后-向下滚动并进入注册表单中的“设置”。 在表单中，向下滚动到链接字段，然后单击它。
您仅会看到“主页”作为选项，但不必担心，它现在是一个下拉列表，您可以单击它并选择合适的页面：
这些都是您需要知道的所有主要步骤。 一旦您对网站的外观感到满意（检查预览选项以确保并检查其在手机上的外观-您可以在顶部菜单中选择该选项），请单击“发布”，它就会上线。
保存网站后，系统会为您提供自定义链接的选项。 使用非基于Wix的链接不是免费的，但是如果这将成为您的个人站点-马上设置您自己的域是有意义的，而Wix确实允许您选择将其作为高级服务的一部分。
更多高级选项：SEO / Analytics / Twitter卡/ Facebook像素。
对于SEO和Google Analytics（分析），您可以免费使用Wix上的内置应用程序。
单击添加按钮下的Apps Market按钮：
向下滚动到分析，单击它并找到“访问者分析”。 现在您所要做的就是单击“添加到站点”。
这就是它将显示在您的网站上：
现在，就我个人而言，我不喜欢访客柜台。 我认为他们看起来很业余，所以我宁愿不在那儿。 单击计数器并进入设置，然后在菜单中再次进行设置。 您将看到不显示计数器的选项：
完成后，将框架移到侧面，离开主页。 即使未显示它，有时在移动视图中仍为其保留空间，看起来并不好。 无论如何，最好在发布之前切换到移动视图，以确保一切正常，并准备进行调整。
针对SEO应用程序执行类似的过程-搜索SEO，然后选择所需的应用程序。 免费的版本将为您提供要修复的清单，以确保所有基本知识都已准备就绪，并且您的网站更有可能在搜索引擎上被发现。
现在让我们为您的网站设置Twitter卡 。 这样可以确保只要在Twitter上共享了指向您网站的链接，它就会带有漂亮的标题，简短的描述和图像。
第一步-进入添加->更多，然后选择html代码：
在https字段中粘贴以下代码：
<meta name =“ twitter：title” content =“标题| 子标题”>
现在，在此代码中，您需要进行一些简单的更改。 在第二行中，需要将@yourtwitterhandle更改为您的Twitter句柄。 第三行：标题| 字幕需要更改（可以只是您的名字或您的名字|作者）。 在第四行中，将“描述”更改为您的站点的快速描述。 例如：“您想了解约翰·约翰逊的所有著作，包括他的书籍，文章，诗歌等等。” 最后-与您的卡一起显示的图像。 该图像必须基于Web，并且必须具有.jpg文件扩展名。 此处的链接可以指向任何网络资源，包括flickr，google图像等。只要链接以.jpg结尾—它应该可以工作。
引号需要保留在所有行中，不要摆脱这些。 这是HTML标记。
完成后-按照我们之前的步骤移动框架（确保它不会使您的移动版式混乱），然后发布您的网站。 完成后-转到https://cards-dev.twitter.com/validator/，将链接粘贴到您的网站，然后单击验证。 这将检查所有数据，并向您显示链接的预览。
最后是一个Facebook像素 。 如果您打算在Facebook上做广告，这是必需的。 您需要先设置广告帐户。 按照那里的说明为您的网站设置像素，然后以与处理Twitter卡完全相同的方式复制和粘贴代码。 如果要设置像素动作（例如，如果要跟踪注册事件），则可以在注册后在相关页面上插入标记。 只需复制这段代码，转到您的“谢谢”页面，然后以与使用像素和Twitter卡相同的方式将其插入在那里。 每次过程完全相同。 每次进行更改以确保其生效时，请不要忘记保存并发布您的网站。
而已！
再举一个例子-这是我最近为我们的Twitter管理服务设置的登录页面：https://scriggler.wixsite.com/digimarker
它是通过Wix创建的，并使用了上述每个步骤。 顺便说一句，如果您注册我们的免费月份，您还将获得我的社交媒体内容策略指南的pdf版本。 相当不错，对吧？ 🙂
有任何疑问/意见-请随时使用以下表格（不过您必须成为会员），或者可以通过Twitter @DSelemir与我联系。
如果您觉得这很有用，请同时阅读以下文章：
1.社交媒体内容策略
2.作家网站-这是一系列有用且免费的资源的集合
3.您的书作为初创企业
4.作者平台：从科幻小说到爱情诗
5.作者平台研究。 大五国之死及其他故事
6.掌握作者的Twitter（不仅如此）：扩展版
