超详细网页/文章SEO结构优化教程,解读URL、关键词、图片优化、移动适配等要点
我觉得做好SEO优化最最最重要的前提是内容是否优质,能否有效帮助访客解决问题。但这并不足够,还需要在结构上清晰明了,不仅要让访客看着舒服,也要让搜索引擎抓取的舒服,这样更有利于搜索排名。
这篇文章就教大家如何创建清晰的网页/文章脉络,也给大家在创建新内容时有一个框架。
视频教程(上)
视频教程(下)
一. 网站链接/URL结构
简洁明了的URL有助于用户和搜索引擎理解页面内容,尽量不要 使用太多的层级。

1.1 URL路径的层级
网站URL路径层级不宜太多,一般都在三个以内,下面看看如何划分。
① 根域名
我们网站上的所有网页都是以根域名“https://example.com”作为开始,然后通过不同的层级划分归类资源。以下是详细的解释:
② 一级目录
https://example.com/contact-us(产品页面)https://example.com/service(服务页面)
③ 二级目录
https://example.com/products/pet–bowl(产品宠物碗页面)https://example.com/post/travel(Travel博客文章页面)
④ 三级目录
http://example.com/category/pets/toys(宠物类目下玩具分类)
剩余类目层级以此类推……
URL层级反映了网站的内容结构,以及页面之间的关系,更有助于用户理解,提高导航的便捷性。
我们在用WordPress搭建网站的时候,在【设置】下面有个【固定链接】,这里可以自定义URL结构。建议大家选择【文章名】类型,这种类型的语义性强,可将关键词作为URL后缀(英文),便于搜索引擎理解。
至于其他用日期或者ID的,要么URL层级太多,要么没什么语义性,也不建议大家自己自定义结构。

1.2 URL中的关键词
关键词在URL中的合理分布可以提高页面的相关性,从而提升搜索排名。
① 关键词尽量使用英文或者拼音,不要用中文。(例如,如果页面是关于“SEO优化技巧”的,URL可以是https://baixiaojunwm.com/seo-optimization)
② URL尽量简洁明了,避免过长或过于复杂,这样更容易被用户记住和分享。
③ 使用连字符(-),而不是下划线(_)。搜索引擎将连字符视为单词分隔符,而下划线则被忽略。(例如,https://example.com/seo-optimization而不是https://example.com/seo_optimization)
④ 避免堆砌关键词。有些人想着在URL的后缀放置多个关键词或者很详细内容,其实没有必要,这样不仅造成URL路径过长,而且可能被判定为关键词堆砌。(例如 https://不见得会比example.com/seo-optimization-seo-tipshttps://或example.com/seo-optimizationhttps://)example.com/seo-tips要好
⑤ 避免特殊字符,如@,#,&以及中文,不利于搜索引擎解析收录。
⑥ 避免过多层次,能使用 https://,就不要用 example.com/seo-tipshttps://。example.com/blog/seo-tips
合理使用关键词并避免上述问题也是SEO优化中重要的一环。
二. SEO标题和描述
2.1 页面标题
这是显示在网页及网站搜索结果的标题,所以连贯与内容相关即可,尽量不要太长。


2.2 SEO标题
SEO标题和描述是搜索引擎抓取并显示在搜索结果中的内容。

2.3 如何编辑标题?
网页/文章的标题直接在编辑状态填写即可。

至于SEO标题和描述,我在之前的WordPress建站中介绍过一款Rank Math,使用起来还可以。当然这类的工具有很多,包括这个SEO优化系列教程的后面也会介绍其他一些好用的工具。

标题是用户最先看到的内容,也是搜索引擎判断网页内容的重要依据,对点击和排名有非常重要的作用。
关于写标题的一些技巧和方法,我会在后面单独出一篇文章讲解。下面是一些要点:
- 包含关键词/长尾关键词,并且尽可能放在前面。(关键词是重点,会单独出文章讲解)
- 语序通畅,避免冗长,保持在60个字符内。
- 易读,合理使用标点符号。
- 有标题中包含数字,问句,明确结果等信息点击率更高。
- 也可以多写几个标题,通过A/B Test工具测试点击率的情况。
- ……
2.4 SEO描述
2.4.1 元描述
描述部分是对网页内容的简短说明,也是对标题的补充。尽可能把一些重要的折扣,结果等信息放出来。以下是一些要点说明:
- 包含目标关键词。
- 长度通常在160个字符以内,重要的信息放在前面。
- 突出重点内容和价值,比如:折扣,解决什么问题,留下悬念等。
- ……
2.4.2 面包屑导航
面包屑导航能帮助用户了解当前页面在网站中的分类,方便用户导航到对应的类目下,也便于搜索引擎理解网站结构。

2.4.3 目录和标题级别应用
从上面截图可以看出,这篇文章是设有目录的,方便用户阅读和理解,提升用户体验感。这里就用到了级别标题和锚点。
当我们在网页插入标题元素时,可以给它设置成H1,H2,H3……,也就是一级标题,二级标题,三级标题……

这些标题都带有锚点,当我们在网页添加【目录】元素时,就会根据不同级别的标题自动生成目录。这样用户点击对应的目录标题就可以跳转到相关的内容。

一般情况下网页内容中的标题都是从H2(二级标题)开始,因为网页的标题默认是H1。虽然没有明确的说明一个页面只能有一个H1标题,但是为了保证网页标题的唯一性和搜索引擎的抓取权重分配,比较建议只保留一个H1,就是网页的主标题。
除此之外,建议在内容中的标题做一些颜色或样式的区分,主要是提升用户阅读体验。


三. 正文部分
内容是网页的核心,高质量、有价值的内容是吸引用户最主要的因素。而用户的点击,停留时长,内部链接转化,跳出等行为都是搜索引擎考量的重要因素。
3.1 图文结合
- 文字的枯燥性往往很难让读者耐心看下去,而图片作为更容易理解的媒介,可以更清晰直观地补充和展示一些信息。
- 这样不仅能吸引读者(比如:实操类图片更易理解,场景类图片更易带入,情感类图片更易共情等等),还容易给读者留下深刻的印象。当读者下次碰到这样的问题,脑海里最先出现的一定是画面。
- 同时图片也是很好的分隔符,尤其是内容比较长的话,可以在适当的位置放入图片,控制节奏,减小读者因为阅读疲劳而跳出的可能性。
- 搜索引擎在评估网页内容时,也会考虑图片的使用情况。合理使用并优化图片的alt标签等属性,可以提高网页在搜索引擎中的排名。
3.2 图片参数优化
以下是一些图片SEO优化的方法:
① 图片要与内容相关,相互补充,增强信息传递效果。
② 文件名(File Name),是相关短语的英文或拼音,可包含关键词,但不要太长,例如seo-youhua.jpg。一个有意义的文件名可以帮助搜索引擎更好地理解图片主题。(避免中文命名,也不要用无意义的名称,比如IMG_1234.jpg)
③ 标题(Title),图片名称,概括图片的内容或主题,可带入关键词。
- 帮助搜索引擎快速准确理解这张图片的信息。
- 图片标题中的关键词也作为网页的关键词布局。
- 有助于图片在搜索引擎的图片索引库中被正确分类,增加曝光。
④ 替代文本(Alt Text),网页设计中用于描述图片内容的文本。它在HTML代码中通过alt属性添加到<img>标签中。

- 提高网页的可访问性
- 屏幕阅读器:对于视障用户,屏幕阅读器会读取Alt Text,帮助他们理解图片的内容。这使得网页对所有用户都更加友好。
- 如果图片由于网络问题或其他原因无法加载,Alt Text 会显示在图片的位置,让用户知道图片的内容。
- 搜索引擎优化(SEO)
- 清晰完整的Alt Text描述,有助于搜索引擎更好地理解图片和网页,从而提高搜索排名。
- 有利于对应图片在图库中被收录和排在前面。
- Alt Text中的关键词也作为关键词体系的一部分。
- 社交/媒体分享
- 在社交媒体平台上分享图片时,可能会使用Alt Text 作为图片的描述,帮助用户更好地理解分享的内容。
- 如何写Alt Text
- 简洁明了:尽量用简短的句子描述图片的主要内容,避免冗长的描述。
- 具体详细:提供一些细节,比如颜色,情景,形状等。
- 使用关键词:适当使用与网页内容相关的关键词,但要不要堆砌。
示例:<img src=”cat.jpg” alt=”一只白色的肥猫在爬桌子”>,生动详细地展示了图片内容。

Alt Text是图片优化中比较重要的一块,不仅在某些情况下有助于用户阅读,也帮助了搜索引擎抓取和排名。
⑤ 说明文字(Caption),显示在图片下方的简短文字,对图片进行简短说明。
- 可以对图片的背景,故事,细节或来源等进行说明。

⑥ 图片描述(Description),记录图片的详细信息,或者可以自己对图片做一些备注。这部分内容对SEO的影响不大,也可以不填。
以上是关于图片一些信息参数设置,主要是标题,Alt Text和描述。
3.3 图片尺寸,体积与格式
网站上图片尺寸没必要太大,这样既不能显示出该有的效果,反而拖慢了页面加载速度,这是大忌。(例如:用3600*2400像素的图片填充800*600的区域,没啥意义)
关于网站常见的图片尺寸参考,可以查看下面文章:
压缩图片体积在之前的视频中也讲过。教了大家如何在尽可能保证图片清晰度的同时,极大地减小体积,加快加载速度。
至于图片格式,常用的也就几种:
- JPEG格式适合照片,风景照。
- PNG是透明背景图片。
- Gif是动图,比较有吸引力。
- WebP也是目前很常用的一种图片格式,文件更小,加载更快。
选择合适的图片尺寸并结合压缩和格式优化,可以显著提升 WordPress 网站的加载速度、用户体验和 SEO 表现。
3.4 其他图片优化
- ① 将图片链接到相关页面,如产品页面或博客文章,增加网站内部链接权重。
- ② 图文结构合适,多使用一些图片,增加网页内容的丰富度。
- ③ 网页的Featured Image要设置,我们在其他页面调用,或者客户在其他平台分享网页时会显示出来。
3.5 段落清晰
- 每个段落的内容尽量不要太长,用标点符号做好停顿。
- 如果一个观点下有多个子观点,用列表元素展示。
- 合理分布目标关键词,不要密度太大。
- 可以多使用一些关键词的长尾词,同义词。(比如:茶杯,水杯,杯子,保温杯)
- 合理使用内部链接,引导用户访问其他相关页面。
- 对于一些数据内容,可以引用外部官方/专业机构文章链接,增加可信度。
四. 其他注意事项
① 用响应式设计,注意移动端的适配性。
② 在页面上添加社交媒体分享按钮,方便用户分享。
③ 如果一篇文章的内容非常长,可以分成多篇,在文章中相互链接。
④ 定期更新网页内容。
⑤ 创建错误网页自动重定向。
……
五. 总结
以上是关于一个网页的SEO结构说明,相信看完这篇文章,大家在做SEO优化的时候会有一个大概的框架,知道在哪些方面可以做调整。
关于SEO优化系列的其他内容,可以参考下面的文章,持续更新中……
© 文章版权归白小菌所有,🫰欢迎转发分享。未经允许请勿抄袭转载。






