第7章-页面优化_第1页
第7章-页面优化_第2页
第7章-页面优化_第3页
第7章-页面优化_第4页
第7章-页面优化_第5页
已阅读5页，还剩51页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

SEO教程：搜索引擎优化基础实战入门（微课版）沙旭陈成

主编徐红杨学彬

副主编第7章

页面优化本章导读本章主要带读者学习网站页面的优化方法通过本章学习读者能够建立一个搜索引擎喜欢的网站页面通过本章学习读者能够学会页面三元素的设置学习目标页面三元素正文内容优化H标签使用图片优化精简代码社会化媒体分享技能要点掌握页面三元素的设置方法掌握正文内容的优化掌握图片优化方法掌握百度分享代码的添加实训任务设置网站页面的三元素为网站添加百度分享代码检测网站中的图片是否添加了alt属性效果欣赏

7.1页面三元素7.1.1页面标题我们这里所说的页面标题指的是在页面HTML代码中<title>标签里面的标题，而不是文章的标题，不要混为一谈。

页面标题<title>标签在HTML中格式如下：<head><title>页面标题</title>...</head>

因为<title>标签里面的内容会出现在搜索引擎的结果页面中，也是用户浏览搜索结果时最先看到的醒目内容，所以在<title>标签中出现关键词是页面优化的基本要求，SEO界公认<title>标签是页面优化的重中之重。

建议<title>标签紧接着写在<head>之后，然后再写其他代码，这样可以使搜索引擎快速找到页面标题内容。1．页面标题书写注意事项（1）即使在同一个网站中，每个页面都应该有自己独特的页面标题。即使是同一个主题，如果栏目中文章列表出现分页，论坛主题回复过多导致分页等类似的现象，我们都应该在每个页面中加入“第几页”用于区分。互联网中好多网站都存在标题相同的情况，最常见的有两种现象，第一种是使用一些网页编辑工具直接编写网页内容而忘记设置页面标题，如图7-1所示，第二种就是站长不了解SEO而将网站中的页面标题全部设成同一个内容。图7-1标题重复页面（2）页面标题尽量不要超过29个中文字符。Title标签中虽然可以写任意长度的文字，但是在搜索引擎结果列表中是有字符限制的，百度最多显示30个中文字符，但是实际测试时有的标题只显示29个中文字符。Google显示65个英文字符。Title标签中超过限制的字符在搜索引擎结果列表中一般用省略号代替，如图7-2所示。图7-2标题过长导致后面部分被省略（3）页面标题不要有关键词堆砌的嫌疑。页面标题要简练通顺，不能堆砌关键词。（4）标题中应该包含关键词，而且关键词位置应该出现在最前面。同等条件下，关键词位置越靠前，排名会越好。（5）页面标题一定要有吸引性，吸引用户点击，甚至用户不点排在第一名、第二名的网站，而点排在第三名的网站，标题吸引人是很重要的因素。2．页面标题书写规则（1）首页标题首页标题书写主要有以下两种方式。一种方式是：关键词1_关键词2-网站名称或者公司名称；另一种方式是：网站名称或者公司名称-提供的产品或者服务介绍。（2）栏目页标题栏目页标题一般的写法为：栏目名称_（第几页）-网站名称栏目名称中一定要包含关键词，如果因为某些原因栏

目名称中没有添加关键词，建议写成：栏目名称栏目关键词_(第几页)-网站名称（3）文章页标题文章页标题的一些书写格式如下。文章标题_栏目名称_网站名称部分网站为了达到品牌宣传的目的，字符尽量控制标题在30之内，一般还会写成：文章标题_网站名称对于一些帖子或者带有回复并能够产生分页的页面建议写成：文章标题_(第几页)-网站名称7.1.2关键词标签

关键词标签是三元素当中用处最小的一个标签，关键词标签看似与SEO相关，但是以目前的实际情况来看，对SEO没有任何影响，关键词标签的代码格式如下。<head><mataname="keywords"content="关键词1,关键词2,关键词3,....../>...</head>关键词标签书写要求如下。（1）关键词不宜过多，一般3～5个为最佳，宁缺毋滥；（2）关键词之间用半角模式下的“,”隔开；（3）关键词不要出现堆砌现象。7.1.3描述标签

描述标签是三元素当中与SEO有关系的另一个标签，用于说明页面的主要内容，描述标签的代码格式如下：<head>...<metaname="description="content“石家庄新华电脑学校隶属新华互联网科技，专业电脑教育，电脑教育知名品牌，全力打造设计师摇篮。特开设热门专业：天猫运营与淘宝创业、VR数字媒体设计师、新媒体UI界面设计师、互联网运营与创客、网络传媒工程师...”/>...</head>描述标签的重要性比标题标签要低很多，描述标签里面的内容并不能显示在页面中，但是一般情况下会显示在搜索结果的标题下方。所以说描述标签对排名没有直接影响，但是会影响网站的点击率。但是有的情况下搜索引擎不会使用描述标签里面的内容作为搜索结果页面标题下方的内容，如：（1）描述标签内容过短或者无内容；（2）描述标签内容与标题内容重复；（3）描述标签堆砌关键词；（4）描述标签中内容只是关键词的罗列，没有形成句子。以上情况都有可能使搜索引擎从页面中动态抓取部分页面内容作为搜索结果标题下方的内容。描述标签的书写规则如下。（1）描述标签中的内容要形成几句话或者一小段话，语句通顺，用于描述页面内容；（2）描述标签中要包含关键词，这样用户搜索此词时可以高亮显示；（3）描述标签中的内容长度不宜过长，一般在70个字符左右即可。7.2正文内容优化7.2.1关键词密度正文中的关键词涉及两个概念，一个是关键词词频，也就是页面中关键词出现的次数，这个概念大家没有必要太在意；另一个是关键词密度，也就是关键词出现的次数除以页面可见文字的总词数。搜索引擎判断页面与关键词的相关性时，最简单的逻辑是关键词出现得越多，页面与这个关键词越相关。包括互联网中的一些工具，要求页面关键词的密度控制在2%～8%，但是现在已经没有这个概念了。随着搜索引擎的算法越来越复杂，页面关键词密度的比重变得越来越小，所以SEOer没有必要太在意这个概念，只要自然写作，关键词必然会自然融入，如果非要有一个数值的话，笔者个人建议控制在5%左右即可。7.2.2正文前100个字

正文中前100个字中出现关键词一般会认为权重比较高一些，而且第一次出现的时候加粗显示，所以我们可以在文章的前两句话中融入关键词。

互联网中很多cms系统设置的描述是自动读取文章正文前80个左右的字，所以我们在文章前两句话中融入关键词，搜索引擎结果页面标题下方同样会出现关键词，达到高亮展示、吸引用户点击的目的。7.2.3关键词组的组合与拆分

当页面中一个关键词可以被分为多个词语的时候，我们一般要让关键词完整地在页面重要位置上出现几次，同样我们可以让拆分之后的词语各自在文章正文中出现几次。

7.2.4页面内容的排版与用户体验

近几年搜索引擎越来越重视用户体验，以百度为例，自2013年的“石榴算法”之后，百度又推出了“冰桶算法”等多种算法，逐渐向用户体验靠拢，如：冰桶2.0：该版本打击欺骗下载和无告知的捆绑下载。冰桶3.0：该版本将严厉打击在百度移动搜索中打断用户完整搜索路径的调起行为。天网算法:该版本打击网站窃取用户信息，在网页嵌恶意代码，用于盗取网民的QQ号、手机号等隐私行为。冰桶4.0：百度搜索针对移动搜索结果页广告过多、影响用户体验的页面，进行策略调整，冰桶算法4.0用于打击此类站点。所以网站中除了提供高质量的原创内容之外，我们还要考虑如何提高用户体验，其中包括：（1）排版合理，该用表格的时候不要吝啬；（2）字体大小适中，符合用户阅读习惯；（3）文章中字体颜色不宜过多；（4）文章正文内容中尽量不要穿插广告；（5）页面的第一屏中尽量包括用户所需要的内容，不要让用户去猜；（6）页面广告不宜过多，广告和文章内容一定要区分开；（7）文章中尽量添加图片和视频帮助用户理解。（8）页面中不要含有大量弹窗，包括广告和咨询窗口。特别是某些网站的在线咨询窗口，关掉之后间隔几分钟又弹出来，这会令用户特别反感。7.3H标签7.3.1H标签的概念 HTML语言里一共有六种大小不同的H标签，是网页HTML中对文本标题所进行的着重强调的一种标签，以标签<H1>、<H2>、<H3>到<H6>定义标题头的六个不同文字大小的标题,H1定义最大的标题。H6定义最小的标题。 H标签是成对出现的，以<H>开始，以</H>结束。H1，H2，H3，H4，H5，H6作为标题标签，并且依据重要性递减。遵循这样的原则是很有必要的，它能让页面的层级关系更清楚，让搜索引擎更好地抓取和分析出页面的主题内容等。H标签的使用格式如下：<h1>这是一个标题</h1><h2>这是一个标题</h2><h3>这是一个标题</h3><h4>这是一个标题</h4><h5>这是一个标题</h5><h6>这是一个标题</h6>实际效果如图7-3所示：图7-3H标签显示效果7.3.2H标签的应用 H标签主要用于文章正文中的标题，通常认为H标签的重要性仅次于页面Title标签。一般来说，如果一篇文章只有一个标题，我们应该使用H1标签；如果文章中出现了小标题，我们可以用H2标签；如果还有更小的标题，我们可以使用H3标签。

H3以后的标签没有太大意义。无论是H1、H2还是H3，定义的标题中一定要包含页面关键词或辅助关键词，一般情况下H1标签定义的标题包含最主要的关键词，H2、H3定义的标题中可以包含辅助关键词。一般情况下，一篇文章H1标签只出现一次，不要在页面中滥用，多次使用H1标签反而使搜索引擎无法抓住页面的主题，如果将整篇文章全部加入H标签中，和完全没用H标签一样，有的时候还会适得其反。7.4图片优化7.4.1图片alt文字

图片alt文字指的是当图片因为各种原因导致无法加载的时候在图片区域的左上角显示的文字内容，代码格式如下:<imgsrc="/images/logo.png"alt="李春SEO博客">或者<imgsrc="/images/logo.png"alt="李春SEO博客">当把图片做成一个链接的时候，图片中的alt文本就变成了链接的锚文本，所以在网站页面左上角的logo中添加alt，alt中应该包括页面欲优化的关键词。alt文本中的内容不建议直接添加几个关键词的罗列，建议书写一个短句来描述此图片。图片中还有一个title属性，它的主要作用是当鼠标箭头指向图片区域时，在鼠标箭头的右下角显示title属性中的内容，个别浏览器将这两个标签混为一谈了，个别浏览器鼠标指向图片区域时显示的是alt中的文字内容。那么图片要不要添加title属性，SEO界没有明确的定性，为了增加用户体验，个人建议添加。格式如下：<imgsrc="/images/logo.png"alt="李春SEO博客"title="李春SEO博客-专注SEO">7.4.2图片大小

部分站长在发表文章的时候，喜欢在后台直接添加图片，然后使用网站后台提供的文本编辑器修改图片大小，个人不建议采用此方法，这样的操作方法会影响页面的打开速度，因图片太大而使下载变慢，下载完成之后还要使用页面重新渲染一次。如果我们需要上传一张像素300×500大小的图片，建议在本地将图片大小改成像素300×500，然后再进行上传。7.4.3图片搜索

许多站长为网站中的图片添加了水印效果，这样做的目的有两个：一个是防止其他站长盗图，另一个是希望用户通过图片搜索找到本图片，图片中带有自己的网站名称或者网址链接，以达到品牌宣传的目的。

现在大部分搜索引擎都实现了整合搜索，在页面中搜索某些内容的时候也会出现图片的搜索结果，如图7-4所示。图7-4图片整合搜索结果（1）为图片添加alt文本内容，alt中应包含目标关键词，准确描述图片内容；（2）图片所在的页面标题应包含目标关键词，与图片一致；（3）图片周围的文字同样影响着搜索引擎的判断，这里我们所说的图片周围的文字指的不是视觉上的效果，指的是HTML中图片周围的文字内容；（4）图片的质量越高，被排在前面的概率越大；（5）导入图片所在页面的锚文字会帮助搜索引擎理解此图片的内容。7.5精简代码7.5.1精简代码的好处

在网站的SEO基础优化当中，对精简JS代码和HTML代码来说都是一项比较重要的优化技术。

代码的精简直接影响到搜索引擎抓取网站的效果，因为搜索引擎第一步首先要抓取的是网站的文字内容，在烦琐的代码当中，会严重影响到搜索引擎抓取文字内容的效果，经过代码精简之后不但可以使得网站的文字内容比例提升，而且可以更好地让搜索引擎进行抓取。7.5.2精简代码的地方我们可以从以下几个地方着手来精简页面代码：（1）尽量使用CSS定义文字字体、颜色及页面的排版。（2）尽量使用外部文件。（3）尽量减少网页文件的大小。（4）减少或删除注释。（5）减少表格使用，特别是嵌套表格。7.6社会化媒体分享

7.6.1社会化媒体分

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论