您当前的位置: 首页 » HTML/XHTML/XML编程 » 高效实用 站长必备优化网页设计7款利器
高效实用 站长必备优化网页设计7款利器
论坛链接
什么是高效的网页设计？高效的网页设计就是能够让你的用户“不假思索”地获取自己所需要的信息。
他们会浏览那些你希望他们浏览的内容吗？他们会将自己的目光集中在你网页上的正确区域吗？你能够让自己的用户“流连忘返”吗？或是他们很快就转身离开了？
这一切不是光由网页的内容所决定的。如果你的网页加载速度很慢，如果用户从一个区域转移到另一个区域需要花费很长时间 —— 这些都会影响用户所获得的浏览体验。
这些东西都是生死攸关的——它们决定着你的用户是在你的网站上点击下一个链接以获取更多信息，还是会关闭掉网页，掉头到其他地方去寻找。
以下是一些你必须要考虑的因素：
重要的信息能被用户们看见吗？
网页上的导航和互动元素直观易懂吗？
用户能够被一种符合逻辑的方式引导到相关区域吗？
网页的加载速度够快吗?好让用户不会转身离去？
假如你对分析和优化自己的网页设计感兴趣 ——下面是一些能够帮助你的，极其有用的工具。
1. 点击热度(ClickHeat)
“点击热度(ClickHeat)”是一款开放源代码的可视化工具，它可以显示出网页上的“冷热”区域。它能够让你看到在自己的网页上，有哪些地方是用户点击最为频繁的，而又有哪些地方是被用户所忽略掉的。
它能够非常方便地被部署在你的网站上，你所需要做的只是在网页当中嵌入一个外联JavaScript文件。
他们会浏览那些你希望他们浏览的内容吗？他们会将自己的目光集中在你网页上的正确区域吗？你能够让自己的用户“流连忘返”吗？或是他们很快就转身离开了？
这一切不是光由网页的内容所决定的。如果你的网页加载速度很慢，如果用户从一个区域转移到另一个区域需要花费很长时间 —— 这些都会影响用户所获得的浏览体验。
这些东西都是生死攸关的——它们决定着你的用户是在你的网站上点击下一个链接以获取更多信息，还是会关闭掉网页，掉头到其他地方去寻找。
以下是一些你必须要考虑的因素：
重要的信息能被用户们看见吗？
网页上的导航和互动元素直观易懂吗？
用户能够被一种符合逻辑的方式引导到相关区域吗？
网页的加载速度够快吗?好让用户不会转身离去？
假如你对分析和优化自己的网页设计感兴趣 ——下面是一些能够帮助你的，极其有用的工具。
1. 点击热度(ClickHeat)
“点击热度(ClickHeat)”是一款开放源代码的可视化工具，它可以显示出网页上的“冷热”区域。它能够让你看到在自己的网页上，有哪些地方是用户点击最为频繁的，而又有哪些地方是被用户所忽略掉的。
它能够非常方便地被部署在你的网站上，你所需要做的只是在网页当中嵌入一个外联JavaScript文件。
#2楼发布者：jinlj时间：2008-05-01 11:23:12
2. 疯蛋(Crazy Egg)
疯蛋(Crazy Egg)是一款万能网站分析工具，能够帮助你看到自己的网站读者正在做些什么。
它所提供的功能包括：糖果(Confetti)—— 能够让你将自己网站上的访问者按照特定的标准进行分类，诸如他们的操作系统或者是他们的地理位置；覆盖图(Overlay)——能够向你提供有关于某一个链接的很多信息和数据；报告分享(Report sharing)—— 能够让你同自己的团队成员或者是客户分享数据。
疯蛋(Crazy Egg)所提供的免费版本只能让你跟踪4个网页 —— 因此在你应该在流量最大的页面上使用它，以获取最丰富的数据。
3. Firebug的YSlow组件
卓越网页设计的一个关键原则是，你所提供的信息不但要以优雅直观的形式展现出来，而且它们的显示速度还必须得非常快，要让用户不必等待！
YSlow for Firebug是一款Mozilla Firefox浏览器上专用的免费工具，能够让你了解到自己的网站前端设计的诸多信息，让你知道自己的网页是否在用户的浏览器中一样运转良好。它能够给你的网站设计打出相应分数(最高A，最低F)，并显示出你的网页上所存在的故障点。
它基于“Yahoo!开发者网络(Yahoo! Developer Network)”上的 《加速你网站的最佳措施(Best Practices for Speeding Up Your Web Site)》一文。这篇文章最初是由Steve Souders所创作的。他曾经是Yahoo!的网站性能主管，现在在Google公司负责网站性能和开放源代码创新方面的工作。
疯蛋(Crazy Egg)是一款万能网站分析工具，能够帮助你看到自己的网站读者正在做些什么。
它所提供的功能包括：糖果(Confetti)—— 能够让你将自己网站上的访问者按照特定的标准进行分类，诸如他们的操作系统或者是他们的地理位置；覆盖图(Overlay)——能够向你提供有关于某一个链接的很多信息和数据；报告分享(Report sharing)—— 能够让你同自己的团队成员或者是客户分享数据。
疯蛋(Crazy Egg)所提供的免费版本只能让你跟踪4个网页 —— 因此在你应该在流量最大的页面上使用它，以获取最丰富的数据。
3. Firebug的YSlow组件
卓越网页设计的一个关键原则是，你所提供的信息不但要以优雅直观的形式展现出来，而且它们的显示速度还必须得非常快，要让用户不必等待！
YSlow for Firebug是一款Mozilla Firefox浏览器上专用的免费工具，能够让你了解到自己的网站前端设计的诸多信息，让你知道自己的网页是否在用户的浏览器中一样运转良好。它能够给你的网站设计打出相应分数(最高A，最低F)，并显示出你的网页上所存在的故障点。
它基于“Yahoo!开发者网络(Yahoo! Developer Network)”上的 《加速你网站的最佳措施(Best Practices for Speeding Up Your Web Site)》一文。这篇文章最初是由Steve Souders所创作的。他曾经是Yahoo!的网站性能主管，现在在Google公司负责网站性能和开放源代码创新方面的工作。
#3楼发布者：jinlj时间：2008-05-01 11:23:54
4. 点击密度(clickdensity)
点击密度(ClickDensity)是一套功能全面的网站可用性分析工具，能够让你评估自己的网页设计。
“热点地图(Heat maps)”能显示出网页上用户点击的最频繁的区域;“悬浮地图(hover maps)”—— 能够让你知道用户的鼠标经常会掠过哪些区域，但却没有点击它们;“A/B测试”能够让你改变某个特定的页面元素，以评估哪一种样式设计更为有效。
点击密度(ClickDensity)的免费订阅版能够让你跟踪5000次点击，并且监控一个网站上的一个网页。
5. 点击描述(ClickTale)
“点击描述(ClickTale)”能向你提供各种各样的用户数据，以告诉你访问者是怎样使用你的网站的。
你可以从中获取很多宝贵的信息，诸如：用户点击某一个链接所花费的平均时间，用户在点击某个链接上的犹豫时间，鼠标悬浮和点击的比率，以及其他更多等等。它同样也能够以详细的报表和图形的方式，向你展示用户所采用的屏幕分辨率的整体状况，以方便你针对最典型的用户群体，进一步优化自己的网页设计。
点击密度(ClickDensity)是一套功能全面的网站可用性分析工具，能够让你评估自己的网页设计。
“热点地图(Heat maps)”能显示出网页上用户点击的最频繁的区域;“悬浮地图(hover maps)”—— 能够让你知道用户的鼠标经常会掠过哪些区域，但却没有点击它们;“A/B测试”能够让你改变某个特定的页面元素，以评估哪一种样式设计更为有效。
点击密度(ClickDensity)的免费订阅版能够让你跟踪5000次点击，并且监控一个网站上的一个网页。
5. 点击描述(ClickTale)
“点击描述(ClickTale)”能向你提供各种各样的用户数据，以告诉你访问者是怎样使用你的网站的。
你可以从中获取很多宝贵的信息，诸如：用户点击某一个链接所花费的平均时间，用户在点击某个链接上的犹豫时间，鼠标悬浮和点击的比率，以及其他更多等等。它同样也能够以详细的报表和图形的方式，向你展示用户所采用的屏幕分辨率的整体状况，以方便你针对最典型的用户群体，进一步优化自己的网页设计。
#4楼发布者：jinlj时间：2008-05-01 11:24:56
6. 滴答(Clicky)
也许，滴答(Clicky)所拥有的最吸引人的功能要数它的实时跟踪和监控功能了。这个功能的名字叫做“间谍(Spy)”。点击这里(http://www.getclicky.com/stats/spy?site_id=10)，查看Spy的演示。
除了间谍(Spy)之外，你还可以获得一系列其它用户分析数据，诸如用户动作(user Actions) ——它可以记录你网站用户和访问者的点击数据。
7. Google分析( Google Analytics)
Google分析( Google Analytics)是Google所提供的最棒的免费服务之一，它很可能也是当今世界上最著名的网站分析工具。Google分析的安装难以置信的简单。它能够提供丰富的用户和内容数据，以帮助你更好地了解自己的网页性能。
它拥有一项名叫“网站概览(Site Overlay)”的功能，能够可视化地显示出你网站上最受欢迎的，用户最喜欢点击的区域。它同样也提供了有关“反跳率(bounce rates)”和“顶级退出页面(top exit pages)”的数据，以让你知道是哪些页面促使用户离开了网站。
上述就是在当今的网页设计和优化领域中，你能够找到的一些最棒工具。归根结底，当今的互联网竞争，是卓越内容之间的竞争，以及你怎样去展现这些内容 —— 而这则要依赖于高效的网页设计。
也许，滴答(Clicky)所拥有的最吸引人的功能要数它的实时跟踪和监控功能了。这个功能的名字叫做“间谍(Spy)”。点击这里(http://www.getclicky.com/stats/spy?site_id=10)，查看Spy的演示。
除了间谍(Spy)之外，你还可以获得一系列其它用户分析数据，诸如用户动作(user Actions) ——它可以记录你网站用户和访问者的点击数据。
7. Google分析( Google Analytics)
Google分析( Google Analytics)是Google所提供的最棒的免费服务之一，它很可能也是当今世界上最著名的网站分析工具。Google分析的安装难以置信的简单。它能够提供丰富的用户和内容数据，以帮助你更好地了解自己的网页性能。
它拥有一项名叫“网站概览(Site Overlay)”的功能，能够可视化地显示出你网站上最受欢迎的，用户最喜欢点击的区域。它同样也提供了有关“反跳率(bounce rates)”和“顶级退出页面(top exit pages)”的数据，以让你知道是哪些页面促使用户离开了网站。
上述就是在当今的网页设计和优化领域中，你能够找到的一些最棒工具。归根结底，当今的互联网竞争，是卓越内容之间的竞争，以及你怎样去展现这些内容 —— 而这则要依赖于高效的网页设计。