2009 二月 | 深圳网站建设专题博客

存档

2009年2月的存档

40个最流行的国外CSS画廊

2009年2月28日

没有评论

CSS画廊是提高网页设计技巧及展示作品的最佳地方。以下是国外著名的CSS画廊，从中你能学习国外风格的CSS设计。

CSS Mania

CSS Based

Unique CSS

CSS Vault

Stylegala

CSS Import

5分钟轻松学会 canonical 标签的使用方法

2009年2月20日

没有评论

上周，谷歌，雅虎和微软相继宣布了一个规范化标签(Canonical Tag)，为网页指定权威链(authoritative|canonical URL），以解决复制内容（duplicate content）问题。

复制内容或复制网页是指相同或十分相近的内容却有多个不同的URL，如打印页、或者有sessionid的URL等。现在网站管理员可以在相同内容的网页的头部（head）上加一个link标签，指定首选URL，以此声明一个权威网页做为复制网页的标准版本，使链接和搜索结果都集中到这个首选的版本上。

语法非常简单：
例如：http://www.example.com/page.html?sid=asdf314159265 能够在页头作出如下声明：

声明告诉搜索引擎该url更好的位置（the canonical location)是http://example.com/page.html ，而不是http://www.example.com/page.html?sid=asdf314159265

再比方，以下是内容相同但地址不同的url
www.example.com
example.com
www.example.com/
example.com/
www.example.com/index.html
example.com/index.html
www.example.com/Home.aspx
example.com/Home.aspx

如何解决重复内容问题呢？
首先要改变CMS来生成唯一的urls。然后选择其中一个url作为 canonical url，并保证在站内能够永久性的指向这个链接。接着把其余的非canonical urls作301重定向到设置
好的canonical url。就这么简单！

Canonical (中文为‘规范化’的意思）作为继nofollow之后又一个重要的面向搜索引擎的标签，将成为SEO搜索引擎优化的又一重要利器。（目前已有相关的canonical插件开发, 例如针对wordpress的插件：Canonical URL plugin）

关于 canonical url 的Q&A
Q:它适用于多域名网站吗？
A:不，它只适用于同一域名下的网站。

Q:它适用于一个域名下的子域名吗？
A:是的。所以 zeta.zappos.com 可以把 www.zappos.com 作为 canonical url

Q:我是否可以将 http://example.com 而非 https://example.com 作为 canonical url?
A:当然！

Q:它和301重定向有何区别？
A:它们非常相似，但有时你无法轻易的设置301重定向。

摘自 http://www.mattcutts.com

深圳网站建设 SEO

20个免费的SEO在线分析工具

2009年2月18日

没有评论

在开发和维护网站的过程中，网站分析对网站起着举足轻重的作用。以下是为大家收集的20个用来对自己的网站进行分析的资源或工具，而且它们几乎不用注册甚至下载就可以使用。有些可以说是SEO必不可少的工具！

下面要介绍的这20个工具，有些能对你提交的网站进行详尽的分析并作出详细的分析报告，甚至提示如何解决网站存在的一些问题，以达到优化效果；有些工具只是提供一个大体的分析。我相信其中大部分都会对你的SEO工作有所帮助。别犹豫了，赶紧试试！

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

2.Trifecta

SEO-分析工具-Trifecta

　　Trifecta是这20个SEO工具中比较独特的一个，它以不同的标准分析一个网页、一个博客甚至一个顶级域名下的整个网站，他最终会为你提交的网站总结大致的分数及报告。如果不是会员的话每天可以申请一份分析报告。

网站分析-工具-trifecta

3.Spider Simulator

　　这个分析工具会对你提交的网站进行相对于搜索引擎友好度的分析，并对提交的网站进行评分。主要的评分标准是Meta标签的使用、网页的标题、图片和Alt属性、网站响应时间和链接。

SEO-分析工具-Spider Simulator

4.Web Page Analyzer(来自WebsiteOptimization.com)

　　这个SEO免费工具会对你的SEO工作提供足够的分析信息。它将对提分析网站载入时间、包含的对象（Objects）、对象的大小等等，其中最有帮助的地方是“Analysis and Recommendations” （分析和建议）部分，它将为网站列出11个方面的评测及打分，其中红色为警告、黄色为提醒、绿色为很好。

SEO-免费工具-WebPageAnalyzer

5.SEO Analysis Tool

　　SEO Analysis Tool这个SEO工具也能提供一个非常详尽的分析报告，它主要对网页的Meta标签、关键词和链接文本进行分析。这个工具对于网站的SEO工作可以说是非常好的资源。

seo-工具

6.The Escape’s Web Page Analyzer

　　这个工具帮助你了解提交的网站的标题结构(h1~h6)、链接、关键词的使用和内容的问题。它并不像其它的工具那样为你提交的网站提供详细的分析报告，但是它提供的信息的帮助性和针对性要比其他SEO分析工具更好。

SEO-工具-escapes

7.Seed Keywords

　　Seed keywords 提供一个 “plain English SEO review”来分析页面某些方面并给予建议，并提供关于这些元素为什么会影响页面SEO的基本说明。

SEO-免费-工具-seedkey

8.Web Page Analyzer（来自FreeWebSubmission.com）

　　这个SEO工具可以全面的分析您提交的网站，如同其它工具一样，可以提供详细的分析报告。比如分析Meta标签并给予一定的指导性建议。这个工具在分析的时候也很看重网页的大小、读取时间以及在页面内容中关键词相关的链接、含关键词的Alt属性和关键词密度。

SEO-工具-freewebsub

9.Spider Test (来自We Build Pages)

　　Spider Test 分析工具会快速简单的告诉你提交的网页是如何展现给搜索引擎的，它会显示出网页的描述、关键词、网页大小和网页中的文本等等…

SEO-工具-spidertest

10.Web Page Analyzer （来自 Webmaster Toolkit）

　　Web Page AnalyzerSEO分析工具可以让你为搜索引擎提供一个URL和指定的短语，然后它会反馈给你一些关于如何为这个短语而优化网页的建议。

SEO-工具-analyzertoolkit

11.Link Appeal （来自 Webmaster Toolkit）

　　你想知道一个网页（你的网站的或其它网站）是否有被其他网站链接的价值吗？输入URL，然后Link Appeal会基于一些评判因素给你提交的网页一个类似PageRank的分数和相关的外链数量。

12.Full Page Test （来自Pingdom Tools）

　　这个来自Pingdom网站的SEO免费工具可以分析网页的很多方面，包括读取时间,对象,CSS,RSS,转向链接等等…

SEO-工具

13.SearchEngine-Analysis.com

　　输入一个URL和一个针对性的关键词或搜索短语，然后你会得到关于如何优化这个短语以在其它竞争者中领先。

SEO-工具-seanalysis

14.Web Page Speed Test （来自Self SEO）

　　这个分析工具可以对你提交的网站列表进行对比，一次可以最多提交10个URL。

SEO-工具

15.Similar Page Checker

　　帮助你检测输入的两个网址的内容的相似度，以避免由于内容重复而被搜索引擎处罚。如果它们非常相似，你可以进行适当的修改。转载文章的话，这个工具还是比较实用的。

SEO-工具

16.Dead-Links.com

　　这个工具可以爬行你提交的整个网站，以寻找返回404错误页面的链接。检测的时间比较长。

SEO-工具

17.Firebug

　　Firebug是Firefox的插件，它可以让你在浏览器中分析和调试自己网页中的HTML、CSS和JavaScript。

SEO-工具

18.YSlow for Firebug

　　另一个Firefox插件，它可以分析并为你提供提高网页加载速度的建议。这个工具集成了上面说的FireBug工具。

SEO-工具

19.Google Webmaster Tools

　　这个工具太有名了，我就不做太多介绍了。

SEO-工具

20.Web CEO

　　Web CEO是一套非常优质的SEO优化和分析工具，分为收费版和免费版。免费版可以帮助你根据它的建议去优化你的网站，比如关键词建议，网页优化建议，和检查网站的评分等…

SEO-工具

摘自20 Free Page Analysis Tools

深圳网站建设 SEO

30个漂亮的Grunge设计风格网站

2009年2月1日

没有评论

Grunge 是一种不拘于形式、结构，比一般的网站更为灵动的设计风格。其特点是突出纹理、棱角背景，边缘不平整，有裂痕，注重淡入淡出效果，体现郊区及工业化建筑、风景的地理元素时代味道。 grunge风格为设计师们在目前仍然占据主流网站的‘web 2.0’设计风格外开辟了另一条探索道路，抛开了以往平滑、刚硬，满是Flash元素的网页设计。

以下展示的网站，从作品展示到潮流网站，再到在线商店，无不充满着Grunge这种带有‘脏脏’味道的色彩。