热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

怎样的网页设计有利于网站优化?

网站排名的硬件基础是网页设计制作。我们曾经一度认为当网站建站成功时我们的优化才真正开始,是这样的吗?其实不然。网站优化并非一朝一夕之功,笔者曾也分享过建站之初的一

 

网站排名的硬件基础是网页设计制作。我们曾经一度认为当网站建站成功时我们的优化才真正开始,是这样的吗?其实不然。

网站优化并非一朝一夕之功,笔者曾也分享过建站之初的一些关于网站优化的建议,主要是针对网站的结构和关键词布局定位上的。这些其实只是一个有利于SEO的网页设计的一部分,今天要分享的网站优化经验就是关于网页设计制作的内容,当然其主要的目的还是为了后期的网站优化。

第一,网站的目录结构和URL的设计。

对于网站结构SEOer建议是选择扁平化结构,这个结构主要是针对中小型企业网站,对于大中型型网站笔者建议采用树形加网状结构更有利于整体网站的布局。无论你选择哪种结构都要记住其目录文件不要超过三层,目录中加关键词,而URL当然是越短越好。

第二,网站导航结构的设计。

网站导航是用户接触网站的第一选择,导航不仅可以指引用点击还可以为搜索引擎蜘蛛提供枝干爬行路径。对于网站导航的设计我们的要求是主导航要醒目清晰,尾部的双导航要直观明了,导航要选择面包屑导航,方便用户和蜘蛛能更清楚的明白自己所处的位置。首页可以添加整体网站地图,并且将当前最大用户需求的流量页面突出在首页。

第三,网站框架结构。

笔者见过的框架结构动态站比较多,这是否就意味指静态页面不存在呢?当然不是,在html页面中框架的展现标签。但是笔者并不喜欢框架结构网站,因为大多数的搜索引擎至今依旧无法识别框架,这对搜索引擎而言不是一个友好的存在。

第四,网页设计中的细节优化。

1、图片优化。网页制作无可避免的就是图片的展示,搜索引擎要很喜欢文图结合的形式,有图有真相同样是用户喜欢的样式。但是我们要尽量避免网站全部用图片来做,这样对于网站优化来说就是一个很大的失分点了,而对于网页中的图片部分我们一定要记得添加alt属性标签,因为搜索引擎可以抓取到文本描述,而对于内页的图片可以在其上方或者下方添加关键词,文本链接到图片页面。为了提高网页访问速度在保证图片质量的前提下记得要压缩图片文件的大小。

2、Flash优化。flash可以使页面更加生动化,同样可以获得用户的好感,而对于搜索引擎来说这个绝对是很大的漏洞,因为搜索因为无法识别flash文件。那么为了后期的网站优化,网页设计师要做的工作就是做辅助html版本,将flash内嵌在html文件中。

3、表格的使用。我们在查看一下网站的源代码的时候经常会看到table样式,其实将文本放置在不同的表格中,管理方便,加载速度也快,但是笔者却不建议大幅度的来使用。因为相对于css+div布局网站,它所占空间是比较大的。

4、网页“瘦身计划”。

介于笔者自己的建站习惯,在网页设计时比较喜欢CSS+DIV布局,CSS样式统一定制了字体风格,使得代码标准化,更利于搜索引擎的喜爱;而网站中经常使用的,可以将脚本移至在页面底部,将JAVA脚本放在.JS文件中进行调用,更利于网站整体优化。

(转载请注明转自:www.wangzhan.net.cn,谢谢!珍惜别人的劳动成果,就是在尊重自己!)

 

推荐阅读
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文详细介绍了如何使用Python编写爬虫程序,从豆瓣电影Top250页面抓取电影信息。文章涵盖了从基础的网页请求到处理反爬虫机制,再到多页数据抓取的全过程,并提供了完整的代码示例。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 本文详细介绍了W3C标准盒模型和IE传统盒模型的区别,探讨了CSS3中box-sizing属性的使用方法及其在布局中的重要性。通过实例分析,帮助读者更好地理解和应用这一关键概念。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
  • 几何画板展示电场线与等势面的交互关系
    几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]
author-avatar
黄于諭春琪
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有