怎么样做一个网页

网站代码的优化也是网站优化中的一种优化措施，代码对于网站优化来说非常重要。虽然HTML代码是程序员应该精通的语言，但是对于HTML代码的优化应该是SEO专员应该精通的技能。作为一名合格的SEOer，我们不需要精通HTML代码，但我们要懂得网站代码如何优化，比如我们网站中的某些内容为重要的内容，这就需要我们为重要的内容增加附加价值，这样才能得到搜索引擎的重视，这个时候我们就可以通过HTML代码的方式将重要的内容标记，通过HTML代码标记重要内容之后搜索引擎蜘蛛在抓取你的网站时就知道什么内容应该赋予更高的权重。有时我们的网站经常会出现一些改动，每一次的改动都会存留一些无用的代码，这种无用代码过多时就会影响网站的打开速度，甚至会降低蜘蛛对网站的好感，降低网站的整体评分，这就是代码优化中的一部分，清除网站中的无用代码，提升页面的打开速度，增加蜘蛛对网站的友好度，从而增加网站的整体评分，达到优化的效果。那么，在网站优化中网站代码如何优化呢，下面我会为大家详细的介绍一下。1、H标签优化网站代码中H标签的优化措施就属于代码优化中的其中一项，在之前的文章中我也有介绍过H标签的使用，今天我为大家讲解一下H标签如何优化，h1-h6标签都叫做H标签，H1标签在H标签中是权重最好的标签，通常在网站中每个页面只允许出现一次H1标签，站在SEO优化的角度来讲，我们通常将H1标签放置在每个页面最重要的内容上，比如说我的博客最重要的是哈尔滨SEO这个关键词，所以我就将H1标签放置在哈尔滨SEO这个标题上，千万不能有同一个页面中出现多个H1标签的现象，H1标签在每个页面中只能出现一次，其他的H标签可以出现多次，但是一般只是用H1标签，如果不擅长使用H标签建议也不要随便在网站中放置，因为在网站中如果没有H标签的出现，蜘蛛就会将网站的权重分给所有的内容，不会讲权重集中在某个内容上。2、nofollow标签在站长工具不能检测出友情链接中的nofollow之前有很多没有道德的人利用nofollow标签来交换友情链接，我们都知道友情链接可以让两个网站之间相互传递权重，而在友情链接的代码中加入nofollow就相当于告诉蜘蛛不要抓取这个链接，这样就会导致你的网站不会得到对方网站的权重传递效果，因为在友情链接中虽然我们链接对方的网站不会分散自身网站的权重，但是友情链接超过一定数量之后就会分散网站的权重，所以，通过nofollow的方式就可以达到友情链接没有数量限制的效果，因为nofollow不用为对方的网站传递权重，所以可以交换很多的友情链接，但是在站长工具能够坚持出对方的网站是否为我们的友情链接添加了nofollow标签的这个功能之后就很少有人在友情链接中添加nofollow标签了，而大部分都是在robots.txt中添加nofollow用来指引蜘蛛允许抓取网站的哪些页面，不允许抓取网站的哪些页面。3、title标签通常在网站中我们都需要为网站设置标题，一些二次开发的程序在网站的后台中就可以设置网站的标题，但是对于一些自己开发的网站需要在代码中设置，而title就是标题代码，蜘蛛在抓取我们网站时是通过代码的方式来浏览，并不是我们看到网站时的可视化页面，而title标签就是用来告诉蜘蛛我们网站的标题是什么，站在SEO的角度来说我们通常在title标签中要添加我们网站的主关键词，增加网站的匹配度，title标签对于网站来说是非常重要的，所以，我们在做网站的代码优化时一定不要忽略网站的title标签设置。4、keywords标签keywords标签与title标签是在一起设置的，如果你使用的是二次开发程序，那么你可以在后台一起设置title标签以及keywords标签，keywords标签表示网站的关键词，前几天有以为同学问我，为什么有一些网站不设定keywords标签，对于这种不设置关键词的网站通常都是注重营销与推广，打造自己网站的品牌词流量，通过网站高质量的内容增加网站的相关性高的长尾关键词排名来获取大量的流量，防止网站权重的分散，如果你精通营销与推广可以不用设置网站的关键词来优化网站。5、description标签description标签通常是用来填写网站的描述信息，我们在搜索某个关键词时，看到快照下方显示的网站描述就是通过description标签来设置的，有人认为description标签对网站的关键词排名并没有多大的影响所以就不设置网站的description标签，其实我们细心观察可以发现，我们在搜索某个关键词时显示的快照下方的描述中如果出现这个关键词也会以红色字体的方式显示，但是描述中只显示一部分，不是所有的描述内容都会展现出来，所以，我们在设置网站的description标签时，在描述信息前方出现我们网站的关键词也会增加网站的关键词匹配度，增加网站的相关性信息，有利于网站关键词的排名。6、ALT标签ALT标签通常是用来添加在网站的图片上，对于搜索引擎蜘蛛来说，蜘蛛只能读取HTML代码内容与文字和数字的内容，并不能读取出网站的图片中是什么内容，加入你的图片中是自己的照片，那么你不告诉蜘蛛的话蜘蛛是不会知道这个图片中的内容是什么的，而ALT标签就是告诉蜘蛛我们图片中的内容是什么，也相当于图片的描述信息，对于图片的描述信息也可以有效的增加关键词密度，但是不要为了增加关键词密度来添加ALT标签，我们只要在ALT标签中用最简洁的语言描述图片的信息即可，最好图片的内容要与我们网站的内容相关，因为蜘蛛不但会收录网站的内容，同样也会收录网站的图片，让图片展现在百度图库中，而ALT标签就可以让图片展现在哪些分类的图片中。总结：对于网站的站内优化来说，首先我们要提升网站内容的质量，其次就是要注意网站的结构和网站的代码，不要小看网站代码的重要性，有时网站的代码设置的不得当甚至会导致网站被降权甚至挨K的情况发生，所以，我们在做网站的站内优化时一定要做好网站的代码优化措施。

一、企业网站评价原则 1、企业网站评价的动态性：由于企业网站本身是一个动态交互的信息平台，因此其评价体系就应当从动态角度出发。 2、企业网站评价的差异性：由于不同行业、不同企业、不同发展阶段，其评价标准是不同的。因此在具体的评价过程中，也应当视具体情况具体分析。 3、企业网站评价的整体性：由于企业网站本身的原因，决定了在评价标准中既有可以量化的标准，又有不可量化的标准。因此在评价中，应当遵从整体性的原则。二、企业网站评价的指标体系（一）整体评价 1、域名和URL：域名是Internet上的一个服务器或一个网络系统的名字，在Internet上，没有同样的域名，因此，域名具有唯一性。域名是由英文26个字母和10个阿拉伯数字以及横杠"－"（减号）组成。URL——（Universal Resource Locator）通用资源定位器。一个恰当、精炼的域名对于网站的发展是十分重要的。同时，独立域名是十分重要的一项指标。 2、链接有效性：在企业网站中，链接有效性占有及其重要的地位。无效链接会直接影响用户对网站本身的信任度。在指标评价过程中，链接的完备性是也一项十分重要的指标。 3、下载时间：调查显示，一个网页的打开时间超过20秒会引起浏览者的厌恶感。中国在2002年以拨号方式上网的计算机为1480万台，占总上网计算机的71% 。因此在实际的评价中，网页的加载速度应当以拨号方式来进行测评；同时为了简化评价复杂程度，在实测的过程中，仅考虑首页的下载时间。 4、网站认证：作为一个合法的企业网站，不仅应当提供工商认证，同时还要提供CA认证。对于某些特定行业，还应该提供各种相应认证。 5、符合网络伦理：所谓网络伦理，是Internet上一种特有的商业道德——即充分尊重用户的个人意愿和个人隐私，对用户不能有任何的强迫行为。如不首先发送商业信息，不经过授权的修改、公布访问者的个人资料和信息，或对用户访问提出要求和条件。 6、联系方式：在首页和网站的各个链接上，都需要体统十分详尽的联系方式。不但要提供电子邮件、电话、传真；还要提供公司地址、邮编以及联系人姓名。 7、更新：网站提供内容和页面设计的不断更新；以提高网站的信任度。更为重要的是，最好应当注明网站的最后一次更新时间。（二）网站设计 1、风格与布局：网站内的所有页面应当遵从统一的风格。包括统一色彩、统一主题、统一语气和人称、统一图片效果。同时在页面布局方面，应当加强视觉效果，加强文案的可视性和可读性。 2、美工与字体：网页色彩应当均衡，要突现可读性；同时切忌将所有颜色都用到，一般要求色彩要控制在3种以内。由于中国大陆汉字系统采用GB编码方式，而台湾地区汉字采用BIG5编码，而欧美用户则没有安装任何支持汉字的系统；鉴于此，定位于国际性质的网站应当针对不同的目标访问者，设计不同的字体或语言。 3、动画与声音：在页面上应该慎用动画和声音，更不能滥用。因为一方面会影响下载速度，另一方面可能会招致用户的厌恶和抵触情绪。（三）内容提供 1、有用信息 （1） 网站的长期发展是取决于能否长期为访问者提供有用的信息，这个也是网站自身发展的需要。 （2） 准确性：信息资源与数据是否切实可信。如果涉及一些关于信息来源与知识产权的信息，要注明出处与来源。 2、交互性内容 （1） 提供双向交流：网站双向交流的栏目不需要很多，但是作为一个企业网站来说，应当设立如，论坛、留言版、邮件列表之类的栏目；以供浏览者留下他们的信息。有调查表明，提供双向交流站点较简单地留下一个E-mail地址更有亲和力。 （2） FAQ’s：Frequently Asked Questions——常见问题解答；因为企业网站经常收到用户关于某一方面问题的来信，，应当设立一个常见问题解答，既方面访问者，也可以节约网站时间和成本。 3、内容页面长度：网页内容页面的长度以不超过3个屏幕高度为佳，因此将篇幅过长的文档分隔成数篇较小的页面，可以增加网站的亲和力；如果基于特殊理由，应在长页面上加上一些书签，以使用户快速查询。（四）网站推广与其他 1、搜索引擎中的排名：Meta的使用，Meta标签是纪录当前页面信息的元素，如字符译码、作者、版权、关键字等。Meta标签也提供该服务器信息，如有效日期和刷新频率。正是基于Meta的功能，搜索引擎可以自动找到WEB上的信息。 2、适当的关键词：用户很大程度上搜索目标信息和企业网站习惯于通过搜索引擎。所以一些具有战略性的关键词是十分重要的 3、其他网站提供的交换链接的数量 4、兼容性问题： （1） 显示兼容：在800*600、1024*768……分辨率条件下能够显示正常。 （2） 操作系统兼容：在WINDOWS9.X/ME/NT/2000/XP/2003、Linux、Mac等操作系统中运行正常。 （3） 浏览器兼容：在IE（1—6）、Netscape（1—6）、Opera（1—7）等浏览器中运行正常。 5、网站服务： （1） E-mail的自动回复（即时）、E-mail的人工回复（24小时）包括节假日 （2） 电话和传真回复 （3） 800免费电话的提供 （4） 客户资料的保留和挖掘三、企业网站的综合评价指标体系 企业网站的多指标综合评价应当包括3方面的内容：一是综合评价指标体系及其评价标准的建立，这是整个评价工作的前提；二是用定性或定量的方法确定各指标的具体数值，即指标评价值；三是各评价值的综合，包括综合算法和权重的确定、总评价值的计算等。

　　想要做好一个网站必须要有足够的信心，耐心和恒心。其主要的点如下：　　1、了解自己的网站及网站的发展环境，了解对手网站的特点、背景及市场规模，分析其发展动向、手段,了解网站所处的互联网环境、规避网站发展风险、制定网站战略规划及长短期运营目标。熟悉业内动态，了解市场动向，及时调整网站发展的脉络。　　2、根据网站的发展阶段，制定网站阶段发展的路径，根据战略目标，规划网站发展阶段目标，根据阶段目标，打造网站产品规划，制定网站运营计划，严格执行网站运营进度。　　3、在执行的过程中，要制定详细的岗位职责及绩效考核制度来支持网站发展，根据网站运营进度，制定岗位职责及规范，根据岗位职责及规范，制定岗位绩效考核，根据岗位安排，制定完善顺畅严密的网站运营流程。　　4、建设网站运营团队，优化网站运营流程，完善网站客服体制，突破网站销售瓶颈以及逐步提高网站品牌及知名度，完善网站运营流程，完善网站客户服务流程体系，率先突破网站销售瓶颈，打造网站广告服务整合营销及专业广告服务，展开媒体合作，提高网站知名度。

我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。2新建一个1920px*400px的文件3我们拉一个一个蓝色（#506dbb）到白色的一个渐变4效果图5然后我们保存这张图片为gif格式这时候我们新建一个1000*800的文件我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉，保持透明6下一步我们使用切片工具。把页面进行切片。如下图所示注意每一个链接都要切片一下。切片工具和矩形选区工具一样，拉一下就是一个切片为了区分我这里加了背景。我们一会一定要记得去掉7我们再使用切片选择工具选择单个切片。然后右键8我们再逐个为切片添加链接9我们现在保存为web所用格式10我们把这里选择png—8保存保存完成后效果图保存完成后。会生成一个目录和一个html文件。我们用浏览器打开这个html文件可以看看效果。由于我们保存时选择的是png格式的所以看到的效果不美观，且网页靠左边。我们要做的就是让网页有一个背景就是我们刚刚制作的蓝色背景。且页面居中为了方便，这里我们使用 Dreamweaver。这个软件破解版和安装教程问度娘要这里就不多说。打开 Dreamweaver界面我们新建一个站点我们先要给网页居中。我们用Dreamweaver打开ps生成的html文件进入Dreamweaver的设计视图。注意看我们用鼠标点一下最外边的这根线。（把鼠标放在四个角上单击一下就可以选中）选中然后把下边的属性设置为居中。注意看这样网页就居中了。我们再添加一个背景我们先把鼠标在旁边空白地方单击一下，然后点击下面的页面属性把背景图片设置为我们刚刚制作的背景图。重复选择no开头的那个。其他的不用管。然后我们按ctrl+s保存好网页。然后即可使用浏览器预览效果了ps制作网页就是这么简单

我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。2新建一个1920px*400px的文件3我们拉一个一个蓝色（#506dbb）到白色的一个渐变4效果图5然后我们保存这张图片为gif格式这时候我们新建一个1000*800的文件我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉，保持透明6下一步我们使用切片工具。把页面进行切片。如下图所示注意每一个链接都要切片一下。切片工具和矩形选区工具一样，拉一下就是一个切片为了区分我这里加了背景。我们一会一定要记得去掉7我们再使用切片选择工具选择单个切片。然后右键8我们再逐个为切片添加链接9我们现在保存为web所用格式10我们把这里选择png—8保存保存完成后效果图保存完成后。会生成一个目录和一个html文件。我们用浏览器打开这个html文件可以看看效果。由于我们保存时选择的是png格式的所以看到的效果不美观，且网页靠左边。我们要做的就是让网页有一个背景就是我们刚刚制作的蓝色背景。且页面居中为了方便，这里我们使用 Dreamweaver。这个软件破解版和安装教程问度娘要这里就不多说。打开 Dreamweaver界面我们新建一个站点我们先要给网页居中。我们用Dreamweaver打开ps生成的html文件进入Dreamweaver的设计视图。注意看我们用鼠标点一下最外边的这根线。（把鼠标放在四个角上单击一下就可以选中）选中然后把下边的属性设置为居中。注意看这样网页就居中了。我们再添加一个背景我们先把鼠标在旁边空白地方单击一下，然后点击下面的页面属性把背景图片设置为我们刚刚制作的背景图。重复选择no开头的那个。其他的不用管。然后我们按ctrl+s保存好网页。然后即可使用浏览器预览效果了ps制作网页就是这么简单