当前位置：SEO自学网
> 网站设计
网站设计
网站的结构和导航设置应该注意什么？每个网页都需要有合适的标题，网站首页标题建议使用站点名称或者站点代表的公司、机构名称；其余的内容页面，标题建议做成与正文内容的提炼和概括，建议格式“页面标题_站点名称”，这可以让您的潜在用户通过搜索引擎结果中的标题快速访问到您的页面。充分利用网站首页或者频道首页的 description 标签，提供此网页内容的概括说明，形式为<meta name="description" content="此网页内容的概括说明"
网站美观重要还是实用重要？
我设计和推广网站已经有几年时间了。但是网站到底是实用重要还是美观重要？到现在为止，也还是经常在脑子里转来转去，没办法有一个确定的答案。当然两者兼得最好。但实际上往往两者不能兼得。这时候必须选择以其中的一个方面为主。今天在读冯英健博士的一篇博客文章：新竞争力网站为什么不做漂亮一点？又引起了我对这个问题的思考。应该说新竞争力网站确实不漂亮，但是却是很少几个我会经常去看的中文网站之一。为什么呢？当然第一，有不少有用的内容，对我做中国市场分析研究很有帮助。第二，也可能是更重要的，新竞争力网站页面显示速度
中文网站设计通病
有几个地方是我看中文网站的时候最受不了的，而在英文网站中很少见到的情况。当然说是通病，可能有点过分，因为其实有很多很优秀的中文网站。但是下面所说的这三个中文网站设计方面的问题，实在太常见了。第一，点击链接的时候，打开新窗口这让我百思不得其解。一般来说，如果一个链接是通往其他网站的，那么在一个新的窗口里打开，还可以理解。但在很多中文网站，你点击任何一个链接的时候，即使这些链接只不过是网站内的一篇文章或一个部分一个频道，它都打开一个新的窗口。这真是很烦的一件事情，实在无法理解。为什么不在同一个窗口显
搜索引擎友好的网站设计
前几天有个朋友在MSN里面问搜索引擎友好指的是什么，这是个涉及面挺宽的问题，今天从几方面谈一下大概。假设我们从搜索引擎蜘蛛的角度去看待一个网页，在抓取，索引和排名的时候会遇到哪些问题呢？解决了这些问题的网站设计就是搜索引擎友好的。搜索引擎蜘蛛能不能找到你的网页？要让搜索引擎找到你的主页你就必须要有外部链接，在找到你的主页之后，还必须能找到你的更深的内容页，也就要求你要有良好的网站结构，符合逻辑，可能是一个扁平的，可能是一个树状的。而且这些网页之间要有良好的链接结构，这些链接以文字链接最好，图像链
从SEO角度看网站重新设计
不少读者看了我的SEO文章后询问应该怎样重新设计网站。也有不少人反映，按照搜索引擎优化的思路和要求重新设计网站后，被收录的网页数反倒下降。今天谈几个从SEO角度看网站重新设计时要注意的地方。不到不得已，就不要重新设计英文里有一句话，东西没坏，就别去修它。If it’s not broken, don’t fix it.对网站重新设计尤其如此。如果你的网站没有严重错误，在搜索排名中表现也尚可的话，不要轻易对网站进行大面积改动。可以慢慢进行局部的优化。在网站排名结果不算太差的情况下进行重新设计，有时
Google网站优化设计指南
遵循这些指南有助于 Google 查找您的网站、将其编入索引和进行排名。即使您选择不采纳这些建议，我们也强烈建议您对"质量指南"多加留意，其中简要说明了一些可能导致网站从 Google 索引中彻底删除或受到其他处罚的违禁行为。如果网站受到处罚，则可能不会再出现在 Google.cn 或任何 Google 合作伙伴网站的搜索结果中。网站准备就绪后：通过 http://www.google.com/addurl.html 将其提交给 Google。通过 Google 网站管理员工
50个有用的网站设计资源
CSS库做设计的时候总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话，那么这还会为你带来很多访问者UnmatchedstylecssBeautycssvaultStylegalaCSS Drivecss thesisStyleboostCSSEliteCSS ImportWeb CremeCSS ManiaDesignShackWeb标准遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就
如何设计一个成功的网站
随着网络技术的不断发展，网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站，更是人们关注的热点：政府利用网站宣传自己的施政纲领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展示个性风采，创建彼此沟通的桥梁。越来越多的人希望拥有网站，开辟网络世界里的一片天地。如何设计一个出色的网站呢？关于这个问题，人们讨论的很多，可以讨论的内容也很多，加之网络技术的飞速发展，很难提出一个绝对权威和正确的设计思路，笔者不才，根据自己的设计体会，总结出以下基本设计思
前端开发大众手册(包括工具、网址、经验等)
一直觉得前端开发缺个手册，这是个体力活。不过总得有人来干。今天闲来无事，把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。这个标题起地大了点，肯定会有很多地方没列到，包括类目的分法也可能考虑不周，所以还请大家积极补充指正，可以直接留言，也可以发邮件给我(sorrycc#gmail.com)。之所以加上“大众”两字，因为以下资源对于高手来说可能早就很熟悉了。另外想提一句，工具是死的，好不好用得看你会不会用。比如Firefox、Fiddler等，除了显而易见的
网站设计需要掌握的基本SEO技巧
导航请确保你的网站导航都是以html的形式链接。所有页面之间应该有广泛的互联，如果无法实现这一点，可以考虑建立一个网站地图。首页网站的首页（home或index页等）应该采用文本的形式，而不是flash等。这个文本里面要包含你的目标关键字或目标短语。标签<title> < /title>这是标题便签，这里面应当包含你最重要的目标关键词。Meta Tags‘description tag’（描述标签） 应包含你的目标短语，不要重复。Alt Tags网站上重要的图片，如：lo
网页设计师必备的十一个SEO技巧
现在的网页设计师不仅设计网页的外观和风格。他们也常常负责主要前端代码的编写。换句话说，SEO（搜索引擎优化）的相当一部分责任落在设计师的肩上。然而大量网页设计师对这个领域的熟悉程度仍不足以让他们写出一个对搜索引擎充分优化的网页。本文旨在为普通，甚至部分高级网页设计师提高SEO技巧提供一些重要的窍门。1. 让代码比设计更美搭建网页前端的时候，使用有语义的代码。用描述性的标签组织页面结构，可以提高内容对搜索引擎的可读性。这也会让修饰页面的工作变得更简单干净。2. 使用关键字，但要把握分寸关键字是指描
十个JavaScript页面布局技巧
交付信息结构是一个交互式用户界面所需要完成的首要任务。更直观的布局结构设计，能使用户更好的理解内容。不管你想要介绍的是什么样的内容，你都可以以更加互动和更加适应的方式去呈现现它。本文里面收集的11种高超的JavaScipt技术，让你更好的控制内容的显示方式，以便用于下一次的布局设计。“页面滑动门”, “隐藏的内容”, “图片和内容滑动门”, “动画幻灯片”, “传送带”, “Tab内容选项卡” ，结合各种拖拽、滑动、灯箱等特效，这就是下面将为你呈现的。1. jQuery pageSlidejQu
网页设计原则理念以及实战经验技巧
什么是好的网页设计，网页设计原则理念（1）内容和功能决定表现形式和界面设计常常有人凭借电话的几句交流或者QQ上的几句聊天，甚至是一张句话的小纸条，就开始做一个网站设计。我决的这都是敷衍了事的通用设计，很不专业不成熟的设计。做一个良好的网页设计，你需要了解客户的东西很多，比如：1、建站目的（是主推产品还是平品牌，是主要注重SEO还是用户交互等）2、网站类型3、栏目规划及每个栏目的表现形式及功能要求4、主色调、客户性别喜好、联系方式、旧版网址、偏好网址5、根据行业和客户要求，那些要着重表现6、是否分
网站设计的基本步骤和方法
网站，指的是在互联网上用于展示内容的相关网页的集合。网站是由域名、网站源程序和网站空间三部分构成。网站空间由专门的服务器或虚拟主机承担；网站源程序则放在网站空间里面，表现为网站前台和网站后台。互联网上的网站五花八门，尽管这些网站在内容方面有很大的差异，它们的客户对象也不一样，但都遵循着一个基本的设计流程，即规划、设计、开发、发布和维护。按照这几个阶段一步一步地往下做，便可以打造出属于自己的商业网站。网站规划是网站建设的第一步，好的开始是成功的一半，良好的网站规划是进一步开发的基础。网站规划时应该
博客可用性：十大错误设计
写在前面的话：本文将介绍一些关于博客可用性（Weblog Usability）的十个最常见的错误。本文为翻译作品，之所以我要花一晚上的时间翻译这篇文章，因为我看完此文后颇有一些感慨，为了让更多的人了解这篇文章，我将这篇文章进行了翻译，并附加上我自己的观点。初次翻译，翻译的不好，见谅。博客可用性：十大错误设计作者：Jakob Nielsen， 翻译：William Long博客是网站的一种形态，因此对于网站易用性的一些指导方针同样适用于博客，但是博客是一种特殊类型的网站，他们的一些独特的特性会产生
十大网站设计错误
前言：这是Jakob Nielsen写的另一篇文章，主要讨论的是广义上的网站面临的错误设计问题，是他的另一篇《博客可用性：十大错误设计》的姊妹篇，当然，这些问题对于博客站点来说也是同样适用的。十大网站设计错误作者：Jakob Nielsen 翻译：William Long自1996年以来，我曾经指出了很多网站中的设计错误，参见底部我的系列文章列表，本文将重点介绍的是，这些问题当中十个最为严重的网站设计错误。1、搜索引擎不友好搜索引擎对于难以处理和识别的打字稿、复数、连字号等等各种各样的问题，搜索
网站侧边栏广告固定浮动效果的实现
对于页面内容很长的网站来说，经常会出现浏览内容的时候，侧栏已经空了，没内容了，这对于网站广告来说非常可以，如果侧栏空了之后能固定一个广告的话，那样对网站和用户双方的体验都不错，下面就说说具体实现的方法。先在网站加入jquery.js，一般网站都已经加过这个js，因此可以跳过，没有用的网站则需要在网站header部分加入jquery.js代码。之后，编辑侧栏模板，在侧栏最底部加入广告代码，代码如下：<div id="float" class="float&quo
中英文网页切换
使用如下代码实现中英文网页切换。<script><!--if (navigator.appName == 'Netscape')var language = navigator.language;elsevar language = navigator.browserLanguage;if (language.indexOf('zh-cn') > -1) document.location.href = 'https://www.w
网页常用小技巧
下面是javascript的40个网页常用小技巧，对网站开发人员相信会有帮助。1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取
把握5元素，让页面文字阅读更舒适
上网在线阅读，是大多人获取信息的重要途径。用户会在网上阅读到大量的新闻及各类文章，特别是网络小说，这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面，有没有人抱怨过：“这样的页面还需要出效果图啊?”作为网页设计师的你是怎样处理这样的界面的?把握5元素，让页面文字阅读更舒适 设计师 好文分享 第1张是习惯性的使用宋体字或者微软雅黑?是直接设为12px或者14px的字号?你有想过为什么要使用这种字体、字号吗?你有考虑过文字排布与阅读效率的关系吗?你的页面背景会影响到用户的浏览舒适
浅谈网站设计和网页设计的区别
五一这段时间杂事太多了，十几天没更新博客了，在这里先表示一下歉意。以后我会继续不间断更新博客的，感谢各位朋友的支持!今天想谈谈网页设计与网站设计的区别，因为在和很多网友聊天的时候，感觉出这个问题，他们并没有被明显的区分开来，很多人以为网站设计与网页设计是同一个概念，工作内容也是一样，其实不是这样的……什么是网页设计?网页设计是从网站的前台(界面)设计部分，主要是针对所浏览的网页的总体颜色选择、页面的排版布局和用户群体的体验度。什么是网站设计?网站设计涉及到的内容就比较多了，首先是明确用户，明确网
网站设计应注意的用户体验！
用户体验主要解决网站程序的易用性，和功能性的问题。网站程序是否易用，是否符合大众习惯。对于网站的主题，程序是否提供了相应的功能支持，给用户提供相应的服务。用户需求是根本，但用户需求不一定是功能。一个博客一推出来就有几百个链接，几十种功能，很多网站说我可以这样做，你增加越多的功能，你就越增加产品的复杂性。在卢松松看来，博客只有三大功能1：文章发布。2：图片发布。3：评论功能。其他的功能插件都是辅助。用户体验设计目标是什么？最重要的是要让产品有用，这个有用是指用户的需求。设计一个网站，在卢松松看来，
网站成功关键之一：网站设计
你愿意把自己辛苦挣来的钱花在一个连网站都建的马马虎虎的网站身上吗？答案是否定的，网站的设计是网络营销的第一步。下面卢松松将从网站设计方面来讲解影响网站成功的因素，2011年，让我们从新设计自己的网站吧。1：颜色是影响网页的重要因素不同的颜色对人的感觉有不同的影响。如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光；黑颜色显得比较庄重，考虑到你希望对浏览者产生什么影响。所以，当你决定做一个网站时，一定要选好网站的主色调，不要东一块色系西一块色系，用户很容易迷路，无论是单页、频道页，都应采用主
网站配色的实用须知
最近发现，很多用户都反馈，在做网站设计的时候对网站背景颜色的选取很难把握，不知道什么颜色才适合自己的企业网站。因此，这期就为大家分享一下网站的颜色应该如何选择。网站颜色的重要性根据研究表明，90%的快速购买决定完全是由颜色感知决定的。网页颜色搭配的是否合理会直接影响到访问者的情绪，它有助于创建想法，传达信息，调用情感和提高兴致。普通用户的注意力跨度为15秒，因此最好的方式就是让用户在你的网站上多停留一会。利用好的色彩搭配会给访问者带来很强的视觉冲击，不恰当的色彩搭配则会让访问者浮躁不安。因此网站