前端SEO处理
TDK设置
title
-
基础描述
-
内容分隔符一般有
-
,_
和空格-
_
对百度比较友好 -
-
对谷歌比较友好 -
空格英文站点可以使用,中文较少使用
-
-
内容长度上,一般pc端大概30个中文,移动端大概20个,超过则会截断为省略号
-
-
参考格式
-
首页:网站名称 或者 网站名称_提供服务介绍or产品介绍
-
频道页:频道名称_网站名称
-
文章页:文章title_频道名称_网站名称
-
-
示例代码
<title>SEO优化实战 - 腾讯Web前端</title>
description
-
基础描述
-
不影响网页权重值,只用做搜索结果摘要的一个选择目标
-
长度pc端大概为78个中文,移动端为50个,超过则会截断为省略号
-
-
示例代码
<meta name="description" content="Web前端 腾讯IMWeb 团队社区">
keywords
-
基础描述
- 因为以前被seo人员过度使用,所以现在对这个进行优化对搜索引擎是没用的。
-
示例代码
<meta name="keywords" content="前端,javascript,html,css, lego.imweb.io">
网站内容
结构布局
-
控制首页链接数,控制在100个以内
-
扁平化网站结构,三层目录结构
- 从首页跳转,最多两次跳转就能够到达任意页面
-
应用面包屑导航
页面编码
-
标签使用
-
<img>
设置alt说明 -
<a>
设置title链接描述 -
用H1~H5标签做内容标题
-
用
<em>
,<strong>
突出强调,表达重要内容 -
使用
<table>
时,用<caption>
定义表格标题 -
使用html5语义化标签(
header
,footer
,section
,aside
,nav
,article
) -
尽少使用
<iframe>
-
不乱用
<br>
-
-
编码注意
-
每个页面都设置唯一h1标题
-
重要内容不要用JS输出
-
重要的HTML内容代码放在最前面
-
谨慎使用
display:none
,爬虫会过滤掉这一部分 -
对不需要跟踪爬行的链接,
<a>
标签设置nofollow
-
精简代码,切记用过于复杂的代码
-
robots
robots文件
-
robots.txt放在站点根目录
-
搜索引擎蜘蛛访问网站时,会第一个访问robots.txt文件
-
用于指导搜索引擎蜘蛛,禁止抓取网站某些内容或只允许抓取哪些内容
robots规则
-
#
表示注释 -
User-agent 表示以下规则适用哪个蜘蛛,*表示所有
-
Disallow 表示禁止抓取的文件或目录,必须每个一行,分开写
-
Allow 表示允许抓取的文件或目录,必须每个一行,分开写
-
Sitemap 表示站点XML地图,注意S大写
示例代码
// 禁止所有搜索引擎蜘蛛抓取任何内容
User-agent: *
Disallow: /
// 允许所有搜索引擎蜘蛛抓取任何内容
User-agent: *
Disallow: