元标签
1.1 Meta标签可能是最有用的标签之一。顾名思义，它将向搜索引擎提供此页面的简要介绍；例如：
代码语言：
复制
代码语言：
复制
代码语言：
复制
代码语言：
复制
该标签曾经在搜索排名中占有很大的权重，但随着搜索算法的不断升级，其地位逐渐被削弱。它不会再提高您网站的排名，但是，该标记仍然有用，因为它将在搜索引擎结果页面中使用。这意味着它仍然可以提高您网页的点击率。毕竟，当内容与用户搜索的关键词相匹配时，就会在搜索结果页面上以粗体显示。建议长度为 160 个字符。 （PS：中文建议不要超过80个字符。）
1.2 元数据
根据搜索引擎的工作原理，搜索引擎首先派出机器人自动检索页面中的内容和关键词。选择关键词的一些建议：
使用百度索引：
网站页面较多，不要在所有页面使用相同的关键词；
关键词不能使用频率很高的词，也不能和非常生僻的词一起使用；
如果关键字较多，则用半角空格或半角逗号分隔；
例如：
代码语言：
复制
代码语言：
复制
代码语言：
复制
代码语言：
复制
每个关键词字数控制在8个字符左右，关键词数量控制在8个左右。
1.3 这里编写代码段Meta
Meta 管理搜索引擎进入您的网页的权限。你可以用它来允许或不允许搜索引擎抓取你的网页、在你的网页中输入子链接、或者对你的网页进行归档（PS：归档类似于百度快照）。例如：
代码语言：
复制
上面的标签告诉搜索引擎不要抓取我，也不要进入我的子链接。为什么这个标签对 SEO 有用？ ——可以防止复制内容的冗余抓取。对于内容不完整的页面或者带有隐私信息的页面也可能有一定的影响。
1.4 元类型()
元类型标签用于声明网页的字符编码。最好添加该属性，防止浏览器造成编码问题，但不会对搜索排名或点击率产生影响；例如;
代码语言：
复制
或缩写：
代码语言：
复制
该标签应放置在任何包含文本元素的标签之前，包括 .
1.5 元数据
该标签以前用于声明网页的语言。使屏幕阅读器和其他文本工具更好地工作。 W3C 建议使用标签属性来声明语言。例如：
代码语言：
复制
//表示英语 //表示中文简体
1.6 元数据
它是一个元标记，存储在其中。它的作用是告诉搜索引擎你当前索引的页面是正确的。与301重定向类似（“网页A使用301重定向重定向到网页B，搜索引擎可以确定网页A是永久的，如果URL永久改变，或者实际上不再存在，搜索引擎将将网页 B 视为唯一有效的目标，这是搜索引擎推荐的唯一不会引起怀疑的重定向方法，更重要的是，网页 A 积累的页面权重将传递给网页 B。”）有点类似，它的主要功能是解决相同内容不同URL形式造成的内容重复问题。简单来说，它可以让搜索引擎只抓取你想要突出显示的内容。例如：有如下网址
代码语言：
复制
http://www.yzznl.cn/archives/2011-snow.html http://www.yzznl.cn/archives/2011-snow.html?comments=true http://www.yzznl.cn/archives/2011-snow.html?postcomment=true
这三个 URL 具有不同的形式。第一个是我们要向搜索引擎和用户展示的URL，但是打开他们网站的内容是一样的。一般来说，在这种情况下，搜索引擎很难区分网站所有者想要突出显示哪个URL。这时候你就可以帮忙了。我们只需要在URL的头部区域添加如下代码即可：
代码语言：
复制
在这种情况下，搜索引擎最终只会收录该标签指定的URL，而搜索引擎会将其他页面视为重复内容，而这些重复内容将不再参与该页面的权重分配。
注：虽然百度支持该标签，但不保证完全符合该标签。最好在相同的页面上使用标签 - 这将使它们更有效。在设置标签之前，请仔细检查两个网页是否确实完全相同——一旦百度发现其中一个标签有问题，它就会不信任该网站上的所有标签。 （❤️现在关注【前端修罗场】，后台回复【666】，即可获得【免费优质学习资料】，一起学习，一起进步，不走弯路，不损失~）
对于 HTML 文档来说是必需的，它定义了整个文档的标题。 < /> 是第一个可以访问内容的元素，因此必须非常重视。标题通常出现在两个不同的位置：浏览器选项卡上和搜索结果页面 (SERP) 上。这意味着它对点击率和排名有着非常重要的影响。
建议：
一个好的标题应该包含关键字，最好是在标题的开头。写关键词时要简洁明了，必须代表当前页面的主题。不要使用引号或任何非字母字符，也不要重复关键字；按重要性降序排列；标题应该是笼统的，能够清楚地告知搜索引擎和用户您网站的一般内容和目的。可以是当前页面的标题-其类型-产品名称；
例如“大家来猜歌-年费黄钻-QQ空间”。您应该记住的另一件事是标题的长度，该长度限制为 70 个字符。通常中文限于30个字符，一般为10-30个汉字。例如：
代码语言：
复制
主页：网站名称 - 用途/目的/功能 - 口号 子页面：产品名称 - 产品名称 + 功能 - 口号 - 网站名称
温馨提示：不要轻易更改标题名称、关键词、描述，否则后果会很严重。
3. 提供替代文本
建议：
对于网页上的所有图像等，检查这些元素是否填充了适当的alt属性或属性值，看看这些值是否可以描述这些元素的内容或用途；元素是否标记有内容，而不仅仅是图像或背景图片。
4. 按Ctrl+或+检查页面是否可以缩放
也许你使用了 font-size-:none 来达到某种效果，或者将其设置为禁用用户缩放，使页面无法缩放。不过，使用11英寸高端笔记本电脑的老年人和老板们非常喜欢使用页面放大功能。
5.添加角色
添加的方法是将角色属性添加到具有相应功能的元素中，并赋值相应的值。
一共8个值，一般只能用6个：
()、(辅助内容区)、(网站信息及版权)、form(表格)、main(主要内容区)、(导航区)、(搜索区)。如果表单仅提供搜索功能，请将角色设置为 ，而不是表单。插图：
6.设置快捷键——人性化的考虑
“1”是主页的链接。 “Esc”是停止播放音视频，是停止，不是暂停。这两个键是迄今为止最常用的快捷键。哈哈~
7、触发界面转换需要设置焦点
例如，当点击按钮，弹出模态或非模态弹窗（不是浏览器弹窗）时，使用js将焦点移动到该窗口中第一个有内容的DOM上；
例如，当点击“返回首页”按钮时，如果链接只是#或者类似的值，那么就必须使用js将焦点移动到本页第一个有内容的DOM上。如果通过按钮触发组件窗口，关闭组件窗口时，请将焦点移回到触发窗口的按钮上。
8. 优化您的超链接和图像
(1) 标签
包括优化超链接显示的文字，必须是语义化的并且与超链接的网页相关；例如：“太空主页”不应链接到“”。另外，最好在a标签里加点东西。例如：
代码语言：
复制
(2)img标签
补充“”和“alt”属性：例如：
代码语言：
复制
”
9.建立良好的网站导航和
网站需要有一个好的导航，关键控制根目录和各个子目录；创建文件可以帮助网站所有者了解网站结构，也方便搜索引擎收录整个网站。 （一般建议使用.txt格式的地图；建议使用.xml格式的站点地图）
h1-h6
合理的标题可以强调文本，也可以让搜索引擎更好地理解每个标题的重要性，因此构建一个好的标题树是非常有意义的。
建议：一般情况下，按重要性降序排列：<h1>中使用的关键词经常出现在网页标题中。 <h1>应该尽可能接近html中的标签，越接近越好，以便搜索引擎尽快理解主题。例如：
代码语言：
复制
说明：<h1>用于修饰网页的主标题，<h2>表示段落标题，<h3>表示段落副标题。哪个标题对于网站来说最大？这是一个标志。我们通常会在网站的前面标注网站的名称。
因此，h1用于放置LOGO。当然，如果你的网站没有LOGO，只有网站名称，也可以，而且需要注意的是，h1在网页中只能出现一次。不建议直接在h1中放图片。我们完全可以通过用图像代替文字来实现这一点；
h2~h4一般用于网页上出现的章节标题。例如，网页中有一个栏目用于产品展示，那么写法为<h2>产品展示；
如果产品展示中有多个类别，那么我们可以这样定义：<h3>1-3岁、<h3>儿歌类别等，以此类推。
另外，h2~h4不限制出现次数，可以无限制使用；
h5和h6在浏览器中的默认显示字体比普通文本字体小，因此建议h5和h6仅用作免责声明或版权声明。这样既显示了重要性又不会太明显而影响阅读。
注意：不要使用级联元素来包含块级元素！
11.不断努力提供优质内容
社交分享是网站曝光最快的因素，因此持续提供优质的原创内容才能真正增加你网站的曝光权重。
标签
元素标签是权重标签的代表，在搜索引擎中可以得到很高的评价。他们可以突出显示关键字。
建议：使用标签来表达重要内容。
13.em标签
它在浏览器中以斜体显示，权重标签是第二重要的。
注意：如果我们只想在网页上显示粗斜体的效果，建议使用 , 标签。如果使用的话会影响SEO效果，而最明智的写法就是在CSS中控制文字样式。
14.p标签
当搜索引擎读取网页内容并遇到P标签时，立即知道这是一个段落。如果使用div，就无法体现html的语义优势。该段落的第一句话也在SEO中发挥着作用。建议：内容段落使用p标签；
15.ul、li标签
常用于导航栏，因为使用了ul li列表标签布局。这时，搜索引擎可以很容易地将其识别为有组织的列表内容（对搜索引擎蜘蛛更友好）。
建议：在导航栏使用；
16.跨度
span标签中的内容会被搜索引擎忽略，所以如果你需要放入的文字在网页上非常重要，就不要使用span标签。推荐使用
显示。
17.属性
属性用于为元素提供附加的描述信息。属性可以用在除 base、head、html、meta 之外的所有标签中，并表示区域主题。但这没有必要。
建议：
为a标签和img标签添加描述。
18.alt属性
alt 属性指定无法显示图像、表单或图像的用户代理 (UA) 的替换文本。替换文本的语言由 lang 属性指定。
建议：
在 img 标签中添加替代文本描述。
19. 评论
减少或删除html页面的注释；
20.Html文件大小和链接限制
技术指南中建议HTML文件大小控制在以下，页面链接数控制在100以下；
目前建议html文件的大小控制在一定限度内；
21.表格形式
必须出现，最好也注明“”；
指定提交表单时将表单数据发送到的位置。当我们进行测试时，可以使用星号*来代替；
建议：
为了更有利于SEO，可以写name属性。为了客户体验，您可以控制开启方式：；
例如：
代码语言：
复制