8 篇文章

目录

SEO友好的网页设计

SEO 网页设计是创建可被搜索引擎完全访问和索引的网站的做法。

为什么 SEO 友好的网页设计很重要?

这很简单:对 SEO 友好的网站通常比忽略搜索引擎的网站获得更多流量。

当然,您希望将用户放在首位。但是为了充分利用您的网站,您需要在设计和开发网站时考虑到用户和搜索引擎。

SEO友好的设计

最佳实践

完全可索引的页面

Google 可以将您网站上的内容完全编入索引,这一点非常重要。以下是确保发生这种情况的方法:

使用替换文字

谷歌不太擅长识别图像。换句话说,没有你的帮助,谷歌和其他搜索引擎无法理解图像是什么。

这就是为什么Google 建议您:

“为图像提供描述性文件名和 alt 属性描述。”

什么是替代文字

例如,以下是我网站上关于关键字“反向链接”的 Backlinko YouTube 频道排名的图片:

<img style="max-width: 600px !important" title="Backlinko – YouTube 示例" alt="Backlinko – YouTube 示例" data-aspect-ratio="0.77666666666667" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20960%20745%22%3E%3C/svg%3E' data-src="https://api.backlinko.com/app/uploads/2020/06/backlinko-youtube-example.png" data-srcset="https://api.backlinko.com/app/uploads/2020/06/backlinko-youtube-example.png 1536w, https://api.backlinko.com/app/uploads/2020/06/backlinko-youtube-example-300x233.png 300w, https://api.backlinko.com/app/uploads/2020/06/backlinko-youtube-example-1280x993.png 1280w, https://api.backlinko.com/app/uploads/2020/06/backlinko-youtube-example-768x596.png 768w, https://api.backlinko.com/app/uploads/2020/06/backlinko-youtube-example-480x373.png 480w, https://api.backlinko.com/app/uploads/2020/06/backlinko-youtube-example-640x497.png 640w, https://api.backlinko.com/app/uploads/2020/06/backlinko-youtube-example-960x745.png 960w, https://api.backlinko.com/app/uploads/2020/06/backlinko-youtube-example-1440x1118.png 1440w" data-sizes="(max-width: 600px) 100vw, 600px" loading="lazy" decoding="async">

为了帮助搜索引擎了解该图像是什么,我为我的图像指定了一个描述性文件名:youtube-video-ranking-for-backlinks.png

我还使用了准确描述我的图像的替代文字:YouTube 视频 – “反向链接”排名

隐藏内容

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

例如:网站有时会将部分内容隐藏在标签或“手风琴”后面。

手风琴 UI 示例

(这对于旨在在移动设备上快速加载的内容非常常见)

尽管 Google通常可以轻松地将这些内容编入索引,但Google 可能会认为这些内容价值较低。

我建议将您的所有内容公开的原因。

提供字幕

就像图像一样,Google 无法理解视频或音频格式的内容。他们需要文字。

因此,如果您在自己的网站上发布多媒体内容,请将 Google 与页面上的文字稿联系起来:

带有文字记录的视频

不要阻止爬取

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

阻止访问意味着没有索引

这对于正在构建或仅为内部员工设计的页面很有帮助。

但是您会惊讶于这个标签被错误使用的频率。

如果不小心将 noindex 标签应用到了他们的大部分页面。

这(显然)导致自然流量大幅下降:

不正确使用 noindex 标签导致流量下降

当那个 noindex 标签被移除后,他们的排名迅速恢复:

解决 noindex 标签问题后排名提高

抓取和渲染

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

这会让您知道 Google 是否在访问您的页面时遇到问题。

如果一切正常,您会看到一个绿色的复选标记。

谷歌搜索控制台 - 如果一切正常,绿色标记

简单的网站架构

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

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

网站架构

通常,您希望保持站点架构简单。

换句话说:

如果你有这样一团乱麻,谷歌将很难找到并索引你的所有页面。

复杂的网站架构

另一方面,像这样的架构让谷歌的工作变得更容易。

简单的站点架构

独特的内容

谷歌讨厌重复的内容。

事实上,谷歌表示,如果他们发现一个网站有很多重复的内容:

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

简而言之:

您希望在网站的每个页面上都有独特的内容。

这对于 50 页的博客来说很容易。

但是,对于 500 多个位置具有不同页面的本地企业呢?或者一个有 10k 个产品页面的电子商务网站?

同样的规则适用。

事实上,谷歌警告不要使用在多个页面上重复的样板内容

谷歌警告不要使用样板内容

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

使用规范标签

在某些情况下,您的网站上可能有几个不同的页面具有相似的内容……但您只想对其中一个进行排名。

(例如,您有一个页面显示您销售的每种尺寸和颜色的网球鞋)

避免重复内容惩罚

好吧,您不想因重复的内容而受到指责。

但是,为鞋子的红色、蓝色、绿色和黄色版本编写完全独特的内容也是没有意义的。

答案是什么?

规范标签

这个标签告诉搜索引擎:

这个页面值得索引。其余的只是该页面的变体”。

什么是规范标签

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

但最大的好处是您将避免代价高昂的重复内容惩罚。

网址结构

URL 被严重低估。

事实上,大多数 URL 看起来像这样:

网址结构

这种的 URL 对用户不利(奇怪的 URL 很难记住)。

搜索引擎也与冗长、令人困惑的 URL 斗争。这是因为 Google 会查看您的 URL(以及您的元标记和页面上的内容)来确定您页面的主题。

因此,您希望避免使用不描述您的页面的 URL。

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

相反,使用为用户和搜索引擎提供页面主题线索的 URL。这很容易记住。

限制网页数量

如果我只能给人们一条 SEO 建议,那就是:

限制您网站上的页面数量。

为什么这很重要?两个原因……

首先,更多的页面=更多的潜在问题。

100页站点比100,000页面的网站更容易。

拥有大量页面的网站更有可能遇到以下问题:

其次,具有一些很棒的页面的较小网站对 SEO 更友好。

例如,我的网站每月有 193,964 位自然访问者:

每月自然访问者

一个重要的原因是我没有发布大量的填充内容。或者包含类似内容的页面。

事实上,我的网站总共只有 128 个索引页面:

Google Search Console – 索引页面

很棒的用户体验

在用户体验和 SEO 方面,谷歌说得最好

“您应该优化您的网站以满足用户的需求。其中一个用户是搜索引擎,它可以帮助其他用户发现您的内容。”

您已经学会了如何针对 Google 和其他搜索引擎优化您的网站。

现在是时候专注创造出色的用户体验。

为什么这对 SEO 很重要?

首先,谷歌密切衡量所谓的“用户体验信号”。如果谷歌看到人们喜欢你的内容,它会在搜索结果中排名更高。

RankBrain 如何使用用户体验信号

(这是由名为“ RankBrain ”的谷歌算法处理的)

其次,如果您的网站很棒,就会有更多人链接到它。

(这是SEO的关键部分)

有了这个,这里有 3 个技巧,可以为用户和 Google 创造出色的用户体验。

移动优先设计

现在所有网站流量的63%来自移动设备。

网络流量 – 移动 .vs. 桌面

意思是:

首先创建桌面站点,然后制作移动版本不是最好的选择。

相反,您想为移动设备创建一个网站,然后担心桌面用户的需求。

这对SEO也有好处。

谷歌现在正在运行一个“移动优先索引”,它只查看您网站的移动版本。

<img style="max-width: 790px !important" title="什么是移动优先索引" alt="什么是移动优先索引" data-aspect-ratio="0.77215189873418" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201280%20988%22%3E%3C/svg%3E' data-src="https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing.png" data-srcset="https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing.png 1580w, https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing-300x232.png 300w, https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing-1280x988.png 1280w, https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing-768x593.png 768w, https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing-1536x1186.png 1536w, https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing-480x371.png 480w, https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing-640x494.png 640w, https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing-960x741.png 960w, https://api.backlinko.com/app/uploads/2019/02/what-is-mobile-first-indexing-1440x1112.png 1440w" data-sizes="(max-width: 790px) 100vw, 790px" loading="lazy" decoding="async">

底线?

如果您的网站针对移动设备进行了优化,那么您的网站就可以满足用户和 Google 的需求。

描述性标题

您的标题标签有两个主要目标:

目标#1:描述你的页面是关于什么的

事实上,Google 的质量评估指南指出,“描述性或有用”的标题是高质量搜索结果中最重要的部分之一。

Google 指南指出描述性标题很重要

因此,您要避免使用“主页”或“联系人”等通用标题。

目标#2:在标题中使用目标关键字

谷歌对你的标题标签很重视。因此,请确保在标题中包含一次目标关键字。

例如,我这篇文章的目标关键字是“SEO 工具:

SEO 工具帖子

所以我确保在我的标题中包含这个确切的短语:

 SEO 工具帖子标题

再次:

实现这两个目标将帮助您增长网站访问者。

毕竟,包含人们搜索关键字的描述性标题将帮助用户在您的网站上找到他们正在寻找的内容。

用副标题组织内容

地球上没有人想阅读一堵巨大的文字墙,如下所示:

文字墙

全部混在一起的内容使 Google 更难阅读和理解您页面的内容。

这就是为什么您要将内容组织成离散部分的原因,如下所示:

分节组织内容

这让您的用户可以跳过并找到对他们最有帮助的部分。它还可以帮助 Google 了解您涵盖的所有子主题。

我使用 H2 子标题将我的内容分解为一堆不同的部分:

H2 - 内容中的副标题

事实上,Google 建议您使用“使用标题标签来强调重要文本”并构建您的内容:

Google 建议使用标题标签来强调重要文本