网站内容设计和规划指南

因此,您决定保持一致,并从最重要的基础阶段开始开发网站-具有结构和内容。好的,那么您来对地方了,我们为您提供了最佳方法和起点的说明和有效提示。希望力量与您同在,因为这种下蹲的基本指南不太可能掌握。网站结构示例(可单击块)

Octopus.do网站结构示例



包括哪些部分?那内容呢?我们认真考虑了所有内容,花了一个多月的时间进行研究,并收集了本指南在创建网站方面的全部18年经验。阅读本文后,您将全面了解为何应以这种方式构建公司或产品的站点,我们还将介绍SEO和内容规划的基本原理。

, , , , — , - , . .


从头开始创建网站结构似乎是一项基本任务,但通常根本不是。这就是为什么。

建立一致的结构意味着为成功的在线形象打下坚实的基础。在此阶段进行周密的计划和实施有助于尽可能高效地实现所有后续目标。

您肯定知道结构良好的网站对搜索引擎的重要性。而且,如果没有满足搜索引擎的期望,那么在这种情况下,您不应该依赖访客的自然涌入。在这种共生关系中,我们的目标是建立最佳的结构并实现机器人与人之间的完美平衡。

本指南将为您提供有关如何构建网站的详细说明,内容的实用建议以及引起人们兴趣的已完成项目的示例。

听起来很有前途吗?然后我们开始!

主要提示


导航和页脚

首先,重点关注站点的导航栏和页脚。
这些元素必须出现在每个页面上。您的访客总是想知道他们当前在哪里以及可以从哪里获得。主导航菜单通常包括徽标和指向主页的链接。页脚包含指向其他部分的链接以及指向社交网络上的页面的链接。

如果您对要在网站的页脚中包含哪些内部页面的链接有疑问,那就太好了!因为在本文的后面,我们专门针对此部分。

考虑使用粘性导航,这样您的用户无论滚动多远,都始终可以使用菜单。

最大化点击率

, .

因此,通过将最有价值的信息和号召性用语放置在屏幕的有效第一字段中,可以提高点击率(CTR)并吸引访问者的注意力。从字面上看,这是大约3-4秒,在此期间,访客扫描屏幕,但没有快速找到正确的信息,通常是立即离开页面。

号召性用语(CTA)

下一步是确保调用特定目标操作的号召性用语(CTA)元素位于正确的位置。放置CTA的标准方法是添加相应的按钮,但其他形式也很常见-图片,视频,链接。

根据实践,CTA的主要规则是元素应突出。这些元素越精细,您获得的用户点击就越多。

GDPR隐私政策

如果您的目标受众是来自欧盟国家的客户,则用户数据的处理必须符合欧洲公认的通用数据保护条例(GDPR)。

Cookies包含个人数据,可用于识别用户。并且,如果您收集(例如,为您的站点安装了Internet统计程序)并处理此数据,则不要忘记第一次访问时会弹出窗口,以便访问者可以表示同意或拒绝cookie。

请记住,无论用户如何选择,每个人都应该可以访问您的站点。

结构体


我们已经为您完成了此操作,但是如果您仍然决定对高质量的网站进行独立研究,您会发现它们的结构相似。这些都是经过时间考验的模型,在不久的将来不太可能发生很大变化。当然,以下手册不是黄金标准。这是基础,主要出发点。从此开始,专注于您的业务领域,研究竞争对手的站点和结构,以获得最佳结果。

这些页面构成了一个均衡的站点结构:

  • 关于我们
  • 产品和服务
  • 常问问题
  • 职位
  • 博客
  • 联络人
  • 错误404
  • 法律信息

我们相信您几乎在每个访问过的站点上都遇到了他们。这是因为这样的结构对几乎所有企业都是有效的,而不管其规模和范围如何。好的,好的,当然有区别,但是基础并没有太大变化。

而且,我们可以想象一个页面更少的基本结构。这是列表的简化版本:

  • 关于我们
  • 产品和服务
  • 联络人
  • 法律信息

页面的清晰,周到的组织能够使访问者最清楚,最快速地获得所需信息。模仿人的行为模式的搜索算法会发现同一件事。

网站结构中包含的每个页面的目标是将访问者转化为客户。页面形成序列,逐渐引起访问者的兴趣,使他们最终在您的产品或服务页面上找到自己。其他所有内容都是用户流程的一部分。

如果您从销售渠道的角度来看网站的旅程,那么渠道的顶部将包括主页或博客,中间是教育页面,而产品或价格页面将成为渠道的基础,即通往销售的旅程的终点​​。

主页


为什么要创建:吸引注意力,产生第一印象,优化导航。

内容:

  • 英雄形象/基本视觉信息
  • 产品/服务
  • 主要好处
  • 关于我们
  • 职位
  • 反馈(案例研究,建议)
  • CTA

图片
主页的示例是iea.org

,该主页似乎是您网站中最重要的部分。但是,最近的研究表明,访客并没有花费太多时间。平均会话时间约为2分17秒,而访问主页大约需要7秒。原因是人们经常立即搜索更具体的内容。

因此,您的主页是一个控制面板,旨在帮助用户尽快到达所需的位置。这是收集和路由传入流量的主要枢纽。

“主页就像是酒店大堂。尽管这是酒店的重要组成部分,但它并不是您的客人希望住宿的地方。他们想进入自己的房间。”

英雄形象

英雄形象是用户访问网站时看到的第一个视觉效果。图像倾向于更快地传达信息,并产生更具吸引力的情感反应。因此,使英雄形象变得独特,吸引人,最重要的是,与您的品牌密切相关。

, JTBD (jobs-to-be-done), , / , , (), . — , .

您的产品/服务

越早向人们展示您提供的产品,效果越好。如果您的产品系列仅限于少数几个项目,请考虑将其全部显示在主页上。如果有很多产品,则需要创建一个目录和分类,并对每个类别进行简短描述。添加视觉说明和产品类别。

确定产品功能和优势。

正如西蒙·西内克(Simon Sinek)在他的著名演讲中所说,人们不购买您要做的事情,而是购买您为什么要做的事情。

因此,确定产品的三到五个核心价值。使它们的描述简明扼要并加以呈现,以及与品牌书的建议相匹配的醒目视觉元素(如果有)。

社会影响

人们倾向于倾听并信任周围的环境。快速实施和传播信息的另一种好方法是添加有关您的公司或产品的反馈。关注您的目标受众并添加相关评论。评论的作者越有名望和越有公共性,那就更好。如果您尚未出现在TechCrunch或《福布斯》上,请不要担心。您的访客应迅速与审稿人建立积极的情感联系,这一点目前很重要。

关于我们


创造原因:讲述您的品牌或公司的故事,描述任务,介绍您的团队以及任何其他有价值的信息,这些都将有助于您的转化。

内容:

  • 历史/时间表
  • 公司目标与使命
  • 评论
  • 球队
  • 伙伴
  • 视频
  • 统计
  • 有趣的事实

图片
公司示例页面-hines.com/about

矛盾,但是不存在主页上花费大量时间的页面,类似于“关于我们”部分。实际上,他并不是真的与您的公司有关。

这更多地是关于您的受众以及您所提供的消费者价值。当您进入公司详细信息时,请记住这一点。在您添加的每个帖子中,请认为它对访问者及其需求具有价值。

人们不会偶然出现在此页面上。他们有目的地想要了解您在做什么以及为什么这么做。为了向他们提供所需的信息,以下是一些技巧来帮助您创建一个很棒的页面。

首先,确定您的目标受众。谁是信息的主要接收者?技术人员?决策者与否?您的故事及其呈现的形式应与目标群体的价值观和目标相关联,以激励人们采取行动。

公司历史

许多公司都希望以时间轴格式向访问者介绍其公司的简短历史。如果您正确选择事件标签,那么公司的历史将有助于与访客建立可靠的情感联系。即使您的公司还很年轻,也有许多重要而有趣的事实。

您的基本原则

. , . . , — .


再次,评论

如果您还没有在主页上添加评论,那么现在该这样做了。这是宣告自己是可靠的合作伙伴并展示您的真实价值的好方法。

您还可以添加汇总的客户评论,成就,徽章和奖励。考虑将您的公司资料放置在各种信息平台(在线列表)上。这将提供两个主要优点。首先,对您的网站而言,高质量的反向链接对于SEO极为有吸引力。其次,如果您投入资源在这样的平台上收集客户评论,那么他们通常会将您包括在邮件列表中并给您徽章。这可以扩大受众范围并提高品牌知名度。

后台的人

介绍您的团队。坚韧的员工不仅使您直接履行职责,而且使您受益。例如,据称人脸的图像给我们带来了信任和信心。这就是您想引起访问者的感觉,不是吗?一些公司甚至在他们的员工中包括狗。

但是,如果不小心,祝福很快就会变成诅咒。请记住,您的高级员工可以成为猎头者的简单目标。您不想失去最好的人吗?因此,请仔细考虑您将要说些什么和如何讲。

在“关于我们”页面上添加视觉内容时,请专注于真实照片,远离库存图像。

合作伙伴

出版商的发布几乎与上述相同。
如果相关,请添加此信息。

录制视频

考虑制作一个简短的视频,在此您可以与访客打招呼,并向他们介绍您的公司和产品。人们倾向于将更多的时间花在具有吸引人的视频内容的网站上,因此拥有视频将对您的SEO产生积极影响。

统计和有趣的事实

最后但并非最不重要的一点是,添加细节以确认您的陈述。集中精力处理关键指标,就像向股东报告一样。与去年相比,已完成项目的数量还是可观的增长将取决于您。

用幽默和有趣的事实来丰富您的故事,例如员工一年中吃掉的纸杯蛋糕的数量或每升喝的咖啡的数量。这会振作起来并同情您的访客。毕竟,您是人,而不仅仅是品牌或公司。

产品和服务


创建原因:详细展示您的产品并概述其价值。

内容:

  • 图片
  • 描述
  • 特点和优点
  • 价格
  • 评论/建议
  • 联系表
  • 常问问题

图片
服务/产品示例页面-stripe.com/payments产品

页面对于您网站上的每个客户都很重要。这些页面的总体目标是直接或通过中间页面将访问者转换为客户。 站点

的“

产品”部分一起或单独构成,应根据它们的数量和种类进行组织。如果产品数量很少,请先将它们全部放在一页上。如果职位很多,则需要分类,因此请考虑创建目录。进行描述,包括图像和交叉引用。

视觉语言

产品图像非常重要,上下文图像最能发挥其功能。
, . , . .

产品说明

将图像与产品的详细说明结合在一起。就其本身而言,这是一门独立的科学,因此我们不会深入研究。关注您的目标受众。记住JTBD方法,我们已经谈到了这个主题。

功能和优点(价值)

总结产品的最佳质量并将其作为功能和优点进行展示很重要。将它们与主要产品说明分开,以便于阅读。简洁-才华横溢的姐妹,描述了产品的功能和优势,力求保持在推文的大小之内。

价格

前进,价格。关于是否在您的网站上注明价格存在不同的意见,这主要取决于所提供产品的性质。

在某些情况下,将价格直接放置在主页上可以提高转化率。相反,在其他情况下,隐藏会引起对该产品的更多兴趣。

拥有单独的价格页面(产品/服务)对您的SEO有利:索引中的页面更多,页面内容中排名的关键字更多。单独的价格安排的另一个优势是可以微调客户的路径,尤其是在B2B渠道中。但一般规则是,最好立即节省资源并在首页上标明价格。

如果您想赢得未来客户的信任,请不要忘记告知他们安全的付款方式,有关退款,取消和交换的规定。建立信任的另一个好方法是有一个试用期。


反馈的相关性

我们已经谈到了反馈和建议的重要性。为特定产品添加客户评论是向目标受众展示产品价值的好方法。

推荐范围从客户推荐到您引以为傲的项目演示。两者兼有是一个优势。

保持联系

考虑添加联系表,以便您的站点用户可以快速与您联系。这对于有效的联系和客户支持,衡量消费者忠诚度指数以及获取其他有价值的信息和指标非常重要。

一旦获得动力,就可以考虑引入全面的客户管理平台,例如Intercom或HelpScout,以及其聊天功能和交互式客户交流环境。

提前准备问题的答案,

改善产品或服务页面上的用户互动的另一种方法是包括“常见问题”部分。关注收件箱中的常见问题和SEO语义。

简短而准确的答案很重要。您的访客将很高兴您提前回答了他们的问题。

导航

产品页面可以用作“支柱”页面-它可以是积累有价值的自然流量的枢纽。并且已经将相关的群集页面(群集页面)链接到该页面。除了改善SEO之外,使用Pillar-Cluster模型还可以大大简化网站上的用户流量。

常问问题



为什么要创建:回答客户的典型问题而无需直接联系他们。
内容:

  • 问题和解答
  • 搜索
  • 在线聊天

图片

“帮助/常见问题”页面的示例-help.dropbox.com

通常,传入的问题与您的产品,账单或交付并不直接相关;用户可以请求您的站点上不可用的各种信息。这是FAQ部分开始发挥作用的地方。

FAQ页面非常简单,并提供许多好处。如上所述,专注于回答真实的客户问题和重复出现在搜索语义中的特定问题。

按主题分隔

对您的问题和答案进行排序。每个主题都应该有一个单独的部分。因此,该站点的访问者将能够直接转到所需的问题,而无需徘徊在其他所有问题上。

搜索

如果您的分析表明,即使对问题进行了分类,访问者也找不到所需的内容,请考虑实施搜索。这是网站上的常见功能,并且有充分的理由。搜索信息花费的时间越少,用户体验就越好。

直接回答问题

您可以用来回答问题(以及获取问题统计信息)的另一个渠道是聊天。聊天通常在页面上以交互式信标的形式显示,您可以通过该信标提问或获取有用的信息。

近年来,实时聊天越来越受欢迎,因为它们可以大大减少搜索信息所花费的时间。尽管如此,在实现实时聊天功能方面,与所有内容一样,也有其利弊。

聊天并不一定意味着他“还活着”。可以将聊天服务配置为将请求转发给客户支持。因此,您不会在页面上实时提供答案,而是会收到一封电子邮件,其中包含来自访问者的请求,以继续进行交流。

另一个选择是使聊天自动进行:使用聊天机器人。聊天机器人可以分析问题并自动提供答案,将网站访问者定向到他们找不到或根本不想花费时间进行搜索的页面或网站部分。

通常,仅为了创建一个FAQ页面而浪费时间和资源。确保您仔细研究其内容,然后才有提高端到端转换率的潜力。

职位


为何要创建:发展您的人力资源,通过关键字吸引员工和利基排名。

内容:

  • 与我们合作的优势
  • 职位
  • 筛选器
  • 申请表格
  • 与您的企业文化,活动,工作环境等相关的媒体

图片
“职位”页面的示例是spotifyjobs.com

基本上,“职业”部分适用于那些有兴趣与您作为员工一起工作的人。告诉他们更多关于您的公司的信息,以便他们了解您是他们希望与他们的生活联系在一起的品牌。

为什么比其他人更好?

通过描述在公司工作的主要优势(无论他们看上去多么普通)(至少是相同的免费咖啡)来开始您的故事。尝试说明您的优势以及相关的图像和简要说明,以便更好地传达您的想法。

您到底在找谁?

“职业”页面的关键部分是工作。与常见问题类似,此部分需要分类。按专业水平或部门划分职位空缺。如果您同时有多个职位空缺,请考虑添加过滤器或搜索字段。

每个职位空缺的单独页面每个职位空缺

都应该有自己的单独页面,在这里您可以了解有关职位要求,必要技能,薪酬等的更多信息。
添加申请表。使用起来越容易,越容易理解,越好。此外,该表格是创建和自定义自动搜索和选择过程的好方法。

争论

与本文所述的网站的其他部分一样,可视化将帮助说服申请人选择您。无论是显示公司进度的信息图还是办公室的非正式照片,都可以显示出来。这将向您的潜在员工表明您喜欢玩乐和努力工作。

博客


为何创建:分享您的知识和经验,研究和想法,获得强大的SEO支持
内容:

  • 创造价值的内容
  • 吸引人的图像
  • 视频
  • 注释
  • CTA
  • 链接到社交网络上的个人资料

图片

博客页面示例-goodonyou.eco/category/stories
, , .

博客可让您从品牌的角度涵盖利基主题,从而补充您的内容策略。根据您采用的策略,内容的投资回报可能会有所不同。让我们更详细地了解拥有博客的好处。

“如果您不将知识传递给他人,那么您是徒劳的。”
Dvarim Rabba(申命记)

如果您的博客定期更新,则搜索引擎会看到您的网站“ 处于活动状态”,并使网站索引频率更高。

我们已经提到了相关关键字的排名。为此,请确保您的文本至少包含250个单词。对于longrid-从800个单词开始。仔细坚持SEO文本优化。
通过添加博客,您自然会获得另一个优势:增加用户会话的持续时间,从而增加搜索结果。您的帖子和帖子越有趣,访问者将花费更多的时间阅读它们,并且顺便说一下,不要重写其他人的博客,这是低效的。

接下来,您已经将访问者花在阅读博客上的时间转化为实现他们的目标-添加CTA块,提供订阅新闻通讯的弹出窗口(适度而优雅),链接到其他文章等。

在结构上,博客页面与工作页面非常相似。有一个主页,具有指向您所有博客文章的链接,并且每个页面都有自己的单独页面。一点也不难。

引诱读者

博客的首页通常由指向帖子和页码的单独链接组成。链接通常放置在具有以下内容的页面元素中:封面图像,文章标题和说明,其中后者可以与文章标题相同。因此,预览的访问者会立即了解记录并更有可能打开它。还有一个重要提示-切勿单击clickbait标头!

如果您的访问者是搜索机器人,则在图像的alt标签中添加适当的关键字(这对整个网站有利),标题和说明。您还可以在博客上实现标签功能。
从Pillar模型的角度来看,这将使诸如“ https://yoursite.com/blog/#seo”之类的URL成为从相邻集群页面累积自然流量的理想枢纽。如果页面正确拼接,机器人会将页面识别为连续页面。

组织内容

要考虑的另一件事是分页。最正确的方法是每页7至10个帖子。这将创建视觉顺序,并允许您的读者在页面之间切换,而不是滚动浏览无休止的帖子列表。对于移动设备尤其如此。

图片和视频

封面照片或视频始终是为照片增添趣味的好方法。当图像与主题匹配时,它们会自动吸引读者的注意力,从而增加了会话时间。

让观众发表

评论在每个帖子中添加评论部分,以便读者可以留下反馈并彼此互动。注释也可以补充您的文本。

但是,如果没有适当的审核,评论可能会陷入混乱。因此,请确保您有足够的资源来有效地管理您的评论。

导航按钮

为了帮助读者有效地导航,请以产品页面为例,并在每篇文章的页面上添加“上一页” /“下一页”按钮。还应该有一个按钮,可将读者返回到您所有帖子的列表。

共享内容

最后,通过在社交网络上添加共享按钮,使访问者可以轻松地与他人共享他们的知识。这有很多好处。其中最有价值的是增加品牌知名度和从其他平台到您网站的引荐流量。

新闻页面

我们有什么新闻?在公司网站上,似乎只有不到1%的访问者认为新闻值得他们度过。此外,公司新闻通常被认为过于主观和自夸。了解用户组的行为模式;您可能会发现,对您的新闻感兴趣的访问者中,只有少数人的转化率比其他人高。


如果您决定创建新闻部分,请遵循与博客页面上相同的原则。用清晰,简洁的视觉和书面信息发布笔记。

联系信息/联系我们


创建原因:让访问者快速联系您的公司并改善SEO。

内容:

  • 电话号码,电子邮件(用于不同目的)
  • 反馈表
  • 地图

图片

联系人页面示例-rndhouse.com/contact

尽管联系信息页面是任何网站的基本页面之一,但它也是最重要的页面之一。

例如,搜索引擎分析您的站点地图,并在找到该页面时将您排名更高。

分类

通过电子邮件和电话号码分配请求流的一种方法是按主题,例如,一般查询,合作问题,职位空缺。然后,您将联系信息添加到页面中,并等待网站的扫描程序收集电子邮件并显示所有类型的垃圾邮件分发。但是有更好的方法-联系表格。

创建表单

一个更方便的解决方案是使用带有垃圾邮件保护功能的联系表单。有很多方法可以创建出色的联系表单,所有这些方法都专注于对用户请求进行排序并将其重定向到所需的收件箱。

位置

联系人页面的另一个有用功能是在地图上显示办公室的位置。只是地址不再对任何人都感兴趣。一些公司超越了标准的Google Maps或Yandex Maps,并将其地图转变为独特的东西。

错误404


创建原因:通知用户有关错误的信息,并将其重定向到其他页面。

内容:

  • 图片/视频/互动元素
  • 错误信息
  • 链接到网站其他页面

图片
错误页面示例-netflix.com/notfound

我们都多次出现在404页上,并遇到了其他错误。大多数公司认为这些页面不值得关注。但是,如果您熟练地处理它们,则可以找到错误页面,而不是令人失望。

要点

首先,放置指向其他页面的链接。至少应该有一个指向主页的链接。
如果您的错误页面本质上是一个死胡同,那很糟糕,您的访问者和SEO都不会喜欢此选项。您可以并且应该将流量从错误页面重定向到正确的位置。


其次,添加信息。它可以是自动生成的消息,也可以是更具创意的消息。发布有趣的图片或互动元素,以使访问者欣赏您对细节的细致关注,即使被错误页面低估了。

网络上有很多很棒的错误页面示例,它们可以激发灵感并发挥您的想象力。

法律信息


为何创建:告诉我们您是否遵守法律要求。

内容:

  • 隐私政策
  • 版权声明
  • 使用条款及条件
  • 免责声明
  • 滥用或投诉联系信息
  • 专利权
  • 公司政策

图片

隐私政策页面示例-samuelsre.com/privacy-policy

显然,普通访问者对访问此页面不会感兴趣。但是法律要求法律页面,并且该页面应可在您网站的任何页面上使用。因此,将指向它们的链接放在页面的页脚中是明智的。


请确保您的律师正确地陈述和验证了文档,以及:

  1. 包含所有必要的信息,分为带编号的段落
  2. 以大多数人可以理解的形式编写
  3. 对应整体场地设计

结论


计划正确的结构和内容并不是一开始看起来那么容易的任务,它需要周密的计划,研究和艰巨的工作。但这是基础!

不能忽略这一点并将其视为次要任务,它很快就直接转移到网站本身的创建(设计,编程),并认为这更为重要。

我们希望我们的指南将帮助您实现这一目标,并创建一个具有正确结构和组织内容的非常好的网站。

对于我们,本指南的作者,我们已经这样做了18年。他们试图在功能强大且同时简单的工具Octopus.do中积累所有经验(除本指南外)。借助它,您可以免费创建一个网站结构,计划内容并与任何人共享。注册是可选的。

All Articles