前端如何进行seo优化
1、合理，搜索结果应将三项权重一一降低，突出重点。高度概括页面内容，不要过多堆砌关键词。列出重要的关键词。
1.
，即浏览器上显示的内容，不仅能被用户看到，还能被搜索引擎检索到（搜索引擎抓取网页时，首先读取的是网页标题，因此极其重要） ）一般不超过80个字符，单词之间必须用英文“-”分隔，因为计算机只对英文高度敏感，对中文不敏感。
用法：
网站标题
(1)首页的写法一般是“网站名称-主关键词或包含主关键词的描述”。一般来说，网站名称放在最后，因为搜索引擎给予标题前面的词比后面的词更高的排名。例如“冰箱”一词，写“变频冰箱-海尔官网”。
(2)栏目页面的书写方式一般有两种：“栏目名称-网站名称”和“栏目名称、栏目关键词-网站名称”。而且，最好使用关键字来确定列名。例如，企业招聘栏目最好使用企业招聘，而不是起一个企业来、企业长相等难以辨认的名字，或者企业加一些特殊符号。虽然这种写法很个性化，但是会让你的网站在优化上处于劣势。
（3）类目列表页的写法一般为“类目列表页名称-栏目名称-网站名称”，与栏目页类似。
（4）文章页面的写法一般有“文章标题-网站名称”、“内容标题-栏目名称”、“内容标题-栏目名称-网站名称”三种方式。其中以“内容标题-栏目名称-网站名称”的写法最为规范，但也相对复杂。它可以给用户一个很好的提示，让用户知道他正在访问哪篇文章，在哪个网站的哪个栏目。
2.（摘要）
它是网页的简要内容概述。一般不超过150个字符，描述内容应与页面内容相关。
用法：
(1)主页的编写方法一般是将标题、关键词以及一些专题栏目的内容融入其中，写一个简单的介绍。
(2)栏目页面的书写方法一般是将栏目标题、关键词、类目列表名称融入其中，并写上简单的介绍。
(3)类别列表页，这个比较简单。一般只需要结合类别列表的标题和关键词就可以写出简单的介绍。
(4)文章页面的书写方法，一般有两种书写方法。标准写作方法与上一篇相同，将文章标题、文章中的重要内容和关键词融为一体，写出简单的引言。这是最好、最标准的写法。但这样写就麻烦了。还有一个偷懒的方法。您可以在文章的第一段和标题中添加关键字。比如我的文章是关于、、的，那么就在文章的第一段和标题中添加这些内容。然后直接将文章第一段的内容复制到。
3.（关键词）
，它的主要作用是告诉搜索引擎这个页面的内容是围绕哪些词展开的。因此，每个单词必须在内容中找到对应的匹配项，以利于排名。一般不超过3个，每个关键词不宜太长，单词之间用英文“,”分隔。使用英语的原因上面已经说过了。而且，尽量把重要的关键词放在前面，因为后面的关键词排名会更差，除非你的网站权重很高。
用法：
(1)首页的写法一般为“网站名称、主要栏目名称、主要关键词”。
（2）栏目页以“栏目名称、栏目关键词、栏目分类列表名称”的形式编写。
(3)类目列表页面怎么写。这个比较简单。只需在您的专栏中写下主要关键字即可。
(4)如何写文章页面。建议您提取文章中的关键词。比如我的文章主要讲的是SEO优化，那么我的关键词一定是SEO优化。如果你觉得自己提取关键词的能力较差，也可以选择文章中经常出现的词作为关键词。例如，如果我写的是，，，那么我的文章页面的关键字将是这三个。
2、语义HTML代码，符合W3C规范：语义代码让搜索引擎更容易理解网页 1、什么是HTML语义？
什么是HTML语义化，我的理解是： 用最恰当的标签来标记内容。通俗的说，就是告诉你：“这是一个一级标题或二级标题”，“这是一个段落”，“这是头部”，“这是一个导航栏”，并不会告诉你：“这是红色的”，“这个有多么宽，多么高”。标题脱了CSS这层外衣，它还是一个标题。这就是简单的HTML语义化：表现网页的结构。语义化的HTML元素指的是那些使用最恰当的HTML进行标记的内容，在标记构成中并不关心内容显示。语义化的HTML是构建有效网站的基石。
2.编写HTML代码时要注意
尽可能少使用无语义标签div和span；当语义不明显时，能用div或p的时候尽量用p，因为p默认有上下间距，有利于兼容特殊终端；不要使用纯标签，如：b、font、u等，使用css设置代替。需要强调的文字可以包含在或者em标签中（浏览器默认样式，如果可以用CSS指定，就不要使用），默认样式是粗体（不要使用b），em是斜体（不要使用b）使用我）；使用表格时，应使用标题，使用表头，使用主体部分，使用表尾。表头要与一般单元格区分开来，表头用th，单元格用td；表单字段应该用标签包裹，并且应该用标签解释表单的用途；每个标签对应的描述文本需要使用标签，并通过在标签中设置id属性并设置for=来将描述文本与对应的描述文本关联起来。 3. 常用语义元素
HTML5提供了新的语义元素来定义网页的不同部分，它们被称为“切片元素”，如图所示
常用的语义元素：
(1)要素
header 元素代表“网页”或“section”的页眉。 通常包含h1-h6元素或hgroup，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logo。 整个页面没有限制header元素的个数，可以拥有多个，可以为每个内容块增加一个header元素
网站标题 网站副标题
使用注意事项：
可以是“网页”的头部部分，也可以是任何“”；数量没有限制。如果 h1-h6 本身可以很好地工作，那么就不要使用它。 (2)要素
该元素代表“网页”或“”的页脚，通常包含该部分的一些基本信息，例如：作者、相关文档的链接以及版权信息。如果元素包含整个部分，则它们表示附录、索引、促销、许可证、标签、类别和其他类似信息。
我是页脚
使用注意事项：
可以是“网页”的底部，也可以是任何“”；数量没有限制，除了包装内容不同外，其他都类似。 (3)要素
该元素表示“网页”或“”的标题。当元素有多个层次时，元素内部可以放置h1到h6元素，例如文章主标题和副标题的组合。
这是一篇介绍 HTML 5 语义标签和更简洁的 HTML 5 结构的文章
使用注意事项：
如果您只需要一个 h1-h6 标签，请不要使用它。如果有多个连续的h1-h6标签，则使用它。如果有多个连续的标题和其他文章数据，请将 h1-h6 标签包裹起来，并将其与其他文章元数据放在一起。 (4)导航元素
nav元素代表页面的导航链接区域。用于定义页面的主要导航部分。
但有时候还是忍不住想用它，比如：侧边栏的目录、面包屑导航、搜索样式或者下一篇和上一篇，但实际上规范上说nav只能用在主页面页面的导航。部分地。尽管页脚区域中的链接列表指向不同网站的不同区域，例如服务条款、版权页面等，但这些元素都可以使用。
使用导航的注意事项：
在整个页面的主导航部分使用它。如果不合适，就不要使用nav元素； (5) 元素
该元素作为主要内容的辅助信息部分包含在元素中。内容可以是与当前文章相关的相关信息、标签、排名说明等。 （特别的）
在元素外部使用，作为页面或站点全局辅助信息的一部分。最典型的就是侧边栏，侧边栏的内容可以是日志系列，其他组的导航，甚至是广告，这些内容相关的页面。
内容
标题呢？
这是内容
使用总结：
内部表示主要内容的辅助信息，外部可以使用侧边栏。如果没有对应的，最好不要使用。如果是广告，其他博客链接或者其他类别导航也可以使用(6)元素
该元素表示文档中的“节”或“段落”。 “节”可以指文章中基于主题的分段； “部分”可以指页面中的分组。
它通常还有一个标题。虽然标题h1-h6会自动降级，但最好手动降级。如下：
它是什么？
关于
介绍
关于其他人
其他介绍
使用注意事项：
一个页面可以分为简介、文章条目和联系信息。然而，它最好用在文章的内页上。它不是一般意义上的容器元素。如果你想方便样式显示和脚本编写，可以使用div。
表示文档中的一个部分或一段； ,nav,可以理解为特殊,所以能用,nav就不要用,如果没有实际意义就用div(7)元素
该元素最容易与 div 混淆。它实际上代表文档、页面或网站中的独立内容。其目的是让开发者能够独立开发或复用它。例如，论坛帖子、博客文章、用户评论或交互式小工具。 （特别的）
除了内容之外，还会有一个页眉（通常在内部），并且会有一个页脚。
一篇文章
文章内容..
内容