SEO和漂亮的网页设计元素共存
作为网页设计师追求的是用户体验和漂亮的网站界面,不过很少会考虑SEO优化的问题,这也是的很多人都认为SEO与网页设计是冲突的,实际上精美的网站界面与SEO完全可以共存。
SEO是一项费时间、技术和技巧总在变化而且非常容易让别人引起误解的一份工作。建设一个吸引人同时又是搜索引擎友好的网站是SEO网页设计最难的一项工作之一。
如果你是一个网页设计师,你的设计真的是搜索引擎友好的吗?
在网页设计圈里,对于很多网页设计师来说,对SEO仍然存在着很多的误解。他们虽然至少懂一些SEO的基础知识,但常常用过时的技巧和技术工作。就算设计师理解了SEO的价值,但怎样才能设计一个吸引人的并且搜索引擎友好的网站依然是一个问题。
网页设计师们喜欢漂亮华丽的网站,SEO们则喜欢优化过的内容和代码,不管哪种都不再被看作愚蠢,因为这些天来,这两方面都变得很重要。在这种思想下,我 列出9个SEO贴士,希望可以帮助你设计一个完美的而且搜索引擎优化过的网站。代替以往那些基本的SEO设计概念,我会涵盖一些侧重于设计的SEO提示, 来告诉你SEO和漂亮的设计元素其实可以共存。
1. 这和老式的SEO不同
我们很难跟的上SEO技术的变化, 因为它总在改变。今天,SEO不再代表一个网站不得不做得非常难看。
首先,忘记你以前学过的关于关键字标签和关键字堆积的技巧,因为那种日子已经结束了。对于网页设计师来说,现在是好时光,因为搜索引擎现在开始着眼于发现使用自然语言书写的好的内容。类似使网站看上去非常难看的关键字密度等指标,都成为历史了。
如果你已经做了好几年的网页设计师了,那么从最新的SEO资源那开始学习新的搜索引擎优化知识吧。别让那些过时的SEO技巧误导你每个网页都得遍布蜂窝煤样的某个关键字。
2. 链接也会说话
链接告诉搜索引擎将要链接到的页面的内容。用于链接的锚文字非常重要。现在互联网和它的用户都已经很成熟了,再也不用只用“点我(Click me)”这样的字样来突出链接。
上图显示的是另外一种可怕的“点我”形式的链接。这里浪费了一个优化的机会,本可以在“HR Solutions”上添加链接的。“了解更多(Learn more)”链接是不错,不过对于搜索引擎的爬虫机器人来说,它不会知道要链接到什么样的内容。虽然我们知道会链接到“HR Solutions”,但可怜的搜索引擎机器人并不知道。
虽然CSS样式表展示出很多很漂亮的样式,但是如果你能给你的链接加上说明性的文字“像Learn more about HR Solutions”一样,那么会极大地提高网站的内部链接架构,而对设计来说,影响几乎可以不计。
3. 设计也能做出链接诱饵(高质量的导入链接)
这对网页设计师来说是个好消息。SEO们大部分时间都专注于如何得到高质量的导入链接(链接诱饵)。好消息是产生反向链接的网站现在喜欢一个设计的出色的网站,设计好的网站有助于提高网站的可用性和用户体验。
4. 把搜索引擎的爬虫机器人看做是浏览用户
早前俺提到“learn more”会让搜索引擎抓瞎。那么把搜索引擎的机器人当作一个普通用户就是一个正确的用户友好的网页设计方法。
搜索引擎的机器人就像一个非常死板和有点傻的浏览用户,如果这样的用户都能很好的理解你的网站那就意味着大把大把的钞票。
最好的SEO贴士就是如果Lynx(一种网页文本浏览器)是主要的浏览器的话,还能顺畅地浏览你的网站,并且能很好地阅读网站的内容,那么你就离一个伟大的SEO不远了。还有其他工具可以帮助你,像Web Developer Toolbar,可以测试没有CSS,image和javascript时的网页是啥样的。
继续学习Goolge webmaster guidelines(谷歌网站管理员指南)吧,这样你会了解更多对于普通用户来说, 你所设计的网站的可能会有很多局限性和缺点。所以,在设计漂亮华丽网站的同时也要考虑到普通用户(比如可怜的搜索引擎机器人)的需求,为他们损失一些华丽的元素也没有关系。
现在谈谈实际的战术
5 。 使用符号#
# 这个符号,磅号,在懂得运用它的网页开发者手里是一个非常强大的搜索引擎优化工具开发。 不过现在这个符号作为URL的一部分不会被搜索引擎认为是不同的了,所以有点过时了。
有很多好的方法运用它。这里就不一一赘述了。
6 。 使用搜索引擎优化友好的JavaScript
任何时候学习和运用新技术,如JavaScript ,您都需要谨慎运用。 我喜爱Javascript技术,利用它我们能做到很多令人惊叹的事情,但它也可能造成很大的问题。
传统上, AJAX对于搜索引擎优化是不友好的,因为它是通过JavaScript来实现的,而Javascript很多情况下不能被搜索引擎很好的处理。 结果是,网页的内容很难被搜索引擎索引。 我更喜欢jQuery ,因为你可以既有HTML链接导航(用于搜索引擎) ,而且还有jQuery的效果 。
如果没有正确地使用,你可能会遇到一些问题。 例如, jTip ,这是一个用于内容的小提示(Tooltips)的不错的Jquery小工具,但可能会遇到这样一些讨厌的问题。 就像下面一样。
这个页面,没有标题,也没有链接回答网站的主页。 还可能创造成多个重复内容,它虽然能被搜索引擎索引。 但被索引的页面既没有标题也没有回到其他页面的链接。
7 。 有时候Flash是不错的。
如果你问大多数SEO, 他们会告诉你Flash对于搜索引擎优化是多么的不好。 不过当你询问一些一直跟进搜索引擎优化最新发展的SEO时,他们会告诉你Flash现在可以被搜索引擎爬虫抓取 。 那么,网页设计者应该怎样运用Flash呢?
虽然谷歌正在改善,但你不应该一切都依赖于谷歌。 以下是一些应该记住的基本的Flash规则。
- 不要把整个网站都放在一个页面上(指一个Flash搞定整个网站)。
- 不要使用Flash来做导航条。
- 不要把重要的内容用Flash来显示 。
搜索引擎对Flash几乎是视而不见,所以不要使用它来展示重要的网页和内容。 使用的Flash设计非重要内容和元素还是可以的。
Flash可以用于搜索引擎友好的设计。 您可以使用slfr 来增强Web字体。 即使Flash不好用于HTML内容,但可以定制网页的风格,这样搜索引擎仍然能够抓取网页的标题和内容。 这是谷歌也认可的 。
8 。 使用CSS进行图像交替
CSS图像置换是一个使网站看上去非常棒,同时也对搜索友好的一种方法。 你可以有几个不同的 方式做到这一点,但最大的担忧是你是否有故意的欺骗性行为。
谷歌说 :
“如果您的网站被认为有意包含欺骗性的隐藏文字和链接,可能您的网站会从谷歌的索引中移除,并不会出现在搜索结果页上。 ”
这里要留心这两个词: “被认为”和“有意” 。 在人工审查时,谷歌将尝试了解你的意图;当最近谷歌描述搜索引擎优化时这种做法一直遭到诟病 。
我想的CSS是搜索引擎优化网页设计中一种常见的方法。 如果您的目的是改善视觉体验,而且没有欺骗搜索引擎的意图,那应该没事。 不过不要使用此方法,来堆积关键字或用于隐藏内容。
9 。 页脚上的链接
如果你的网站必须要有一个很好的导航结构,那么一个不错的页脚(footer)是一个不错的解决方案。
下面是一些例子, 如乏味但有效的页脚 。 有时是为了显示和突出网站的内容,如We Build Pages的页脚 。 有时它们还可以看起来是美丽的 , 令人印象深刻的 ,和创造性的 。
特供三个给网页设计师的小窍门!
这三个小窍门是专门用来帮助网页设计师们来推销他们业务的。
许多设计师设计的网站页脚可能会有下面的文章和链接:
“网站由某某设计公司设计”
以下就是给网页设计师的3个搜索引擎优化技巧
- 在说明由谁设计的链接中包括关键字。 不要只在链接中使用公司名称, 最好让链接也包括“网站设计”这样的关键字。 最好是这样,使用类似“网站设计:公司名称-一个纽约网页设计公司。 ”
- 当你设计了好几个网站,而且用了上面的包含关键字公司链接,那么有时可以改变下文字。 你并不需要大幅度地改变,稍微变化一下就可以了。 可以周期性的这样做。
- 在你设计的网站上创建一个推销页面,在这个页面上写一些反馈和好评的鉴定,然后再在页脚上添加到这个页面的链接。 这将帮助您获得一个有很多内部PageRank的页面流向它。
如果你是一个网页设计师,我希望这些提示能帮助您解决一些网页设计中的搜索引擎优化问题。 如果您是一个SEOer,我希望你可以将这些建议转发给您的网页设计师。