【SEO】前端页面的SEO优化标签

SOONG, CHINGTSING

October 6, 2018

2508 views

No comments

1788 words

档案归纳

SEO从业者必须知道的HTML标签优化大全，在seo网站优化中，html标签的知识是必不可少，由其是在做站内优化。你可以不懂div+css，但必须会使用。

------------

## 1.title标签
这个是网页的标题标签，标题内容写到<title>和</title>中间。W3C规定标题应小于64个字符，相当于32个汉字，而GG浏览器不喜欢太长的标题，百度有时也只截取前20个字，所以关键词不能太多.

## 2.keywords标签属性

```html
<meta name="keywords" content="" />
```
这个是网页的关键词标签，关键词则写在content后面的双引号里，多个关键词之间用英文的逗号隔开。

## 3.description标签属性

```html
<meta name="description" content="" />
```
这个就是传说中网页的描述，描述内容写在content后面的双引号里。

以上的3个标签，我们有时也叫“TDK”，是seo优化中的三个重要标签。

## 4.H标签
也叫做Heading标签，HTML语言里一共有六种大小的h标签，是网页html中对文本标题所进行的着重强调的一种标签，以标签
```html
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>
```
定义标题头的六个不同文字大小的tags,本质是为了呈现内容结构。共有六对，文字从大到小，依此显示重要性的递减，也就是权重依次降低。需要注意的是<H>标签不同于title标签，特别说明h1在一个网页中只能出现一次，其他则不限制。h1后面的数字越小，则重要程度越低。。

## 5.strong标签
```html
<strong>
```
是一个加强语气强调的标签，它的强调作用主要是通过把字体加粗来实现的，但是不同的浏览器对于strong的显示效果也不太一样，在搜索引擎中，也是比较重视这个标签的，一般对于我们加的文本内容，搜索引擎都会给予高度的重视，虽然它的表现形式也是加粗，与H标签表现形式一样，可是它们却是两个不同的概念，不能混合使用。

## 6.a标签
```html
<a href="" target="_blank"></a>
```
这个就是传说的锚链接，链接地址则写在href后面的引号里。

## 7.em标签
斜体
```html
<em>
```
标签，它的强调作用仅仅次于
```html
<strong>
```
标签，一般来说，strong是用来强调关键词在文章中的重要性，标签的作用主要是为了强调内容，例如在一行中的某个重要的属性，我们可以加上标签以示强调、来吸引用户的眼球。

## 8.nofollow标签属性
```html
<a href="" target="_blank" rel="nofollow"></a>
```
，这里的rel="nofollow"就是告诉搜索引擎不追踪这个链接。我们一般用在网站的广告链接地址或者出站链接上面。

## 9.自适应
```html
<meta name="applicable-device" content="pc,mobile">
```
申明网站的PC站和移动网站是同一个。这段代码加到网站的
```html
<head>和</head>
```
之间，一般用在响应式网站上。

## 10.防止转码
```html
<meta http-equiv="Cache-Control" content="no-transform" />
```

禁止百度转码，也是加到网站的head和/head之间就可以了。

## 11.canonical标签

```html
<link rel="canonical" href="PC端网址">
```

唯一性页面标识和移动代码适配标签。作为移动代码适配和alternate标签联合使用。

## 12.robots标签
```html
<meta name="Robots" content="noindex,nofollow">（禁止百度UA推荐）
```
设置单页面是否收录（noindex），页面内链接是否被抓取（Nofollow）使用

## 13.alt标签属性
```html
<img src="https://www.sct.center/usr/themes/handsome/assets/img/loading.svg" alt="" style=""data-original="">
```

图片属性值设置，有利于增加关键词密度和图片爬虫识别图片内容。

## 14.link标签
```html
<link rel="stylesheet" rev="stylesheet" href="" type="text/css"/>
```

上面canonical中使用到了link标签，此处的目的是引用才外部样式，减少页面代码的冗余（页面大小125-200kb为宜）。

## 15.script标签
```html
<script src="" type="text/javascript"></script>
```
用于引用外部样式，和上面link的目的一样，减少页面的冗余

------------

这里是seo经常遇到的seo优化标签，但其实在html5中，标检的使用更加的规范，也是现在使用越来越多的html标签，想了解的同学可以百度下html5进行学习了解。

【SEO】前端页面的SEO优化标签

SOONG, CHINGTSING • 2018 年 10 月 06 日

【SEO】前端页面的SEO优化标签

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

【吉他谱】Aloha Heja He 指弹

【吉他谱】打上花火指弹版

【吉他谱】城南花已开指弹版

【吉他谱】Take Me Hand 指弹版

【吉他谱】溯指弹版

【会议报告】用于查询密集型管理信息系统的数据库负载分析方法

【SEO】前端页面的SEO优化标签

SporeDisk 私有云系统（内网穿透）

【吉他谱】城南花已开指弹版

【期刊论文】基于Lorentz-RR分析技术的公益组织疾病预防与救助系统

【SEO】前端页面的SEO优化标签

Leave a Comment Cancel reply 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

【SEO】前端页面的SEO优化标签

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款