通过对搜索引擎和网站内优化的操作，想必大家对SEO已经有了比较基础的了解。不单单如此，通过我们对关键词的研究，可以让我们知道，关键词存在对于网站优化的价值存在，那么在真正的网站运营操作中，我们要如何通过关键词等内容来保证我们的所创造的内容不但不用户所读取的同时也能够被搜索引擎所收录呢？

    在整个优化过程中，需要的的是一个SEO团队而非单独的几个网络编辑等，就像荒野求生一样是需要整体的团队配合来共同作战的。团队中我们需要多程序语言精通的开发人员，需要对内容编辑有一定造诣的编辑人员，还需要对SEO工作有统筹规划的SEO管理人员。那下面我们要来分析的就是如何在熟知SEO基础技术知识的前提下来帮助我们的网站在搜索引擎中建立一个信誉品牌。

    在网站优化中我们要确保用户和爬虫都可以读取到我们的站点，所以就要团队的默契合作，接下来的几天笔者针对SEO技术操作分为网站运作、网站剖析以及用户和网站的交互三部分对SEO技术操作进行系统的分析说明。今天我们先来分析第一部分—网站运作。

    我们都在说网络时代要对网站进行推广优化，那么网站到底是如何运作的呢？如果搜索引擎优化是优化网站以进行搜索的过程，那么SEO至少需要对他们正在优化的事物有基本的了解。我们概述了网站从域名购买到在浏览器中完全呈现状态的过程。网站浏览过程中的重要组成部分是关键的呈现路径，这是浏览器将网站代码转换为可见页面的过程。要知道了解有关网站对于SEO来说很重要的，为什么呢？

    首先网页组装过程中的步骤可能会影响页面加载时间，并且速度不仅对于将用户保留在我们的网站上很重要，而且也是Google的排名因素之一。Google在“第二遍”中呈现了某些资源，例如JavaScript。Google将首先查看没有JavaScript的页面，然后几天到几周后，它将呈现JavaScript，这意味着使用JavaScript添加到页面中的SEO关键元素可能不会被索引。如果网站加载过程是我们的通勤工作，那么我们可以在家中做好准备，收集要带到办公室的东西，然后采取最快的路线从家到公司。只穿一双鞋子，走更长的路去上班，在办公室放下东西，然后立即回家拿另一双鞋子，对吗？这就是效率低下的网站的作用。我们如何诊断网站效率低下的地方，可以做些什么来简化，以及这种简化可能对我们的排名和用户体验产生积极的影响。在可以访问网站之前，需要先建好它。

    域名购买。域名从域名注册商购买，这些注册商只是管理域名保留的组织。域名链接到IP地址。如果没有域名服务器（DNS）的帮助，互联网无法将wangzhan.net.cn之类的域名理解为网站地址。互联网使用一系列称为互联网协议（IP）地址的数字，但我们希望使用诸如wangzhan.net.cn之类的域名，因为它们易于记忆。我们需要使用DNS将那些人类可读的域名与机器可读的数字链接起来。

    网站如何从服务器到浏览器的呢？这时候需要户请求域名，该域名已通过DNS链接到IP地址，人们可以通过直接在浏览器中键入域名或单击网站链接来请求网站。浏览器发出请求对该网页的请求提示浏览器发出DNS查找请求，以将域名转换为其IP地址。然后，浏览器向服务器发出请求，以请求构造我们的网页的代码，例如HTML，CSS和JavaScript。服务器发送资源。服务器收到网站请求后，就会将网站文件发送到搜索者的浏览器中进行汇编。浏览器组装网页。浏览器现在已经从服务器接收了资源，但是仍然需要将所有资源放在一起并呈现网页，以便用户可以在浏览器中看到它。当浏览器解析并整理网页的所有资源时，它会创建一个文档对象模型（DOM）。右键单击并在hrome浏览器中的网页上“检查元素”时，我们会看到DOM。浏览器发出最终请求。浏览器仅在下载，解析和执行所有页面所需的代码后才会显示网页，因此，如果浏览器需要任何其他代码来显示我们的网站，它将从我们的服务器发出其他请求。然后，网站出现在浏览器中了。毕竟，我们的网站现在已经从代码转换为我们在浏览器中看到的内容。

    网站出现在浏览器只是建站的部分，SEO开始需要我们我们带给开发人员的一些东西是通过将脚本设置为“同步”来缩短关键的渲染路径，这些脚本不需要它们来渲染首屏内容时可以“同步”，这可以使我们的网页加载更快。同步告诉DOM，当浏览器获取显示我们的网页所需的脚本时，它可以继续进行组装。如果DOM在每次浏览器获取脚本（称为“渲染阻止脚本”）时都必须暂停汇编，则可能会大大降低页面加载速度。这就好比和我们的朋友一起吃饭，每次我们一个人去柜台订购时都必须暂停对话，直到他们回来后才恢复。使用同步，即使我们中的一个正在订购，我们和我们的朋友也可以继续聊天。我们可能还想提出开发人员可以实现的其他优化方法，以缩短关键的渲染路径，例如完全删除不必要的脚本，例如旧的跟踪脚本。

    现在我们已经知道了网站在浏览器中的显示方式，接下来我们将重点介绍网站的构成，即构成这些网页的代码（编程语言）。三种最常见的是：

    HTML –网站所说的内容（标题，正文内容等）

    CSS –网站的外观（颜色，字体等）

    JavaScript –行为方式（交互式，动态等）

    HTML：网站怎么说

    HTML代表超文本标记语言，并且它是网站的基础。标题，段落，列表和内容等元素均在HTML中定义。这是一个网页示例及其相应的HTML外观：

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

    CSS：网站的外观

    CSS代表“层叠样式表”，这就是使我们的网页采用某些字体，颜色和布局的原因。创建HTML是为了描述内容，而不是为其设置样式，因此，当CSS进入场景时，它将改变游戏规则。使用CSS，可以美化网页，而无需将样式手动编码到每个页面的HTML中，这是一个繁琐的过程，特别是对于大型网站。到2014年，Google的索引系统才开始将网页呈现为更像实际的浏览器，而不是纯文本的浏览器。试图利用Google较早的索引系统的黑帽SEO做法是通过CSS隐藏文本和链接，以操纵搜索引擎排名。这种“隐藏的文字和链接”做法违反了Google的质量准则。SEO尤其应注意的CSS组件：

    （1）由于样式指令可以存在于外部样式表文件中，而不是页面的HTML中，因此可以减少页面的代码量，减小文件传输大小并缩短加载时间。

    （2）浏览器仍然必须下载CSS文件之类的资源，因此压缩它们可以使我们的网页加载更快，并且页面速度是排名因素。

    （3）让我们的页面内容比代码更多，可以更好地索引我们网站的内容。

    （4）使用CSS隐藏链接和内容可以使我们的网站受到人工惩罚，并从Google的索引中删除。

    JavaScript：网站的行为

    在网站的早期，网页是使用HTML构建的。当CSS出现时，网页内容就可以采用某种样式。当JavaScript编程语言出现时，网站现在不仅可以具有结构和样式，而且可以是动态的。JavaScript为非静态网页创建开辟了很多机会。当某人尝试访问使用此编程语言增强的页面时，该用户的浏览器将针对服务器返回的静态HTML执行JavaScript，从而使该页面具有某种交互性。我们肯定已经看过JavaScript的应用了，我们可能还不知道它。那是因为JavaScript几乎可以对页面执行任何操作如，它可以创建一个弹出窗口，也可以请求第三方资源显示在我们的页面上。

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

    SEO关键的页面元素如文本，链接和标签，这些元素使用JavaScript加载到客户端，而不是用HTML表示。在页面代码中不可见，直到呈现出来。这意味着搜索引擎抓取工具将看不到我们的JavaScript中的内容-至少最初不会。Google声明只要我们不阻止Googlebot抓取JavaScript文件，它们通常就可以像浏览器一样呈现和理解我们的网页，这意味着Googlebot应该与用户浏览时看到的东西相同他们浏览器中的网站。但是，由于客户端JavaScript的这种“第二次索引编制”，Google可能会错过某些仅在执行JS后才用的元素。

    在Googlebot呈现网页的过程中，还有其他一些地方可能出错，这可能会阻止Google了解JavaScript中的内容：

    （1）我们已经从JavaScript资源中阻止了Googlebot

    （2）我们的服务器无法处理所有抓取我们内容的请求

    （3）JavaScript过于复杂或过时，Googlebot无法理解

    （4）直到搜寻器完成页面并继续前进后，JavaScript才会将内容“延迟加载”到页面中。

    虽然JavaScript确实为网页创建提供了很多可能性，但是如果我们不小心的话，它也会对我们的SEO产生严重影响。有一种方法可以检查Google是否看到与我们的用户相同的事物。要查看网页，Googlebot如何查看我们的网页，请使用Google Search Console的URL Inspection工具。只需将页面的URL粘贴到GSC搜索栏中，Googlebot重新抓取我们的网址后，点击“查看经过测试的页面”以查看我们的页面如何被抓取和呈现。点击“HTML”旁边的标签，即可显示Googlebot智能手机如何呈现我们的页面。然后，我们将看到Googlebot如何看待我们的页面以及用户如何看待该页面。在更多信息标签中，Google还将显示我们可能无法获取的输入网址的所有资源列表。

    (转载请注明转自：www.wangzhan.net.cn，谢谢!珍惜别人的劳动成果，就是在尊重自己!）