技术网站优化：将帮助你优化排名的网站

目前，你已经在扎实的关键字研究的基础上制作了有价值的内容，因此要紧的是要确保它不仅能够让人类阅读，而且还可以被搜索引擎阅读！

你无需对这类定义有深入的技术知道，但学会这类技术资产有哪些用途非常重要，如此你就能与开发职员明智地谈论它们。讲开发职员的语言非常重要，由于你可能需要他们进行一些优化。假如他们没办法理解你的请求或看不到它的重要程度，他们不太可能优先考虑你的请求。当你打造对开发职员的信誉和信赖时，你就能开始撕掉繁琐的繁文often节，而繁琐的繁文crucial节常常妨碍重点工作的完成。

这个词的意思是？

确保便捷用网站优化词语表，以筹备解决本章中的所有新思想！

请参阅第5章概念

网站优化需要跨团队的支持才能有效

与开发职员维持健康的关系至关要紧，如此你才能成功解决双方的网站优化挑战。不要等到技术问题致使负面的网站优化后果涉及开发职员。取而代之的是在计划阶段一同努力，以完全防止这类问题。假如你不如此做，将来或许会花费你时间和资金。

除去跨团队支持以外，假如你要确保针对人类和爬虫构建网页，知道网站优化的技术优化至关要紧。为此，大家将本章分为三个部分：

网站怎么样运作
搜索引擎怎么样理解网站
用户怎么样与网站互动

因为站点的技术结构或许会对站点的性能产生重大影响，因此每一个人都需要知道这类原则，这一点至关要紧。与你的技术员，内容作者和设计师共享指南的这一部分也是个好主意，以便使网站制作中涉及的所有各方都在同一页面上。

网站怎么样运作

假如网站SEO是做网站优化以进行搜索的过程，则网站优化至少需要对他们正在优化的事物有基本的认知！

下面，大家概述了网站从域名购买到在浏览器中完全呈近况态的过程。网站旅程的要紧组成部分是重点的渲染路径，这是浏览器将网站代码转换为可查询页面的过程。

出于以下几个缘由，知道有关网站对于网站优化来讲非常重要：

此网页编码过程中的步骤或许会影响页面加载时间，并且速度不只对于将用户保留在你的网站上非常重要，而且也是搜索引擎的排名原因之一。
搜索引擎会二次抓取某些资源，比如Javascript。搜索引擎将第一查询没Javascript的页面，然后几天到几周后，它将呈现Javascript，这意味着用Javascript添加到页面中的网站优化重点元素可能不会被索引。

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

在可以访问网站之前，需要先打造它！

域名已购买。像025youhua.com如此的域名是从域名注册商（比如阿里云或新网）购买的。这类注册商只不过管理域名保留的组织。
域名链接到IP地址。没域名服务器（DNS）的帮忙，网络没办法将“025youhua.com”之类的名字理解为网站地址。网络用一系列称为网络协议（IP）地址的数字（比如：127.0.0.1），但大家期望用诸如025youhua.com之类的名字，由于它们更容易叫人记住。大家需要用DNS将那些人类可读的名字与机器可读的数字链接起来。

网站怎么样从服务器到浏览器

用户请求域。目前，该名字已通过DNS链接到IP地址，大家可以通过直接在浏览器中键入域名或单击指向该网站的链接来请求网站。
浏览器发出请求。对该网页的请求提示浏览器发出DNS查找请求，以将域名转换为其IP地址。然后，浏览器向服务器发出请求，以请求架构你的网页的代码，比如HTML，CSS和Javascript。
服务器发送资源。服务器接收到对网站的请求后，就会发送要在搜索器的浏览器中组合的网站文件。
浏览器组装网页。浏览器目前已经从服务器接收了资源，但仍然需要将所有资源放在一块并呈现网页，以便用户可以在浏览器中看到它。当浏览器分析并组织所有网页资源时，它正在创建文档对象模型（DOM）。右键单击并在Chrome浏览器中的网页上“检查元素”时，你会看到DOM。
浏览器发出最后请求。浏览器仅在下载，分析和实行所有页面所需的代码后才会显示网页，因此，在这一点上，假如浏览器需要任何其他代码来显示你的网站，它将从你的服务器发出其他请求。
网站出目前浏览器中。你的网站目前已经从代码转换（呈现）为你在浏览器中看到的内容。

与你的开发职员讨论异步！

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

目前你了解一个网站是怎么样出目前浏览器中，大家将重点关注什么网站是由-换句话说，代码（编程语言）来构建这类网页。

三种最容易见到的是：

HTML–网??站所说的内容（标题，正文内容等）
CSS–网??站的外观（颜色，字体等）
Javascript–行为方法（交互式，动态等）

HTML：网站如何说

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

这是网页的示例，其相应的HTML如下所示：

这是W3schools.com（大家最喜欢学习和训练HTML，CSS和Javascript的地方）的屏幕截图。

HTML对于网站优化来讲非常重要，由于HTML是网站优化创建或处置的任何页面的“内幕”。尽管你的CMS可能无需你以HTML撰写页面（比如：选择“超链接”将使你不需要输入“a href =”即可创建链接），但这正是你要修改的内容你在网页上实行某些操作时，比如添加内容，更改内链的锚点文本等。搜索引擎会抓取这类HTML元素，以确定你的文档与特定查看的有关性。换句话说，HTML内容在你的网页在自然搜索中的排名方法中起着至关要紧有哪些用途！

CSS：网站的外观

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

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

网站优化特别应注意的CSS组件：

因为样式指令可以存在于外部样式表文件（CSS文件）中，而不是存在于页面的HTML中，因此可以使页面降低代码量，降低文件传输大小并缩短加载时间。
浏览器仍然需要下载CSS文件之类的资源，因此压缩它们可以使你的网页加载更快，并且页面速度是排名原因。
使你的页面的内容比代码更多，可以更好地索引你网站的内容。
用CSS隐藏链接和内容可以使你的网站遭到人工惩罚，并从搜索引擎的索引中删除。

Javascript：网站的行为

在网络的早期，网页是用HTML构建的。当CSS出现时，网页内容就能使用某种样式。当Javascript编程语言出现时，网站目前不仅能够具备结构和样式，而且可以是动态的。

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

你一定已经看过Javascript的用法-你可能还不了解它！这是由于Javascript几乎可以对页面实行任何操作。比如，它可以创建一个弹出窗口，或者可以请求第三方资源（如广告）显示在你的页面上。

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

但，Javascript或许会给网站优化带来一些问题，由于搜索引擎对Javascript的浏览方法与访客不同。这是由于推广客户端渲染与服务器端渲染有关。大部分Javascript在推广客户端的浏览器中实行。其次，在服务器端渲染中，文件在服务器上实行，服务器将它们以完全渲染状况发送到浏览器。

网站优化重点页面元素（比如文本，链接和标记，这类元素用Javascript加载到推广客户端，而不是用HTML表示）在页面代码中不可见，直到呈现为止。这意味着搜索引擎爬虫将看不到你的Javascript中的内容-至少刚开始不会看到。

只须你不阻止搜索引擎抓取Javascript文件，它们一般就能像浏览器一样呈现和理解你的网页，这意味着谷歌bot应该与用户浏览时看到的东西相同他们浏览器中的网站。但，因为推广客户端Javascript的这种“第二次索引编制”，搜索引擎或许会错过某些仅在实行Javascript后才可用的元素。

在呈现网页的过程中，还有其他一些问题或许会出错，这或许会阻止搜索引擎知道Javascript中包括的内容：

你已经从Javascript资源中阻止了搜索引擎（比如，用robots.txt，就像大家在第2章中学到的一样）
你的服务器没办法处置所有抓取你内容的请求
Javascript过于复杂或过时，搜索引擎没办法理解
Javascript直到搜寻器完成页面并继续前进后，才将内容“延迟加载”到页面中。

不需要说，尽管Javascript确实为网页创建打开了不少可能性，但假如你不小心的话，它也会对你的网站优化产生严重干扰。

知道网站的工作方法为大家下面要讨论的内容奠定了好的基础：技术优化可帮助搜索引擎更好地知道你网站上的页面。

搜索引擎怎么样理解网站

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

模式是一种标记或组织内容的办法，以便搜索引擎更好地知道网页上的某些元素。这段代码为你的数据提供了结构，这就是为何模式一般被叫做“结构化数据”是什么原因。数据结构化过程一般称为“标记”，由于你正在用组织代码标记内容。

JSON-LD是搜索引擎最佳选择的模式标记。要查询数千种可用模式标记的完整列表，请访问Schema.org以获得有关怎么样达成结构化数据的更多信息。推行比较适合你网页的结构化数据后，你可以用谷歌的结构化数据测试工具来测试标记。

除去帮助搜索机器人知道特定内容的意思外，构造标记还可以使S进销存中的页面具备特殊功能。这类特殊功能被叫做“丰富代码段”，你可能已经在实质中看到了它们。他们是如此的：

热点故事轮播
评论星
网站连结搜寻框
食谱

请记住，用结构化数据可以帮助显示丰富的摘录，但不可以保证必然会有。伴随模式标记的用法增加，以后或许会添加其他种类的丰富网页摘要。

关于构造成功的最后建议：

你可以在页面上用多类型型的构造标记。但，假如你标记一个元素（比如商品），并且页面上列出了其他商品，则还需要标记这类商品。
请不要标记访问者看不到的内容，并遵循搜索水平准则。比如，假如你向页面添加评论结构化标记，请确保这类评论在该页面上实质可见。
假如你有重复的页面，搜索引擎会需要你用结构化的标记（而不仅仅是规范的版本）标记每一个重复的页面。
提供原创和更新（假如适用）你的结构化数据的网页。
结构化标记应准确反映你的页面。
尝试对内容用最特定种类的构造标记。
加标的评论不应由企业写作。它们应该是来自实质顾客的真的的免费业务评论。

通过规范化向搜索引擎告知你的最佳选择页面

当搜索引擎在不一样的网页上抓取相同的内容时，有时它不了解要在搜索结果中打造索引的页面。这就是为何创造rel="canonical"标签是什么原因：为了帮助搜索引擎更好地索引内容的最佳选择版本，而不是所有重复的内容。

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

正确的规范化可确保你网站上的每一个唯一内容都只有一个URL。为了预防搜索引擎将单个页面的多个版本编入索引，大家建议你在网站的每一个页面上都用一个自引用规范标签。假如没规范的标签告诉搜索引擎最佳选择的网页版本，https://www.example.com或许会与https://example.com分开打造索引，从而创建重复项。

“防止重复内容”是网络上的事实，这是有充分理由的！搜索引擎期望通过独特，有价值的内容来奖励网站，而不是从其他来源获得并在多个页面上重复的内容。由于引擎期望提供最好的搜索者体验，所以它们极少显示同一内容的多个版本，而是选择仅显示规范化版本，或者假如没有规范标签，则选择它们觉得最大概的原始版本。

区别内容过滤和内容惩罚

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

知道有关规范化的更多信息

因为排序和过滤器选项，网站具备多个重复页面的状况也非常容易见到。比如，在一个电商网站上，你可能具备所谓的多面导航，该导航使访问者可以缩小商品范围以准确找到他们想要的东西，比如“排序依据”功能可以对商品类别的结果进行重新排序页面价格从最低到最高。如此可以创建一个看着像如此的URL：example.com/mens-shirts?sort=price_ascenpng。添加更多的排序/过滤器选项，比如颜色，尺寸，材料，品牌等，然后考虑考虑将创建的主要商品类别页面的所有变体！

用户怎么样与网站互动

在第1章中，大家说过，尽管网站优化代表网站SEO，但网站优化既关乎人，也关乎搜索引擎本身。那是由于存在搜索引擎来为搜索者提供服务。这个目的能够帮助讲解为何搜索引擎的算法会奖励那些为搜索者提供最好体验的网站，与为何某些网站尽管具备强大的反向链接配置文件之类的特质，但在搜索中的成效可能不佳。

当大家知道是什么使他们的Web浏览体验最好时，大家可以创建这类体验以达成最好搜索性能。

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

因为当今所有互联网流量的一半以上来自手机，因此可以一定地说，移动访问者应该可以访问你的网站并且易于浏览。2015年4月，谷歌推出了其算法的更新，该算法将促进非手机友好页面上的手机友好页面。那样，怎么样确保你的网站合适手机？尽管可以通过三种主要方法为手机配置网站，但搜索引擎建议你使用自适应网站制作。

响应式设计

响应式网站旨在适应访问者正在用的任何种类设施的屏幕。你可以用CSS使网页“响应”设施的大小。这是理想的选择，由于它可以预防访问者为了查询页面上的内容而不能不点按两次或捏和放大。不确定你的网页适不适合手机？你可以用百度的手机合适性测试进行检查！

移动优先索引

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

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

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

搜索引擎期望提供可以为搜索者迅速加载内容的内容。大家一直期望迅速加载结果，而当大家没得到它们时，大家将飞速跳回S进销存，以探寻更好，更快的页面。这就是为何页面速度是站点网站优化至关要紧的方面。大家可以借助以下提到的工具来提升网页的速度。单击链接以知道更多信息。

用谷歌 Lighthouse检查移动网站速度和网站优化
九大网站速度优化的最好建议

图像是慢速页面的重要原因之一！

如第4章所述，图像是网页加载缓慢的第一缘由之一！除去图像压缩，优化图像替代文本，选择正确的图像格式与提交图像站点地图外，还有其他技术办法可以优化向用户显示图像的速度和方法。改变图像传递的一些主要办法如下：

1. SRCSET：怎么样为每一个设施提供最好图像尺寸

SRCSET属性允许你具备映像的多个版本，然后指定在不同状况下应用的版本。这段代码被添加到标记（图像在HTML中的地方），以为特定大小的设施提供唯一的图像。

就像大家前面讨论的响应式设计的定义一样，除去图像！

这不只加快了图像加载时间，而且还是通过为不一样的设施种类提供不一样的最好图像来增强页面客户体验的独特办法。

不只有三个图像尺寸版本！

容易见到的误解是你仅需台式机，平板电脑和移动尺寸的图像即可。屏幕尺寸和分辨率多种多样。

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

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

该低分辨率版本刚开始加载，然后全高分辨率版本。这也能够帮助优化你的重点渲染路径！因此，在下载所有其他页面资源的同时，你正在显示一个低分辨率的预告片图像，该图像能够帮助告诉用户事情正在发生/正在加载。有关怎么样延迟加载图片的更多信息，请参阅延迟加载指南。

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

页面速度审核一般会提出诸如“降低资源”之类的建议，但这事实上意味着什么？缩小通过删除换行符和空格之类的内容来压缩代码文件，并在可能的状况下缩写代码变量名字。

关于提升页面速度，“捆绑”是你会听到的另一个常用术语。捆绑过程将一堆相同的编码语言文件组合为一个文件。比如，可以将一堆Javascript文件放入一个更大的文件中，以降低浏览器的Javascript文件数目。

通过最小化和捆绑构建网页所需的文件，你可以加快网站速度并降低HTTP（文件）请求的数目。

改变国际观众的体验

针对来自多个国家/区域的受众的网站应熟知国际网站优化最好做法，以便提供最有关的体验。假如没这类优化，国际访问者可能非常难找到合适他们的网站版本。

网站的国际化主要有两种方法：

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

你已经进行了研究，写作内容并为搜索引擎和客户体验优化了网站。网站优化难点的下一个要紧部分是：打造权威，以便你的页面在搜索结果中排名非常高。从第6章开始（链接打造和打造权威）！