网页性能:11 条必读技巧让网站加速

我们可以为网站添加更多功能,并拥有比以往更多的工具和技术。然而不利的一面是,我们的选择可能会显着降低我们的网站速度,这让客户非常沮丧(在一项调查中,80% 的用户表示加载缓慢的网站比暂时关闭的网站更令人沮丧)。当网站在缓慢的网络条件或低端设备上变得无法访问或无响应时,它甚至可以完全排除潜在客户。

Web 性能优化对业务的影响是有据可查的。例如,时尚零售商 Missguided 将页面加载时间中值缩短了 4 秒,收入增加了 26%

以下七位专家提出了一些有助于提高网站性能的技巧。 

1. 首先为移动端构建

客户的移动性越来越强,仅移动客户的比例正在上升。但是,移动设备的转化率往往较低。在上述时尚零售商网站工作的独立网络性能顾问安迪戴维斯表示,是时候改变这种状况了,最终将移动设备视为一等公民。

“响应式网页设计使我们能够构建理论上可以在桌面和移动设备上同样运行的网站,”他解释道。“不幸的是,我们似乎经常首先为桌面设计和构建,然后尝试缩小我们的网站以适应移动设备的限制。这会导致移动体验缓慢、滞后,尤其是对于使用 Android 的访问者而言,他们的设备通常无法处理桌面数量的 JavaScript 和我们向他们投放的其他内容。”

为了创造快速的移动优先体验,Andy 建议构建可在低成本 Android 手机(例如 Alcatel 1x)上使用的网站,然后在运行时对其进行增强,以通过更强大的设备和更大的屏幕为访问者提供更丰富的体验。

2.停止使用轮播和滑块

轮播、幻灯片和滑块在纸面上听起来可能是个好主意,但 Shopify 速度优化专家、Rvere 的首席执行官 Alexander Lam警告说,他们有两个主要缺陷,我们需要让我们的客户意识到这一点。 

“他们不会将访问者转化为客户,并且会减慢您的网站速度,”他警告说。“尼尔森诺曼集团的一项可用性测试发现,访客基本上忽略了轮播。更糟糕的是,在圣母大学网站上进行的一项测试发现,只有 1% 的访问者点击了第一张幻灯片。其余幻灯片的点击次数更少。”

轮播不仅在转换方面很糟糕,而且还会使网站陷入困境。Alexander 提醒说,花哨的滑块需要额外的 JavaScript,并且通常由几张大图像组成。 

“摆脱轮播可以使页面加载速度更快,因为总页面大小将显着减小,”他建议道。“考虑一个位置恰当的英雄形象,它带有引人注目的号召性用语,而不是轮播。它的加载速度会更快,并且您会吸引更多访问者点击您希望他们点击的内容。”

3.优化您的图像

图片是任何电子商务商店的重要组成部分,它们通常构成其中的最大部分。但是,由于较大的页面需要更长的加载时间,因此大图像可能会使网站慢下来。

如果您或您的客户想要保留所有图像,Alexander Lam 建议至少压缩它们。

“在将任何图像上传到网站之前,请通过tinyjpg.comshortpixel.com等免费图像压缩器运行它,”他建议道。“这些服务将使您的图像在数据大小方面更小,而不会牺牲质量或改变其实际尺寸。原始图像通常可以缩小 70% 以上,而没有任何明显的质量变化。”

确保使用正确的文件格式也很重要。如果您希望图片中有透明像素,PNG 图像非常有用,但它们通常比 JPEG 占用更多空间。 

“如果您的 PNG 没有透明像素,请考虑在上传之前将其转换为 JPEG,”Alexander 建议道。“使用 Photoshop 或PNG2JPG等服务更改文件格式。”

将原始 JPEG 与压缩版本进行比较,质量损失为 70%。

4. 延迟加载图片

帮助企业保护客户在线帐户安全的初创公司Castle的会议发言人和软件工程师Anna Migas同意图像是网络性能的最大罪魁祸首之一。 

“一张图片可以说一千多个单词,但加载也可能需要一千毫秒或更长时间,更糟糕的是,会延迟加载其他内容,”她警告说。“想象一下,如果您的网站有 20 张图片并且它们都竞相下载会发生什么!”

Anna 解释说,最好不要默认下载页面上的所有图像,而是使用一种称为延迟加载的技术。这意味着最初只提供页面顶部的图像,并在用户向下滚动并靠近页面上可以找到更多图像的位置时开始获取其余图像。

延迟加载通常使用 JavaScript 完成,您可以找到大量小型库来帮助您实现此效果,”Anna 建议道。“我个人最喜欢的是LazyLoadyall.js。在 Chrome 中,可以通过将属性添加到 <img> 标记来使用本机函数来延迟加载选定的图像loading=“lazy”,但它不会解决其他浏览器的问题。”

5. 通过字体交换加载网页字体

虽然图像无疑是电子商务网站销售议程的重要组成部分,但用户也希望快速查看价格和产品描述。这就是为什么尽可能快地显示文本至关重要的原因——但由于网络字体的原因,它的加载速度并不总是足够快。

“文本可能不可见的一个原因是使用了用户计算机默认不支持的外部字体,”Anna Migas 解释道。“在这种情况下,网站需要先下载字体,然后才能显示在屏幕上。有时这可能需要一些时间,最好提供一种后备字体,该字体会立即显示,然后换成您想要的字体。”

为此,Anna 建议,您可以font-display: swap在 @font-face 声明中添加一个属性,或者,如果您使用的是 Google 字体,则可以添加一个&display=swapURL 参数(例如:<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel=“stylesheet”>).

可以在Chris Coyier 的这篇 CSS-Tricks 文章中找到更多详细信息(请注意,它是在 URL 参数选项可用之前编写的)。

Web 性能:加载和不加载字体交换
没有(左)和(右)字体交换的字体加载示例(来源:www.zachleat.com/foitfout/)。

6.创建流畅的动画

动画——如果做得好——无缝而巧妙地改善网站上的用户体验。但是,如果做错了,它们可能会使您的访问者感到困惑和分心。 

目前在 Netflix 工作的高级软件工程师Tyler Childs推荐了一些技术来改进使用 CSS 或 JavaScript 创建的网络动画。

CSS 

“制作流畅的CSS 动画有一个小秘密,那就是使用不会强制更改布局或重新绘制像素的属性,”Tyler 解释道。“经验法则是只使用opacityand transform,但如果你想更深入,请查看CSS Triggers。”

不透明度和变换都只会影响他们正在设计的内容。就页面的其余部分而言,样式化的内容有效地保持在原位,但正如 Tyler 所展示的,魔术将为用户发生:

https://codepen.io/tylerchilds/embed/vYYeZXv?height=265&theme-id=default&default-tab=css%2Cresult&user=tylerchilds&slug-hash=vYYeZXv&pen-title=CSS%20Animations&name=cp_embed_1

其他属性,如paddingmarginwidthheighttopbottom,leftright将强制您的布局更改,这会渗透到所有内容并可能导致thrashing 或 reflow

所有 CSS 属性都可以用于布局,但在为内容设置动画时要小心。

JavaScript 

Tyler 警告说,JavaScript 动画很棘手,因为它们与您网页上的所有其他 JavaScript 共享相同的资源集。

“使用 JavaScript 平滑动画的秘诀是一种称为 的方法requestAnimationFrame,”他建议道。“如果做得正确,使用这种方法的动画可以达到 60 FPS!”

实际用例requestAnimationFrame包括限制用户交互,例如滚动或拖动事件。这些事件每秒可以触发多次,这就是为什么对它们进行去抖动以控制触发次数是一种非常常见的方法。

许多去抖动实现的缺点是它们没有针对动画或对 DOM 的任何更改进行优化。带有去抖动功能的浏览器requestAnimationFrame是最好的,因为它专门针对动画进行了优化。

“下次你要限制事件时,考虑尝试requestAnimationFrame作为你的去抖动,”泰勒建议。“最后一个好处是,requestAnimationFrame当网页不使用时,通过暂停回调将使用更少的系统资源。”

您可能还喜欢: 带有 CSS 变量的反应式 UI 动画

7. 尽量减少第三方影响

随着电子商务创新步伐的不断加快,企业根本无法在内部构建所有东西,因此我们自然而然地依赖越来越多的第三方服务来支持我们。

Web 性能专家Ryan Townsend警告说,其中许多服务的重点是使用户入门变得容易,而不是实施的质量,因此性能经常因此受到影响。 

“我的第一个建议是尽可能远离关键渲染路径,”他建议道。<head>“确保您的网站快速绘制可以最大限度地降低这些来之不易的访问者的跳出率,因此请注意标签中从第三方加载的任何同步脚本、样式表或字体。即使您只进行微小的更改,这也会产生巨大的影响——我的一个客户仅通过将单个脚本标签更改为异步,就将他们在 3G 连接上的首次有意义的绘制时间减少了三分之一!”

解决油漆时间只是解决性能问题的一步。另一个是 JavaScript 执行,Ryan 称其为当今网络的巨大瓶颈

“我的建议是考虑何时需要第三方脚本来下载和执行,”他建议道。“我的另一个客户通过在访问者在产品页面上展开评论选项卡时加载他们的客户评论服务,而不是在每个页面上加载它,从而将阻塞低端移动设备上的 CPU 执行减少了 40%。”

Ryan 建议,这种技术通常适用于实时聊天:与其在每个页面上弹出它,不如考虑在产品描述或常见问题解答中提供一个按钮,当访问者表示他们希望聊天时加载它。

Web 性能:单个脚本加载的积极影响
将单个脚本从页面加载期间的加载移动到用户操作的积极影响。

8. 预连接到关键的第三方域

浏览器在以使我们的页面更​​快的顺序发现和下载内容方面做得很好,但有时它们需要一点帮助,正如独立的网络性能顾问安迪戴维斯指出的那样。 

“有些资源发现较晚,”他解释道。“字体和背景图像仅在浏览器开始将样式应用于页面时才会被发现,而其他资源可能依赖于脚本来插入它们——例如谷歌分析或跟踪代码管理器。如果这些资源来自第三方域名,那么在建立和保护新连接时会有延迟。”

Andy 建议使用Preconnect Resource Hint,它可以通过建议浏览器预热到第三方域的新连接来帮助克服这种延迟。

例如,如果资源托管在 example.com 上:

<link rel=”preconnect” href=”example.com”>

crossorigin如果从 example.com 获取字体,则需要添加该属性:

<link rel=”preconnect” href=”example.com” crossorigin>

单个预连接有时会产生很大的不同,但 Andy 建议您可能需要进行试验,看看哪种方式最适合您的站点。

您可能还喜欢: 5 种通过缩小来提高商店加载时间的方法

9. 争吵你的应用程序

当您使用 Shopify 模版时,第三方应用也会产生重大影响。Shopify Plus 合作伙伴机构Disco的创始人兼首席执行官 Gavin Ballard 警告说,无论您在优化主题上投入了多少时间和精力,都可以在 Shopify 应用商店的五分钟内轻松完成。

“广泛的第三方应用程序可用是 Shopify 的优势之一,”他解释说,“但许多应用程序开发人员并没有将主题性能放在首位——甚至那些必须构建应用程序才能与 1,000,000 + Shopify 平台上的电子商务商店,而不仅仅是您客户的。”

为了尽量减少对 Shopify 商店的性能影响,Gavin 推荐了几个步骤。

你需要一个应用程序吗?

首先,首先考虑您是否真的需要一个应用程序。 

“许多 Shopify 应用商店应用程序都是为没有任何 HTML/CSS/JavaScript 技能的商家提供的,他们只想通过一键式安装来解决他们的需求,”Gavin 指出。“倒数计时器、公告栏或退出意图弹出窗口之类的东西都可以通过少量的Liquid、CSS 和 JavaScript 构建到主题中。将这些功能直接构建到您的主题中可以让您更好地控制性能影响(例如,避免加载 30 个版本的jQuery),并允许您应用此处和网络上其他地方讨论的其他技术来优化您的代码交付浏览器。”

该应用程序是否让您控制?

其次,如果您确定确实需要支持所需功能的应用程序,请调查该应用程序是否让您控制它与主题的交互方式。

“例如,流行的Back in Stock应用程序使客户能够在产品重新入库时通过电子邮件和 SMS 注册通知——这仅通过一个主题是无法实现的,”Gavin 解释说。“然而,它为前端开发人员提供了一系列选项,包括如何将其功能集成到 Shopify 主题中——通过自动安装程序、复制和粘贴 Liquid 片段,或使用他们的 JavaScript 构建完全自定义的集成API。”

Web 性能:Javascript 文档
Back in Stock 应用程序的 Javascript API 文档。

在几个实际案例中,Gavin 能够将 Back in Stock 应用程序集成到主题的产品页面中,而对初始页面大小或客户加载时间没有明显影响。如果变体缺货,他只是在产品页面上呈现“通知我”按钮而不是“添加到购物车”按钮,然后在页面完成后异步加载 Back in Stock JavaScript 库和一些胶水代码呈现给用户。

“如果应用程序的开发人员不提供这些类型的集成选项,那么可能值得与他们联系,看看他们是否可以做些什么,”Gavin 建议道。“至少,它将有助于提醒应用程序开发人员,性能是其客户商店的重要组成部分!”

10.监控每个子域的请求数

自从Honeycomb.io的工程总监Emily Nakashima在 2000 年代初开始为 Web 编写代码以来,浏览器的速度已经突飞猛进,但是对于我们这些仍然需要支持 http 1.1 的人来说,有一件事还没有改变了——浏览器对任何一个子域的并发请求数量仍然有限制,通常是六个。 

“此限制的目的是防止当您尝试一次加载整个图像目录页面(或其他资源)时,在某个不错的小型 Web 服务器上意外启动 DOS 攻击,”Emily 解释说。“但在今天的网络上,我们中的许多人使用高度可扩展的云服务并通过 CDN 提供我们的图像,限制可能会不必要地减慢您的体验。”

为了解决这个问题,Emily 推荐了一种称为域分片的技术,该技术从多个域或子域加载一组资源以增加并发请求的数量。例如,您可以将多个子域(cdn1.example.comcdn2.example.com等)与同一个 CDN 一起使用,以便能够一次加载更多图像。但是使用多个域会有一些开销——您需要为每个新域发出另一个 DNS 请求,然后才能开始下载我们的资源。

如果您想知道我们的域分片是否配置最佳,或者您是否应该添加更多,请分析每个域的并发请求数。 

“当您在浏览器开发人员工具中查看客户端分布式跟踪或浏览器的网络瀑布时,请查看请求模式,”Emily 建议道。“如果瀑布相对较窄,并且请求大多同时发生,那么您可能有足够的分片。如果您看到对同一域的连续请求块呈阶梯状,您可能应该配置更多分片。”

下图中的图 1 显示了一个向单个域发出请求的网站——您可以看到许多连续的请求块,呈阶梯状。另一方面,图 2 表明,当向许多不同的域发出请求时,更高的并发性是可能的(在这种情况下,x 轴被放大,因此各个跨度看起来更宽)。

Web 性能:对单个域与多个域的请求

“当这类问题发生时,我们希望能够获得自动警报,”Emily 解释说,“因此我们使用Resource Timing API来收集加载在特定页面上的子资源列表,并在总数达到对特定子域的请求或请求超过一定数量。”

11.使用绩效预算

对于许多开发人员来说,性能优化是最有趣的工程工作类型之一,因此很容易陷入困境并花费数天时间优化缓慢的东西——即使它对他们的客户可能并不那么重要。因此, Emily Nakashima建议您确保优化真正重要的内容。 

“在 Honeycomb,我们非常喜欢使用服务水平目标 (SLO) 方法来防止兔子洞优化,”她透露。“当您使用 SLO 时,您会根据客户的期望和容忍度提前为网站的性能和可靠性设定目标(例如,’我的客户在工作中整天都在使用我们的网站,所以他们需要它)感觉活泼——主页请求应该在一秒钟内完成’)。”

“您还为超出目标的频率设置了预算(例如,’主页请求的 95% 延迟应低于 1 秒,99.9% 的时间’)。当您超出预算时,这就是您花时间优化会使您低于预算的事情的信号,因此您可以确保您正在处理客户最关心的事情。剩下的时间,你可以对做非绩效工作感觉良好,比如投资新功能或清理技术债务。”

Emily 指出,在网络性能领域,性能预算是一种特定类型的 SLO,旨在确保您的网站快速加载。有很多很棒的工具可以让跟踪性能预算比跟踪平均 SLO 更容易。 

在 Honeycomb,Emily 开发一种实时开发工具,帮助软件工程师了解他们的生产系统中正在发生的事情,该团队通过跟踪生产中的页面加载时间来衡量他们的性能预算。然而,对于没有广泛使用真实用户监控 (RUM) 数据的团队,Emily 表示,跟踪和执行性能预算的最简单方法是将其构建到他们的构建工具(例如webpack)中,并确保他们的HTML、CSS 和 JavaScript 仅限于特定的文件大小和文件数量。 

查看 Google 的Lighthouse审计工具和MDN Web Docs,它们都对如何设置自己的性能预算提供了很好的建议。

把它们放在一起

正如我们的专家提示所示,图像和第三方服务仍然是网站运行缓慢的主要原因之一。在图像优化上投入时间和资源并尽可能减少第三方影响,您很有可能会对您正在处理的网站的性能产生重大影响。还可以放弃轮播并优化字体和动画,您将节省更多时间。

将其与移动优先方法和性能预算相结合,您将拥有可靠的网络性能策略,其结果将使您的客户和他们的客户都感到高兴。现在加快该网站的速度!

网站速度如此重要:转化率、忠诚度和 Google 搜索排名

网站速度是电子商务成功的关键。它直接影响您的转化率、重复业务和搜索引擎排名。随着 2021 年 5 月 Google 搜索排名发生变化,网站速度作为竞争优势变得更加重要。

让我们来看看为什么网站速度如此重要,网站速度将如何成为谷歌搜索排名的重要组成部分,以及如何提高网站速度。

为什么网站速度如此重要?

转化

快速网站与较低的跳出率和较高的转化率相关联。据谷歌称,网站速度每提高一秒,移动转化率最多可提高 27%。由于 70% 的购物者在移动设备上购物,网站速度显然会对您的收入潜力产生巨大影响。

一秒钟的网站速度提高可以将移动转化率提高多达 27%。

忠诚度(重复业务)

网站速度在其中起着很大的作用。事实上,Skilled发现 79% 的客户如果对网站的速度“不满意”,则不太可能从在线商店回购(如果您拥有一个快速的网站,您更有可能获得回头客)。

谷歌搜索排名 

在谷歌等搜索引擎上排名更高有助于您的企业被更多潜在客户发现。

谷歌——最受欢迎的搜索引擎,截至 2021 年 1 月拥有全球 92.47% 的市场份额——使用网站速度作为搜索结果的排名因素。从 2021 年 5 月开始,速度更快的网站在 Google 上的排名会更高,这意味着新客户更容易发现它们。

Google 搜索排名的网站速度更新

Google 搜索的使命是帮助用户在网络上找到最相关和最优质的网站。它通过一个排名系统来做到这一点,该系统旨在对网络上的数十亿页面进行排序,并将用户与他们正在寻找的内容联系起来。 从 2021 年 5 月开始,速度更快的网站在 Google 搜索中排名更高。

从 2021 年 5 月开始, Google 搜索排名将包括新的页面体验信号。这些新信号将 Core Web Vitals 与现有搜索信号相结合,以衡量用户对网页的看法;他们衡量用户认为您的网站有多快。

Google 搜索的核心 Web Vitals 图表

Core Web Vitals 是以用户为中心的指标,可帮助用户快速感知页面:

  1. 负载是用LCP测量的。该指标通过衡量页面主要内容加载所需的时间, 让用户知道网站何时有用。
  2. 交互性是通过首次输入延迟 (FID)测量的。该指标通过测量从用户首次与页面交互(如单击超链接文本或按钮)到浏览器实际能够响应该交互的时间, 让用户知道网站何时可用。
  3. 视觉稳定性是用累积布局偏移 (CLS)测量的。该指标通过衡量用户体验意外布局变化的频率来确保用户获得最佳体验。

那么这一切对您的企业意味着什么呢?提高您的网站速度将帮助您在 Google 搜索中排名更高,从而被更多潜在客户发现。 

如何提高您的网站速度

凭借快速的全球网络和轻量级的图像文件,基于 Shopify 构建的在线商店在默认情况下已经很快。但是,每次向在线商店添加新功能(例如视频、富媒体、实时聊天或客户评论)时,都会降低网站速度,从而降低您的 Google 搜索排名。

基于WordPress构建的营销型官网,可以也通过CDN加速来实现网站整体加速;另外,我们使用尽可能少的网站部署在同一服务器上,这样可以有效保证网站的响应速度和网页打开速度。另外,我们强烈建议客户使用比较小的图片,避免直接将用手机拍摄的图片上传到产品和文章中。

由于您的 Google 搜索排名是获取新客户的关键,因此我们建议在 2021 年 5 月以后新推出的网站都尽量把网站速度放到第一位核心要素。

您可以使用专业工具检测您的网站速度,如果您不知道如何检测评估目前您网站的速度表现,不妨联系布瑞恩,我们会向您出具一份权威的网站数据检测报告。您也可以通过线上提交申请免费检测您的网站

让网页关键词为内容服务

关键词优化技术,你都掌握了吗?

1 页 = 1 个目标关键词

拥有关键词份额

用于语音搜索等的长尾关键词

战略关键词放置

让关键词为内容服务

目前为止,关键词优化仍是成功的内容营销策略的重要组成部分——随着时间的推移,它变得更加微妙。

而“关键词填充”将不再是您与搜索引擎系统的博弈,事实上,关键词填充很有可能对您不利。每年谷歌更新后,网站关键词优化的目标也会随之改变,这意味着一年前奏效的技术可能不再适用。

我们建议企业自己做网页优化,如果掌握丰富的技巧可能会收到更好的优化效果;但是如果企业自身没有专人做优化工作的话,布瑞恩目前仅提供基础SEO优化运营服务。更多服务请点击该链接了解详细方案:https://brain-info.top/pricing,宝鸡本地客户可当面了解详细服务内容。

考虑到这一点,让我们来看看对您有用的关键词优化技术:

1页=1个目标关键词——外贸网站优化

网站中每个页面都应该被当做是一个单独的实体,它有一个单独的优化目标——目标关键词,网页需要针对这一关键词进行优化,而不是在网页中粘贴尽可能多的关键词。。

通过让每个页面专注于一个目标关键词,您可以更轻松地构建文章的标题、标题和流程。从那里,您可以使用与语义相关的次要关键词来进一步增强页面的全面性。

单个主要关键词还可以缩小页面的意图,使其与每个搜索结果中明显的意图完美匹配。通常,营销人员会创建混杂的博客文章或登陆页面,以试图取悦所有读者。但是,您实际需要做的是取悦高价值、意图驱动的读者。

因此,您需要确定每个页面和每个目标关键词是否正确地服务于商业意图(“购买”)或信息意图(“学习”)。

拥有关键词份额——英文站优化

由于创建网站和发布内容的准入门槛很低,因此存在大量不相关、未优化的页面。更重要的是,随时还有直接竞争对手正在创建类似的内容。

所有这些加起来总关键词所有权完全分散。您的工作是通过拥有更多相关关键词来吸引更多流量到您的网站。每篇博文都有可能将越来越多的搜索量转移到您的网站,并随后耗尽流向其他地方的现有流量——特别是竞争对手。

值得庆幸的是,有许多工具可用于生成搜索查询、提供建议并帮助构建初始关键词列表。

以下是我们团队找到的一些能帮助您了解关键词份额及相关信息的工具:

  • Google 关键词规划工具
  • Moz 关键词浏览器
  • SEMrush

用于语音搜索等的长尾关键词

语音搜索查询和传统搜索词不可避免地会有些不同——这一趋势每年都在变得越来越明显。

当有人对着语音搜索应用说话时,他们几乎肯定会使用更具对话性的语句。然而,如果他们

在 Google 搜索栏中输入问题时,则会使用更书面的语句。

因此,使用具有对话性的语句的长尾关键词能帮助您在众多竞争对手之间脱颖而出,且它还可以更好地将用户的意图与正确的内容相匹配。

此外,虽然物联网还没有完全链接世界,但它正在以相当可观的速度增长,越来越多的连接设备正在进入人们的日常生活。

想象有一天,每个家庭都有各种具有语音搜索功能的设备,人们可以简单地将想到的任何问题用语言表达出来,并期望得到即时、准确的答案。

战略关键词放置

您是否仍然严格遵守特定的关键词放置做法?如果是这样,你可能有点落后于时代。如今,没有必要确保每个博客或内容在标题、第一个副标题等中都有关键词。话虽如此,将关键词放置在页面上仍然很重要搜索引擎优化。

理想情况下,关键词应该出现在页面上的什么位置?在您为网站生产内容时,请牢记以下准则:

1. 标题标签

标题标签仍应尽可能包含关键词,越早越好。话虽如此,如果关键词不符合主题、内容,请不要将其强加到您的标题标签中。

2. 小标题

如果您可以将目标关键词放入页面上的子标题之一。不过,这应该是一种自然的搭配。它也不需要出现在第一个小标题中。您可以从子标题中的关键词放置中获得同样多的 SEO 价值。

3. 开篇

一些内容营销人员会将关键词塞进每个博客的前 100 个单词中,无论是地狱还是高水。虽然让您的主要关键词尽早出现仍是一个好的SEO优化习惯,但您作为读者时也不希望看到“只见树木不见森林”吧?

要记住的重要一点是,您的内容应该切中要点,在真正深入主题之前,不要进行冗长乏味的介绍。在内容的早期使用您的关键词,以确保您能快速找到问题的核心。

4. 网址

这是关键词可以提供帮助的另一个领域,但保持 URL 结构相对干净和简洁同样重要。URL 不应是冗长的字母汤字符串。

5. 图像

出现在博客中的图像是将一些 SEO 提升元素注入您的网站的额外机会。最值得注意的是,如果可能,关键词应出现在图像文件名和图像替代文本中。对于有搜索引擎优化意识的营销人员来说,这是一个非常容易的胜利。

让关键词为内容服务

您的内容中的特定位置有针对性的放置关键词是一种好习惯吗?但不要成为这些建议的奴隶,优质的内容才会胜出。正如 Katrina Niemisto 所说,关键词密度没有神奇的公式,所以不要过分关注让每个博客在这方面都恰到好处。

如果内容写得很好,提供了相关、有用的信息并且使人阅读起来很愉快,人们就会找到它——搜索引擎也会找到它。

那么,进行关键词优化的技巧和方法是什么?相信您看到这里心里也有了答案,不过请您记住,这不是SEO优化策略的全部技巧。但它毫无疑问,在SEO优化中颇具重要性。

总之,放在页面上的内容最终将成为您搜索排名的主要决定因素。

你可以展开高质量的关键词优化策略,但如果没有高质量的内容来支持它,就失去了优化本身的意义。

如何将一个热门关键词“钛棒”优化到百度首页?

前提是,服务器速度要快,服务器要稳定,网站代码要静态化,结构要合理。

准备工作,精选一堆包含“钛棒”关键词的长尾关键词。

接下来做好关键词布局和设置,增加产品关键词的相关性。

比如:钛合金是核心热词,也是目标关键词,我们需要针对钛合金布局大量的长尾词,才可以让钛合金有机会排上去。

当然,拥有这些结果的前提就是做好网站内页的收录和更新。

最后就是设法加入高质量的外部链接。

网站优化是长期的工作,要有耐心,就会有想要的结果。

百度优化的优点有:

1、24小时、全年展示(300天是可以实现的);

2、点击不需要扣费,免费点击; 点击的越多排名越靠前。大家都知道这种点击是不扣费的,所以竞争对手不会恶意点击,反而点击的都是潜在客户群,流量更真实。

3、排名也是展示在百度搜索框的页。

4、无论你什么时间,搜索同一个关键词,优化的排名是不变的,但是推广的排名是时时变化的。

5、百度优化做的好的情况下,在其他搜索引擎例如:(360、搜狗、soso)等搜索引擎上也是可以排名上首页的。

如果您也对网站优化感兴趣,就赶快联系我们吧!一个月时间就见效。

企业网站优化到百度首页的SEO技巧分享

企业网站如何才能快速通过SEO优化到首页呢?

SEO是一种技能。

做SEO需要技术同时也是一种体力活儿。

需求基本的技能就是有HTML基础,要能看懂且某些时候要会修改代码。假设什么都不会,那做SEO基本仅仅是空谈。

那如何快速把核心关键词干到首页呢?

有人说把核心关键词儿想要弄上去不太可能,是这样吗?其实是可以的!只要你的核心关键词很明确,方向明确了是完全可以上去的。

1、首先要选中核心关键词并把它部署到网站的首页标题和页面中。这一点非常重要,因为针对百度做优化,首要的任务是首页。基本大多数权重都集中在首页,这一点和谷歌是不同的!关键词选取非常重要。

2、网站的内部优化,网站内部优化也很重要的。将内页的核心关键词添加链接至首页!这一点至关重要。

3、坚持干网站收录量,不是简单的仅仅收录就行,而是要布局关键词,增加内部链接。

4、有机会就创建外部链接,让外部链接来源多元化。

5、友情链接。好的网站排名离不开权重高的友情链接。

6、坚持

7、尝试微调

8、继续坚持重复3、4、5

9、留意算法改动

10、不要想着快,最好别用刷流量刷IP软件走捷径,除非你已经做好了随时换域名的准备。

11、一般来说,按照1-10,可以在3个月之内见到效果,老域名,45天即可大有起色。

持续关注“布瑞恩”不迷路。

网站优化过程中设置网页标题需要注意的一些

网页标题(Page Title)是对网页内容的概括与总结,这是用户了解网页所涵盖内容的最直观途径。

在搜索引擎的SERP( 搜索结果页面)中,Page Title以醒目的标题出现,这几乎是决定用户点击、查看相应页面的惟一条件。虽然有Description做辅助,但是根据以往的搜索经验和用户行为分析结果表明,在可选查询内容充足的情况下,90%以上的访客一般都会自觉不自觉地以网页标题为参考,仅有少部分访客会参考页面描述文字。只有当用户寻找不到理想的内容搜索结果的时候,可能才会向后翻页或者留意网页描述文字。我们把网页标题列为影响页面优化效果的第一位,这并不是夸张,各项测试与研究均表明Page Title在SEO方面的决定性作用。

网页标题设置的长度

随着搜索引擎技术的不断进步,对Page Title文字长度的限制渐渐不那么苛刻了,相关的测试表明,即便一个非常长的网页Title,其对SEO方面带来的负面影响也减小了。但是,也要注意控制一下Page Title的字数,在SERP页面中用来展示Page Title的字数是有限定的,超长的标题会被搜索引擎截断,这样的话,长标题表达就一定会受到影响。

百度和谷歌对Page Title的字数限制大致如下:(注:单位为汉字,非英文字母。)

baidu:24-26字

google:28-30字

网页标题的内容

除了对网页内容的概括,大多数网站都希望将网站名称或企业名称、商标名称打造成一个知名品牌,这就需要在Page Title中出现或强调相应部分,即将网站名称或商标或企业名称出现在Page Title中;对于内容丰富结构复杂的网站,一种较好的处理方式是将导航信息也嵌入到Page Title中,这样用户在浏览网页时,可以通过Page Title直观地了解目前在该网站中的位置。

网页标题中的关键词

为优化考虑,Page Title要注意有机地嵌入内容相关的关键词,这些关键词的重要性与出现位置有关。出现在Page Title中最左边的关键词最重要,由左向右逐次递减。必要的时候,可以考虑适当重复关键词以强调。当然,前提是“有机地嵌入”,而非单纯的关键词罗列。

网页标题优化的一些细节问题

一、使用下划线作分隔符好,还是使用中短线作分隔符好?

我们目前普遍都使用中短线做的分隔符。因为英文单词连接符就是中短线,跟我们的习惯有关。

二、网页标题中有多少字符会被搜索引擎认为是SPAM而被消除?

我们的建议: TITLE能够表达当前网页的内容和核心内容即可。

三:网页标题优化可以随时更改吗?

一般包括对标题结构的优化和关键词的调整是可以的。但是,如果添加无关的关键词,或者是频繁修改Title,就会有问题了。

三、全站所有页面前面十几个字都是相同的可以吗

搜索引擎会以为你的网站中的所有页面都是同样的内容。搜索引擎看网页和人类不一样,是直接看代码的!

更多关于网站优化的信息,请点击: https://web.brain-info.com/seo

[网站优化]网站META标签应如何设置

网站META标签应如何设置?Title,keywords,description长度设置多少合适?最权威的实践结果出炉了!

Html 的Meta 标签对于高级的搜索引擎优化人员来说,并不是新奇的东西。

无论如何它是一个优质的网页不可缺少的,因为meta标签是内嵌网页中非常特殊的html标签类型,包含着你有关于你网页的一些重要信息。是指引搜索引擎判断网页内容的重要标签,是向搜索引擎解释网页信息内容的。下面跟随布瑞恩看看如何把把控好META标签吧。

虽然meta标签在SEO优化策略中是非常重要的,但是首先要清楚地知道,仅仅加入meta 并不能帮助你在搜索引擎中获得更好的排名。

meta标签有好些类型,其中最重要的有这三个:

Description、Keywords、Title(title严格意义上不算是标签,但是它确实非常重要!)。

如果你希望搜索引擎对你的网站进行索引时就会用到redirect和robots。
特别提醒:实际上只有25%左右的网页用到了keywords和description,也就是很多建站公司在制作页面的时候忽略了这方面。这是导致很多企业站无法取得好的排名后而不得已选择付费点击或者关键词竞价广告的原因。

很多人从意识中已经认同搜索引擎就是为了赚广告费的,怎么可能让你白嫖呢?其实,搜索引擎的初衷是为了向用户呈现最恰当的有价值内容信息,而不仅仅是赚取广告费。合理的SEO服务是受搜索引擎欢迎的!

如果大家都不做内容,都用砸钱的方式挤位置排名的话,那么结果大家也可想而知:用户根本搜索不到有用有价值的信息,那么搜索引擎就会失去用户,那么也就没落了!所以我们发现,不论百度、360还是谷歌,尤其是谷歌,对广告位的数量提供卡得非常死。太多广告一方面会让用户反感,另一方面会挤压优质网页内容的呈现空间。微软的Bing在这方面就做得非常棒,没有广告!

言归正传,下面是TITLE和DESCRIPTION这两个标签的示例代码:

<html>
<head>
<title>标题内容</title>
<meta name=”description” content=”页面描述内容”>
<meta name=”keywords” content=”关键字1,关键字2,...“>
</head>
</html>多个关键字用逗号分开。

Title 标签

网页的Title 标签是网页中最重要的标签,它是网页被最先看到的部分。Title标签中最好是加上网站的关键词,在搜索引擎的搜索中占有非常重要的地位。

最好是把它放在其他meta标签前,这更有利于网站的排名。(注:有些搜索引擎会按title标签的字母的优先权进行排名,尽量在你的title中使用开始的字母)title标签是人们在搜索引擎中第一个看到有关网站的描述,所以尽量把它弄简单,让人一看就知道网站是关于什么的。

Description标签

Description标签用于描述网站。网页的Description标签是人们在搜索引擎搜索列表中呈现的关键内容,也是搜索引擎衡量判断网页内容的关键因素,直接相关到网站的搜索点击率。这些描述内容会直接影响或吸引、鼓动用户去浏览其网站。这是从众多竞争对手中脱颖而出的关键!

页面描述内容要恰当,不能太夸张,也不能挂羊头卖狗肉。这样避免当访客点击网站后发现内容不是自己想要的而直接关闭页面而形成一次跳出。

很多搜索引擎允许描述的字数(字符数)在150个左右,中英文字符数的统计方式不太一样,英语单词一个字母就是一个字符,一个空格也算一个字符,一个标点也算一个字符。中文基本是一个汉字占用两个字符,一个标点占用一个字符。

所以,网站页面描述的文字字符数要尽量规划在120左右为最佳。另外,搜索引擎对于页面描述里的关键词更为敏感!这远比网页中的内容重要。

这里提供了一条非常重要的信息:确定网页的描述能正确的反映网站的主体内容,所以尽量要在Description里面加入核心关键词。大多数搜索引擎都支持description标签。如果不使用的话网站很大可能会失去排名靠前的机会。

Kewords标签

相比于description与title标签,keyword标签目前显得并不是很重要了,某些搜索引擎甚至把它完全地忽略掉了。尽管如此,布瑞恩还是建议您正确使用keywords标签,对一些搜索引擎来说,这对提高搜索排名仍然有效。 Keywords标签是一个隐藏的标签,向搜索引擎提供了一组与你的页面有关的的关键词或关键短语列表,除了搜索引擎,一般情况下访客看不到keywords。可以用关键词挖掘工具找出一系列适用于网站的关键词(字)。

每一个页面中组织部署相关的关键词,必须要有针对性。每个页面专注于不同的产品或者内容,在标签中罗列一堆关键词对提高网站的排名并没有多大好处。

特别提醒多个关键词间须用逗号间隔(英文逗号)。

关键词不宜以同一形式重复3-6次,避免被判断为关键词堆砌。可能会因此而受到搜索引擎惩罚。

大多数的搜索引擎会允许你在keywords标签中使用最多1000个字符。每一个页面使用相关连的关键词会提高网站的排名。这是被证实过的!

一个很重要的因素是关键词冗余度,如果keywords标签中只有100个字符,那么这个情况下的关键词的冗余度就仅为1%。搜索引擎将会利用相关的算法对关键词冗余度进行统计网页中的每一个相关的词或短语, 去除多余的关键字有利于提高网站的排名。

更多布瑞恩网站优化内容和建议了解,请点击:https://web.brain-info.com/seo

英文网站谷歌排名上不去的原因

网站做好上线都已经大半年过去了,仅有一部分收录,网站页面的关键词排名上不去,当然访问量和询盘也相当“平稳”地少。而你们已经做了所有你知道的、你们认为应该做的一切正确的工作。但,由于某种原因,它没有呈现出预期的效果。这个时候,你一定不知道该怎么办了。

这个时候,你做的全部努力,精心准备的内容并不全是无用功,而是方法可能有点不对。

外贸企业做独立站,针对谷歌做SEO,在搜索结果页面里排名上升是一个相对建站而言比较漫长的过程,需要有足够的耐心。

一旦付诸于行动而成功的话,将会为企业带来源源不断的流量。毕竟全球这么多竞争对手的存在,难度大是预料之中的事情。

谷歌给予网站较高评价和排名的几点关键要素:

  1. 网站内容。网站所写的内容,需要被谷歌搜索引擎认为它和多个话题相关。同时还需要是原创的,权威的,并且要和所在的网页直接相关。谷歌在对网页进行排序的时候,会涵盖了从网页链接配置到网页加载速度等数百个因素。网站内容做的越多,内容显得越独特,越原创,越容易被Google认可,也同时被用户容易接受并认可,这样网站流量也就会越来越好。
  2. 关键词和内容相关性。关键词在SEO内容中起着至关重要的作用,选择搜索热度高的关键词很有必要,但是,我们也应该已经注意到,因为竞争非常激烈,想要获取好的排名是相当具有挑战性的。比较实际的折中方案是选择一系列长尾关键词,它们虽然热度没有热词高,但它们更有利于吸引到买家,因为更具体,更能符合用户购买时的需求描述,因此可能更具转化率,对于小企业而言更具有实践价值。关于如何选择关键词可以参考:
  3. 更新的及时性。虽然域名的年龄在决定排名时也有一定的影响力,但是如果内容过时了,老域名的影响力也会变得微乎其微。使用新鲜的、实时性较强的关键词,将在很大程度上为你的网站内容及时性加分。几个月前提交的内容,可能已失去热度,如果不经常更新内容,网站本身的排名就会开始下降。Google关心的是网站是否提供了相关的、权威的、优化过的内容。这点是非常重要的。如果你的网站还没有及时更新内容,那么让布瑞恩给你们建一个Wordpress博客或许是一个不错的主意。通过不间断发布新的博客文章,定期或不定期的告诉Google你的页面是最新的,和用户搜索词是相关的。接下来的你网站优化效果就会慢慢呈现,精准询盘也会不请自来。
  4. 社交媒体引荐。如果将你的网站上高质量页面分享到社交平台,更多的人会因此去浏览和分享页面,这会大大的增加你网站的曝光度和浏览量。这样,搜索引擎会认为你的网站是有价值的,对提高你的网站排名非常有用。

网站SEO优化相关的术语和工具

网站SEO相关术语(持续整理中)

域名权重:搜索引擎对域名质量的认可程度,域名的后缀有数百种,不同后缀的域名在搜索引擎中的权重不同。比如:.gov,.edu,.org的后缀在搜索引擎中的比重要比一般的域名高。另外,老域名的权重要明显高于新域名;使用区域不同,域名权重也会不同。比如:.jp域名的中文网站在百度的权重肯定没有.cn的高,但是在日本,则恰好相反。

静态化页面静态页面是网页的代码都包含在页面中,没有执行脚本和动态语言而生成的浏览器端的网页页面,从外观上看,静态页面网址中一般不含“?”、“=”、“&”等符号。注意:静态页面并不是网页视觉上的体验,比如鼠标放上去不变化,或者没有动效就认为是静态页面,这些是由css和js等控制的效果。静态页面可以实现地更好!“动”“静”的主要区别是数据上的传输和展示的区别。

Robots.txt:这是一个纯文本的文件,当搜索引擎robot访问一个站点的时候,它首先会检查该站点根目录下是否存在robots.txt这个文件。搜索引擎会按照robots.txt的内容来确定爬取网页的内容和范围。这个文件可以规定允许robot访问哪些文件,不访问哪些文件。

网站地图:网站地图目前有两种:.html 和.xml,以sitemap命名,这个文件里面直接包含了网站里面的所有链接地址和网页,可以把希望让搜索引擎收录的页面全部加入到这个文件中去,然后提交给搜索引擎。

Meta标签:常见的网页Meta标签有:Title、Description、Keywords,这些和SEO息息相关,都在<head></head>之内。除此之外,还有:Content Type、Content Language、Refresh、Content-Script-Type和Robots等Meta,每个都有不同的作用,可以分配特定的属性。

关键词:搜索关键词,是根据用户搜索习惯而衍生出来的。只对网站优化有作用,就是有众多用户会搜索某一个词,那么这个词就可以作为网站关键词来做,这样网站就会有机会被搜索到。

关键词密度

关键词趋势:

长尾关键词:

链接:

站内链接:

站外链接:

站群:

网站流量:

网站收录:

网页劫持:

盗链: