**<u>SEO</u>****模块 第<u>5</u>天 笔记**
# 1. 本次课目标：
|
**掌握html代码的基本规则**
**掌握html基本标签优化方法**
l **<h>**
l **<strong>**
l **<a>**
l **<b>**
l **<img>**
**掌握网站代码分析技巧 **
|
# 2. 课程详解：
一、html代码规则
（1）注意标签的开始及闭合
例：<title></title>，<head></head>
（2）标签要正确嵌套
若标签未正确嵌套，则无法正常展示对应内容
（3）代码内的标签及符号要求全部为英文
[图片上传失败...(image-e5d339-1573943852481)]
重点：以上的html代码结构就是最基本的代码闭合及嵌套样式
二、html代码优化
1、<h>标签
（1）表示对文档标题进行强调的一种标签，蜘蛛会对页面中添加<h>标签的内容进行重点关注
（2）<h>共分为6个级别，从<h1>-<h6>逐级递减，在外观显示上<h1>的字体最大，<h6>字体最小
（3）<h>出现在页面<body>内
（4）一个页面中<h1>标签只能出现一次
（5）通常情况下，将网站logo图添加<h1>标签
（6）一般情况下，除<h1>标签外其余五个级别的标签无需添加
注意：<h1>加在网站Logo处目的是为了起到添加一次全站都有的效果，<h2>-<h6>标签一般无需添加
<h1>标签的添加位置
[图片上传失败...(image-6d1f99-1573943852481)]
2、<strong>标签
（1）<strong> 标签用于强调文本，在外观上为加粗显示
（2）<strong> 标签需包含在页面源代码<body>标签内
（3）<strong> 标签一般添加在网站导航处
（4）文章中段落标题若存在关键词，也可以添加<strong>标签
注意：<strong>没有具体的数量显示，但是依然不能为页面中所有内容都添加<strong>,这样会影响蜘蛛对页面的判断
为网站头部导航添加<strong>
[图片上传失败...(image-f5274b-1573943852481)]
3、<a>标签
超链接标签，用于从一个页面链接到另一个页面，网站中所有的链接都是依靠<a>标签实现的
（1）title属性
表示对链接添加文字描述，表现形式为当鼠标悬停在链接上时，会出现一行文字描述
[图片上传失败...(image-e84c5d-1573943852481)]
作用：title属性的作用是提升关键词密度
注意：对于网站优化来说，title属性是一个非必要的优化项，当网站的各项数据正常时可以不添加这个属性
写法：
<a href=”页面地址” title=”文字注释”>链接文字</a>
为网站头部导航各栏目添加title属性
[图片上传失败...(image-159761-1573943852481)]
[图片上传失败...(image-2f90ed-1573943852481)]
（2）nofollow属性
表示禁止蜘蛛和权重爬行传递该链接
技巧：一般情况下如果网站中存在广告链接，那么可以将广告链接添加nofollow，这样既避免了权重的导出，也不会对流量造成影响
注意：nofollow属性禁止的对象是蜘蛛和权重，对于网民来说依然可以正常访问网站；另外自己的网站中如果没有广告链接，那么一般不需要添加nofollow属性，否则会对网站整体权重造成影响
写法：
<a href=”页面地址” rel=”nofollow”>链接文字</a>
为头部导航设置在新窗口打开
[图片上传失败...(image-5c3457-1573943852481)]
[图片上传失败...(image-9253a0-1573943852481)]
4、<b>标签
表示对文字进行加粗，没有强调作用
[图片上传失败...(image-6e392f-1573943852481)]
5、<img>标签
表示图片标签，页面中的所有图片都是依靠该标签实现的
（1）alt属性
表示对图片添加文字介绍，可以帮助蜘蛛了解图片内容，并且alt属性的文字介绍一般都是与这张图片相关的内容，另外alt属性中添加关键词，可以提升关键词的密度，当图片无法正常显示时alt属性可以对图片进行简单介绍
alt属性展示形式
[图片上传失败...(image-21c14b-1573943852481)]
注意：当图片能够正常显示时，在页面中是无法看到alt属性的内容的
alt属性的写法
<img src=“图片在网站中的位置” alt=“网络营销“>
为网站logo添加alt属性
原因：将logo加<h1>标签，并且设置alt属性为首页的<title>标签内的内容，是为了告诉蜘蛛全站要优化的核心内容，利用全站的资源去优化核心词
[图片上传失败...(image-b66bda-1573943852481)]
（2）title属性
鼠标滑过时显示的文字提示，用户体验上很重要
title属性的内容可以与alt属性的内容相同
能够起到影响关键词密度的作用
title属性的显示样式
[图片上传失败...(image-1ab7c4-1573943852481)]
写法：
<img src=“图片在网站中的位置” title=“网络营销“>
注意：如果网站的各项数据均优化正常，那么title属性可以不添加
三、代码分析实战
[http://www.shdzwlhygs.com/](http://www.shdzwlhygs.com/)
1、TDK分析
（1）关键词选取情况
目前网站的TDK如下
T：上海搬家公司|上海大众搬家公司|上海搬家公司哪家好|上海大众搬家
K：上海搬家公司|上海大众搬家公司|上海搬家公司哪家好|上海大众搬家|上海搬家|上海公司搬家,上海搬家公司电话,上海搬家公司费用
D：上海大众搬家有限公司成立于1995年,上海大众搬家公司与上海各大实力雄厚的上海搬场公司加盟联运f，费用低,服务电话:021-55129138,已是较大规模的搬运公司,上海搬家公司哪家好?上海大众搬家公司长期以来主要从事上海小件搬家,公司本着“安全快捷、重守诚信、适价经营、完善服务”的经营理念
通过网站的TDK，我们确定了网站目前的关键词主要为title和keywords中的关键词，通过查询关键词的数据，我们得出下表
[图片上传失败...(image-ff22cc-1573943852479)]
（2）TDK分析撰写
通过表中的数据，我们确定了“上海搬家”、“上海公司搬家”，“上海搬家公司费用”三个词不太适合作为首页的关键词进行优化，建议将以上三个词从TDK中删除
通过关键词的筛选，我们确定了网站首页要优化的关键词，并根据关键词撰写出以下的TDK
T：上海搬家公司哪家好,上海搬家公司电话,搬家注意事项,长途搬家-上海大众搬家公司
K：上海搬家公司哪家好,上海搬家公司电话,搬家注意事项,长途搬家,上海大众搬家公司
D：上海搬家公司哪家好，首选上海大众搬家公司，公司主营业务包含居民搬家，办公室搬迁，拆装家具，长途搬家等内容，另外还介绍了关于搬家的注意事项，上海大众搬家公司电话：12345678
2、<h>
通过浏览网站页面源代码，发现网站目前缺少<h1>标签，建议为网站Logo添加<h1>，具体的添加方法如下：
[图片上传失败...(image-c62a22-1573943852479)]
将logo图的<img>标签前后加上<h1>与</h1>，并且为logo图添加alt属性，具体写法如下：
<h1><img border="0" alt="上海搬家公司哪家好,上海搬家公司电话,搬家注意事项,长途搬家-上海大众搬家公司" src="images1/logo.png" tppabs="http://www.shdzwlhygs.com/images1/logo.png" /></h1>
3、<strong>标签
通过查看网站源代码，发现网站目前的<strong>标签添加位置有误，目前的添加位置如下所示：
[图片上传失败...(image-803849-1573943852479)]
[图片上传失败...(image-81b399-1573943852479)]
[图片上传失败...(image-cd58d7-1573943852479)]
以上三张图片中标注出了<strong>的添加位置，但是这些地方不包含关键词，另外也不是网民重点关注的位置，因此需要将这些地方添加的<strong>标签删除，另外将网站头部导航中重点栏目添加<strong>标签，非重点栏目添加<b>标签，具体的添加方式如下：
[图片上传失败...(image-ea15b6-1573943852479)]
红框内容为添加<strong>标签的栏目，蓝框内容为添加<b>标签的栏目
4、<img>标签alt属性
[图片上传失败...(image-cf9f65-1573943852479)]
[图片上传失败...(image-4a010e-1573943852479)]
通过浏览以上图片地址列表，找到网站中对应的图片，然后根据图片所在栏目进行alt属性的添加
技巧：alt属性可以用栏目名称，也可以自由设置，只要和栏目相关并包含关键词即可
网友评论