关注前端开发
HTML5、CSS3、Javascript

搜索引擎优化(SEO)设计指南

做了一个投票调查,将近10%的人不认为seo(搜索引擎优化)是设计师应该承担的责任。令我更惊讶的是甚至有24%不知道什么是seo。如果你 不了解seo是什么或者不明白seo能帮你做什么,你有必要认真的阅读一下此文章,seo搜索引擎优化对于设计师来说是有指导意义的,它可以让你的网站或 博客很容易的被搜索引擎抓取、收录。我将介绍、解释一下设计师和程序员常犯的错误。同时我提供一些基本的技巧方法,从而更好的优化你的网站。

你为什么要学习seo?

1、seo不仅仅为了在线营销,同时对网站进行站内SEO也是网页设计师和前端开发人员的责任。

2、如果你的网站对搜索引擎不友好,不知不觉中你就会丢失很多网站流量。请记住,除了浏览者直接输入“www.varhi.com”和反链接 外,搜索引擎成为大家找到你网站的唯一途径。

3、取得好的网站排名是有很多好处的。让我们以”ndesign-studio.com”为例,该网站每天平均有14,000浏览者。大约有 40-45%的流量来源于搜索引擎(每天大约6000多流量)。可想而知,如果没有搜索引擎,我每天将失去数千个浏览者。也就是说,我将丢失很多潜在客 户。

4、seo也是一个增值服务。作为一个设计师或开发人员,你可以长期从事于seo优化工作。

基础知识:搜索引擎是如何工作的?

首先,让我们看看搜索引擎爬虫是如何工作的(google、yahoo属于这一类)。每个搜索引擎都有各自抓取站点的自动化程序叫“网络蜘蛛” 或“网络爬虫”,它的主要目的是抓取网页页面,读取、收集网页内容,它同时关注链接(站内链接和站外链接)。然后,自动化程序将收集的相关信息存放到搜索 引擎数据库里面,这个过程称之为索引。当搜索者在搜索引擎输入框里面输入问题时,搜索引擎的工作就是查找与此问题相关的结果信息并将结果内容显示在首页。

当你使用搜索时,什么因素影响搜索引擎很好的搜索到你想要的结果或阻止你的搜索结果。这完全依赖于搜索引擎的运算法则,此运算法则基于此页面是 符合搜索引擎的运算法则还是不符合运算法则等很多因素。在这些搜索引擎相关元素里面,高的页面排名将被展示在搜索结果页面里面。

你的工作像是搜索引擎优化师

每一个搜索引擎在网页排名方面都拥有自己的运算法则。了解影响页面搜索结果排名的所有因素,这正式seo专业人员所关注的。seo工作分为两部 分:站内和站外。站内seo:在你的站点里面有好多东西需要做,比如:html代码、关键字、内部链接、网站框架等等。

站外seo:站外的东西你就很少有能力控制了,比如:你能获得多少流量,有多少人链接你的网站。

这对于网页设计师和开发人员来说是有指导意义的。主要的焦点是站内介绍。如果你的工作做的对、网页设计的漂亮或者提供有用的内容你将轻而易举的 获得其他网站的反相链接

设计师和开发人员经常范的9个seo错误

1、引导页

这样的错误我已经看到很多次了,人们在他的网站首页里面放入一个大的图片同时在“点击这里进入”添加链接。更糟糕的情况是——这个进入链接放到 flash里面,这样的话搜索引擎蜘蛛是无法抓取到它的。如果你不关心搜索引擎是如何抓取你的站点的话,你将会范大错误的。首页是你网站页面等级最高的页 面,同时网络爬虫会频繁的在首页进行抓取内容。你的内部页面将不出现在搜索引擎的索引素据库里面,除非适当的做内部链接让网络蜘蛛去跟踪抓取。网站首页应 包括:(至少)关键词和重要页面的链接。

2、不能被抓取的flash导航

许多设计师经常范这样的错误,比如用flash做渐变和绚丽的导航菜单。它们看起来可能很酷,但是它们不能被搜索引擎抓取,这样flash导航 里面的链接就无法被抓取到。

3、图片和flash内容

网络爬虫更像一个基于文字的浏览器。它们无法读取合并到图片或flash里面的文字。大多数设计师范这样的错误:将重要的文字内容(比如关键内 容信息)放到图片或flash里面。

4、过度使用Ajax

许多开发人员为了给浏览者更深的印象故意添加了大量的Ajax特效(尤其在导航上),但是你知道它是SEO的大问题吗?因为Ajax内容是自动 加载的,它是不易被网络爬虫抓取的或被搜索引擎索引的。Ajax另外一个不利的地方是:因为地址URL不刷新,访问者不能发送当前页面给他们的朋友。

5、设计主题版本

出于某种原因,有些设计师喜欢将他们的设计主题版本放到网站下一级(如:domain.com/v2, v3, v4)同时指向一个新的文件夹里面。经常更换主目录位置会影响你站点的排名和外链接数量。

6、“点击此处”要像描述文字

人们用“点击此处”或“了解详情”作为链接文字你可能见的很多了。你想通过“点击此处”这种方式获得好的搜索引擎排名是好的。但是如果你想让搜 索引擎知道你的页面标题的重要性,你必须链接文字里面使用标题或关键词,它更加详细的描述了“了解更多{关键词标题}”警告:不要在整个网站里面使用完全 一样的描述文字,否则搜索引擎会把重复的内容看成是垃圾内容。

7、常见的标题标签错误

相同或相似的标题文字

网站的每一个页面在关键词方面要有自己独一无二的内容。许多开发人员自始至终在整个网站里面使用相同或相似的title标签。那就相当于告诉搜 索引擎网站的每一个页面都涉及相同的标题没有什么独一无二的页面。

WordPress的默认标题面包屑使用的不好,事实你是不知道的。WordPress的默认title标签是没有用的:Site Name > Blog Archive > Post Title。为什么它对搜索引擎不友好那?因为每一篇文章前面都将使用相同的路径文字”Site Name > Blog Archive >”,如果你真的想保留网站名在title标签里面,你可以将它放到后面。Post Title> Site Name.

超过65个限定字符

有些博主写很长的文章标题,那又怎么样那?在搜索引擎的结果页里面,你的标题文字是用作链接标题的。如果你的内容超过65个字符(包括空格), 你的信息将显示不全或被直接截取。

关键词堆砌在标题

另一个常见的错误,大家往往在title标题里面填满关键词,用一个内容重复3次并不能使你更切题。关键词在标题里面堆砌被搜索引擎看作垃圾 (不友好),但是可以用不同的方式重复相同的内容。“Photo Tips & Photography Techniques for Great Pictures”“Photo”and“Photography”是同样意思的内容重复了两次,但是它的不同之处就在于,浏览者可能使用它们其中一个单 词内容进行搜索。

8、图片alt属性

你可能经常使用图片的alt属性来描述你的图片。这个alt属性是描述图片内容给web爬虫用的。你猜为什么?因为搜索引擎无法看到图片,所以 他只能凭借alt属性描述的内容来判断你的页面是关于什么内容的。

转载请注明出处大前端 » 搜索引擎优化(SEO)设计指南

分享: