网页设计中站点的术语和基本工作原理?

网页(英语:web page)是一个适用于和的文件,它存放在世界某个角落的某一部或一组与互联网相连的计算机中。它是构成网站的基本元素,是承载各种网站应用的平台。

网页经由网址(URL)来识别与访问,当我们在网页浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到用户家的计算机,然后再通过浏览器解释网页的内容,再展示给用户。

}

许多人认为SEO太难了,不值得付出努力。这不是真的。SEO的基础实际上很简单。由于//以便搜索引擎了解它的含义。

以下是一个好域名的一些属性:

TLD代表顶级域。它是名称后的部分,如 .com、.org 或 .,通常是最好的,因为它是最知名和最受信任的。

如果您是慈善机构,.org 或您所在国家/地区的等效域名(例如 . 和 .biz 等往往与低质量网站相关联的 TLD,但如果您拥有了,这并不是世界末日。您仍然可以建立一个合法的排名网站。

大多数人不会用HTML和CSS从头开始编写他们的网站。他们使用网站平台。这些软件允许几乎没有编码技能的人创建网站、轻松管理内容并处理无聊的技术问题。

有两种类型的网站平台。

托管平台在一个屋檐下完成所有事情。它们托管您的网站,提供您可以轻松安装和编辑的现成设计,让您无需接触代码即可创建和管理内容。

自托管平台还让您无需代码即可管理和创建内容。不同之处在于您必须自己托管和安装它们。

如果您要从头开始建立一个新站点,那么采用最清晰、最具描述性的结构是有意义的。那可能是Post name

在 URL 中使用日期也是不好的做法,因为您可能希望将来更新帖子。

如果您正在优化现有网站,最好不要更改URL结构 — 即使它并不理想。这样做可能会破坏其他更重要的事情,这些事情将对您的SEO产生更深远的负面影响 。

安装一个好的SEO插件

大多数托管平台开箱即用地处理基本的SEO功能,但 WordPress 并非如此。如果没有SEO插件,即使是最直接的SEO最佳实践也几乎不可能实现。

有很多这些插件可用。我们使用Yoast,但Rank Math也不错。

安装很简单。只需前往:

这两个插件都为您的帖子和页面添加了有用的额外输入字段。(我们稍后会回到这些)。

如果您使用的是 Wix 或 Squarespace 等托管平台,则无需安装插件,因为这些平台允许您开箱即用地进行基本的SEO调整。

到了这个阶段,你应该有一个不错的SEO成功基础。但这只是开始。SEO是一个持续的过程,大致分为四个方面:

如果有像 /mens/ 或 /jeans/ 这样的“上下文”子文件夹,通常最好排除重复的关键字。

标题标签是显示在搜索结果中的蓝色可点击链接。

它是吸引搜索者点击您的页面的少数武器之一,因此使其尽可能引人注目非常重要。

最简单的方法是将其与搜索意图对齐。

例如,如果我们查看“最佳蓝牙音箱”排名靠前的标题,就会发现有几个共同点:

  • 它们都包含年份。这暗示新鲜度对搜索者很重要。

  • 有很多关于可移植性的讨论这暗示了一个重要的属性。

将这些知识作为我们的优势,这似乎是一个非常好的标题标签:

最佳蓝牙扬声器(2021 年):便携性的首选

图片可以在 Google 图片中排名并将流量发送到您的网站。仅在过去三个月中,我们就收到了来自 Google 图片的数千次访问。

  1. 使用描述性替代文字。替代文本是用文字描述图像的代码。它在页面上不可见,除非访问者使用屏幕阅读器或图像无法加载。当您上传图像时,大多数网站平台都有一个用于替代文本的输入字段。

  2. 压缩它们。安装类似 Shortpixel 的插件来动态压缩您的图像并提高页面速度。

来自其他网站的链接就像“投票”一样,向 Google 表明人们正在为您的内容担保。

它们可以说是最重要的排名因素,但获得好的排名并不总是那么容易。

大多数链接构建策略都围绕着创建值得链接的内容,然后以令人信服的理由与网站所有者和编辑联系,将您的链接添加到他们的页面之一。但是还有其他方法可以获得链接。

让我们来看看一些链接建设策略。

访客博客是您为另一个网站撰写博客文章的地方。这是 Ryan Stewart 在 2018 年为 Ahrefs 博客撰写的客座帖子。

如果您查看作者简介,您会注意到指向 Ryan 社交资料和网站的链接。

大多数网站都允许客座作者在此处添加他们的链接。

寻找潜在访客博客机会的最简单方法之一是使用内容浏览器,这是我们超过 70 亿页的可搜索数据库。就是这样:

  1. 从下拉列表中选择“标题中”

在这里,您会看到访问您的主题的网页获得最多流量的网站:

因为这些网站之前已经写过关于这个主题的文章,所以他们可能会接受关于类似主题的客座帖子。只需给他们发电子邮件并询问。

摩天大楼技术是您通过创建比人们已经链接到的内容更好的内容来建立链接的地方。

● 找到具有大量反向链接的相关内容
● 要求链接到原始内容的人链接到您的内容

Content Explorer可以说是寻找“摩天大楼”机会的最快方式。只需搜索一个主题,然后过滤具有大量引用域(链接网站)的页面。

寻找可以改进的东西,然后发布更好的东西。然后,您可以将URL插入 Ahrefs 的站点浏览器,从反向链接报告中找到其所有反向链接,并与这些人联系。

了解竞争对手如何吸引反向链接是创建链接构建策略的最佳方式。如果您可以在他们的链接配置文件中找到模式,您就会知道哪种链接构建策略可能对您的网站最有效。

为此,请在 Ahrefs 的关键字资源管理器中搜索您要定位的关键字,然后向下滚动到SERP概览。寻找与您的页面相似且具有大量引用域(链接网站)的页面。

如果我们为“ SEO基础知识”这样做,我们会看到大量带有大量反向链接的页面。

如果我们然后点击进入其中一个页面的反向链接报告,我们可以在其反向链接中寻找趋势。

在这种情况下,看起来博客指南中有很多链接。

因此,我们可以轻松地在Content Explorer 中进行搜索以找到更多博客指南,然后联系他们的作者并建议将此帖子作为他们指南的补充。

技术SEO是帮助 Google 等搜索引擎查找、理解和索引您的页面的过程。它可能会变得非常复杂,但由于我们在为SEO成功设置网站时已经涵盖了基础知识,因此我们不会在这里更深入。

目前,我们建议注册一个免费的Ahrefs 网站管理员工具帐户并安排定期抓取您的网站。这些爬行检查 100 多个SEO问题,包括大量常见的技术问题。

到了这个阶段,你应该对SEO有了很好的了解。但是你如何衡量和跟踪你的努力的表现呢?最明显的答案就是跟踪您的网站从自然搜索中获得的流量。

如果您使用的是 Google Analytics,则可以通过以下方式快速查看自然流量:

如果您不使用 Google Analytics,您可以在 Ahrefs 的站点浏览器中查看当前和过去估计的自然流量。

如果这个数字在上升,那么你可能做对了。

您还可以在Rank Tracker 中跟踪关键字排名。如果您的某个关键字在一个月内排名第 5,下个月排名第 1,那么这又表明您做对了。

然而,虽然关注自然流量和排名没有坏处,但这两项指标被称为虚荣指标,因为它们通常与您的整体营销或业务目标无关。

跟踪具有实际业务影响的指标要好得多。

让我们仅探索其中的几个指标。

监控有机语音份额 (SoV)

有机 SoV 是您的品牌在搜索结果中与竞争对手相比的知名度。这很重要,因为 SoV 和市场份额之间存在关系。

您可以在 Ahrefs 的Rank Tracker 中跟踪有机 SoV 。只需添加对您的业务很重要的关键字并给它们一个适当的标签。

从那里前往:竞争对手 > 概览

如果您还没有这样做,请添加一些竞争对手。然后检查“可见性”选项卡,查看与竞争对手相比,您的跟踪关键字在您的网站上的所有点击次数所占的百分比。

跟踪来自自然流量的转化

当您网站的访问者执行所需的操作时,就会发生转化。这可以是从点击链接到进行购买的任何事情。

如果您使用 Google Analytics(分析),您可以跟踪购买和几乎任何您喜欢的东西的转化。然后,您可以过滤来自自然流量的转化并比较时间段,以查看您的SEO工作对重要事物产生的影响。

免费的搜索引擎优化工具,许多专业的SEO工具每月花费超过 100 美元。鉴于这是SEO基础知识的指南,您可能还没有准备好将这种资金投入到Ahrefs 等强大的SEO工具中。但不用担心。您可以使用免费的SEO工具实现很多目标。

以下是一些流行的方法,它们有助于第 4 章中涵盖的SEO 的各个方面。

●谷歌关键字规划师:找到独特的关键字提示。

●关键字生成器:生成数百个关键字提示。

●SERP检查器:根据前三个结果检查该主题的估计搜索流量潜力。

●关键字难度检查器:检查关键字的关键字难度 ( KD ) 分数。

●Ahrefs 网站管理员工具:在您网站上的任何位置查找缺少的标题标签、元描述和替代文本。

●Ahrefs的反向链接检查器:查看任何网站或网页的前 100 个反向链接。

●哈罗:每天获取链接机会。(从技术上讲,它更像是一种服务而不是一种工具)

●Gmail:发送外展电子邮件以链接潜在客户。不需要花哨的外展软件。

●谷歌搜索控制台:查找索引覆盖错误、页面速度问题等。

●Ahrefs 网站管理员工具:在您的网站上查找 100 多个SEO问题,包括许多技术问题。

总结一下:以上所有内容都应作为对SEO基础知识的非常详尽的介绍。如果您想了解有关第四章中讨论的四个方面的更多信息,我们提供了每个方面的初学者指南。

}

明确政府网站的定位是网站建设工作的核心。当前,我国政府正处在向“服务型政府”转变的进程中,尤其是自胡锦涛总书记提出“权为民所用、情为民所系、利为民所谋”的重要思想以来,毋庸置疑,“服务”已成为当前我国各级政府的工作中心。因此,作为政府面向社会的窗口,政府门户网站的定位就是“服务”,由此决定的政府网站的职能,可以概括为“发布政策信息,收集公众反馈,提供业务指导,受理公众工作”。
    但是,目前我国一些政府部门在这个“窗口”的设计上存在不少问题:
    政府门户网站的主页具有网页的一般属性,需要遵循网站设计的一些普遍性规律,包括标题色彩的搭配与协调、网页的布局、标志与主图片选择与安置、动画、导航条、搜索栏等一系列的设计。概括来说,这些都属于网页设计的专业化问题。
  有些政府门户网站的设计在这些方面还有许多需要改进的地方。例如,网站页面布局结构拥挤混乱,色彩搭配不合理,浮动的Flash使人眼花缭乱,不能突出重点信息,等等。这样既给访问者浏览带来很大的不便,也使整个网页的艺术效果大打折扣。
由于政府的特殊性,决定了政府门户网站的命名应该严格、规范、明确,而不能像商业网站那么随意。这关系到政府的形象问题。但现在一些政府门户网站在命名上五花八门,并没有采用统一规范的形式。以省级政府为例,正规的称谓应以“某某省人民政府”为宜,但是有些政府的门户网站名为“中国某某”,或曰“中国某某电子政务门户网站”;而地市级政府网站的称谓就更加混乱。仅从网站名称上,令人难以判断这到底是不是一个政府网站。
    在域名的选择上,大部分政府门户网站采用了较为规范和权威的“.gov.cn”网络域名,但还是有一部分政府网站并没有采用此域名,从域名上亦难以分辨出是政府网站还是非政府网站,使这些政府网站丧失了特殊域名所能带来的权威性。
    政府作为国家领导机构是有其特殊职能的。政府的职能决定了政府门户网站的内容。政府网站所提供的内容一般有政府部门机构职能的基本信息、政府部门的政策法规以及办事程序等政务信息、政府网上服务窗口、地方产业概况、接收公众反馈信息等。但是现实情况却是,很多政府门户网站所提供的内容杂乱无章。
由于政府级别的差异,各级政府在内容的提供上肯定是有差异的。但是,政府门户网站作为我国政府推行电子政务的一个外在表现形式,作为我党执政为民的一个具体行动,它的一些核心内容在各级政府都应该是一致的,例如政务公开、政策推广、网上办公等。那么对于这些具有一致性的内容,各级政府应该有一个统一的规划。然而现实情况却是,同一职能部门的上下级单位栏目规划不一致,平行部门的栏目设计更是千差万别。
商业网站只要不违反国家相关法律,可以自由地在其网站上发布信息。政府门户网站由于受其职能与身份的约束,有些信息或链接是不能随意在网站上出现的。在这些方面,政府网站一定要与商业网站区分开来。但是在具体操作上,很多政府门户网站上的商业信息与政务信息混杂,并提供与商业网站的链接。从表面上看这体现出全面的“服务”意识,而实际上这是一种不清晰的定位。
访问者浏览政府网站,主要是为了获取他所感兴趣的政策或经济信息。根据认知心理学的相关研究,对网站的访问者可以分为有意和无意两种类型。对于有意访问者,重要的是使其可以方便地获取其所需的信息,而对于后者,重要的就在于在尽量少的时间里引起他的注意力。政府网站的访问者多数属于有意访问者。因此,网页的内容必须突出重点、简洁明了、避免夸张,装饰部分不宜太多,以免喧宾夺主。用专业的网页设计术语来说,这类网页的风格应是内容型的。国外学者Donald Norman在《Emotional Design》一书中,将设计分为三种层次:本能水平的设计、行为水平的设计和反思水平的设计。其中与内容型风格相适应的,是行为水平的设计。它注重效用的设计,注重功能、易用性、可用性,以便于访问者达到获取相关信息的最终目的。

政府网站的标志,相当于商业网站的logo,但一般多为国徽或政府名称。政府的标识体现着政府的庄严与权威,不能像企业的标识那样带有太多的感性色彩。政府网站的标识问题不在于用什么标识,而在于标识如何安置。政府应当把其标识设置在访问者第一眼就能看到的位置。那么,网页的哪个位置最引人注目呢?根据EyetrackIII的研究,访问者在浏览网页时,视线多数时候常常首先在页面左上角停留,然后在该区域稍作浏览,跟着移动到页面右方。在对页面上方进行一段时间的仔细阅读后,眼球才会开始浏览下方的内容。这也就是说,访问者第一眼看到的,是页面的左上方。政府网站的标识,就应该放置在这个位置。打个比方,这就相当于在个人名片上,应当选择最易于他人识别的位置来安放自己的姓名。但是有些网页的设计却忽略了这一点。
值得一提的是,现在许多网站的首页,多是采取两侧“留白”的显示方式。根据国外一些学者的研究,这种方式容易使访问者专注于网页的内容,对于文本的阅读是有好处的。但是首页一般不会有大量文字性的东西,而主要是一些导航与链接,因此采取两侧“留白”的方式并不是很合理。按照上面谈到的EyetrackIII的研究结果,更为合理的是右侧“留白”。如图1(图略)所示,整个主页面位于屏幕的左侧,而右面留白,这样更便于访问者浏览。
主图片的位置相对比较固定,位于页面上方;这一点政府网页与其他网页并无不同。但在图片的选择上则需要注意,一是不要太花太闪。主图片是一个网页风格的基调,政府网页的主图片上都有政府的名称,太花太闪的主图片有失庄重与权威;二是图片所显示的内容最好与政府的职能相搭配,体现政府部门的特色。除图片之外,尽量不要用动态的Flash。政府网站的定位不同于商业网站,其访问者也大都是“有备而来”,不需要靠这些花哨的东西来吸引访问者。同时,它们还会降低系统的响应速度,给访问者的浏览造成不便。图2(图略)所示的政府网页的主图片就设计得比较成功。
    导航条的安置有两种选择,各有特点。如果导航栏目比较多,则导航条横向放置在页面顶端比较好,这样便于将所有栏目展示给访问者,而不会由于显示屏高度的原因造成障碍。如果导航栏目不多,则宜于放置在页面左侧,方便访问者阅读。
在网页设计中,信息的展示是人性化设计的另一个重要问题。这里面有两个关键,一是让访问者快速注意到重要的信息,二是对信息内容进行合适的安排处理,以提高阅读者的舒适感。如何让访问者尽快注意到重要的信息呢?根据我们观察,访问者在打开网页后,会本能地先看站点logo和左上角的标题。按照视觉流程的研究结果,这就是视觉流动的起点。这附近的区域称为“最佳视域”,也就是最优选的地方。在网页设计中,一些重要的信息或更新的内容通常都放在这个位置。图3(图略)显示了从Eyetrack研究数据中计算出来的页面区域重要性分布。显然,网页的设计者应当把重要信息放在图中红色的区域。同时,在保证页面色彩统一协调的基础上,还可以用不同于周围的颜色来强调,以引起访问者的注意。
访问者选定信息后,接下来的步骤就是阅读信息。这就在确定信息显示格式方面对设计者提出了要求。国外的相关研究表明,阅读者对文字的阅读受文字周围环境的影响。在一般情况下,尽量少用移动、Flash等动态显示方式,文字周围“留白”都有助于访问者的阅读。在文字安排上,每行最好是20到30个汉字,行距不宜太密,字体不宜太小。字体的颜色种类不要太多,正文和背景的颜色对比要符合人的视觉特点。如果涉及的信息量比较大,则应使用超文本将其拆分成多个网页。
    4.色彩的运用     在色彩的运用上,政府网站的色调应以沉稳、柔和、较暗的中性色为主,不宜太眩目。色彩运用有一个基本的原则——Thorelland Smith原则,即当色彩的意义不大时,使用色彩的数量不宜超过五种。如果色彩太多、太乱,则会使整个页面显得很不安宁,并且这种令人眼花缭乱的感觉会分散访问者的注意力,造成访问者的视觉疲劳,妨碍其获取相关信息。同时,色彩要有对比、过渡、平衡,在这些方面,政府与其他网站的设计并没有太多的区别。
    政府网站的网页设计还要注意的一个问题是,作为政府部门,经常会有一些重要的政务活动或是与部门职能相关的商业活动。那么,如果在政府网站上推广这些活动,可以采用三种比较合理的方式安置相关内容。一是在政府标志的一侧放置相关的链接;二是在导航菜单下面、内容区上面安置相关的链接;三是对于重大活动,可以专门设置一个进入的页面。
    5.注重政府网站设计的“特殊性”     电子政务是一个复杂的体系,政府门户网站是电子政务的外在表现形式。政府门户网站直接面向最终用户,是政府与居民和企业单位互动的窗口和平台。
    政府门户网站使用统一而规范的站名与域名,不仅可以增强各级政府的一致性,提高政府形象,体现我国政府门户网站的权威与可信度,同时也可以方便访问者查找与浏览信息。要解决这一问题,一方面需要相关政府部门出台相应的政策,使之有法可依;另一方面,也需要各级政府在推行电子政务、建设政府门户网站时精益求精,注重细节。
    政府门户网站核心栏目的规范与统一,有利于保持各级政府的整体性与一致性,有利于电子政务的有序开展。要实现核心栏目的规范化,一是需要政府主管部门制定一个章程,使政府门户网站的核心栏目规划有章可循;二是各级政府多沟通、多交流,避免各自为政;三是树立模范样板站点,通过树立典型来促进规范化的实施。
    (本文的第一作者系中国科学院研究生院管理学院副院长)

}

我要回帖

更多关于 简述动态网页的工作原理 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信