<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>打开后天SEO&#38;Design官方博客 &#187; 中英文网站设计</title>
	<atom:link href="http://www.tomorrowmorrow.com/blog/category/english-web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tomorrowmorrow.com/blog</link>
	<description>来自美国最实用的SEO技巧</description>
	<lastBuildDate>Sun, 15 Nov 2009 22:41:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.2</generator>
		<item>
		<title>香港普迪集团的蜕变－英文网站设计案例展示</title>
		<link>http://www.tomorrowmorrow.com/blog/%e9%a6%99%e6%b8%af%e6%99%ae%e8%bf%aa%e9%9b%86%e5%9b%a2%e7%9a%84%e8%9c%95%e5%8f%98%ef%bc%8d%e8%8b%b1%e6%96%87%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e6%a1%88%e4%be%8b%e5%b1%95%e7%a4%ba/</link>
		<comments>http://www.tomorrowmorrow.com/blog/%e9%a6%99%e6%b8%af%e6%99%ae%e8%bf%aa%e9%9b%86%e5%9b%a2%e7%9a%84%e8%9c%95%e5%8f%98%ef%bc%8d%e8%8b%b1%e6%96%87%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e6%a1%88%e4%be%8b%e5%b1%95%e7%a4%ba/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 04:37:30 +0000</pubDate>
		<dc:creator>Bonnie</dc:creator>
				<category><![CDATA[中英文网站设计]]></category>
		<category><![CDATA[案例分析]]></category>
		<category><![CDATA[英文网站设计]]></category>

		<guid isPermaLink="false">http://www.tomorrowmorrow.com/blog/?p=647</guid>
		<description><![CDATA[前两个月打开后天有幸签约了第一家香港地区客户-Hong Kong Top Group 我们为他们重新设计了英文网站，日前已完工，正在商讨下一步SEO方案。以下是他们之前的网站和重新设计后的网站对比： 网站实况请见: www.topdaily.com(国内公司设计的版本) www.topmicrofiber.com(美国打开后天设计的版本) 如果你也想要美国本土设计师为你的外贸/进出口公司建设一个专业、地道的英文网站，请到www.tomorrowmorrow.com/contact Bonnie 打开后天SEO&#38;Design]]></description>
		<wfw:commentRss>http://www.tomorrowmorrow.com/blog/%e9%a6%99%e6%b8%af%e6%99%ae%e8%bf%aa%e9%9b%86%e5%9b%a2%e7%9a%84%e8%9c%95%e5%8f%98%ef%bc%8d%e8%8b%b1%e6%96%87%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e6%a1%88%e4%be%8b%e5%b1%95%e7%a4%ba/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Table布局的网站不利于SEO-表格对比CSS设计</title>
		<link>http://www.tomorrowmorrow.com/blog/why-css-is-superior-to-tables-in-website-desig/</link>
		<comments>http://www.tomorrowmorrow.com/blog/why-css-is-superior-to-tables-in-website-desig/#comments</comments>
		<pubDate>Sun, 05 Jul 2009 02:16:10 +0000</pubDate>
		<dc:creator>Zhipeng</dc:creator>
				<category><![CDATA[中英文网站设计]]></category>
		<category><![CDATA[CSS和表格设计对比]]></category>
		<category><![CDATA[CSS对比表格布局]]></category>
		<category><![CDATA[CSS布局利于网站排名]]></category>
		<category><![CDATA[表格对比CSS设计]]></category>
		<category><![CDATA[表格布局不利于网站SEO]]></category>

		<guid isPermaLink="false">http://www.tomorrowmorrow.com/blog/?p=545</guid>
		<description><![CDATA[在最近一段时间，打开后天为中国很多网站提供了免费的SEO分析，在分析过程中，发现的一个普遍问题就是：很多网站还在使用Table布局，而不是合乎web标准的XHTML+CSS (你可以通过浏览网页的“源码”看看自己的网站是哪种布局，如果开头就出现&#60;table&#62;&#60;tr&#62;&#60;td&#62;这样的标签就是表格布局) 。 虽然说用table布局(尤其是使用WYSIWYG-所见即所得工具)来设计网站简单又好学，美国小学生都能用Front Page设计出一个像样的网站来。 熟练点的设计师用table制作一个10页的网站，2个小时就可以完工。 但作为站主的你，无论是以后的网站维护，用户界面和体验，还是搜索引擎优化(SEO)，都会因此遇到重重困难。 所以，我们建议：设计网站之前一定要问好设计师，保证他会手写XHTML+CSS代码， 并且完工之后，网站的代码都能通过W3C Validator验证，基本没有错误。 你这网站设计的钱才没白花。 如果你的网站是以前设计的，使用的是table布局，那么最好进行一次改版，做成CSS的格式。 为什么?  现在我们就简单总结一下 CSS优越于表格布局的5大原因： 1. 页面加载速度更快； 举个简单例子，同样一个网页，用表格设计的源码平均有245行，而使用CSS布局只有45-50行code，将近5倍多的无用代码，导致了table设计的网页加载速度比CSS慢2-4倍。 虽然只是几秒钟的差别，可往往就能造成一些用户离开你的网站。 出于SEO的角度，CSS布局带来了代码的精简，提高搜索引擎的爬行效率，能在最短的时间内爬完页面的内容，而不是被一些繁琐的表格代码耽误，这样对你网站的收录质量有一定的好处； 另一方面，页面显示的速度也是用户体验的重要组成部分。 2. 改版和维护容易 Sitpoint.com一个网站设计师曾经这样生动地描述：“如果有客户联系我重新设计他的表格布局网站，我就告诉他我参军不干了，但若是一个CSS设计的网站，我想都不想就会答应下来。” 理由很简单，基于表格的网页把内容和格式(字体、颜色等)都混在一个html,asp, 或php文件里，而CSS-based的网页则把文字内容和格式分开，也就是说，网页的文字放在一个文件里，所有和样式有关的代码都放在另一个单独的CSS文件里。 这样做有两个好处： a. 重新设计网站的时候，不用动内容，而且只要在CSS文件里改一下，整个网站的样式都改了，而表格网站就只能一页页地修改。 b. 保持视觉设计和文字内容分离，使得网站维护团队之间能够更好的协调，例如：编辑和设计师可以分开工作。 3. 节约带宽成本 如果你的服务器每个月给你1G的带宽限制，使用table布局只能支持65,536 pv(page view)左右的流量，而用CSS则可以支持131,072 pv。 因为一样的网页，你的代码&#8221;减肥&#8221;了，需要放在服务器上的文件就小多了。 举个例子：当 ESPN.com 改版成CSS布局后，每天节约超过两百万兆字节(terabytes)的带宽。 4. 利于网站排名 table布局的网页，一般都是导航放在内容前面。 举个例子：http://www.sitepoint.com/examples/cssvtables/tables4.html 看这个网页的源码就能看到，前一百行左右都是定义表格和内部链接的代码，没有多少文字内容。 读过搜索引擎排名原理的人肯定知道，搜索引擎较重视网页开头的内容，你要是把没用的代码放在前面，网页上真正有价值的内容就容易被搜索引擎忽视，这样就会严重伤害你的排名。 建设网站的一个很重要的原则：把代码和内容的比例降到最低， 这就是使用CSS的好处，把格式阿，字体阿，颜色结构这些不含内容的东西统统隔离到一个单独的文件当中，让搜索引擎集中爬行富含关键字的内容。 5. 网页结构更SEO友好 表格布局的网站在浏览器中显示和CSS没什么区别，但搜索引擎读的是代码，也就是说，Google等看到的网页内容顺序是这样的： &#60;table&#62; Beginning of [...]]]></description>
		<wfw:commentRss>http://www.tomorrowmorrow.com/blog/why-css-is-superior-to-tables-in-website-desig/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>网站设计别忘了:Validating Your Website&#8217;s Markup</title>
		<link>http://www.tomorrowmorrow.com/blog/validating-your-websites-markup/</link>
		<comments>http://www.tomorrowmorrow.com/blog/validating-your-websites-markup/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 09:14:19 +0000</pubDate>
		<dc:creator>Adam</dc:creator>
				<category><![CDATA[中英文网站设计]]></category>
		<category><![CDATA[SEO basic: Validate Your Website's Markup]]></category>

		<guid isPermaLink="false">http://tomorrowmorrow.com/blog/?p=13</guid>
		<description><![CDATA[Validation supports usability &#38; SEO Valid code for both markup (e.g., HTML, XHTML, etc.) and CSS is a basic necessity not only to ensure that browsers are able to display a working webpage (users typically don’t hang-around broken pages for too long), but also to make it easy for Search Engines to understand what your [...]]]></description>
		<wfw:commentRss>http://www.tomorrowmorrow.com/blog/validating-your-websites-markup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE6已过时:该更新浏览器了</title>
		<link>http://www.tomorrowmorrow.com/blog/ie6-has-outlived-its-reign-time-for-a-new-browser/</link>
		<comments>http://www.tomorrowmorrow.com/blog/ie6-has-outlived-its-reign-time-for-a-new-browser/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 05:12:59 +0000</pubDate>
		<dc:creator>Adam</dc:creator>
				<category><![CDATA[中英文网站设计]]></category>
		<category><![CDATA[用户界面]]></category>
		<category><![CDATA[IE6已过时:该更新浏览器了]]></category>

		<guid isPermaLink="false">http://tomorrowmorrow.com/blog/?p=21</guid>
		<description><![CDATA[首先我们要向 使用Internet Explorer6(IE6)的中国人道歉，虽然我制作的一样的网站在IE7, Firefox(火狐), Safari等浏览器上看起来漂亮极了，但是昨天突然发现IE6显示的网站像出了车祸一样，请看下面的Screen Shots对比： IE7 IE6 实话说，因为微软的浏览器不遵守规则，让所有网站设计师都头痛，IE7是他们第一个支持alpha-channel transparency for .png images的浏览器，所以IE6和之前的微软浏览器已经十分落后。 我在做浏览器兼容测试的时 候，根本没有料到这个世界上还有人在用IE6，当发现65%来参观 “牛郎织女”网站的中国人竟然都用IE6，我惊讶极了(it really ought to be illegal)，但是后来才想明白，因为中国多数用户都用盗版的Widows操作系统，所以没有自动升级。 这些人可能不知道的是：谁都可以在微软网站上免费下载最新的浏览器，和你的操作系统没有关系！ 但是，无论怎样，我还在今天把网站改成了”IE6友好”版本，尽快它现在看起来不是那么漂亮了，让我有些不好受，但是我很高兴中国IE6的用户也能看到“牛郎织女”的顶级服务了。 尽管我盼望着IE6被所有中国人抛弃的那一天，好可以换回我喜欢的.png 和它的awesome alpha-channel transparency. 但是直到那一天，我想邀请中国IE6用户尝试一下美国现在最流行的的浏览器： 1) Firefox http://www.mozilla.com/en-US/firefox/firefox.html for PC/Mac 2) Safari http://www.apple.com/safari/download/for PC/Mac 3) Chrome http://www.google.com/chrome for PC 当然，如果你只想升级到微软IE7还可以，只要别再使用超级落后的IE6就行。;-) 爱德姆 (Adam) Co-Founder &#38; VP of Services 打开后天SEO&#38;Design]]></description>
		<wfw:commentRss>http://www.tomorrowmorrow.com/blog/ie6-has-outlived-its-reign-time-for-a-new-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

