seo基础

做seo专员必须要懂的Html优化代码

作者:admin 2016-08-13 我要评论

接触到不少的SEOER一听到说优化代码,就完全不懂了,其实代码是SEO优化一个重要部分,不然发个外链、写个文章,那么是个人基本都能够做到的,为了跟上SEO的步伐...

seo代码优化

接触到不少的SEOER一听到说优化代码,就完全不懂了,其实代码是SEO优化一个重要部分,不然发个外链、写个文章,那么是个人基本都能够做到的,为了跟上SEO的步伐,学代码是SEOER必需经过的一段路程!

 虽然有写人会觉得,代码越来越廉价,因为在购买完模版以后,模版是根据最优秀的网站抄袭的,比如博客咱们都有一个非常优秀的博客模版,他能够成功,咱就不能够拿他的模版做成功吗,所以太多人报着这样的心态去做SEO优化,其实这里面有严重的错误观念!比如说,在新站上线的时候,卢松松并不是使用现在的模版,因为那个的用户使用习惯接触人群并没有现在的多,所以需要根据IP、浏览量、PV来调整网站,最后达到优化的效果,而我们就不应该直接购买一套成功的模版去做内容和链接优化。咱还是不多说废话了,进入主题,手把手的教您把自己网站的代码给优化好!
 
  就拿着我的博客作为例子,打开盟翔seo技术分享站博客【查看源代码】,虽然看起来非常乱的代码,没关系,咱们从上往下看。
 
  Meta标签:如果要做的非常简单,meta标签只需要设置一个字符编码就可以了,咱们在任意地方购买的模版都会写上字符编码,另外Title标题、关键词、Description描述这里也列为meta标签去优化,这三个地方,一半在模版中会直接调用到后台,可以直接在后台设置,所以代码上需要基本是不需要操作。
 
  CSS/JS引用:在我们购买到网站模版后,大多数的网站均是调用JS或CSS的,这里需要主意的是最好使用绝对路径调用JS/CSS,如下所示:<LINK rel=stylesheet type=text/css href="http://8pos.cn/templets/lusongsong/style/LuSongSong-Index.css?ver=20141015
 
  当然,绝对路径是全站都需要做到的,像图片、文章链接、CSS/JS调用等。这一点是许多优化人员不知道并且没有做的一点,那么绝对路径和相对路径是什么意思呢?下面的代码就是相对路径,看完后,我相信你已经明白了,无非就是在代码中加入自己的网站域名即可。<LINK rel=stylesheet type=text/css href="/templets/lusongsong/style/LuSongSong-Index.css?ver=20141015
 
  另外相信大家都看到上面这一段CSS的时候会感觉有点不一样,那就是我接下来要说的CSS设置缓存时间,当你的CSS/JS更新以后,浏览器会保持原来的缓存,如果不强行刷新,网站是不会更改过来,所以这里需要设置缓存时间(?ver=20141015)来帮用户更新新的界面,这一点对SEO没有直接作用,但是对用户体验有很大的帮助。
 
  JS位置:我们买来的模版,JS绝对都是放在头部,但在优化的过程中,而JS文件通常是效果文件,我们可以让网站先加载主题内容,其次加载效果内容,所以有必要把JS文件从头部移动到底部,这样用户看起来你的网站会访问的更快,当然如果CSS有必要,一样可以这样做,常规的CSS是不建议放到底部,会影响加载效果。另外JS及CSS不建议在html模版中写入,最好是新建一个JS或CSS文件,然后把JS或CSS内容放入,在调用这个CSS或JS文件即可。
 
  LOGO:LOGO部分需要优化的主要有两个方面,第一个方面在LOGO处加H1标签,其次是在LOGO的A标签处添加一个title属性,title属性中写上你优化的主关键词,之所以建议写主关键词而不写品牌词原因有两个,第一个增加优化主关键词的密度,其次是title属性用户很难得看得到。
  广告:如果你网站是自己接的广告,那可以使用百度广告管家统计数据,同时还可以把多个广告位的JS整合到一个JS里面,这是对广告联盟的JS做一个何必,如果你是使用百度广告联盟,没关系,一样对接到百度管家里面,然后把广告联盟的JS整合到一个JS。其他第三方的广告联盟就设置不了,也没有这个优势!
 
  导航:导航上的优化,通常就是一个A标签,这个A标签不建议设置新窗口打开,另外一个是A标签中的title属性,如果条件允许,可以直接设置成行业词,而A标签中可显示的文字可以设置成品牌词,这样在不影响体验的同时一样达到了优化关键词的效果。
  文章链接:文章链接通常是做两个,一个在标题上,一个做在描述上,我的博客之所以没做描述上的链接,主要是在百度热力图上并没有看到有多少人点击描述部位。不过我还是建议在描述位置增加一个A标签,A标签中增加title属性。
 
  这里需要提醒一点的是,当一篇文章出现两个一样的A标签指向的时候,我们需要用nofollow标签屏蔽其中一个链接,这里描述和标题都出现了同一个链接,这里建议使用nofollow标签屏蔽描述上的链接,加上去是为了让用户方便点击,屏蔽是为了不让搜索引擎重复抓取。
  搜索:站内搜索页面本不建议做SEO优化,因为大多站内搜索都是动态页面,而这些动态页面均直接用robots了屏蔽百度蜘蛛,艾瑞网曾使用搜索结果页面做SEO排名被刷排名出现降权,所以我们要吸取教训,不过最好还是建议使用百度的站内搜索。这样自己网页就不会出现太多的垃圾页面收录了。
 
  版权:版权是可以留下的,使用别人的程序不留版权是不道德的行为,所以有必要在底部留下对于的版权信息,但是版权、备案、站外链接都应该加nofollow标签,当然这是站外的链接,站内也有部分链接需要加入nofollow标签,比如我博客底部的广告合作、微信二维码、手机客户端、联系QQ等页面。
 
  体验:其实在用户体验上的优化本问说的并不少很多,但代码可以决定用户体验,比如增加百度统计的返回顶部功能,文章页面增加快速评论功能、一个网站最多只能显示3屏、左右可以翻页等功能,看起来功能非常少,但综合的细节决定一个网站的成败!
  网站地图:网站地图是搜索引擎最容易抓取的一个页面,这个页面里面有所有应该被抓取的内容,所以很多时候,搜索引擎为了偷懒,他自然会抓取网站地图文件,通常情况下网站地图的代码如下所示:
  <url>
  <loc>http://8pos.cn/SEOjishu/</loc>
  <changefreq>daily</changefreq>
  <priority>0.8</priority>
  </url>
  代码非常简单LOC为链接、changefreq为更新时间,我博客的更新时间为一周、priority为权重,比如首页为1,栏目为0.8。
  Robots:搜索引擎在抓取一个网站的时候,第一时间看robots 文件,这里可以识别到哪些文件可以抓取,哪些文件不可以,robots文件最主要一点就是把网站地图写上去,如下所示:
  Sitemap: http://8pos.cn

常见才seo基本代码含义


Html基本代码
<ul></ui>用于包含(容器)
</li>用于排练
<p></p>用于分段
<br/>换行
<a href=“链接”>锚文本</a>
<img src=“图片路径” />
Html 常用代码
1.文件类型 <HTML></HTML> (放在档案的开头与结尾)
2.文件主题 <TITLE></TITLE> (必须放在「文头」区块内)
3.文头 <HEAD></HEAD> (描述性资料,像是「主题」)
4.文体 <BODY></BODY> (文件本体)
5.层 <DIV></DIV>
6.层的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
7.引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)

 

 

8.强调 <EM></EM> (通常会以斜体显示)
9.特别强调 <STRONG></STRONG> (通常会以加粗显示)
10 引文 <CITE></CITE> (通常会以斜体显示)
11 码 <CODE></CODE> (显示原始码之用)
12 小字 <SMALL></SMALL>
13 下标 <SUB></SUB>
14 上标 <SUP></SUP>
15 居中 <CENTER></CENTER> (文字与图片都可以)
16 基本字体大小 <BASEFONT SIZE=?> (?从 1 到 7; 内定为 3)
17 说明 <!—说明内容 --> (浏览器不会显示)
18 贴图:<img src="图片地址">
19 加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
20 在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
21 移动字体(走马灯):<marquee>写上你想写的字</marquee>
22 字体加粗:<b>写上你想写的字</b>
23 字体斜体:<i>写上你想写的字</i>
24 字体下划线: <u>写上你想写的字</u>
25 字体删除线: <s>写上你想写的字</s>
26 字体加大: <big>写上你想写的字</big>
27 标题字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从 h1-h5,h1 最大,h5 最小)
28 更改字体颜色:<font color="#value">写上你想写的字</font>(其中 value 值在 000000 与 ffffff(16 位进制)之间
29 消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
30 贴 flash: <embed src="flash 地址" width="宽度" height="高度">
31 贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
32 换行:<br>
33 段落:<p>段落</p> 34 原始文字样式:<pre>正文</pre>
35 换帖子背景:<body background="背景图片地址">
36 固定帖子背景不随滚动条滚动:<body background="背景图片地址" bgproperties = fixed>
37 定制帖子背景颜色:<body bgcolor="#value">(value 值见 10)

 

 

38 帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>Html 常用代码

欢迎您点击或者二维码扫一扫加入seo内部学习交流群,一起和盟翔seo技术分享站一起成长,博主在群里等着你哦!!!
Seo内部学习交流群二维码QQ群

如果您还没有领悟完全,请分享到您的QQ空间以助于您随时查看哦。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

看了本文章的80%用户还看了以下内容
  • 网站内链应该怎样做才算好

    网站内链应该怎样做才算好

  • 做seo专员必须要懂的Html优化代码

    做seo专员必须要懂的Html优化代码

  • SEO高手的网站标题怎么写?如何改

    SEO高手的网站标题怎么写?如何改

  • seo如何做url路径优化指南

    seo如何做url路径优化指南

Seo内部学习交流群二维码QQ群
成都盟翔seo技术分享站联系电话