技术SEO在网站设计中的重要性

目录

为什么技术SEO如此重要?

您应该注意的9个技术SEO因素

1. XML网站地图

2. Robots.txt

3.头标签

4. 信息架构

5. 破损的页面

6. 响应能力

7.页面加载速度

8. 安全

9. 可访问性

结束语


技术SEO在网站的可发现性、排名和用户体验方面起着至关重要的作用。看看有助于技术SEO的九个因素,以及网页设计师和开发人员可以做些什么来确保在网站开发过程中考虑到这些因素。

每个人都想要一个能够用关键词优化他们的内容的作家,以及一个可以让他们获得高权威反向链接的营销人员。但是网页设计师和开发人员呢?您在确保技术方面发挥着至关重要的作用 网站已经过优化,以获得更好的搜索性能。

在这篇文章中,我们将看看为什么在构建网站时不能忽视技术SEO,以及影响网站排名的好坏的九个技术因素。

为什么技术SEO如此重要?

搜索引擎优化有三个主要方面。

页面搜索引擎优化与我们对内容所做的工作有关。它需要是:

  • 相关
  • 宝贵
  • 权威
  • 关键字优化
  • 结构良好
  • 内部链接

如果搜索引擎索引机器人无法理解它的内容,如果读者无法从中获得任何价值,那么该页面的排名就不会很好。

站外搜索引擎优化与提高网站权威性的站外活动有关。

在某些情况下,我们可以控制页外搜索引擎优化。例如,经过客户好评的Google Business个人资料可以使网站受益。这些配置文件通过 流量权限到连接的网站。

不过,页外搜索引擎优化并不总是在我们的控制范围内。获得高权威的反向链接和正面评价是非常令人垂涎的,因为它们可以为网站的排名做些什么。但是,除非您是一位知名作家、企业家或名人,他们可能很难有机地获得。

技术搜索引擎优化是关于网站的机制以及它们如何影响页面的可抓取性和索引。技术SEO因素也会影响网站的实际性能和可用性。

一个执行不力的技术SEO计划可能意味着你的网站或其某些页面没有出现在搜索结果中。如果人们找不到你的网站,那就是一个大问题。

缺乏技术性SEO也可能意味着你的页面排名。但是,当访问者打开它们时,他们必须等待15秒或更长时间才能加载内容。(或者,更确切地说,他们不会等待,而是返回搜索结果进行查找 一个更快的网站。

这也可能意味着该网站导航混乱,导致太多404死胡同或难以在智能手机上使用。

因此,可能受到负面影响的不仅仅是搜索引擎抓取网站的能力。缺乏技术SEO或执行不力会造成糟糕的用户体验。

您应该注意的9个技术SEO因素

当你建立一个网站时,一个技术SEO清单会派上用场。您可以使用以下列表将您的列表放在一起。

我还建议使用一次Google的技术SEO工具——Google Search ConsolePageSpeed Insights——您的网站上线了。他们将帮助您评估技术优化的成功程度。

1. XML网站地图

XML站点地图是位于网站根目录的文件。它并不意味着人类可以访问。它的存在是为了让搜索机器人可以在网站上找到所有URL(以及图像文件等其他内容)。它还有助于搜索引擎 了解网站的整体结构和组织。

某些内容管理系统会自动生成网站的XML站点地图。这很有帮助,因为您最不想做的就是为大型网站或商店拼凑一XML站点地图。

您也可以使用XML-Sitemaps.com为您生成一个。

准备就绪后,它将如下所示:

这是我网站的XML站点地图。它将我的内容分为各种类别,如页面、帖子、产品、课程等。您还可以为类别、标签、作者等添加一个。

生成XML站点地图是重要的第一步。您还需要将其提交给搜索引擎。

从最流行的搜索引擎开始。对于Google,您将通过Google Search Console提交站点地图(您只需要链接即可)。对于必应,你将使用必应网站站长工具

请稍后检查,以确保您的站点地图已成功提交。例如,这是它在Google Search Console中的样子:

它应该与您生成的XML站点地图完全匹配。

不过,这并不意味着您网站上的每个页面现在都已被抓取和索引。要查看Google是否检测到您的所有内容,请参阅“主页”标签页。这将告诉您哪些页面已编入索引,哪些页面未编入索引。

在某些情况下,网页不会被编入索引,因为它们是旧的并且已被删除。在其他情况下,这是因为您的网站中有某些东西阻止了搜索引擎的索引。接下来我们将介绍其中的一些原因。

2. Robots.txt

robots.txt文件是另一个位于您网站根目录的文件,仅供搜索引擎的“眼睛”使用。本文档提供了有关可以对网站的哪些部分进行爬网和索引的规则。

您可能不需要设置robots.txt文件,因为您的CMS或虚拟主机会为您完成。但是,您必须编写自定义规则,例如,如果您想阻止Google访问您的网站。在这种情况下,您可以添加 如下所示的规则:

User-agent: Googlebot
Disallow: /

这并不是robots.txt文件的实际应用,除非您的网站将长期建设。

相反,您将使用它来防止搜索引擎在与网站管理相关的文件夹和文件中四处游荡。您还可以使用它来远离与您安装的插件或主题相关的目录。

3.头标签

还有一些方法可以与搜索引擎就查看、索引或远离哪些页面进行沟通。

为此,您必须创建一个规则,并将其作为元标记插入到您的网站<head>中,如下所示:

<meta name="robots" content="noindex">

这将阻止所有搜索引擎将找到该标签的页面编入索引。如果您进入Google Search Console,您应该会在“页面>页面索引>被”noindex“标签区域下看到您的noindex页面。

您可以在这里看到我的四个页面被标记为noindex。如果你向下滚动,谷歌会告诉你哪些页面受到影响。如果它们不属于那里,您可以尝试重新提交它们以进行索引。

您还可以使用<head>标签来标记规范内容。

虽然在网站上有重复的内容并不理想,但在某些情况下是必要的——比如在运行A/B测试时。规范标签是一种告诉搜索引擎哪些页面是原始副本和 应该被索引和排名的那个。然后,在网站上找到的任何重复内容都将被忽略或取消搜索结果中的优先级。

若要将此标记添加到<head>,请使用如下所示的字符串:

<link rel="canonical" href="https://yourdomain.com/main-page/" />

重复的内容可能会给您在搜索引擎上带来麻烦,并给用户带来困惑。因此,这个特定的<head>标签将派上用场。

4. 信息架构

搜索引擎不仅仅关注您为它们创建的 XML 站点地图。他们将检查您网站的架构,包括导航、页脚链接、内部链接结构、面包屑和分页。

网站的信息架构(IA)在用户体验中起着至关重要的作用。如果访问者无法看一眼您的导航并了解您的网站是关于什么以及如何绕过它,那就是一个主要问题。

内部链接结构也可以告诉搜索引擎和用户很多关于您网站质量的信息。

内部链接可帮助搜索引擎发现他们可能还没有时间抓取或索引的新页面和相关页面。或者他们很难自己或通过站点地图发现。

如果使用得当,内部链接还可以增强用户体验。

他们可以帮助用户找到更多信息和相关建议,确保他们在访问网站时充分利用网站。它还有助于提高可发现性,因为标题空间有限,可能不包含每个页面, 特别是对于一个有数百或数千页的网站。

在构建IA时,请专注于简单性和组织性。标签、页面和链接的命名约定不应留有解释的余地。每个页面的路径结构应该是描述性的和简短的(例如,/products/baby-romper/)。 这一切都应该以合乎逻辑的方式组织起来。

5. 破损的页面

如果您在Google Search Console中向下滚动页面选项卡,您将找到某些页面未被编入索引的原因列表。Noindex和规范标签只是您可能会发现的两个原因。

例如,我的网站还列出了其他四个原因:

  • 带有重定向的页面
  • 未找到(404)
  • 已发现——当前未编入索引
  • 已抓取——当前未编入索引

我们不会担心最后两个,因为谷歌正在研究它们。然而,前两个与“损坏”页面有关。

损坏的页面会将用户带到404页面,这是最常见的网站错误之一。

如果您或您的团队正在清理网站并删除旧的、不相关的内容,除非您有合适的替代方案,否则人们会遇到404。但这并不意味着你的团队需要写一篇新的博客文章 关于小企业营销,以取代刚刚删除的营销。例如,它只是意味着将寻找旧帖子的访问者引导到主博客页面。

虽然您的用户可能无法避免每个404错误,但您可以通过为任何重命名或删除的页面设置301重定向来降低发生错误的可能性。即使谷歌不会因为你的网站404而惩罚你的网站,但如果它发现它会大量用户出于沮丧而放弃您的网站,因为没有一个链接有效。

6. 响应能力

Google Search Console中有一个名为“移动可用性”的选项卡。但是,此功能将于2023年底停用。

谷歌从来没有真正拥有检查移动响应能力的好工具。它的移动友好测试工具实际上是“是”或“否”评价。因此,将这个内置到Google Search Console中有时很有用,因为它提供了一些关于移动相关问题的直接反馈。

例如,在上面的问题列表中,谷歌告诉我,有些文本太小而无法阅读,有些可点击的元素距离太近。

你最好的选择是给自己找一个可靠的响应式检查器。我使用的是移动模拟器Chrome扩展程序。它不提供与移动设备相关的错误列表。相反,它允许您在数十台设备上查看您的网站。这需要一些工作,但它至少可以帮助您识别和修复出现在较小屏幕上的问题。

7.页面加载速度

网页加载速度不会影响搜索引擎索引网站的能力。但是,它们确实严重影响了用户体验。因此,如果您的网站因为无法忍受等待15秒、10秒甚至等待而失去访问者 页面加载5秒,您的排名将因此下降。这一切都是联系在一起的。

您可以做很多事情来确保每个页面(或者至少是您最关键的页面)在几秒钟或更短的时间内加载。例如:

  • 选择快速网站托管
  • 添加CDN。
  • 调整图像大小和压缩图像。
  • 实现延迟加载。
  • 将PNG和JPG图像文件替换为WebP。
  • 嵌入来自YouTube或Vimeo的视频,而不是将它们上传到服务器。
  • 缓存您的内容。
  • 缩小HTML、CSS和JavaScript。
  • 结合CSS和JavaScript。
  • 实现异步加载。
  • 清理凌乱的代码。
  • 减少重定向次数。
  • 限制使用的插件和API连接的数量。

如果您想了解这些优化如何影响网站,请查看这篇关于如何创建轻量级和更快的移动UI的文章。

谷歌可能会给你更多建议。要了解您的效果分数以及提高分数的方法,请使用PageSpeed Insights。

在此页面的顶部,Google会详细列出您的主页(或您正在评估的任何页面)加载所需的时间。它会告诉你:

  • 第一幅内容丰富的油漆
  • 最大的内容涂料
  • 总阻塞时间
  • 累积布局偏移
  • 速度指数

它甚至会给你一个视觉演示,让你看到页面在加载时的样子。在下面,您将找到“机会”来提高您的绩效分数。

8. 安全

这是谷歌在如何保持良好状态方面含糊不清的另一个领域。如果您查看Google Search Console,“安全问题”部分会告诉您是否有问题。

PageSpeed Insights在“最佳实践”部分简要介绍了安全问题。您可以在此处找到一些与安全性相关的注意事项:

  • “使用HTTPS”
  • “避免弃用的API”
  • “确保CSP(内容安全策略)有效抵御XSS攻击”

在安全性方面,谷歌基本上是在寻找最低限度的。但是,如果您的网站碰巧遭到破坏并且用户受到影响,Google会在对其进行排名时注意到并做出回应。

这份22点安全检查表将帮助您涵盖您的基础。即使谷歌不看 为了或检查这些东西,你应该为了你的用户。

9. 可访问性

当谷歌推出其页面体验更新时,可访问性成为一个需要关注的重要技术问题。

仔细想想,这是有道理的。我们已经在网络开发方面取得了如此大的进展,谷歌甚至不再真正解决移动响应能力之类的问题。因为这是给定的。那么下一步是什么?制作确保所有设备、浏览器人类都可以平等地访问网站。

尽管谷歌表示可访问性不是官方排名因素,但它与404没有什么不同 页面或安全漏洞。当然,如果Google发现任何这些问题,它可能不会降低您的网站或页面的排名。但是,如果您的用户对它做出负面反应,那么它肯定会。

如果您进入PageSpeed Insights并向下滚动到您的辅助功能分数,您会发现与以下类别相关的问题:

  • 导航
  • 反差
  • 名称和标签

Google会跟踪与如何针对屏幕阅读器技术和其他辅助设备标记您的网页相关的其他问题。

有一个“要手动检查的其他项目”以及“已通过审核”的列表。这些与HTML标记、ARIA、交互式元素、用户焦点等有关。

我建议您从此处找到的所有内容中生成自己的可访问性清单。在创建可访问的网站(例如WAI)时,还有其他有用的资源,但是Google的清单是一个很好的起点。

结束语

技术SEO可能不会像页面内或页面外SEO那样获得所有嗡嗡声。但是,照顾好它至关重要,因为它会对您的网站产生一些严重影响。从使搜索引擎难以抓取您的内容到创建 对用户来说是一种不愉快的体验,技术SEO因素具有广泛的影响。因此,如果您还没有在网页设计过程中解决这些问题,那么是时候开始了。

https://www.telerik.com/blogs/importance-technical-seo-website-design

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值