技术SEO:将帮助您优化搜索引擎的网站

技术SEO:将帮助您优化搜索引擎的网站

现在,您已经在扎实的关键词研究的基础上制作了有价值的内容,因此重要的是要确保它不仅可以被人类阅读,而且还可以被搜索引擎阅读!

您不需要对这些概念有深入的技术了解,但是掌握这些技术资产的作用很重要,这样您就可以与开发人员明智地谈论它们。讲开发人员的语言很重要,因为您可能需要他们进行一些优化。如果他们无法理解您的请求或看不到它的重要性,他们不太可能优先考虑您的请求。当您建立对开发人员的信誉和信任时,您就可以开始撕掉繁琐的繁文often节,而繁琐的繁文crucial节常常阻碍关键工作的完成。

这个词是什么意思?

确保方便使用SEO词汇表,以准备解决本章中的所有新思想!

请参阅第5章定义 

SEO需要跨团队的支持才能有效

与开发人员保持健康的关系至关重要,这样您才能成功解决双方的SEO挑战。不要等到技术问题导致负面的SEO后果涉及开发人员。取而代之的是在计划阶段共同努力,以完全避免这些问题。如果您不这样做,以后可能会花费您时间和金钱。

除了跨团队支持之外,如果您要确保针对人类和爬虫构建网页,了解SEO的技术优化至关重要。为此,我们将本章分为三个部分:

  1. 网站如何运作
  2. 搜索引擎如何理解网站
  3. 用户如何与网站互动

由于站点的技术结构可能会对站点的性能产生重大影响,因此每个人都必须了解这些原则,这一点至关重要。与您的程序员,内容作者和设计师共享指南的这一部分也是个好主意,以便使网站建设中涉及的所有各方都在同一页面上。

网站如何运作

如果搜索引擎优化是优化网站以进行搜索的过程,则SEO至少需要对他们正在优化的事物有基本的了解!

下面,我们概述了网站从域名购买到在浏览器中完全呈现状态的过程。网站旅程的重要组成部分是关键的渲染路径,这是浏览器将网站代码转换为可查看页面的过程。

出于以下几个原因,了解有关网站对于SEO来说很重要:

  • 此网页编码过程中的步骤可能会影响页面加载时间,并且速度不仅对于将用户保留在您的网站上很重要,而且也是搜索引擎的排名因素之一。
  • 搜索引擎会二次抓取某些资源,例如JavaScript 。搜索引擎将首先查看没有JavaScript的页面,然后几天到几周后,它将呈现JavaScript,这意味着使用JavaScript添加到页面中的SEO关键元素可能不会被索引。

想象一下,网站加载过程是您的日常工作。您准备好在家准备好,整理好要带到办公室的东西,然后以最快的速度从家中上班。穿上一只鞋子,走更长的路去上班,在办公室放下你的东西,然后立即回家拿另一双鞋子,对吗?那就是效率低下的网站的例子。本章将教您如何诊断网站效率低下的地方,可以做些什么来简化,以及这种简化可能对您的排名和用户体验产生积极的影响。

在可以访问网站之前,需要先建立它!

  1. 域名已购买。像025youhua.com这样的域名是从域名注册商(例如阿里云或新网)购买的。这些注册商只是管理域名保留的组织。
  2. 域名链接到IP地址。没有域名服务器(DNS)的帮助,互联网无法将“025youhua.com”之类的名称理解为网站地址。互联网使用一系列称为互联网协议(IP)地址的数字(例如:127.0.0.1),但是我们希望使用诸如025youhua.com之类的名称,因为它们更容易让人记住。我们需要使用DNS将那些人类可读的名称与机器可读的数字链接起来。

网站如何从服务器到浏览器

  1. 用户请求域。现在,该名称已通过DNS链接到IP地址,人们可以通过直接在浏览器中键入域名或单击指向该网站的链接来请求网站。
  2. 浏览器发出请求。对该网页的请求提示浏览器发出DNS查找请求,以将域名转换为其IP地址。然后,浏览器向服务器发出请求,以请求构造您的网页的代码,例如HTML,CSS和JavaScript。
  3. 服务器发送资源。服务器接收到对网站的请求后,就会发送要在搜索器的浏览器中组合的网站文件。
  4. 浏览器组装网页。浏览器现在已经从服务器接收了资源,但是仍然需要将所有资源放在一起并呈现网页,以便用户可以在浏览器中看到它。当浏览器解析并组织所有网页资源时,它正在创建文档对象模型(DOM)。右键单击并在Chrome浏览器中的网页上“检查元素”时,您会看到DOM 。
  5. 浏览器发出最终请求。浏览器仅在下载,解析和执行所有页面所需的代码后才会显示网页,因此,在这一点上,如果浏览器需要任何其他代码来显示您的网站,它将从您的服务器发出其他请求。
  6. 网站出现在浏览器中。您的网站现在已经从代码转换(呈现)为您在浏览器中看到的内容。

与您的开发人员讨论异步!

通过将脚本设置为“异步”,您可以带给开发人员的某些东西正在缩短关键的渲染路径。而不需要它们将内容呈现在首位,这可以使您的网页加载更快。异步告诉DOM,当浏览器获取显示网页所需的脚本时,它可以继续进行组装。 DOM每次在浏览器获取脚本(称为“渲染阻止脚本”)时都必须暂停汇编,这会大大减慢您的页面加载速度,这就像在外与朋友吃饭并且每次都必须暂停对话你们中的一个去点菜,只有他们回来后才恢复。通过异步,即使您中的一个正在点菜,您和您的朋友也可以继续聊天。您可能还想提出开发人员可以实现的其他优化以缩短关键的渲染路径,例如完全删除不必要的脚本,例如旧的跟踪脚本。

现在你知道一个网站是如何出现在浏览器中,我们将重点关注哪些网站是由-换句话说,代码(编程语言)来构建这些网页。

三种最常见的是:

  • HTML –网??站所说的内容(标题,正文内容等)
  • CSS –网??站的外观(颜色,字体等)
  • JavaScript –行为方式(交互式,动态等)

HTML:网站怎么说

HTML代表超文本标记语言,并且它是网站的基础。标题,段落,列表和内容等元素均在HTML中定义。

这是网页的示例,其相应的HTML如下所示:

网页的示例

这是W3schools.com(我们最喜欢学习和练习HTML,CSS和JavaScript的地方)的屏幕截图。

HTML对于SEO来说很重要,因为HTML是SEO创建或处理的任何页面的“内幕”。尽管您的CMS可能不需要您以HTML编写页面(例如:选择“超链接”将使您无需输入“a href =”即可创建链接),但这正是您要修改的内容您在网页上执行某些操作时,例如添加内容,更改内部链接的锚点文本等。搜索引擎会抓取这些HTML元素,以确定您的文档与特定查询的相关性。换句话说,HTML内容在您的网页在自然搜索中的排名方式中起着至关重要的作用!

CSS:网站的外观

CSS代表“层叠样式表”,这就是导致您的网页采用某些字体,颜色和布局的原因。创建HTML是为了描述内容,而不是为其设置样式,因此,当CSS进入场景时,它将改变游戏规则。使用CSS,可以“美化”网页,而无需将样式手动编码到每个页面的HTML中,这是一个繁琐的过程,尤其是对于大型网站。

直到2014年,搜索引擎的索引系统才开始将网页呈现为更像实际的浏览器,而不是纯文本浏览器。试图利用搜索引擎较旧的索引系统的黑帽SEO做法是通过CSS隐藏文本和链接,以操纵搜索引擎排名。这种“隐藏的文字和链接”做法违反了搜索引擎的质量准则。

SEO尤其应注意的CSS组件:

  • 由于样式指令可以存在于外部样式表文件(CSS文件)中,而不是存在于页面的HTML中,因此可以使页面减少代码量,减少文件传输大小并缩短加载时间。
  • 浏览器仍然必须下载CSS文件之类的资源,因此压缩它们可以使您的网页加载更快,并且页面速度是排名因素。
  • 使您的页面的内容比代码更多,可以更好地索引您网站的内容。
  • 使用CSS隐藏链接和内容可以使您的网站受到人工惩罚,并从搜索引擎的索引中删除。

JavaScript:网站的行为

在互联网的早期,网页是使用HTML构建的。当CSS出现时,网页内容就可以采用某种样式。当JavaScript编程语言出现时,网站现在不仅可以具有结构和样式,而且可以是动态的。

JavaScript为非静态网页创建开辟了很多机会。当某人尝试访问使用此编程语言增强的页面时,该用户的浏览器将针对服务器返回的静态HTML执行JavaScript,从而使该页面具有某种交互性。

您肯定已经看过JavaScript的使用-您可能还不知道它!这是因为JavaScript几乎可以对页面执行任何操作。例如,它可以创建一个弹出窗口,或者可以请求第三方资源(如广告)显示在您的页面上。

客户端渲染与服务器端渲染

但是,JavaScript可能会给SEO带来一些问题,因为搜索引擎对JavaScript的浏览方式与访客不一样。这是因为客户端渲染与服务器端渲染有关。大多数JavaScript在客户端的浏览器中执行。另一方面,在服务器端渲染中,文件在服务器上执行,服务器将它们以完全渲染状态发送到浏览器。

SEO关键页面元素(例如文本,链接和标记,这些元素使用JavaScript加载到客户端,而不是用HTML表示)在页面代码中不可见,直到呈现为止。这意味着搜索引擎爬虫将看不到您的JavaScript中的内容-至少最初不会看到。

只要您不阻止搜索引擎抓取JavaScript文件,它们通常就可以像浏览器一样呈现和理解您的网页,这意味着Googlebot应该与用户浏览时看到的东西相同他们浏览器中的网站。但是,由于客户端JavaScript的这种“第二次索引编制”,搜索引擎可能会错过某些仅在执行JavaScript后才可用的元素。

在呈现网页的过程中,还有其他一些问题可能会出错,这可能会阻止搜索引擎了解JavaScript中包含的内容:

  • 您已经从JavaScript资源中阻止了搜索引擎(例如,使用robots.txt,就像我们在第2章中学到的一样)
  • 您的服务器无法处理所有抓取您内容的请求
  • JavaScript过于复杂或过时,搜索引擎无法理解
  • JavaScript直到搜寻器完成页面并继续前进后,才将内容“延迟加载”到页面中。

不用说,尽管JavaScript确实为网页创建打开了很多可能性,但是如果您不小心的话,它也会对您的SEO产生严重影响。

了解网站的工作方式为我们接下来要讨论的内容奠定了良好的基础:技术优化可帮助搜索引擎更好地了解您网站上的页面。

搜索引擎如何理解网站

想象一下,当一个搜索引擎爬虫正在扫描有关如何烤蛋糕的10,000字的文章。您如何识别制作蛋糕的作者,食谱,配料或步骤?这就是模式标记的用处。它使您可以为搜索引擎提供页面上哪种类型的信息的更具体的分类。

模式是一种标记或组织内容的方法,以便搜索引擎更好地了解网页上的某些元素。这段代码为您的数据提供了结构,这就是为什么模式通常被称为“结构化数据”的原因。数据结构化过程通常称为“标记”,因为您正在使用组织代码标记内容。

JSON-LD是搜索引擎首选的模式标记。要查看数千种可用模式标记的完整列表,请访问Schema.org以获取有关如何实现结构化数据的更多信息。实施最适合您网页的结构化数据后,您可以使用Google的结构化数据测试工具来测试标记。

除了帮助搜索机器人了解特定内容的含义外,架构标记还可以使SERP中的页面具有特殊功能。这些特殊功能被称为“丰富代码段”,您可能已经在实际中看到了它们。他们是这样的:

  • 热门故事轮播
  • 评论星
  • 网站连结搜寻框
  • 菜谱

请记住,使用结构化数据可以帮助显示丰富的摘录,但不能保证一定会有。随着模式标记的使用增加,将来可能会添加其他类型的丰富网页摘要。

关于架构成功的最后建议:

  • 您可以在页面上使用多种类型的架构标记。但是,如果您标记一个元素(例如产品),并且页面上列出了其他产品,则还必须标记这些产品。
  • 请勿标记访问者看不到的内容,并遵循搜索质量准则。例如,如果您向页面添加评论结构化标记,请确保这些评论在该页面上实际可见。
  • 如果您有重复的页面,搜索引擎会要求您使用结构化的标记(而不只是规范的版本)标记每个重复的页面。
  • 提供原创和更新(如果适用)你的结构化数据的网页。
  • 结构化标记应准确反映您的页面。
  • 尝试对内容使用最特定类型的架构标记。
  • 加标的评论不应由企业撰写。它们应该是来自实际客户的真正的无偿业务评论。

通过规范化向搜索引擎告知您的首选页面

当搜索引擎在不同的网页上抓取相同的内容时,有时它不知道要在搜索结果中建立索引的页面。这就是为什么发明rel="canonical"标签的原因:为了帮助搜索引擎更好地索引内容的首选版本,而不是所有重复的内容。

rel="canonical"标签可让您告诉搜索引擎内容的原始主版本在哪里。您实际上是在说:“嘿,搜索引擎!不要为此编入索引;而应为此源页面编制索引。” 因此,如果您想重新发布一部分内容,无论是经过精确修改还是略作修改,但又不想冒重复创建内容的风险,可以使用规范标签来节省时间。

正确的规范化可确保您网站上的每个唯一内容都只有一个URL。为了防止搜索引擎将单个页面的多个版本编入索引,我们建议您在网站的每个页面上都使用一个自引用规范标签。如果没有规范的标签告诉搜索引擎首选的网页版本,https://www.example.com可能会与https://example.com分开建立索引,从而创建重复项。

“避免重复内容”是互联网上的事实,这是有充分理由的!搜索引擎希望通过独特,有价值的内容来奖励网站,而不是从其他来源获取并在多个页面上重复的内容。因为引擎希望提供最佳的搜索者体验,所以它们很少显示同一内容的多个版本,而是选择仅显示规范化版本,或者如果不存在规范标签,则选择它们认为最有可能的原始版本。

区分内容过滤和内容惩罚

没有重复的内容惩罚之类的事情。但是,应尽可能使用rel="canonical"标记,以防止重复的内容引起索引问题。如果存在页面重复项,则搜索引擎将选择一个规范,并从搜索结果中过滤掉其他规范。这并不意味着您已经受到处罚。这只是意味着搜索引擎只希望显示您内容的一种版本。

了解有关规范化的更多信息 

由于排序和过滤器选项,网站具有多个重复页面的情况也很常见。例如,在一个电子商务网站上,您可能具有所谓的多面导航,该导航使访问者可以缩小产品范围以准确找到他们想要的东西,例如“排序依据”功能可以对产品类别的结果进行重新排序页面价格从最低到最高。这样可以创建一个看起来像这样的URL:example.com/mens-shirts?sort=price_ascending。添加更多的排序/过滤器选项,例如颜色,尺寸,材料,品牌等,然后考虑一下将创建的主要产品类别页面的所有变体!

用户如何与网站互动

第1章中,我们说过,尽管SEO代表搜索引擎优化,但SEO既关乎人,也关乎搜索引擎本身。那是因为存在搜索引擎来为搜索者提供服务。这个目标有助于解释为什么搜索引擎的算法会奖励那些为搜索者提供最佳体验的网站,以及为什么某些网站尽管具有强大的反向链接配置文件之类的特质,但在搜索中的效果可能不佳。

当我们了解是什么使他们的Web浏览体验最佳时,我们可以创建这些体验以实现最佳搜索性能。

确保为您的移动访问者带来积极的体验

由于当今所有网络流量的一半以上来自移动设备,因此可以肯定地说,移动访问者应该可以访问您的网站并且易于浏览。2015年4月,Google推出了其算法的更新,该算法将促进非移动设备友好页面上的移动设备友好页面。那么,如何确保您的网站适合移动设备?尽管可以通过三种主要方式为移动设备配置网站,但搜索引擎建议您采用自适应网页设计。

响应式设计

响应式网站旨在适应访问者正在使用的任何类型设备的屏幕。您可以使用CSS使网页“响应”设备的大小。这是理想的选择,因为它可以防止访问者为了查看页面上的内容而不得不点按两次或捏和放大。不确定您的网页是否适合移动设备?您可以使用百度的移动设备适合性测试进行检查!

移动优先索引

搜索引擎开始将网站切换为移动优先索引。这种变化引发了移动友好性和移动优先之间的混淆,因此有助于消除歧义。通过移动优先索引,搜索引擎可以对您的网页的移动版本进行爬网和索引。使您的网站与移动屏幕兼容对用户和搜索性能都有好处,但是移动优先索引独立于移动设备的友好性而发生。

对于缺少移动版本和桌面版本之间的奇偶校验的网站,例如在其移动视图中显示不同的内容,导航,链接等,这引起了一些担忧。例如,具有不同链接的移动网站将改变机器人抓取您的网站的方式并将链接资源发送到其他页面。

提高页面速度以减轻访客的挫败感

搜索引擎希望提供能够为搜索者快速加载内容的内容。我们一直期望快速加载结果,而当我们没有得到它们时,我们将迅速跳回SERP,以寻找更好,更快的页面。这就是为什么页面速度是站点SEO至关重要的方面。我们可以利用以下提到的工具来提高网页的速度。单击链接以了解更多信息。

图像是慢速页面的主要原因之一!

第4章所述,图像是网页加载缓慢的第一原因之一!除了图像压缩,优化图像替代文本,选择正确的图像格式以及提交图像站点地图外,还有其他技术方法可以优化向用户显示图像的速度和方式。改善图像传递的一些主要方法如下:

1. SRCSET:如何为每个设备提供最佳图像尺寸

SRCSET属性允许您具有映像的多个版本,然后指定在不同情况下应使用的版本。这段代码被添加到标记(图像在HTML中的位置),以为特定大小的设备提供唯一的图像。

就像我们前面讨论的响应式设计的概念一样,除了图像!

这不仅加快了图像加载时间,而且还是通过为不同的设备类型提供不同的最佳图像来增强页面用户体验的独特方法。

不仅有三个图像尺寸版本!

常见的误解是您只需要台式机,平板电脑和移动尺寸的图像即可。屏幕尺寸和分辨率种类繁多。

2.显示访客正在通过延迟加载进行图像加载

延迟加载是在您访问网页时发生的,它没有看到空白的图像空白,而是在加载周围的文本时出现了图像的轻量级模糊版本或彩色框。几秒钟后,图像清晰地以全分辨率加载。

该低分辨率版本最初加载,然后全高分辨率版本。这也有助于优化您的关键渲染路径!因此,在下载所有其他页面资源的同时,您正在显示一个低分辨率的预告片图像,该图像有助于告诉用户事情正在发生/正在加载。有关如何延迟加载图片的更多信息,请参阅延迟加载指南

通过压缩和捆绑文件来提高速度

页面速度审核通常会提出诸如“减少资源”之类的建议,但这实际上意味着什么?缩小通过删除换行符和空格之类的内容来压缩代码文件,并在可能的情况下缩写代码变量名称。

关于提高页面速度,“捆绑”是您会听到的另一个常用术语。捆绑过程将一堆相同的编码语言文件组合为一个文件。例如,可以将一堆JavaScript文件放入一个更大的文件中,以减少浏览器的JavaScript文件数量。

通过最小化和捆绑构建网页所需的文件,您可以加快网站速度并减少HTTP(文件)请求的数量。

改善国际观众的体验

针对来自多个国家/地区的受众的网站应熟悉国际SEO最佳做法,以便提供最相关的体验。如果没有这些优化,国际访问者可能很难找到适合他们的网站版本。

网站的国际化主要有两种方式:

  • 以多种语言为目标的语言网站被视为多语言网站。这些网站应添加称为hreflang标记的内容,以向搜索引擎展示您的页面已复制另一种语言。
  • 针对多个国家/地区的受众的国家/地区网站称为多区域网站,它们应该选择一个URL结构,以便将其域或页面轻松定位到特定国家/地区。这可以包括使用国家代码顶级域名(ccTLD)(例如在加拿大的“ .ca”)或使用具有国家特定子文件夹(例如“example.com/ca”)的通用顶级域名(gTLD)。加拿大。

您已经进行了研究,撰写内容并为搜索引擎和用户体验优化了网站。SEO难题的下一个重要部分是:建立权威,以便您的页面在搜索结果中排名很高。从第6章开始(链接建立和建立权威)

技术SEO:将帮助您优化搜索引擎的网站

技术SEO:将帮助您优化搜索引擎的网站

现在,您已经在扎实的关键词研究的基础上制作了有价值的内容,因此重要的是要确保它不···

了解更多