前端如何进行seo优化(上)

前端如何进行seo优化(上)

一、合理的title、、

搜索对着三项的权重逐个减小，title值强调重点即可；把页面内容高度概括，不可过分堆砌关键词；列举出重要关键词。

1、title

title，就是浏览器上显示的那些内容，不仅用户能看到，也能被搜索引擎检索到（搜索引擎在抓取网页时，最先读取的就是网页标题，所以title是否正确设置极其重要。）title一般不超过80个字符，而且词语间要用英文“-”隔开，因为计算机只对英语的敏感性较高前端如何进行seo优化(上)，对汉语的敏感性不高。

用法：网站标题

（1）首页title写法，一般是“网站名称-主关键词或一句含有主关键词的描述”。一般网站名称放后面，因为搜索引擎给予标题最前面的词比后面的高。比如，做“冰箱”这个词，就这样写“冰箱_变频冰箱-海尔官网”。

（2）栏目页title写法seo细节优化标题写法，一般有2种：“栏目名称-网站名称”、“栏目名称栏目关键词-网站名称”。而且栏目名称最好用关键词来确定，比如企业招聘栏目最好就用企业招聘，而不要起个让人无法识别的名字如企业来人，企业看看，或企业加上一些特殊符号，这种写法虽然很有个性，但会让你的网站在优化上占了下风。

（3）分类列表页title写法，一般是“分类列表页名称-栏目名称-网站名称”，这个和栏目页差不多。

（4）文章页title写法，一般有3种：“文章标题-网站名称”、“内容标题-栏目名称”、“内容标题-栏目名称-网站名称”。其中，“内容标题-栏目名称-网站名称”的写法最为规范，但也相对复杂，它能给用户很好的提示，让用户知道他在访问哪篇文章，并且是在哪个网站的哪个栏目下。

2、（内容摘要）

是对于一个网页的简要内容概况。一般不超过150个字符，描述内容要和页面内容相关。

用法：

（1）首页写法，一般是将首页的标题、关键词和一些特殊栏目的内容融合到里面，写成简单的介绍。

（2）栏目页写法，一般是将栏目的标题、关键字、分类列表名称融合到里面，写成简单的介绍。

（3）分类列表页，这个就比较简单了，一般只需要把分类列表的标题、关键词融合在一起，写成简单的介绍。

（4）文章页写法，一般有2种写法，标准写法就和前面的一样，将文章标题、文章中的重要内容和关键词融合在一起，写成简单的介绍。这是最好最标准的写法。但是这样写比较麻烦seo细节优化标题写法，还有一种种偷懒的方法，你可以在文章首段和标题中加入关键词，比如我这篇文章是讲title、、的，那么在文章首段和标题中就加入这些内容，然后直接将文章首段的内容复制到中即可。

3、（关键词）

，主要作用是告诉搜索引擎本页内容是围绕哪些词展开的。因此的每个词都要能在内容中找到相应匹配，才有利于排名。一般不超过3个，每个关键词不宜过长，而且词语间要用英文“,”隔开。为什么用英文上文已经说过。而且，尽量将重要的关键字靠前放，因为靠后的关键字排名较差，除非你站有很高的权重。

用法：

（1）首页写法，一般是“网站名称,主要栏目名,主要关键词”。

（2）栏目页写法，一般是“栏目名称,栏目关键字,栏目分类列表名称”。

（3）分类列表页写法，这个就比较简单了，只要将你这个栏目中的主要关键字写入即可。

（4）文章页写法，建议大家提取文章中的关键词，比如我的文章主要是讲SEO优化的，那么我关键词肯定是SEO优化，如果你觉得你提取关键词的能力较差，也可以选择文章中出现比较多的词来作为关键词，比如我现在写的内容是关于title、、的，那我的文章页关键词就是这3个。

二、语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页

1. 什么是HTML语义化

什么是HTML语义化，我的理解是： 用最恰当的标签来标记内容。通俗的说，就是告诉你：“这是一个一级标题或二级标题”，“这是一个段落”，“这是头部”，“这是一个导航栏”，并不会告诉你：“这是红色的”，“这个有多么宽，多么高”。标题脱了CSS这层外衣，它还是一个标题。这就是简单的HTML语义化：表现网页的结构。语义化的HTML元素指的是那些使用最恰当的HTML进行标记的内容，在标记构成中并不关心内容显示。语义化的HTML是构建有效网站的基石。

2、在写HTML代码时应该注意

3、HTML5常用的语义元素

HTML5提供了新的语义元素来定义网页的不同部分，它们被称为“切片元素”，如图所示

常用的语义化元素：

（1）元素

元素代表“网页”或“”的页眉。

通常包含h1-h6元素或，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分seo细节优化标题写法，一个搜索框，一个nav，或者任何相关logo。

整个页面没有限制元素的个数，可以拥有多个，可以为每个内容块增加一个元素

网站标题

网站副标题

使用注意：

（2）元素

元素代表“网页”或“”的页脚，通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。如果元素包含了整个节，那么它们就代表附录，索引，提拔，许可协议，标签，类别等一些其他类似信息。

使用注意：

（3）元素

元素代表“网页”或“”的标题，当元素有多个层级时前端如何进行seo优化(上)，该元素可以将h1到h6元素放在其内，譬如文章的主标题和副标题的组合

这是一篇介绍HTML 5语义化标签和更简洁的结构

HTML 5

使用注意：