1.4 有助于SEO的网站设计

时间：2023-06-02 12:12:01 | 来源：网站运营

时间：2023-06-02 12:12:01 来源：网站运营

1.4 有助于SEO的网站设计：本文翻译自SEO大神光头强(Brian Dean)SEO系列教程《第一章：SEO基础知识》里的第四节《有助于SEO的网站设计》。

内容摘要：

设计网页的时候，不仅仅要考虑对用户有用，还需要考虑到能被搜索引擎抓取。因为大部分的流量来自搜索引擎，如果你的内容不易被搜索引擎收录，那么就亏大了。

本文讲解了9个基本但是非常重要的有助于SEO网页设计的方法。

读完本文您可以： 掌握设计网页时，该如何做才能让Google理解你的内容。

全文： 3168字

适合阅读对象：跨境电商内容营销者；SEOer；联盟营销者；对内容创作感兴趣、想通过互联网写作变现的人群。




目录

• 什么是有助于SEO的网站设计？
  
• 为什么有助于SEO的网站设计很重要？
  
• 最佳实践
  
• 完全可索引的页面
  
• 使用SEO浏览器
  
• 提取并渲染（Fetch and Render）
  
• 简单的网站架构
  
• 独一无二的内容
  
• 使用规范标签（Canonical Tag）
  
• 网址结构
  
• 限制页面数量
  
• 很棒的用户体验
  

---

什么是有助于SEO的网站设计？

有助于SEO的网站设计是：创建网站的一种方法。用这种方法创建出来的网站，可以被搜索引擎完全访问并建立索引。

为什么有助于SEO的网站设计很重要？

道理非常简单：

有助于SEO的网站通常比忽略搜索引擎的网站获得更多的访问量。

当然，需要把用户放在第一位。 但是为了获得更多的曝光，在设计和开发网站时，需要同时考虑用户和搜索引擎。

最佳实践

完全可索引的页面

让Google给你网站上的所有内容建立索引，这是非常重要的。 下面就讲讲如何做：

使用替代文字

Google不太擅长识别图像。换句话说，如果没有你的辅助，Google和其他搜索引擎将无法理解图像内容。

因此，Google建议：

“为图片提供描述性文件名和 alt 属性说明”







例如，这是我们网站上的一张图片，这篇文章的主关键字是“ backlinks”：







为了帮助搜索引擎了解这张图片的内容，我给它起了个一个描述性的文件名：

backlinko-youtube-video-ranking-for-backlinks.png

我还使用替代文字来描述这张图片：

Backlinko YouTube video – Ranking for “backlinks”

隐藏内容

隐藏在表单和可扩展菜单里的内容，可能很难被搜索引擎索引。

例如：

网站有时候会将部分内容隐藏在下拉选项卡或折叠选项卡里：







（这种方法可以在移动端快速加载内容，所以使用很普遍）

虽然Google 一般 不会对这些内容建立索引，但他们有时还会这样做。







因此，我建议公开所有内容。这样，搜索引擎才能对你的所有内容建立索引。

提供文字稿

就像无法识别图像一样，Google无法理解视频或音频格式的内容。它需要文字稿。

因此，如果在网页上发布多媒体内容，需要提供文字稿供Google检索。







不禁止索引（Not Blocked）

Robots.txt中的“ noindex”元标记，告诉搜索引擎不要为页面建立索引。







这对正在开发网页的内部人员非常有用。

但你会为这个标签被错误使用的频率而吃惊。

例如，乍得·伯吉斯（Chad Burgess）的一个客户不小心将noindex标记应用于大部分网页。

这（明显）导致自然流量大幅下降：







当删除noindex标记后，他们的排名迅速恢复：

使用SEO浏览器

你是否希望你的内容一定会被爬取和建立索引？

那就用使用SEO浏览器。

SEO浏览器会向你显示：页面在搜索引擎中的样子。

（ 剧透 : 在SEO浏览器中，你的网页与在普通浏览器里的显示效果，差异很大）

我建议使用免费、好用的Zeo SEO浏览器：







只需把你的URL输入到这款工具中：







你可以看到：搜索引擎的爬虫眼中的内容。







就我的案例而言，页面的主要内容（如文本和图像）是完全可见的。







但是，如果发现页面的关键部分在SEO浏览器中不可见，那么它们对Google也是不可见的。

这就是你要尽快解决的问题。

提取并渲染（Fetch and Render）

在谷歌搜索控制台有一个漂亮的URL检验小功能。

这将让你知道：Google在访问您的页面时是否遇到了问题。

如果一切正常，你将获得绿色的选中标记。

简单的网站架构

网站架构可能听起来很复杂。但事实并非如此。

网站架构只是将 网站上所有页面链接在一起。







一般来说，你需要让网站架构保持简单。

换一种说法：

如果你的架构像下面的混乱，谷歌将很难找到并索引您的所有页面。







另一方面，像下面的这种架构，会让Google的工作很轻松。

独一无二的内容

Google 痛恨重复的内容。

实际上，Google声明：如果他们发现一个包含大量重复内容的网站：

“……网站的排名可能会受到影响，或者该网站可能会完全从Google索引中删除，在这种情况下，它将不再出现在搜索结果中。”

简而言之：

在你的网站上，每个页面上的内容都是独一无二的。

对于只有50个页面的博客，这很容易做到。

但是对于那些有1万个产品页面的电子商务来说，怎么处理呢?

相同的规则同样适用。

比如写干洗店的文案，要把布鲁克林地区的干洗店文案，写的与皇后区的干洗店文案完全不同，这可不是件容易的事情。

但是，如果你希望这些页面获得Google排名，那你必须得这样做。

实际上，Google警告不要在多个页面上适用重复的样板内容：







重点在哪里？

重复的内容是SEO毒药。要不惜一切代价避免它。

使用规范标签（Canonical Tag）

在一些情况下，你的网站上可能会有几个具有内容相似的不同页面……但是你只希望其中一个页面获得排名。

（例如，你有一个页面，出售的是不同尺寸和颜色的网球鞋）







而你不想为重复的内容感到伤神。

但是，你为不同颜色的鞋子，编写完全不同的描述是没有意义的。

有什么方法解决这个问题呢?

规范标签(The canonical tag)。

这个标签告诉搜索引擎：

“ 这个页面 值得索引，其余的页面都是该页面的变体”







规范标签的缺点是“变体页面”不会被索引。

但它带来最大的好处是：避免重复内容遭受惩罚。

网址结构

网址的结构被低估了。

实际上，大多数人在网址中没有使用任何有意义的东西。 最终导致网址看起来像这样：







没有含义的URL对用户不利（奇怪的URL很难被记住）。

搜索引擎很难处理冗长、令人困惑的URL。因为Google会检查你的URL（以及页面上的meta标签和内容），最终理解页面的主题。

因此，你要避免使用那些无法描述你网页内容的URL。像下面这样的：

https://website.com/cat=90/10/09/2019/pageref810a

而是使用为用户和搜索引擎提供有关页面主题线索的URL。这样很容易被记住。

例如，对于这篇文章《SEO技术》，我的URL是：

https://backlinko.com/seo-techniques

怎么样，简单吧！

限制页面数量

如果我只能给人们一个SEO建议，那就是：

限制网站上的网页数量。

为什么这很重要？有两个原因：

首先，页面越多 = 潜在的问题越多。

维护100个页面的网站，比维护1万个页面的网站要轻松很多。

拥有大量网页的网站更容易遇到以下问题：

• 内容重复
• 内容单薄
• Google Panda的处罚
• 内容过时

其次，只有几个很出色页面的小型网站更适合SEO。

（至少根据Google的说法是这样的）







例如，我的网站每月有19万的自然访问者：







能获得这么大流量的一个原因是：我没有发布很多填充的内容，或者是发布很多具有相似内容的页面。

实际上，我的网站总共只有128个索引页面：

很棒的用户体验

在用户体验和SEO方面，Google是这样说的：

“你应该优化网站，以满足用户的需求。这些用户之一就是搜索引擎，它可以帮助其他用户发现你的内容。”

你已经学习了：如何针对Google和其他搜索引擎优化网站。

现在需要转换对象。

具体来说：我们将专注于为 人类用户 创造令人惊叹的用户体验。

为什么这对SEO很重要？

首先，Google会密切监控一种“ 用户体验指标”。如果Google看到网民喜欢你的内容，它将提高你的搜索排名。







（这由称为“ RankBrain ” 的Google算法处理）

其次，你的网站体验很好，会有更多人链接到它。

（这是SEO的关键部分）

以下是3个优化用户体验的技巧。

设计时优先考虑移动端

据统计，目前所有网站流量的 63％来自移动设备。







这意味着：

首先创建一个PC端，然后再做一个移动版本，这样是本末倒置的。

相反，首先应该创建一个针对移动端的网站，然后再考虑PC端用户的需求。

这对SEO也有好处。

现在，Google使用一种“移动端优先索引”的方法，这种索引只查看网站的移动端版本。







划重点：

如果你的网站针对移动端进行了优化，那么你就是已经为Google和用户的满意度做好了准备。

描述性标题

标题的主要目的有2个：

目的1：描述网页内容。

实际上，Google的网页质量评分指南指出，“描述性或有用的”标题是很重要的。







因此，要避免使用“首页(Homepage)”或“联系人(Contact)”之类的通用标题。

例如，这是我主页的标题：

SEO Training and Link Building Strategies – Backlinko (SEO培训和创建外链策略)

与通用标题（如“欢迎使用我的网站”）相比，这为用户（和搜索引擎）提供了更多信息。

目的2：在标题中使用目标关键字。

Google对标题进行了很大的加权。因此，一定要在标题中出现一次目标关键字。

例如，我写的这篇文章的目标关键字是 “ SEO工具”







所以，我在标题中加入了目标关键字 ：







达到这2个目的，有助于访客自有访问你的网站。

毕竟，包含目标关键字的描述性标题，可以让访客快速找到想要的内容。

使用副标题让内容有序高效

没有人愿意阅读没有排版、满篇文字的文章，像下面的这篇文章：







Google很难阅读和理解这样混在在一起的内容。

这就是为什么要把内容分散开，例如：







这样访客可以跳读、迅速找到想要的内容。 这还可以帮助Google理解所有涵盖的副主题。

例如，我博客中的这篇帖子是关于SEO分布诊断的。







如图所示，我用H2标题将内容分成不同的块：







实际上，Google建议“使用标题来强调重要文本及让内容有序高效”：

---

作者：光头强(Brian Dean)

原贴（英文）网址：https://backlinko.com/hub/seo/seo-friendly-design

翻译：叶赛文

亲，如果文章对您有用，请您帮忙点赞支持。谢谢

欢迎关注微信公众号：叶赛文，获取最新文章