什么是SEO友好型网页设计？
SEO友好型网页设计是为了创建可被搜索引擎完全访问和索引的网站。
为什么SEO友好型网页设计很重要？
这很简单：对搜索引擎友好的网站通常比忽视搜索引擎的网站获得更多流量。
当然，你想把你的用户放在第一位。但是，为了使你的网站发挥最大的作用，你要在设计和开发你的网站时考虑到用户和搜索引擎。
SEO友好型网页设计的最佳做法
完全可索引的页面
谷歌能够完全索引你网站上的内容，这一点非常重要，下面是如何确保这一点。
使用图片Alt文本
谷歌并不善于识别图像，换句话说，没有你的帮助，谷歌和其他搜索引擎无法理解图像的内容是什么。
这就是为什么谷歌建议你：”为图片提供一个描述性的文件名和alt属性描述。”
例如，在我的网站上有一张Backlinko YouTube频道的图片，关于关键词 “反向链接 “的排名。
为了帮助搜索引擎了解该图像是什么，我给我的图像起了一个描述性的文件名。
backlinko-youtube-video-ranking for-backlinks.png
我还使用了能准确描述我的图像的alt文本。
Backlinko YouTube视频–“反向链接 “的排名
折叠的内容
隐藏在表格和可扩展菜单后面的内容可能很难被搜索引擎收录。
比如说，网站有时会将其内容的部分隐藏在标签或 “手风琴 “后面。
这种设计常常是为了提升移动端的加载速度。
尽管谷歌通常对这些内容的索引没有问题，但下图有一个SEO测试结论显示折叠的内容会对排名有影响。
这就是为什么我建议把你所有的内容都放在公开的地方，这样，搜索引擎就可以轻松地抓取和索引你的页面的全部内容。
为视频/音频内容提供文字版本
就像图片一样，谷歌无法理解视频或音频格式的内容，他们需要文本。
因此，如果你在你的网站上发布多媒体内容，请在页面上提供对应的文字内容，就像下图那样。
未被阻止
Robots.txt中的 “noindex “元标签告诉搜索引擎不要索引指定页面。
这对正在建设中或只为内部员工设计的网页很有帮助。
但你会惊讶于这个标签经常被错误地使用。
例如，Chad Burgess有一个客户不小心将noindex标签应用到他们的一大部分网页上。
这（显然）导致了自然流量的大幅下降。
而当这个noindex标签被删除后，他们的排名很快就恢复了。
使用SEO浏览器
想100%确定您的内容是可索引和可抓取的吗？
使用一个SEO浏览器。
搜索引擎浏览器向你展示你的页面在搜索引擎看来是怎样的。
(Spoiler:你的网站看起来会与普通浏览器（如Chrome）有很大的不同)
我建议使用免费且实用的Zeo SEO浏览器。
只要从你的网站上输入一个URL到该工具…
…让你从搜索引擎蜘蛛的眼中看到你的内容。
在我的案例中，我的页面的主要内容（如文本和图片）是完全可见的。
但是，如果你注意到你的页面的关键部分在SEO浏览器中是不可见的，那么它们对谷歌也是不可见的。
所以这是你要尽快解决的问题。
获取和渲染
谷歌搜索控制台有一个巧妙的URL检查功能。
这将让你知道谷歌在访问你的网页时是否有问题。
如果一切正常，你会得到一个绿色的复选标记。
如下图所示，在已经将你的网站加入谷歌搜索控制台后，然后便可以在输入框中输入该网站的任一URL检测。
简单的网站架构
网站架构可能听起来很复杂，但它并不复杂。
网站架构简单地说就是你网站上的所有页面是如何连接在一起的。
一般来说，你希望保持你的网站架构简单。
换句话说，如果你有下图这种纠结的混乱局面，谷歌将很难找到并索引你的所有页面。
另一方面，下图所示的架构使谷歌的工作更容易。
独特的内容
谷歌讨厌重复的内容。
事实上，谷歌表示，如果他们发现一个网站有很多重复的内容，”……网站的排名可能会受到影响，或者网站可能被完全从谷歌索引中删除，在这种情况下，它将不再出现在搜索结果中。”
简而言之，你希望在你网站的每一个页面上都有独特的内容，这对一个只有50来页的博客来说是很容易的。
但是，如果一个本地企业有500多个不同页面呢？或者是一个有1万个产品页面的电子商务网站呢？
同样的规则也适用。
要写出你在布鲁克林的干洗店与你在皇后区的干洗店完全不同的100%的独特之处，并不容易。
但是，如果你想让这些页面在谷歌上获得排名，你就需要切实做到。
事实上，谷歌警告不要在多个页面上使用重复的模板内容。
底线是什么？重复的内容是SEO的毒药，不惜一切代价避免它。
使用Canonical标签
在某些情况下，你可能在你的网站上有几个不同的页面，但它们有类似的内容……但你只想让其中一个页面获得排名。
(例如，你有一个页面来介绍你所销售的每一种尺寸和颜色的网球鞋)
好吧，你不想因为重复的内容而被扣分。
但是，为你的鞋子的红色、蓝色、绿色和黄色版本写完全独特的内容也是没有意义的。
答案是什么呢？
整合重复的网址，使用canonical标签，这个标签告诉搜索引擎：”这个页面是值得索引的，但其他的页面的只是该页的变体”。
canonical标签的缺点是：”变体页 “不会被索引。
但最大的好处是，你将避免昂贵的重复内容的处罚。
URL结构
URL是非常被低估的。
事实上，大多数人对他们的URL没有任何考虑，使得像下图那种样子。
不假思索的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(至少根据谷歌的数据是这样的)
例如，我的网站每个月有193,964名有机访客。
这方面的一个重要原因是，我不发布大量的填充内容，或者是那些有类似内容的页面。
事实上，我的网站只有128个总索引页。
令人敬畏的用户体验
谈到用户体验和SEO，谷歌说得最好。
“你应该优化你的网站以服务于你的用户需求。这些用户之一是搜索引擎，它帮助其他用户发现你的内容”。
你已经学会了如何为谷歌和其他搜索引擎优化你的网站。
现在是翻转剧本的时候了。
具体来说，我们将专注于为人类用户创造一个很棒的用户体验。
为什么这对SEO很重要？
首先，谷歌密切衡量所谓的 “用户体验信号”。如果谷歌看到人们喜欢你的内容，它在搜索结果中的排名就会更靠前。
(这是由谷歌的一个名为 “RankBrain “的算法处理的）。
第二，如果你的网站很好，更多的人会链接到它。
(这也是SEO的一个关键部分)
有了这些，这里有3个提示，为用户和谷歌创造一个很棒的用户体验。
移动优先的设计
现在63%的网站流量来自于移动设备。
这意味着：首先创建一个桌面网站……然后再制作一个移动版本是没有意义的。
相反，你想创建一个为移动设备制作的网站……然后担心桌面用户的需求。
这对SEO也有好处。
谷歌现在正在运行一个 “移动优先索引”，只看你网站的移动版本。
底线是什么？
如果你的网站进行了移动优化，你的网站就能满足用户和谷歌的要求。
描述性标题
你的标题标签有两个主要目标。
目标1：描述你的网页是关于什么的。
事实上，谷歌的质量评价准则说，描述性或有帮助的标题是高质量搜索结果的最重要部分之一。
所以你要避免像 “主页 “或 “联系 “这样的通用标题。
例如，这里是我的主页的标题标签。
SEO培训和链接建设策略 – Backlinko
这给用户（和搜索引擎）提供了比一般的标题多得多的信息，例如。”欢迎来到我的网站”。
目标2：在标题中使用你的目标关键词。
谷歌对你的标题标签给予了很大的重视。因此，请确保在你的标题中包括你的目标关键词一次。
例如，我这篇文章的目标关键词是 “SEO工具”。
所以我确保在我的标题中包括这个确切的短语。
再一次说明，达成这两个目标将有助于你提升你的网站访客。
毕竟，一个包括人们搜索的关键词的描述性标题将帮助用户在你的网站上找到他们正在寻找的东西。
组织内容，使其逻辑清晰
地球上没有人愿意阅读下图这种超多的密密麻麻的文字。
而那些被挤在一起的内容使谷歌更难阅读和理解你的页面内容。
这就是为什么要把你的内容组织成不连续的部分，像这样。
这可以让你的用户快速找到对他们帮助最大的部分，这也有助于谷歌了解你所涉及的所有副主题。
正如你所看到的，我使用H2小标题将我的内容分成了一堆不同的部分。
事实上，谷歌建议你使用 “使用标题标签来强调重要的文本”，并组织你的内容。
备注：本文原文出自Backlinko，由LOYSEO翻译。