网页设计时注意的60个seo问题

在设计的时候如果就能考虑到seo的相关问题，在程序员在实现这些功能的时候也能起到一定的指导作用，这里总结：网页设计时注意的60个seo问题

　　设计网页时要考虑的60个问题

　　我们花费许多时间问自己、问客户、问其他人问题。类似于，是否要为我们最新的网页选择绿色阴影？如何选择复杂的排版解决方案？对于一个网页设计者来说，正确提问是一项非常重要的能力。在本文中，我们列出了60个典型问题——这些问题是网页设计专家在完成作品前必问的60题。

　　为什么向自己发问很重要？

　　许多专家靠备忘录辅助工作，而其他人并非如此。但世上没有万无一失的办法来规避因为遗漏东西而带来的窘迫感，所以当你在设计一个网页的时候，不断地向自己发问是非常好的办法。有时候，这些问题甚至可以简单到如“我这是在工作吗？”，而通常情况下，需要问自己一些更富专业性和技术性的问题，当然，别忘了回答。

　　如果你总像完美主义者般那样神经质地猜疑你自己，或者相反地瞎做决定，这恐怕不会让你的工作变得轻松。虽然没有什么办法能够估量我们做出的决定是否正确，但在工作过程中不断向自己发问至少能够避免这些烦人的错误。

　　有关项目管理的15个问题

　　项目管理是网页设计工作的重心环节之一。制作一个新的网页就好比搭建一座新的房子。考虑到有许多细节需要斟酌，在开始工作前计划一下是非常有效的。

　　1“我的客户签好合同了吗？”——如果你不与客户签合同就开始工作的话，是非差有风险的。

　　2“我清楚最后的成品是什么样子了吗？”——对你自己要做的工作必须有个清晰的计划，包括图表，线框，模型等，务必把这些搞清楚。

　　3“所有内容都已经写下了吗？”——一个没有内容的网页就像一幅没有帆布的油画，最理想的情况是，一个网页必须根据内容而建，反之则不可行。

　　4“这个网页需要提前准备什么吗？”——诸如WordPress之类的工具能使生活更美好，所以在你写代码前要想好你要什么工具。

　　5“我的竞争对手可能给客户提供些什么呢？”——你的对手往往是好主意的来源，知道他们在干些什么能帮助你更好地迎合顾客的需求。

　　6“我有准确的最后期限吗？”——设定一个现实的最后期限，并督促你自己按着期限来追赶你的工作速度是非常重要的。

　　7“我需要追加一些投入吗？”——网页设计一般不需花费很多，你可以靠一些非常便宜的软件就搞定它，但是，你必须有准备为这些工作花更多的资金。

　　8“我具有必要的技能了吗？”——有些网页设计要比其他的复杂得多，仔细想想你都需要哪些技能去完成它，而且要知道你所拥有的知识是不是最新的。

　　9“我考虑过营销推广吗？”——一个网页如果没有访客，那真是太糟糕了。检查一下你为营销推广所做的准备，比如社会化媒体，SEO还有广告。

　　10“我做的这个网页有用吗？”——将时间精力浪费在一个没有价值的项目上是很糟糕的事情，所以务必在一开始就把这些坏可能给去除。

　　11“我对于目标人群的定位清楚吗？”——了解你想要吸引的目标客户将会帮助你更好地设计网页内容。

　　12“我有备忘录或者准则吗？”——哪怕是最基本的准则和备忘录都能对你的工作起很大的帮助。

　　13“我的主机能招架住这些流量需求吗？”——找到合适正确的优秀的主机很重要，如果放映几GB的视频想要顺利的话，合租主机不是个好办法。

　　14“需要播放的媒体素材都准备好了吗？”——有些网页需要播放视频、音频或者PDF这样格式的媒体文件。好好想一下是否都准备好以免耽误。

　　15“我还希望在这个项目里包含什么元素？”——也许你需要接受这笔款项，或者你可能需要加一个相册。将你需要的东西提前安排与计划好。

　　15个有关代码的问题

　　接下来的问题是有关代码编写的。如果你需要设计一个网页，那你将会与HTML,CSS还有JavaScript打交道。每一种语言都有书写规则和适用范围给你参照，这些将帮助你最终完成的作品看起来非常专业和标准化。然而，除此之外还是有许多需要你考虑的问题。

　　源代码对你设计的内容所带来的影响非常大

　　16“这些代码能生效吗？”——有效性并不是代码质量的全部测量标准，但它能保证你的代码按照标准写，也能帮助你发现在书写过程中的错误。

　　17“我是不是要考虑适用CSS3或者HTML5？”——虽然许多用户不使用支持CSS3和HTML5代码的浏览器，但如果你能合理适用这些代码的优势，那它将会帮助你的产品拥有更多的价值和含金量，让你的网页设计作品看起来完美极了。

　　18“这些代码写得对吗？”——在工作中适用正确的标签能帮助你提高效率，而且搜索引擎偏好有意义的代码。用代表图表，用显示无序的列表，用显示互相有联系的列表，用代表超链接，用代表可点击的用户界面按钮，等等。

　　19“我充分利用插件了吗？”——考虑一下是否要使用XML协议或者域名边上的小图标，这些可变量能帮助你加强网页可看性。

　　20“我需要提供RSS订阅吗？”——如果你的网页内容很多，而且更新非常快(比如：博客或者新闻网站)，提供RSS订阅将保证你的读者能第一时间收到你更新的消息和内容。如果你不使用CMS内容管理系统的话，考虑一下使用SimplePie来构建你的RSS订阅功能。

　　21“我写的这些代码已经是最简化最精致了的吗？”——系统的容错能力非常重要，学习一下如何能精简你的代码使其更完美更简洁。

　　22“我考虑过SEO了吗？”——搜索引擎不会主动来照顾你的网页，它不会自动就让你的网页让更多人看到。所以你需要学习更多的SEO的相关内容，来使你的网页更多地被搜索引擎收录，提高点击率。

　　23“我设计的页面排版方便打印吗？”——设计一个适合打印的CSS文件是非常有必要的，因为有许多人习惯将看到的网页直接打印出来。

　　24“我的代码写得标准吗？”——写了死代码真是非常不好。诸如在W3C，HTML4里使用，或者。这样的话你的工作质量会打折扣。所以反复核查你所写的代码，确保你没有写出这些无效的代码。

　　25“我需要加入条件式注解吗？”——IE6还没有完全退出历史，如果你的网页需要你支持IE浏览器的话，你需要使用条件式注解来满足IE的独特需求。这能使你的代码在W3C标准下有效，如果你一旦不想使用它了，你只需移除你页面上的注解即可。利用JavaScript技术来满足IE6和HTML5代码支持的网页就是另外一回事了，但是你需要考虑一下万一用户使用旧版浏览器，Java代码不能支持的时候，该如何解决。

　　26“我分清HTML, CSS, JavaScript了吗？”——这一点相当重要，关系到你的页面到底能提供多好的体验。

　　27“我的页面导航实用吗？”——导航菜单是页面最重要的部分。要好好地做对它。

　　28“我检查过冗余的HTML和CSS了吗？”——代码写着写着就容易冗长，多余，所以多检查一下，看看有什么地方还能简化。

　　29“代码便于组织和维护吗？”——好好核查你的代码，保证它日后能被修改和升级。

　　30“使用框架能加强网页效果吗？”——最近，类似jquery和mootools开源框架能加快代码的读取速度，并保证低错误绿。如果你觉得这样的工具有助于你，为什么不赶紧学习使用它们？

　　15个有关网页设计的问题

　　网页设计的过程往往充满了有关色彩、字体等相关问题。当你对管理和代码问题都能应对自如后，网页设计的问题自然就会浮现出来。网页设计需要你不断地做决定，这些就是你对于问题的回答。

　　31“我的媒体优化得到位了吗？”——图像、视频、音频将占用很大的带宽和空间。仔细考虑如何使他们运行得更流畅。

　　32“用户界面是不是太复杂了？”——一个复杂又凌乱拥挤的页面是不会受欢迎的。想一下可以缩减哪些东西让界面更简洁。

　　33“我的设计是与众不同的吗？”——让你的页面更夺人眼球，做出前所未有富有新意的东西能迅速提高你的品牌形象。

　　34“什么时候需要重新设计？”——你能在目前的基础上做出更大的进步吗？

　　35“这个网页合格吗？”——不管你使用一栏还是三栏，多么多的链接，你页面的视觉感将会极大地影响到它的可读性。

　　36“我选的色彩看起来舒服吗？”——色彩常影响人的感觉，同一块调色板可以调出让你的页面看起来很专业的颜色，也可以看起来很肤浅。你要好好选择。

　　37“哪种字体最好？”——除了颜色，就是字体最影响视觉感了。要谨慎选择你的页面字体。

　　38“内页链接都够显眼吗？”——如果链接让人难以发现，那等于白做。确定你做的锚文本都能被看到。

　　39“你留了足够的空白了吗？”——许多网页把大量的内容挤在一起，看起来非常不舒服。如果你能留一些空白，留一些余地，那可读性将大大增强。

　　40“你确定页面内容是符合读者口味的吗？”——随着Ajax技术的迅速发展，在页面上加载更多的信息成为可能。考虑在长页面上使用这样的技术。

　　41“我的设计能让人感到愉悦吗？”——虽然有些俗，但是你还是要向你的朋友，同事，甚至是陌生人那里征询意见，看看他们对你的页面的建议。

　　42“网页的内容可读性强吗？”——没什么比内容更重要了。如果这点能做好，那你的读者将感到非常愉悦。

　　43“我的设计能适应各种各样的显示分辨率吗？”——你无法预计你的读者使用什么样的显示器看你的页面，所以你尽量要做到通吃，多利用免费工具来测试你的页面适合度。

　　44“页面里重点的部位得到强调了吗？”——总有些东西是你想强调的，所以考虑一下如何让它们更显眼以便读者发现。

　　45“我的页面看起来完整吗？”——这是最难的一个问题，但是是最重要的。需要你认真地反复地考虑。

　　15个有关用户体验的问题

　　用户体验是一个网页成功与否的决定性因素。这里有一些有关它的问题。

　　46“网页在不同的浏览器下运行如一吗？”——市面上有许多品牌的浏览器，要确保你设计的网页能在主流浏览器上运行，你可以使用Browsershots服务来预览你的网页在各种浏览器上的效果。

　　47“这个网页能在移动设备上运行自如吗？”——在桌面浏览器上浏览网页相对较方便，但是移动设备上并非如此，它可能需要调整一些东西才能很好地显示。

　　48“你在屏幕阅读器上测试过网页了吗？”——事实较让人失望，包括firefox在内的一些免费屏幕阅读器常不太能很好地适合设计出来的网页。所以你必须测试一下。

　　49“关闭JavaScript效果会怎样？”——每个人的体验不相同，我们也无法控制每个浏览者的阅读环境，所以尽量确保你的网页在任何情况下都能良好运行。

　　50“Flash文件可以用不同的方式播放吗？”——紧接上一点，如果你的网页依赖Flash的话，你最好保证这些都能顺利做到。

　　51“你注意‘图片显示’相关的内容了吗？”——一个最简单的辅助办法就是使用描述性且有效的图片显示工具。

　　52“你依据‘WEB内容可访问性指南’来评估这个网页了吗？”——遵循访问性指南是非常重要的，记得使你做的网页都能符合WCAG。

　　53“这个页面被其他人测试过了吗？”——可用性测试非常简单，不过有点贵。这个测试能帮助你完善作品。

　　54“页面链接都有效吗？”——链接能够带来潜在读者，一个简洁、便于记忆的链接名称将大大提升用户体验。如果你还在使用系统默认的链接方式的话，不如尝试更改一下。

　　55“你的页面载入速度如何？”——速度是实用性指标之一，试想一下：载入速度很慢的页面将多么影响你的用户体验。

　　56“页面的搜索功能使用起来方便吗？”——大多数网页都需要一个搜索框，来帮助浏览者定位他所需要的信息。要确保你的页面搜索框设置正确，且搜索结果正确。

　　57“你的页面存在潜在的令人厌恶的元素吗？”——弹窗之类的东西将让用户体验变得糟糕，要确保你的网页上没有这些东西。

　　58“页面表单易填写吗？”——如果你的页面表单问题太多而且回答起来很麻烦，那用户可能就此流失。

　　59“用户能很容易地联系上网站主人吗？”——尽量设置一些联络方式，这样你能很方便地和读者交流。

　　60“你检查过无效链接了吗？”——无效链接会让你的读者体验降低。使用Xenu的工具能帮助你检查无效链接，并且要弄明白这些链接是如何变得无效的。

　　总结

　　我们在学习的过程中变得更富竞争力，而这些东西终将改变我们的视野和技能。设计师和开发人员如果能常常向自己发问，则能将工作完成得更出色，也能不断地进步，不断地有新的产品问世。