SEO友好型网页设计

更新日期:2021-07-21
Share on facebook
Share on twitter
Share on linkedin

什么是SEO友好型网页设计?

SEO友好型网页设计是为了创建可被搜索引擎完全访问和索引的网站。

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

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

当然,你想把你的用户放在第一位。但是,为了使你的网站发挥最大的作用,你要在设计和开发你的网站时考虑到用户和搜索引擎。

SEO-friendly design

SEO友好型网页设计的最佳做法

完全可索引的页面

谷歌能够完全索引你网站上的内容,这一点非常重要,下面是如何确保这一点。

使用图片Alt文本

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

这就是为什么谷歌建议你:”为图片提供一个描述性的文件名和alt属性描述。”

What is Alt Text

例如,在我的网站上有一张Backlinko YouTube频道的图片,关于关键词 “反向链接 “的排名。

Backlinko – YouTube Example

为了帮助搜索引擎了解该图像是什么,我给我的图像起了一个描述性的文件名。

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

我还使用了能准确描述我的图像的alt文本

Backlinko YouTube视频–“反向链接 “的排名

折叠的内容

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

比如说,网站有时会将其内容的部分隐藏在标签或 “手风琴 “后面。

Accordion UI example

这种设计常常是为了提升移动端的加载速度。

尽管谷歌通常对这些内容的索引没有问题,但下图有一个SEO测试结论显示折叠的内容会对排名有影响。

Google sometimes has trouble indexing hidden content

这就是为什么我建议把你所有的内容都放在公开的地方,这样,搜索引擎就可以轻松地抓取和索引你的页面的全部内容。

为视频/音频内容提供文字版本

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

因此,如果你在你的网站上发布多媒体内容,请在页面上提供对应的文字内容,就像下图那样。

Video with transcript

未被阻止

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

Blocked access means no indexing

这对正在建设中或只为内部员工设计的网页很有帮助。

但你会惊讶于这个标签经常被错误地使用。

例如,Chad Burgess有一个客户不小心将noindex标签应用到他们的一大部分网页上

这(显然)导致了自然流量的大幅下降。

Traffic drop from incorrect use of noindex tag

而当这个noindex标签被删除后,他们的排名很快就恢复了。

Rankings improving after noindex tag issue resolved

使用SEO浏览器

想100%确定您的内容是可索引和可抓取的吗?

使用一个SEO浏览器。

搜索引擎浏览器向你展示你的页面在搜索引擎看来是怎样的。

(Spoiler:你的网站看起来会与普通浏览器(如Chrome)有很大的不同)

我建议使用免费且实用的Zeo SEO浏览器

ZEO SEO browser

只要从你的网站上输入一个URL到该工具…

ZEO SEO browser - Enter URL

…让你从搜索引擎蜘蛛的眼中看到你的内容。

Backlinko ZEO SEO results

在我的案例中,我的页面的主要内容(如文本和图片)是完全可见的。

Backlinko ZEO SEO browser – Result text and images are fully visible

但是,如果你注意到你的页面的关键部分在SEO浏览器中是不可见的,那么它们对谷歌也是不可见的。

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

获取和渲染

谷歌搜索控制台有一个巧妙的URL检查功能。

这将让你知道谷歌在访问你的网页时是否有问题。

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

如下图所示,在已经将你的网站加入谷歌搜索控制台后,然后便可以在输入框中输入该网站的任一URL检测。

Google Search Console – Green checkmark if everything is okay

简单的网站架构

网站架构可能听起来很复杂,但它并不复杂。

网站架构简单地说就是你网站上的所有页面是如何连接在一起的。

Website architecture

一般来说,你希望保持你的网站架构简单。

换句话说,如果你有下图这种纠结的混乱局面,谷歌将很难找到并索引你的所有页面。

Complicated site architecture

另一方面,下图所示的架构使谷歌的工作更容易。

Simple site architecture

独特的内容

谷歌讨厌重复的内容。

事实上,谷歌表示,如果他们发现一个网站有很多重复的内容,”……网站的排名可能会受到影响,或者网站可能被完全从谷歌索引中删除,在这种情况下,它将不再出现在搜索结果中。”

简而言之,你希望在你网站的每一个页面上都有独特的内容,这对一个只有50来页的博客来说是很容易的。

但是,如果一个本地企业有500多个不同页面呢?或者是一个有1万个产品页面的电子商务网站呢?

同样的规则也适用。

要写出你在布鲁克林的干洗店与你在皇后区的干洗店完全不同的100%的独特之处,并不容易。

但是,如果你想让这些页面在谷歌上获得排名,你就需要切实做到。

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

Google warns against using boilerplate content

底线是什么?重复的内容是SEO的毒药,不惜一切代价避免它。

使用Canonical标签

在某些情况下,你可能在你的网站上有几个不同的页面,但它们有类似的内容……但你只想让其中一个页面获得排名。

(例如,你有一个页面来介绍你所销售的每一种尺寸和颜色的网球鞋)

Avoiding duplicate content penalty

好吧,你不想因为重复的内容而被扣分。

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

答案是什么呢?

整合重复的网址,使用canonical标签,这个标签告诉搜索引擎:”这个页面是值得索引的,但其他的页面的只是该页的变体”。

What is the canonical tag

canonical标签的缺点是:”变体页 “不会被索引。

但最大的好处是,你将避免昂贵的重复内容的处罚。

URL结构

URL是非常被低估的。

事实上,大多数人对他们的URL没有任何考虑,使得像下图那种样子。

URL structure

不假思索的URL对用户不利(奇怪的URL很难记住)。

搜索引擎也对冗长、混乱的URL感到纠结,这是因为谷歌通过看你的URL(连同你的元标签和页面上的内容)来计算你的页面的主题。

所以你要避免那些不能描述你的页面的URL,譬如:https://website.com/cat=90/10/09/2019/pageref810a。

相反,使用能给用户和搜索引擎提供页面主题线索的URL,而且容易记住。

例如,对于这个关于SEO技术的帖子,我的URL是https://backlinko.com/seo-techniques。

限制页面数量

如果我只能给人们一个SEO建议,那就是这个。

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

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

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

一个有100个页面的网站比一个有100,000个页面的网站要容易管理得多。

有大量页面的网站更有可能遇到下面所述的问题。

  • 重复的内容
  • 内容单薄
  • 谷歌熊猫的惩罚
  • 过时的内容

第二,有几个令人敬畏的页面的小型网站更有利于SEO(至少根据谷歌的数据是这样的)

Google prefers smaller sites with a few awesome pages

例如,我的网站每个月有193,964名有机访客。

Backlinko monthly organic visitors

这方面的一个重要原因是,我不发布大量的填充内容,或者是那些有类似内容的页面。

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

Google Search Console - Indexed pages

令人敬畏的用户体验

谈到用户体验和SEO,谷歌说得最好

“你应该优化你的网站以服务于你的用户需求。这些用户之一是搜索引擎,它帮助其他用户发现你的内容”。

你已经学会了如何为谷歌和其他搜索引擎优化你的网站。

现在是翻转剧本的时候了。

具体来说,我们将专注于为人类用户创造一个很棒的用户体验。

为什么这对SEO很重要?

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

How RankBrain uses UX signals

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

第二,如果你的网站很好,更多的人会链接到它。

(这也是SEO的一个关键部分)

有了这些,这里有3个提示,为用户和谷歌创造一个很棒的用户体验。

移动优先的设计

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

Web traffic – Mobile .vs. Desktop

这意味着:首先创建一个桌面网站……然后再制作一个移动版本是没有意义的。

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

这对SEO也有好处。

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

What is mobile-first indexing

底线是什么?

如果你的网站进行了移动优化,你的网站就能满足用户和谷歌的要求。

描述性标题

你的标题标签有两个主要目标。

目标1:描述你的网页是关于什么的。

事实上,谷歌的质量评价准则说,描述性或有帮助的标题是高质量搜索结果的最重要部分之一。

Google guidelines state that descriptive titles are important

所以你要避免像 “主页 “或 “联系 “这样的通用标题。

例如,这里是我的主页的标题标签。

SEO培训和链接建设策略 – Backlinko

这给用户(和搜索引擎)提供了比一般的标题多得多的信息,例如。”欢迎来到我的网站”。

目标2:在标题中使用你的目标关键词。

谷歌对你的标题标签给予了很大的重视。因此,请确保在你的标题中包括你的目标关键词一次。

例如,我这篇文章的目标关键词是 “SEO工具”。

Backlinko – SEO Tools Post

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

Backlinko – SEO Tools Post Title

再一次说明,达成这两个目标将有助于你提升你的网站访客。

毕竟,一个包括人们搜索的关键词的描述性标题将帮助用户在你的网站上找到他们正在寻找的东西。

组织内容,使其逻辑清晰

地球上没有人愿意阅读下图这种超多的密密麻麻的文字。

Wall of text

而那些被挤在一起的内容使谷歌更难阅读和理解你的页面内容。

这就是为什么要把你的内容组织成不连续的部分,像这样。

Organize content in sections

这可以让你的用户快速找到对他们帮助最大的部分,这也有助于谷歌了解你所涉及的所有副主题。

例如,我博客中的这篇文章是一个分步骤的SEO审计

Backlinko – SEO Site Audit Post

正如你所看到的,我使用H2小标题将我的内容分成了一堆不同的部分。

H2 – Subheaders In Content

事实上,谷歌建议你使用 “使用标题标签来强调重要的文本”,并组织你的内容。

Google recommends using heading tags to emphasise important text

备注:本文原文出自Backlinko,由LOYSEO翻译。

点赞
0 / 5 0

Your page rank:

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Cloudways

速度快、续费不涨价的优质主机
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

Copyright © LOYSEO.COM