描述信息
- title 页面标题
- heading 包含h1,h2 等,配合文档结构构成文档大纲,需要合理安排
- Meta Description 和 keywords 标签,对页面的描述。
<head> <meta charset="UTF-8"> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML, CSS, JavaScript"> <meta name="author" content="John Doe"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
- Strong和B标签,前者在搜索引擎中会被当做重要信息,要合理使用。
- ALT标签,这不支持在图片加载失败的时候给用户看的,更是给爬虫来爬取图片信息的,很重要。
- title标签,给图片添加title标签,也有利于爬虫确认信息,而且给限定区域的文字标题添加title标签,可以在用户鼠标滑过的时候,显示出被隐藏掉的那部分文字。
- Robot.txt 文件,告诉爬虫网站信息。
- 站点地图,当站点较大,或者有大量图片视频内容,或者结构相对复杂的时候,非常有必要提交站点地图给搜索引擎。
站点结构
这里我们用路由结构或许更为贴切,路由不要超过3级,尽可能扁平化站点结构,不仅利于用户快速找到自己需要的内容,也同样适用于爬虫快速爬取站点信息。
文档结构
合理的利用语义化标签进行页面布局,先整体后局部,先挖坑,后用组件填坑,合理的规划层级,组合和分割。不仅利于开发和维护,也利于搜索引擎构建页面文档。
跳转链接
页面跳转尽可能使用a标签来实现。不要被click时间蒙了心,搜索引擎知道a是跳转链接。a标签记得添加title属性,告诉爬虫和用户跳转的信息
导航尽可能使用文本,如果必须要使用图片,alt和title是非常有必要的。
站点权限
如果涉及到用户注册和登陆权限,尽可能把需要鉴权和不需要鉴权的内容进行区分处理。搜索引擎对需要鉴权的内容不友好。告诉他哪些内容不希望被爬取会更好一点。或者只有在登陆状态下,才动态添加那些需要鉴权的入口到页面上。
字体图标
字体图标有很多优点,单绝对不是针对于搜索引擎来表述的。为了尽可能告诉搜索引擎字体图标的意义,尽量不要单独使用字体图标,要在字体图标身边放一个文本兄弟,同时给字体图标添加和文本内容一样的 title属性,以尽可能降低给搜索引擎带来的困扰。
结构化标记
确保网站的结构化标记主要包含以下几个部分:
1. Schema.org:Schema.org 是一种由多家科技公司共同创建的开放源代码项目,旨在为搜索引擎、开发者和网站管理员提供一种共同的结构化数据标记语言。通过使用 Schema.org,网站管理员可以更方便地添加结构化标记,提高网页在搜索引擎结果中的排名。
2. JSON-LD:JSON-LD 是一种用于表示结构化数据的标记语言,它以 JSON 格式呈现。JSON-LD 具有简洁、易读和易写的特点,被广泛应用于网页的结构化标记。通过使用 JSON-LD,网站管理员可以将网页的标题、描述、关键词、发布时间等信息提供给搜索引擎。
3. Microformats:Microformats 是一种简单的标记语言,用于将结构化数据嵌入到 HTML 中。Microformats 的主要目的是提高网站的可读性和可访问性,同时为搜索引擎提供有关网页内容的信息。尽管 Microformats 在过去很受欢迎,但现在已经逐渐被 Schema.org 和 JSON-LD 取代。
综上所述,确保网站的结构化标记是提高搜索引擎优化和用户体验的关键。通过使用 Schema.org、JSON-LD 和 Microformats 等结构化标记语言,网站管理员可以更好地向搜索引擎提供网页内容的信息,从而提高网页在搜索结果中的排名,提升网站的流量和用户体验。
https://developers.google.com/search/docs/appearance/structured-data/search-gallery?hl=zh-cn
这些标记可以直接了当的告诉搜索引擎这里是什么内容,包括面包屑导航,轮播图等等,方便搜索引擎快速准确的构建和收录站点结构。
相应速度
应尽可能控制页面体积和请求次数,以提高页面加载速度。
其他补充
- 正文标题要用<h1>标签:“蜘蛛” 认为它最重要,若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签,副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签。
- <br>标签:只用于文本内容的换行,其他元素的换行,通过css的display属性或者添加盒子进行控制。
- 表格应该使用<caption>表格标题标签
- <strong>、<em>标签 : 需要强调时使用。<strong>标签在搜索引擎中能够得到高度的重视,它能突出关键词,表现重要的内容,<em>标签强调效果仅次于<strong>标签。
- 文本缩进不要使用特殊符号 应当使用CSS进行设置。版权符号不要使用特殊符号 © 可以直接使用输入法,拼“banquan”,选择序号5就能打出版权符号©。
- 重要内容不要用JS输出,因为“蜘蛛”不认识
- js代码如果是操作DOM操作,应尽量放在body结束标签之前,html代码之后。
- 谨慎使用 display:none :对于不想显示的文字内容,可以考虑将元素的高度设置为零,或者调整 z-index属性等方法不让其显示在页面当中。