A.Y.
独立站运营
2022年6月9日
On-Page, 英文直译的意思是”在页面上”, On-Page SEO的意思就是页面搜索引擎优化, 通过优化页面上的元素来帮助搜索引擎更好的理解网站上每条内容的含义.
搜索引擎越了解我们的内容, 我们在搜索结果中出现的排名就越高, 排名提升意味着更多的自然流量, 更多的潜在转化与收入(针对营销型网站).
对SEOer而言更重要的是, 当我们做好页面搜索引擎优化时, 几个重要的指标: 网站转化率、点击率会提高, 而 跳出率会下降. 这些优秀的用户体验会对搜索引擎产生正向反馈, 提升站点权重.
什么是On-Page SEO?
页面搜索引擎优化(On-Page SEO), 优化单个网页以在搜索引擎中获得更高排名并获取更多相关流量的做法.
页面上(On-Page) 指的是页面的内容、元素以及源代码.
哪些页面因素影响SEO排名?
不管是不是营销型网站, 每个单独的页面都应该有一个中心主题, 这个页面的所有元素和内容都围绕着这个主题来进行.
比如:
About us 页面, 中心主题是介绍”我们自己”;
Contact us 页面, 中心主题是”联系我们”
页面标题(Meta Title)
页面标题(Meta Title) 的目的在于向搜索引擎和用户展示你的这个页面最主要的内容/功能.
一般英文标题需控制在66字符内, 汉字由于占用2个字符, 所以中文标题一般需要控制在33个汉字左右.
元描述(Meta Description)
元描述(Meta Description) 相当于是对于页面标题(Meta Title)的补充说明, 一般展示在搜索结果页的标题下方, 字符长度建议控制在160字符内, 便于完整展示给用户.
内容标题(H1~H6 tag)
内容标题(H1~H6) 和文章的目录大纲类似, 用于向访客 & 搜索引擎展示主要内容, 方便对整个页面所提及的内容有一个快速大致的了解.
页面文本内容
文本内容一般指的是页面内的非标题文本, 同样的, 文本应该是对对应内容标题的展开或补充说明, 文本内容应围绕着页面中心主题展开, 而不是风马牛不相及.
图片alt标签(alt tag)
图片alt标签(alt tag) 对用户而言意义远没有搜索引擎重要.
好的alt标签能够用文字告诉搜索引擎图片的内容. 方便搜索引擎更好理解和识别.
如何给图片做好alt标签
网站链接(url)
你现在看到的这篇文章的url地址是
adamy.top/what-is-on-page-seo
这是和我本文的中心主题呼应的, 同时也呼应了我的博客H1标题.
还有其他例子, 你会发现大部分的网站:
about页面就是 xxx.com/about 或者 /about-us
contact页面也是同理 /contact 或 /contact-us
页面链接应尽量往上面提到的中心主题靠拢, 单词之间使用 “–” 连接彼此.
注意: 不要使用下划线符号”_”作为连接, 对SEO不友好, 上面的图片alt标签也是同理
一般来说页面链接不宜过长, 也就是单词尽量控制在7个以内为佳, 如果长单词过多, 建议5个以内或者更少.
比如我就没有把链接做成:
adamy.top/what-is-on-page-seo-and-how-to-optimize-your-websites-on-page-seo (反面教材)
另外, 网站尽量不要使用汉字作为网站链接, 同时不推荐使用中文域名
比如:
地址栏显示: xxx.com/刘备
当你复制再粘贴的时候地址变成了类似: xxx.com/6%98%9F%E6%98%9F 这种乱码, 汉字越多乱码越长
虽然说不影响正常访问, 但是多少会对用户体验有影响.
网站加载速度
网站加载速度 对于搜索引擎和访客而言是致命的:
你的网站加载速度很快, 对于网站的帮助不会特别大, 因为速度快不是网站排名的决定性因素;
但是如果网站加载速度超慢, 则对SEO是毁灭性的打击. 因为网页长时间加载不出来会极大程度影响访客的用户体验, 而谷歌的商业模式决定了用户体验将永远会是他们心中的top1.
抛开极致优化不谈, 你至少应该能够让你的目标受众顺利访问和加载你的页面.
移动端适配及适应性网站
以前国内的网站建设喜欢为移动端设置子域名和重定向, 但从目前看来, 适应性网站已经逐渐成为主流选择, 当页面窗口比例经过拖拽变化后, 网页元素排布会自动进行调整优化显示, 让访客获得更好的阅读体验.
近年来, 移动端访问占比不断提升, 因此一个适配手机和平板的页面配置显然更受用户和搜索引擎的青睐.
如何建设一个 适配移动端的响应式网站
如何优化页面SEO?
当了解了以上影响SEO效果的元素以后, 如何优化这些元素就成为了我们的首要目标.
一般来说, 上述元素可以分为两种不同的优化方向: 内容性优化 & 技术型优化
内容性优化
- 页面标题(Meta Title)
- 元描述(Meta Description)
- 内容标题(H1~H6 tag)
- 页面文本内容
- 图片alt tag
这些都属于内容性优化, 如开头所说, 应该围绕着 中心主题 和 主要关键词 展开优化.
内容性优化主要考验的是SEOer的行业专业知识了解以及关键词的把握, 还需要结合公司定位 & 实际情况来制定.
每个行业, 甚至是同行业同产品的不同公司, 做的方向做出来的内容可能都不一样, 这是培训师很难手把手教会你的地方, 重点在于SEOer自身对上述内容的理解.
这也是为什么SEO不建议外包的原因: 懂SEO的人未必了解公司和定位; 懂产品和定位的人不一定懂SEO背后的原理, 两者之间的差异导致最后做出来的页面很可能差强人意.
1. 内容首先要能够自然过渡
比方说以前的黑帽技术喜欢在网站的元描述中堆叠很多同类关键词, 关键词之间用逗号或者空格分开, 这种就是纯粹的关键词堆砌, 两个或多个关键词之间没有过渡显得很生硬, 搜索引擎也无法理解站长铺这些词的准确意图, 这样的页面肯定是不受待见的, 以前可能效果很好, 现在是行不通了.
2. 主要关键词尽量前置
在保证第1点自然过渡, 不改变内容/句意的前提下尽量前置. 这不是说关键词必须在首位, 而是在可能的情况下尽量靠前.
举例:
I’ll pick you up and we’ll have dinner tonight at LA restaurant. 强调我去接你
We’ll have dinner tonight at LA restaurant and I’ll go pick you up. 强调共进晚餐
3. 提高内容相关性(非常重要)
和写文章一样, 网站内容应该贴合中心主题, 比如这是一篇页面SEO优化内容为主题的文章, 那么作为作者我是不应该在”今天天气很好”这种破事上花费太多篇幅的, 我甚至都不应该提到天气, 因为两者之间没有相关性, 对吗?
技术型优化
- 网站加载速度
- 移动端优化 & 适应性
虽然这里的标题使用了”技术”这个词, 但是解决问题需要的相对技术含量并不高, 因此非代码玩家可以放宽心.
关于网站加载速度的测试, 有很多网站都可以做到, 而且检测完成后会给出测试结果以及相应的解决方案. 你也可以通过点击上述链接查看我的文章来看看一些主要的速度问题如何解决. 在后续的日子里我也会陆续补充这类的问题和解决方案供参考.
需要提醒的一点是,
当你的网站使用的是国内的主机/服务器时, 不要使用国外的速度测试网站, 反之同理.
关于移动端适配, 想必不用多言了
如果是自己建站:
- 如果是WordPress, 使用支持移动端适配的主题(不选择太老的, 现在的主题一般都默认支持)
- 如果不是WordPress, 那么我是没有经验的, 不能给你建议; 不过既然是代码编写, 想必以你的能力也自然不在话下
WordPress下自己通过可视化编辑器设计网站的话, 只能来回切换边测试边修改查看效果到满意为止了. 从0到1的突破总是难的, 但成就感拉满, 同时也收获了经验.
如果是外包建站:
硬性要求外包公司达到要求即可, 技术本身不难实现, 僵持不下可适当加钱
因为当你已经需要请外包建站的情况下, 说明你对于此类内容多半是不了解的, 加钱一步到位是最简单直接达成目标的方法, 自己折腾还得耗费人力时间且容易出问题.
