北京SEO优化:技术优化

基础技术知识将帮助您优化搜索引擎的网站,并与开发人员建立信誉。现在你已经在坚实的关键词研究的基础上制作了有价值的内容,重要的是要确保它不仅可以被人类阅读,还可以被搜索引擎阅读!

您不需要对这些概念有深入的技术理解,但重要的是要掌握这些技术资产的作用,以便您可以与开发人员巧妙地谈论它们。说出开发人员的语言非常重要,因为您可能需要他们进行一些优化。如果他们无法理解您的请求或看到其重要性,他们不太可能优先考虑您的要求。当你与开发者建立信誉和信任时,你就可以开始撕掉那些经常阻止关键工作完成的繁文缛节。

北京SEO优化:技术优化

专业提示:SEO 需要跨团队支持才能有效

与您的开发人员建立健康的关系至关重要,这样您才能成功解决双方的SEO挑战。不要等到技术问题导致负面搜索引擎优化后果涉及开发人员。相反,在规划阶段联合起来,目标是完全避免问题。如果你不这样做,以后会花费你的时间和金钱。

除了跨团队支持之外,如果您想确保您的网页是针对人类和爬虫的,那么理解SEO的技术优化是必不可少的。为此,我们将本章分为三个部分:

网站如何运作
搜索引擎如何理解网站
用户如何与网站互动
由于网站的技术结构会对其性能产生巨大影响,因此了解这些原则对每个人都至关重要。与程序员,内容编写者和设计人员分享本指南的这一部分也是一个好主意,这样站点构建中涉及的所有各方都在同一页面上。

1.网站如何运作
如果搜索引擎优化是优化搜索网站的过程,那么SEO至少需要对他们正在优化的事物有一个基本的了解!

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

由于以下几个原因,了解这些关于网站对于SEO理解很重要:

此网页组装过程中的步骤可能会影响页面加载时间,速度不仅对于保持用户访问您的网站很重要,而且也是Google的排名因素之一。
谷歌在“ 第二次通过 ”中呈现某些资源,如JavaScript 。“谷歌将首先查看没有JavaScript的页面,然后几天到几周后,它将呈现JavaScript,这意味着使用JavaScript添加到页面的SEO关键元素可能无法编入索引。
想象一下,网站加载过程是您的通勤工作。您可以在家做好准备,收集您带到办公室的东西,然后从家到您工作的最快路线。穿上你的一条鞋子,走更长的路线,在办公室放下你的东西,然后马上回到家里换你的另一只鞋子,这是愚蠢的,对吧?这就是效率低下的网站所做的事情。本章将教您如何诊断您的网站效率低下,您可以做些什么来简化,以及您的排名和用户体验对精简所带来的积极影响。

在访问网站之前,需要进行设置!
域名已购买。像moz.com这样的域名是从域名注册商(如GoDaddy或HostGator)购买的。这些注册商只是管理域名保留的组织。
域名链接到IP地址。没有域名服务器(DNS)的帮助,互联网不会将“moz.com”这样的名称理解为网站地址。互联网使用一系列称为互联网协议(IP)地址的数字(例如:127.0.0.1),但我们希望使用像moz.com这样的名称,因为人们更容易记住这些名称。我们需要使用DNS将这些人类可读的名称与机器可读的数字相链接。
网站如何从服务器到浏览器
用户请求域。现在,该名称通过DNS链接到IP地址,人们可以通过直接在浏览器中输入域名或点击网站链接来申请网站。
浏览器发出请求。对网页的请求提示浏览器发出DNS查找请求以将域名转换为其IP地址。然后,浏览器向服务器请求构建您的网页的代码,例如HTML,CSS和JavaScript。
服务器发送资源。一旦服务器收到网站请求,它就会将搜索到的网站文件发送到搜索者的浏览器中。
浏览器组装网页。浏览器现在已经从服务器接收了资源,但它仍然需要将它们放在一起并呈现网页,以便用户可以在浏览器中看到它。当浏览器解析和组织所有网页的资源时,它正在创建文档对象模型(DOM)。当您在Chrome浏览器的网页上右键单击+“检查元素”时,您可以看到DOM(了解如何检查其他浏览器中的元素)。
浏览器发出最终请求。浏览器只会在下载,解析和执行所有页面的必要代码后显示网页,因此,如果浏览器需要任何其他代码才能显示您的网站,它将从您的服务器发出额外请求。
网站出现在浏览器中。呼!毕竟,您的网站现在已经从代码转换(渲染)到您在浏览器中看到的内容。
专业提示:与您的开发人员讨论异步!

您可以通过将脚本设置为“ 异步 ” 来缩短关键渲染路径,因为它们不需要在首屏上呈现内容,这可以使您的网页加载速度更快。Async告诉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的索引系统才开始将网页呈现为更像实际的浏览器,而不是纯文本浏览器。试图利用谷歌旧索引系统的黑帽SEO实践是通过CSS隐藏文本和链接,以便操纵搜索引擎排名。这种“ 隐藏文字和链接 ”的做法违反了Google的质量指南。

特别是SEO应该关心的CSS组件:

由于样式指令可以存在于外部样式表文件(CSS文件)中而不是页面的HTML中,因此它可以减少代码繁重,减少文件传输大小并加快加载速度。
浏览器仍然需要下载CSS文件等资源,因此压缩它们可以使您的网页加载速度更快,页面速度也是排名因素。
让您的网页内容比代码密集更重要,可以更好地索引您网站的内容。
使用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可能会错过某些只在执行JavaScript后才可用的元素。

在Googlebot渲染网页的过程中还可能出现其他一些问题,这可能会阻止Google了解JavaScript中包含的内容:

您已从JavaScript资源中阻止Googlebot(例如:使用robots.txt,就像我们在第2章中了解到的那样)
您的服务器无法处理抓取您的内容的所有请求
JavaScript太复杂或过时,Googlebot无法理解
在抓取工具完成页面并继续操作之前,JavaScript不会将“延迟加载”内容放入页面中。
毋庸置疑,虽然JavaScript确实为网页创建提供了很多可能性,但如果你不小心的话,它也会对你的搜索引擎优化产生一些严重后果。值得庆幸的是,有一种方法可以检查Google是否看到与访问者相同的内容。要查看Googlebot如何查看您的网页页面,请使用Google Search Console的“获取和渲染”工具。在您网站的Google Search Console信息中心中,从左侧导航栏中选择“抓取”,然后选择“抓取为Google”。

在此页面中,输入要检查的URL(如果要检查主页,则保留空白),然后单击“获取和渲染”按钮。您还可以选择测试桌面版或移动版。

作为回报,您将获得Googlebot如何看待您的网页与您的网站访问者如何看到该网页的并排视图。下面,Google还会向您显示他们输入的网址可能无法获得的任何资源列表。

了解网站的工作方式为我们接下来要讨论的内容奠定了良好的基础,这是技术优化,可帮助Google更好地了解您网站上的网页。

2.搜索引擎如何理解网站
搜索引擎变得非常复杂,但他们不能(还)找到并解释网页,就像人类一样。以下部分概述了可以更好地向搜索引擎提供内容的方法。

通过使用Schema进行结构化,帮助搜索引擎了解您的内容
想象一下,作为一个搜索引擎爬虫,扫描一篇关于如何烤蛋糕的10,000字的文章。您如何识别烘焙蛋糕所需的作者,食谱,成分或步骤?这就是schema(Schema.org)标记的用武之地。它允许您为搜索引擎提供更具体的分类,以了解页面上的信息类型。

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

JSON-LD是谷歌首选的架构标记(2016年5月宣布),Bing也支持。要查看数千个可用架构标记的完整列表,请访问Schema.org或查看Google Developers结构化数据简介,以获取有关如何实现结构化数据的其他信息。在实施最适合您网页的结构化数据后,您可以使用Google的结构化数据测试工具测试您的标记。

除了帮助像Google这样的机器人了解特定内容的内容之外,架构标记还可以在SERP中启用特殊功能以配合您的页面。这些特殊功能被称为“丰富的片段”,您可能已经看到它们在行动。他们是这样的:

热门故事旋转木马
评论明星
附加链接搜索框
食谱
请记住,使用结构化数据可以帮助实现丰富的代码段,但并不能保证。随着模式标记的使用增加,将来可能会添加其他类型的丰富网页摘要。

关于模式成功的最后建议:

您可以在页面上使用多种类型的架构标记。但是,如果您标记一个元素(例如产品),并且页面上列出了其他产品,则还必须标记这些产品。
请勿标记访问者看不到的内容,并遵循Google的质量指南。例如,如果您将评论结构化标记添加到页面,请确保这些评论在该页面上实际可见。
如果您有重复的网页,Google会要求您使用结构化标记标记每个重复的网页,而不仅仅是规范版本。
在结构化数据页面上提供原始和更新(如果适用)的内容。
结构化标记应该是您页面的准确反映。
尝试为您的内容使用最特定类型的架构标记。
标记的评论不应由业务部门编写。它们应该是来自实际客户的真正无偿商业评论。
通过规范化告诉搜索引擎您的首选页面
当Google在不同网页上抓取相同内容时,有时无法知道要在搜索结果中编入索引的页面。这就是标签发明的原因:帮助搜索引擎更好地索引首选内容版本,而不是所有重复内容。

rel =“canonical”标签允许您告诉搜索引擎内容的原始主版本所在的位置。你实际上是在说,“嘿,搜索引擎!不要将其编入索引;请改为索引此源页面。” 因此,如果您想要重新发布一段内容,无论是完全修改还是稍微修改,但又不想冒创建重复内容的风险,那么规范标记就是为了节省时间。

正确的规范化可确保您网站上的每个独特内容只有一个URL。为防止搜索引擎将单个网页的多个版本编入索引,Google建议您在网站的每个网页上都使用自引用规范标记。如果没有规范标记告诉Google您的网页版本是首选,http://www.example.com可以与http://example.com分开编制索引,创建重复项。

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

专业提示:区分内容过滤和内容惩罚
没有重复的内容惩罚。但是,您应尽可能使用rel =“canonical”标记来防止重复内容导致索引问题。当存在重复的页面时,Google会选择规范并从搜索结果中过滤掉其他内容。这并不意味着你受到了惩罚。这只是意味着Google只想显示您的内容的一个版本。

由于排序和过滤选项,网站具有多个重复页面也很常见。例如,在电子商务网站上,您可能拥有所谓的分面导航,允许访问者缩小产品范围以准确找到他们正在寻找的内容,例如在产品类别上重新排序结果的“排序依据”功能从最低价到最高价的页面。这可能会创建一个如下所示的URL:example.com/mens-shirts?sort=price_ascending。添加更多排序/过滤选项,如颜色,大小,材料,品牌等,只需考虑您将创建的主要产品类别页面的所有变体!

要了解有关不同类型的重复内容的更多信息,Pete博士的这篇文章有助于提炼出不同的细微差别。

3.用户如何与网站互动
在第1章中,我们说虽然SEO代表搜索引擎优化,但搜索引擎优化与人们在搜索引擎本身一样多。这是因为搜索引擎可以为搜索者提供服务。此目标有助于解释为什么Google的算法奖励为搜索者提供最佳体验的网站,以及为什么某些网站尽管具有强大的反向链接配置文件等特性,但在搜索中可能效果不佳。

当我们了解什么使他们的网络浏览体验最佳时,我们可以创建这些体验以获得最佳搜索性能。

确保您的移动访问者获得积极的体验
由于今天所有网络流量的一半以上都来自移动设备,因此可以肯定地说,您的网站应该易于访问且易于浏览移动访问者。2015年4月,谷歌推出了其算法的更新,该算法将在非移动设备友好的页面上推广适合移动设备的页面。那么如何确保您的网站适合移动设备?虽然有三种主要方式可以为移动设备配置您的网站,但Google建议采用响应式网页设计。

响应式设计
响应式网站旨在适合您的访问者使用的任何类型设备的屏幕。您可以使用CSS使网页“响应”设备大小。这是理想的,因为它可以防止访问者双击或捏缩放以查看页面上的内容。不确定您的网页是否适合移动设备?您可以使用Google的适合移动设备的测试进行检查!

AMP
AMP代表Accelerated Mobile Pages,它用于向移动访问者提供比非AMP交付更快的内容。AMP能够如此快速地提供内容,因为它从缓存服务器(而不是原始站点)提供内容,并使用特殊的AMP版本的HTML和JavaScript。 详细了解AMP。

移动优先索引
截至2018年,谷歌开始将网站转换为移动优先索引。这种变化引发了移动友好性和移动优先性之间的一些混淆,因此消除歧义是有帮助的。借助移动优先索引,Google会对您网页的移动版本进行抓取和编制索引。使您的网站与移动屏幕兼容有利于用户和您在搜索中的表现,但移动优先索引的发生与移动友好性无关。

这引起了对移动和桌面版本之间缺乏平等的网站的一些担忧,例如在其移动视图上显示不同的内容,导航,链接等。例如,具有不同链接的移动网站将改变Googlebot(移动)抓取您网站的方式,并将链接权益发送到您的其他网页。

打破长内容,更容易消化
当网站有很长的页面时,他们可以选择将它们分成一个整体的多个部分。这称为分页,它类似于书中的页面。为了避免一次性给访问者太多,您可以将单个页面分成多个部分。这对于访问者来说非常有用,特别是在某个类别中有大量产品结果的电子商务网站上,但您应采取一些步骤来帮助Google了解您的分页页面之间的关系。它被称为rel =“next”和rel =“prev”。

您可以在Google的官方文档中阅读有关分页的更多信息,但主要内容是:

序列中的第一页应该只有rel =“next”标记
序列中的最后一页应该只有rel =“prev”标记
具有前一页和后一页的页面应该同时具有rel =“next”和rel =“prev”
由于序列中的每个页面都是唯一的,因此不要将它们规范化为序列中的第一页。只有使用规范标记指向内容的“查看全部”版本(如果有)。
当Google看到分页序列时,它通常会合并页面的链接属性并将搜索者发送到第一页
专业提示:rel =“next / prev”仍然应该有一个锚文本并且存在于<a>链接中
这有助于Google确保他们选择rel =“next / prev”。

提高页面速度以减轻访客的挫败感
谷歌希望为搜索者提供快速加载的内容。我们开始期待快速加载结果,当我们没有得到它们时,我们会快速反弹回SERP以寻找更好,更快的页面。这就是为什么页面速度是现场SEO的一个重要方面。我们可以利用下面提到的工具来提高网页的速度。单击链接以了解有关每个链接的更多信息。

Google的PageSpeed Insights工具和最佳做法文档
GTMetrix
谷歌的移动网站速度和性能测试仪
谷歌灯塔
图像是慢页面的主要元凶之一!
正如第4章所讨论的,图像是缓慢加载网页的首要原因之一!除了图像压缩,优化图像替代文本,选择正确的图像格式以及提交图像站点地图之外,还有其他技术方法可以优化向用户显示图像的速度和方式。改善图像传输的一些主要方法如下:

SRCSET:如何为每个设备提供最佳图像大小
SRCSET属性允许您拥有映像的多个版本,然后指定在不同情况下应使用的版本。这段代码将添加到<img>标记(您的图像位于HTML中),以便为特定大小的设备提供唯一的图像。

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

这不仅可以加快您的图像加载时间,还可以通过为不同的设备类型提供不同的最佳图像来增强您的页面用户体验。

专业提示:不仅仅有三种图像尺寸版本!
这是一个常见的误解,你只需要一个桌面,平板电脑和手机大小的图像版本。有一个巨大的各种屏幕尺寸和分辨率。了解有关SRCSET的更多信息。

显示访问者图像加载正在进行延迟加载
当您转到网页时发生延迟加载,而不是看到图像所在的空白空间,图像的模糊轻量版本或其周围文本加载时出现彩色框。几秒钟后,图像清晰地以全分辨率加载。流行的博客平台Medium非常好。

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

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

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

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

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

网站可以通过两种主要方式进行国际化:

语言
定位多个语种的网站被认为是多语种网站。这些网站应添加一个名为hreflang标签的内容,以向Google显示您的网页上有其他语言的副本。了解有关hreflang的更多信息。

针对多个国家/地区的受众群体的国家/地区网站称为多地区网站,他们应选择一种网址结构,以便将其网域或网页定位到特定国家/地区。这可以包括使用国家/地区代码顶级域名(ccTLD)(如加拿大的“.ca”)或通用顶级域名(gTLD)以及特定于国家/地区的子文件夹(例如“example.com/ca”)加拿大。详细了解特定于区域设置的网址。
您已经研究过,您已经编写过,并且您已针对搜索引擎和用户体验优化了您的网站。搜索引擎优化难题的下一部分是一个很大的问题:建立权限,以便您的网页在搜索结果中排名很高。

北京网站优化公司_SEO优化公司_北京新闻发稿_稿件策划撰写_越视界

相关新闻