彬Go

关注前端开发/网页设计/网站可用性/用户体验,暴风彬彬的趣味互联网生活…

网站可用性’ 分类下的所有文章

三点提示教你如何提高网站可用性

  国际杂志表明:人们在线的阅读习惯和平时的阅读习惯是完全不一样的。这句话对你的网站可用性来说意味着什么呢?为什么我们需要注意这个方面?访问者通常是在非常随意的状态下快速浏览你的站点的。他们急于获取真实的、实用的,并且是有价值的信息。那么,你能承诺满足他们这点吗?

  如果他们不能及时地获取所需信息,那么,他们将离开你的网站。这意味着,你的网站已经失去了卖点,访问者将不会再参与你的网站所组织的任何活动。不用担心,下面的3点提示将会给你带来帮助。它会让你为你的访问者提供所需信息,指出提升网站可用性的方法。您还可以参考暴风彬彬的其它网站可用性教程

本文未完,点这儿看完整内容 » »

网站可用性-自动选择输入框

  大多数网站都很注重自己网站的站内搜索这项服务,在网站首页放置搜索表单以提高网站可用性已经成为网站设计的重要环节。但令人惊讶的是一些网站未能实现在页面读取出来以后自动将光标放在搜索框内,这是的网站用户如果来到网站的第一个动作是搜索,他们需要用鼠标单击搜索框或按下tab键将光标移到搜索框,甚至有少数网站连表单的tab按键索引都没有设置。

本文未完,点这儿看完整内容 » »

20个免费的SEO网站分析工具

  在开发和维护网站的过程中,网站分析将对网站的前途起到非常重大的作用。今天暴风彬彬为大家收集了20个用来对自己的网站进行分析的资源或工具,而且它们几乎不用注册甚至下载就可以使用哦。有些可以说是SEO必不可少的工具!还等什么,快往下看…

  下面要介绍的这20个工具,有些能对你提交的网站进行详尽的分析并作出详细的分析报告,甚至提示如何解决网站存在的一些问题,以达到优化效果;有些工具只是提供一个大体的分析。我相信其中大部分都会对你的SEO工作有所帮助,而且会是你的网站维护起来更有意思 :-D 

您还可以参考以下网站优化相关文章:
通过27个网站分析工具了解网站的9个有趣真相》 
浅谈网站用户体验UX与SEO的关系
推荐两个SEO辅助搜索工具
Google 评价 blog 的指标》 
Google 网页排名背后的技术》 

1.Website Grader

SEO-工具-Website-Grader

  Website Grader是我平常比较喜欢使用SEO分析工具,因为它分析得很全面,可用性也很高。通过Website Grader你将得到一个关于你提交的网站的非常详尽的分析报告,报告涉及到了网站的各个部分,比如页面结构、域名信息、标题摘要信息(h1,h2,h3这些)、Google索引数量和bot最后爬行日期、RSS是否正确、Google/Yahoo/Alexa/MSN上的反向链接数、Technorati排名、del.icio.us的收藏数、Alexa的排名情况和Google PageRank值。并且还会对提交的网站进行打分及网站出现的问题的修改建议。通常Website Grader所提出来的修改建议是很有价值的,而且能详细的致命问题出在哪,如何才能解决这样的问题。

SEO-分析-工具-Website-Grader

本文未完,点这儿看完整内容 » »

世界十大网站十年前的设计风格

  在这个互联网的发展速度正成倍增长的年代,也许很多人会想知道互联网十年前的模样。现在已经是2008年的后半段,回想一下1998年,中国的互联网是怎么样的?世界互联网又是什么样的?那个时候你知不知道有网站这个东西?会不会用电脑上网?下面暴风彬彬将带你回到互联网目前十个比较大的网站十年前,想一想,这是一件多么有趣的事情啊…

  下面列出的是现在全世界互联网技术顶尖的十大品牌,而且他们的网站也有十岁以上!下面来对比一下它们十年前和现在的网站都有什么变化吧…


Amazon(亚马逊)

  轮廓鲜明的导航菜单对于电子商务类的网站是相当重要的,Amazon在这方面做得很好。Amazon的首页内容数量上和十年前相比变化并不大。比较明显的变化就是它把原本在顶部的横向标签式导航菜单挪到了左边的,并变成了多级侧边栏。还有一个变化就是十年前在左侧的搜索框,现在已经挪到了页面的顶部。

十年前

amazon_十年前

本文未完,点这儿看完整内容 » »

  今天暴风彬彬要讨论的网站可用性技巧,是让你的网站文字链接提高一定的可用性,而且实现起来非常简单,其实这也算是提高用户体验的方法。扩大可点击区域并不是要让你的文字链接占用其他可用资源或增加文字链接的数量。其实很多问题不用暴风彬彬说得很详细,因为现在很多网站(尤其国内)根本没有考虑到文字链接的可用性问题。下面就来看看如何通过设置块级元素(block)和填充(padding)来实现扩大文字链接可点击区域吧。

本文未完,点这儿看完整内容 » »

  • 3 条评论了已经
  • 分类: CSS, 网站可用性
  • 浏览:1,154
  • Google推出404页面工具

    据Google中文网站管理员博客报道Google在其网站管理员工具中新增了一个“增强型 404 页面” 工具,登录Google网站管理员后,点“工具”-“增强型 404 页面”即可获取相关代码。

    404 网页是用户尝试访问网站不存在的网页(由于用户点击了损坏的链接、网页已被删除或用户输入了错误的网址)时看到的页面。之所以称为 404 网页,是因为针对丢失网页的请求,网络服务器会返回 404 HTTP 状态代码,表明该网页未找到。

    通常用户最好创建一个自定义的 404 网页,以便获得这部分用户流量。一个好的自定义 404 网页可以帮助用户找到所需信息、提供其他实用内容及吸引用户进一步浏览您的网站。

    Google提供的404页面工具,可以在页面错误发生时给出一个智能搜索框和一个最相关的链接地址。这项工具提供的是基于Javascript的网 页,当出现404错误时,Google将在网页上列出一个内容和一个与“失踪”网页的最相关的其它地址,并提供一个基于Google的站内搜索框。

    目前发现这个404工具目前还不支持中文(尽管Google声称支持中文),生成的404页面提示语言全是英文的,希望Google能尽快修复这个问题。


    一些有关Web2.0设计风格的文章总结

    一个最基本的Web2.0设计风格是这样的: 简单的布局, 淡淡的倒影, 淡淡的背景, 醒目的Badge,  超酷的图标, 大片留白, 大量使用圆角以及大大的字体. 尽管对于很多设计师来说: Web2.0在很大程度上破坏了设计的美感和想象力. 但又不得不低头: Web2.0就是当前的王道, 且一直持续进行蓬勃发展.

    本文为你收集了一些优秀的探讨Web2.0设计风格的文章.

    Current Web Style

    当前流行什么网页风格?  Web2.0网页风格. Web2.0网页风格是什么样的风格? 这篇文章给了详细的实例结合说明.

    Web 2.0 logos

    著名字体网站Fontshop给出的一篇分析当前热门Web2.0网站所使用的Logo, Logo中所使用何种字体, Logo设计的趋势等的一篇良文.

    细谈 Web2.0 的风格和设计

    一篇中文的Web2.0风格设计详解, 应该也是从某篇英文文章翻译过来的, 不过出处不明.

    10个设计最经典的web2.0网站

    灵感源于欣赏, 模仿也能超越. 看看这些比较经典的Web2.0设计, 也能帮助你提高对Web2.0的感官认知.

    Web2.0 的视觉设计新中英对照

    来自蓝色理想的国人高手结合Jonathan在2006年10月21发表的The visual design of Web 2.0, 对Web2.0视觉设计的探讨, 非常值得一阅.

    流行的web2.0设计典范

    一部英文电子书, 共分七大部分详解流行的Web2.0设计典范.

    150+ Web 2.0 工具和相关资源

    你是一个设计师, 但你懒, 那你可以看看这些Web2.0工具, 你并不是一个设计师, 但你也想让自己的网站2.0一些, 那也看看这些Web2.0工具.


    转自:帕兰映像

    最新评论

    • 请问你的那些个图片是某个IDE还是截图还... »
    • LZ的BLOG真的很精彩,很多内容是我想... »
    • 太酷了!!! »
    • 950,960都是一个形式而已,不过能够... »
    • 受教了,我前段时间把网格系统下下来以为是... »
    • 正在学习中,网页的图片一张一张的显示,实... »
    • 这些世界著名的网站十年的变迁,给我们留下... »
    • 学习了。 »