什么是SEO友好型网页设计?
SEO网页设计是指创建可被搜索引擎完全访问和索引的网站。
为什么SEO友好型网页设计很重要?
这很简单。
SEO友好型网站通常会比那些无视搜索引擎的网站获得更多的流量。
当然,你想把用户放在第一位。但要想让你的网站发挥最大的作用,你要在设计和开发网站的时候考虑到用户和搜索引擎。
最佳做法
完全可索引的页面
这是超级重要的,谷歌可以完全索引你的网站上的内容。下面是如何确保这种情况发生的方法。
使用 Alt Text
Google并不是很擅长识别图片。换句话说,如果没有你的帮助,谷歌和其他搜索引擎就无法理解图片是什么。
这就是为什么Google建议你
“为图片提供一个描述性的文件名和alt属性描述。”
例如,这里是我网站上的Backlinko YouTube频道在关键词 “backlinks “排名的图片。
为了帮助搜索引擎理解这个图片是什么,我给我的图片取了一个描述性的文件名。
backlinko-youtube-video-ranking-for-backlinks.png
我还使用了alt文字,准确地描述了我的图片:
Backlinko YouTube video – Ranking for “backlinks”
隐藏内容
隐藏在表单和可扩展菜单后面的内容很难被搜索引擎索引。
比如说。
网站有时会把内容的部分隐藏在标签或 折叠按钮后面。
(这对于在移动设备上快速加载的内容来说是超级常见的)
即使Google通常不会给索引这些内容带来任何麻烦,但他们有时也会失误。
这就是为什么我建议把你的所有内容都放在公开的地方。这样,他们就可以轻松地爬行和索引你的页面100%的内容。
提供字幕
就像对待图片一样,谷歌无法理解视频或音频格式的内容。他们需要的是文字。
因此,如果你在网站上发布多媒体内容,请在页面上给Google挂上字幕转录。
未被封锁
Robots.txt中的 “noindex “元标签告诉搜索引擎不要索引一个页面。
这对正在建设中的页面或只为内部员工设计的页面很有帮助。
但是你会惊讶于这个标签被错误使用的频率。
例如,Chad Burgess有一个客户不小心把noindex标签应用到了他们的大部分页面上。(图帕先生翻译,公众号:yestupa)
这(很明显)导致了有机流量的大幅下降。
而当noindex标签被移除后,他们的排名很快就恢复了。
无index标签问题解决后,排名有所提升
想100%确保你的内容是可索引和可爬行的吗?
请使用SEO Browser
SEO browser可以让你看到你的页面在搜索引擎中的样子。
(Spoiler: 你的网站看起来会和普通浏览器(如Chrome浏览器)有很大的不同。)
我推荐使用免费好用的ZEO SEO浏览器。https://zeo.org/seo-tools/seo-browser/
只要在工具中输入你的网站的URL就可以了。
….让你从搜索引擎蜘蛛的眼睛里看到你的内容。
在我的案例中,我的页面的主要内容(如文字和图片)是完全可见的。
但如果你注意到你的页面的关键部分在SEO浏览器中是不可见的,那么对Google来说也是不可见的。
所以这就是你要尽快解决的问题。
获取fetch
Google搜索控制台有一个很好的URL检测功能。
这将让你知道谷歌是否有问题访问你的页面。
如果一切正常,你会得到一个绿色的检查标记。
如果一切正常,会有绿色的检查标记。
简单的网站架构
网站架构可能听起来很复杂。但其实并不复杂。
网站架构就是将网站上所有的页面链接在一起。
一般来说,你要保持网站架构简单。
如果你有这样一个纠结的乱七八糟的网站架构,Google会很难找到并索引你所有的页面。
另一方面,像这样的架构让谷歌的工作更容易:
独特的内容
谷歌讨厌重复的内容。
事实上,谷歌指出,如果他们发现一个网站有很多重复的内容,
“…网站的排名可能会受到影响,或者该网站可能会被完全从Google索引中删除,在这种情况下,它将不再出现在搜索结果中。”
简而言之,就是要在每一个页面上都要有独特的内容。
这对于一个50页的博客来说很容易。
但是,一个地方性的企业,500+的地方有不同的页面呢?或者是一个有10K产品页面的电商网站?
同样的规则也是一样的。
要写出与你在布鲁克林的干洗店位置100%独特的内容,与你在皇后区的位置有很大的不同,这并不容易。
但是,如果你想让这些页面在Google上排名,你需要做到这一点。
事实上,谷歌警告不要在多个页面上重复使用模板内容。
所以,
重复的内容是SEO的毒药。不惜一切代价避免它。
使用Canonical Tag
在某些情况下,你可能会在你的网站上有几个不同的页面,内容相似……….但你只希望其中一个页面能排名。
(例如,你有一个页面为每一个尺寸和颜色的网球鞋,你卖的是什么颜色的网球鞋)
那么,你不想因为重复的内容而被扣分。
但如果你的红蓝绿黄版本的鞋子写出完全独特的内容也是没有意义的。
那要怎么办?
就是用Canonical标签。
这个标签告诉搜索引擎。
“这个页面是值得索引的。其他的都是该页面的变体”。
统一标签的缺点是,”变体页面 “不会被索引。
但最大的好处是,你可以避免重复内容的惩罚。
URL结构
URL是非常被低估的。
事实上,大多数人对他们的URL都是零投入。而他们最终的结果是这样的。
思想的URL对用户来说是不好的(奇怪的URL很难记住)。
搜索引擎也会对冗长、混乱的URL进行纠结。这是因为Google看你的URL(连同你的元标签和页面上的内容)来确定你的页面主题。
所以你要避免使用那些没有描述你的页面的URL。
https://website.com/cat=90/10/09/2019/pageref810a。
相反,使用能让用户和搜索引擎知道你的页面主题的URL。并且容易记忆的URL。
例如,对于这个关于SEO技巧的帖子,我的URL是:
https://backlinko.com/seo-techniques
很简单的。
有限的页数
如果我能给大家的SEO建议只有一个,那就是这个。
限制你网站上的页面数量。
为什么这一点很重要?有两个原因…..
首先,更多的页面=更多的潜在问题。
一个拥有100个页面的网站比一个拥有10万个页面的网站要容易得多。
拥有大量页面的网站更容易遇到一些问题,如
重复的内容
稀薄的内容
谷歌的熊猫惩罚
过时的内容
第二,较小的网站,有几个牛逼的页面更有利于SEO。
(至少根据谷歌的说法)
例如,我的网站每个月的有机访客数为193,964人。
而其中一个很大的原因是,我不会发布大量的填充内容。或者是有类似内容的页面。
事实上,我的网站总共只有128个被索引的页面。
超棒的用户体验
谈到用户体验和SEO时,Google说。
“你应该优化你的网站,为用户的需求服务。其中一个用户就是搜索引擎,它可以帮助其他用户发现你的内容。”
你已经学会了如何为谷歌和其他搜索引擎优化你的网站。
现在是时候翻转脚本了。
具体来说,我们将专注于为人类用户创造一个很棒的用户体验。
为什么这对搜索引擎优化很重要呢?
首先,Google密切衡量所谓的 “用户体验信号”。如果Google看到人们喜欢你的内容,那么它在搜索结果中的排名会更靠前。
(这是由谷歌的一个名为 “RankBrain “的算法处理的)
第二,如果你的网站很牛逼,就会有更多的人链接到它。
(这是SEO的一个关键部分)
有了这些,下面是为用户和Google创造一个令人赞叹的用户体验的3个技巧。
移动优先的设计
现在,63%的网站流量来自于移动设备。
这意味着:
首先创建一个桌面网站,然后再做一个移动版的网站是没有意义的。
相反,你想创建一个为移动设备制作的网站…..然后再考虑桌面用户的需求。
这对SEO也有好处。
Google现在正在运行一个 “移动优先索引”,只看你网站的移动版本。
如果你的网站进行了移动优化,那么你的网站就能满足用户和谷歌的需求。
描述性标题
你的标题标签有两个主要目标。
目标1:描述你的页面是关于什么的。
事实上,谷歌的质量评分指南说,”描述性或有用的 “标题是高质量搜索结果中最重要的部分之一。
所以你要避免通用的标题,比如 “主页 “或 “联系方式”。
例如,这里是我的主页的标题标签:
SEO Training and Link Building Strategies – Backlinko
这给了用户(和搜索引擎)更多的信息,比起一般的标题,比如:”欢迎光临我的网站”。”欢迎来到我的网站”。
目标2:在标题中使用你的目标关键词。
Google对你的标题标签有很大的权重。所以一定要在你的标题中加入目标关键词。
例如,我这个帖子的目标关键词是 “SEO工具”。
所以,我一定要在标题中加入这句话。
击中这两个目标将有助于你的网站访客的活生生的网站访客。
毕竟,一个描述性的标题,包括人们搜索的关键词,将帮助用户在你的网站上找到他们要找的内容。
用副标题来组织内容
让我们面对现实吧。
这个星球上没有人愿意读一堵巨大的文字墙,就像这样。
而那些被挤在一起的内容会让谷歌更难阅读和理解你的页面内容。
这就是为什么你要把你的内容组织成独立的部分,就像这样。
这可以让你的用户跳转,找到对他们帮助最大的部分。它还可以帮助谷歌了解你所涵盖的所有子栏目。
例如,我博客中的这篇帖子就是一个分步骤的SEO审核。
正如你所看到的,我用H2子标题将内容分成一堆不同的部分。
事实上,谷歌建议你使用 “使用标题标签来强调重要的文字”,并对内容进行结构化处理。
原文:https://backlinko.com/hub/seo/seo-friendly-design
原创文章,作者:图帕先生,感谢支持原创,如若转载,请注明出处:https://www.yestupa.com/seo-friendly-design.html