易希飞

Shopex4.9
市场占有最好的商城建站系统

经典的免费网店系统

Shopex4.9集海量模板、交易支付、团购、秒杀、会员营销等于一身,轻松搭建网上商店,快速扩张营销推广。

了解Shopex4.9
网站首页 > 建站学院 > 网站优化营销

对搜索引擎友好的网页制作之代码篇

2017-02-04 15:31:34 易希飞 阅读

  图像优化 

  一般而言,搜索引擎只识读文本内容,对图像是不可见的。同时,图像文件直接延缓页面加载时间,如果超过20秒网站还不能加载,用户和搜索引 擎极有可能离开你的网站。因此,除非你的网站内容是图片为主,比如游戏站点或者图片至关重要,否则尽量避免使用大图片,更不要采用纯图像制作网页。 
  网站图片优化的核心有两点:增加搜索引擎可见的文本描述,以及在保持图像质量的情况下尽量压缩图像的文件大小。 
  Alt属性: 
  每个图像<IMG>标签中都有ALT属性,搜索引擎会读取该属性以了解图像的信息。因此,最好在所有插图的ALT属性中都有文字描述,并带上该页关键字在其中。 
  如:www.daifumd.com的主页LOGO部分代码为: 
  <img src=”http://www.mbtang.net/images/default/upload/default_logo.png” alt="莎菲模板堂" > 
  文本说明: 
  除了ALT属性文字,还可以考虑以下方法直接优化图像,使之被搜索到: 
  1、在图片上方或下方加上包含关键词的描述文本; 
  2、在代码中增加一个包含关键词段的heading标题标签,然后在图片下方增加文字描述。 
  3、在图片下方或旁边增加如"更多某某"链接,包含关键词。 
  4、创建一些既吸引用户又吸引搜索引擎的文本内页,先把流量吸引到这些页面,再提供文本链接指向你的图片页面。 
  总体上,网页应尽量减少装饰性图片以及大图片。而Alt属性中的文字对搜索引擎来说,其重要性比正文内容的文字要低。 
   表格的使用 
  表格是网页最重要的排版方式。如果某个网页采用了大段的长篇文本,除了可以将一页文本分成多页,还可以考虑将文本置入不同表格中,这样不仅 管理方便,也使得该页加载时每个表格内容依次加载,这样访问者就可以一边看已下载内容一边等待剩余部分加载,而不是等待很久之后才一齐加载出来。 
  表格之内套嵌太多表格也不利于页面加载,因浏览器是先加载完大表格之后再加载内嵌的小表格,因此内嵌表格会最终降低整页加载速度。 
   网页减肥 
  代码设置不妥不仅延长网页加载时间,也严重影响蜘蛛程序对网页内容的抓取。通过对网页代码进行清减(俗称"网页减肥"),去掉臃肿杂乱的代 码,减小网页文件大小,能够加快网页加载速度,让蜘蛛快速索引到重要内容。正常情况下一个页面的文件大小在15K左右,最好不要超过50K。网页减肥重点 涉及以下几个要点: 
  CSS样式 
  网页制作应通过CSS(层叠样式表单)来统一定制字体风格,以使代码标准化,避免大量的字体和格式化标签如< h1 >< /h1 >、< font size=×× color=×× >< /font >充斥页面。通过css可以控制任何HTML标签的风格。例如<td>, <p>, <body>, <table>, <tr>, <th>等。只要在HTML的<head>区内的<style type="text/css">和</style>之间指定对应标签的风格如字体,颜色,大小即可,例如: 
  <style type="text/css"> 
  <!-- 
  h2 { font-family: "宋体"; font-size: 12pt; color: #333366; background-color: #FFCCCC; font-weight: bold } 
  h1 { font-family: "Arial"; font-size: 12pt; color: #993300 } --> 
  </style> 
  仅通过以上设置,就把文字的字体、字号、颜色、背景色等统一起来,不用对每段文字单独进行格式定义,从而减少大量重复性标签。注意把所有 css文件单独存放在命名为css的外部文件中。通过设置CSS样式,也可以提升导航文本的美观度,达到与图片导航同样优美观的效果,这点尤其提醒网页设 计师注意,没有必要将导航条用图片呈现。 
  Javascript: 
  正常情况下,网页尽量以<HTML>作为代码的开始端。但采用Javascript技术的网页往往在页面一开始就堆积大量JAVA代码,以至META及关键字迟迟不能出现,被推至页面底部,对搜索引擎很不友好。有两种方法可以使之得以改善: 
  1、将脚本移至页面底部 
  大部分的JAVA代码都可以移到页面结束标签之上,而不影响网站功能。这样就能一开始突出关键词,并加快页面加载时间。 
  2、将JAVA脚本置入一个 .js扩展名的文件。 
  包含你的Javascript的.js文件通常在网站访问者的浏览器中被缓存下来,使得下次访问速度加快,也使得网站修改和维护起来更加方便。例:一段JAVA代码正常情况下显示如下: 
  <script language=Javascript> 
  <!-- 此处是你的代码,将它们拷贝到一个.js文件 //--> 
  </script> 
  忽略开始及结束标签,将中间的代码单独保存为扩展名为.js的文件,如文件名为"mycode.js"的一个文件,然后将此文件上传到服务器上与该页同样的目录下。最后将上文列举的完整的Javascript置换为简单的一行: 
  <script language=Javascript src=mycode.js></script> 
  这样,一个"mycode.js"文件就将大段冗长复杂的JAVA代码置换了。