<?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/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Survivor's Weblog</title>
	<atom:link href="http://survivortom.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://survivortom.wordpress.com</link>
	<description>網路行銷資源</description>
	<lastBuildDate>Thu, 03 Jul 2008 07:08:00 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>zh-tw</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='survivortom.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/3c64c0785fa89897cb8fa2e4cbc6bc62?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Survivor's Weblog</title>
		<link>http://survivortom.wordpress.com</link>
	</image>
			<item>
		<title>Short is Sweet for Web Copy Writing &#8211; SEO and ROI</title>
		<link>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing-seo-and-roi/</link>
		<comments>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing-seo-and-roi/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 07:08:00 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[SEO搜尋引擎最佳化]]></category>
		<category><![CDATA[keyword]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=24</guid>
		<description><![CDATA[Use 2-3 words per page as an emphasis
It’s hard to believe I’ve gone this far in an article for SEO Chat and only mentioned keywords once. Your web copy needs to conform to your keyword strategy, of course. Jennifer Norene advocates that you use “your top organic and paid keyword terms in your headers and [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=24&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><span style="color:#ff0000;">Use 2-3 words per page as an emphasis</span></p>
<p>It’s hard to believe I’ve gone this far in an article for SEO Chat and only mentioned keywords once. Your web copy needs to conform to your keyword strategy, of course. Jennifer Norene advocates that you use “your top organic and paid keyword terms in your headers and key paragraphs. Use 2-3 words per page as an emphasis, see how the page does, change and test again.”<br />
When you choose your keywords, you have to consider what the target audience for your web site will call your products and services. If you’re a business serving other businesses in a similar industry, you may be able to get away with jargon. But if you’re selling to consumers, you need to call a spade a spade and not a digging implement. For example, a hotel’s “rack rate” is the price it charges before any discounts are applied. But your typical traveler attempting to reserve a room may never have heard of that term. He’s more likely to use “room rate” or some variant. (For frequent travelers, the mileage may vary).<br />
You know that using the right keywords means that you’re more likely to show up in a good position when searchers are looking for what you have to offer. You should also write compelling copy – not overblown copy, but don’t neglect your calls to action. Norene notes that you should make sure they are “consistent, visually appealing and in easy to click areas so that the visitor can respond quickly and easily.”<br />
And what should you do once you’ve written or rewritten something for the web and posted it on your site? Be patient. You should give the search engines at least a month to index your site’s new content. Then start watching your visitor activity stats. Create more of what seems to be attracting visitors and less of what isn’t. Remember that building a web site is an ongoing process; write your content concisely, for its intended purpose, and you’ll see a good return on your investment. Good luck!</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/24/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/24/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/24/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=24&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing-seo-and-roi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>
	</item>
		<item>
		<title>Short is Sweet for Web Copy Writing &#8211; Consider Your Audience</title>
		<link>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing-consider-your-audience/</link>
		<comments>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing-consider-your-audience/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 06:47:31 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[SEO搜尋引擎最佳化]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[web copy writing]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=22</guid>
		<description><![CDATA[You are selling your information, not your article



Nielsen goes on to give a great example of this when he talks about the first draft of a summary he wrote of another column. The summary originally read “Yahoo Finance follows all 13 design guidelines for tab controls, but usability suffers due to AJAX overkill and difficult [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=22&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><span style="color:#ff0000;"><strong>You are selling your information, not your article</strong></span></p>
<div class="O">
<div></div>
</div>
<p>Nielsen goes on to give a great example of this when he talks about the first draft of a summary he wrote of another column. The summary originally read “Yahoo Finance follows all 13 design guidelines for tab controls, but usability suffers due to AJAX overkill and difficult customization.” He noted that the summary was well-written, in the active voice, and a complete sentence as opposed to a fragment, but there way no way it would “perform its main job – to attract users who scan SERP listings.” Why? Because such users often only read the first two words – and these first two words would be meaningless to the folks Nielsen wanted to attract.<br />
Nielsen didn’t want to attract people who are interested in Yahoo; he wanted to attract visitors who care about site and application design, who might, for instance, build GUI widgets. The rewritten summary, “13 design guidelines for tab controls are all followed by Yahoo Finance, but usability suffers due to AJAX overkill and difficult customization,” may be passive voice, but it puts the main topic of the article at the front – where a potentially interested searcher is most likely to see it.<br />
There are other ways you can and should play to your target audience’s needs. All the way back in 1999, Nathan Wallace published an article about writing for many interest levels. He defined the levels of interest as follows:</p>
<ul>
<li>No interest</li>
<li>Title only</li>
<li>One sentence summary</li>
<li>One paragraph summary</li>
<li>Major points</li>
<li>Minor points</li>
<li>Detailed interest</li>
<li>Thirst for more information</li>
</ul>
<p>You serve the needs of readers at every level by making sure your writing is clear, concise, and on topic. At the very least, you let them not waste their time and yours when they can quickly determine they don’t have a deeper interest in your subject.<br />
You start getting people who have some interest in reading what you have to say once they hit the one-paragraph summary. You should use this summary to “give people an insight into your information in a few short sentences…you are selling your information, not your article.” If your first paragraph is nothing more than a tease, many readers may not bother to go further. Let them know they’ll sink their teeth into something real if they read further, by giving them something real to start with.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/22/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/22/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/22/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=22&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing-consider-your-audience/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>
	</item>
		<item>
		<title>Short is Sweet for Web Copy Writing &#8211; Cut the Excess, Get Attention</title>
		<link>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing-cut-the-excess-get-attention/</link>
		<comments>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing-cut-the-excess-get-attention/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 06:33:51 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[SEO搜尋引擎最佳化]]></category>
		<category><![CDATA[web copy writing]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=17</guid>
		<description><![CDATA[Cutting out excess words
You play into your online audience’s tendency to skim by making sure they don’t lose too much when they do so. That means cutting out excess words. Don’t put too many words into a paragraph or too many paragraphs on a page. You still need to have good, solid content; strive for [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=17&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><span style="color:#ff0000;">Cutting out excess words<br />
</span>You play into your online audience’s tendency to skim by making sure they don’t lose too much when they do so. That means cutting out excess words. Don’t put too many words into a paragraph or too many paragraphs on a page. You still need to have good, solid content; strive for between 250 and 500 words per page.<br />
Writing for SEO Chat, I usually try to fit an even tighter margin: 350 to 450 words per page. It takes practice, but it can be done; eventually you get to the point where you barely have to think about it. If you use Word, try using the Verdana font and setting it to 12 point (yes, I’m an old fogie with old eyes); fill one page and you’re about right.</p>
<p><span style="color:#ff0000;">Use bullet points and bolded text<br />
</span>Even with a word count that short, you’ll need to direct your readers’ attention. You can use bullet points and bolded text to help draw their eyes to the most important parts of your article. Headings also help; they’ll give your readers a preview of what will be covered in that section, so they can decide whether they want to skip it or spend some quality time on the subject.</p>
<p><span style="color:#ff0000;">Headings also help<br />
</span>I want to address headings for a moment, because Nielsen made some interesting discoveries about them. If you took any substantive English classes, starting in high school, your teachers hammered you with the idea that you must not use the passive voice. It must be one of the biggest sins of writing. You must not use the passive voice in writing for the web, either – except in section headings.</p>
<p><span style="color:#ff0000;">Using passive voice can let you front-load important keywords </span><br />
Why the exception? It goes back to the way people read on the web. In a summary to an entire article devoted to explaining this concept, Nielsen says that “using passive voice can let you front-load important keywords in headings, blurbs, and lead sentences. This enhances scannability and thus SEO effectiveness.”</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/17/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/17/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/17/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=17&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing-cut-the-excess-get-attention/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>
	</item>
		<item>
		<title>Short is Sweet for Web Copy Writing</title>
		<link>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing/</link>
		<comments>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 04:28:23 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[SEO搜尋引擎最佳化]]></category>
		<category><![CDATA[internet copy writhing]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=13</guid>
		<description><![CDATA[You can’t write the same way for the web as you would for a print publication. Site visitors focus differently on the web; they skim rather than read. You can’t change their behavior, so if you want to get your point across, you need to change the way you write.
Survey after survey proves it: it’s [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=13&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>You can’t write the same way for the web as you would for a print publication. Site visitors focus differently on the web; they skim rather than read. You can’t change their behavior, so if you want to get your point across, you need to change the way you write.</p>
<p>Survey after survey proves it: it’s more difficult to read online, and even good readers tend to read 25 percent slower from a computer screen than from paper. Add to that the shortened attention spans most people bring to the Internet, and you can kiss the style you brought to writing college research papers good-by. Oh sure, you need to keep the rules of proper grammar and spelling in mind, but you may need to rethink everything else.</p>
<div class="O"><span style="color:#ff0000;">A paragraph should comprise four to six sentences</span></div>
<div class="O"> </div>
<div class="O">
<div><span><span style="color:#000000;"><span>For example, look at the paragraph you just read. It’s almost too long for the web. You </span><span>need to keep your paragraphs somewhat short and punchy. And if you ever learned, </span><span>like me, that a paragraph should comprise four to six sentences, you need to do some </span><span>unlearning – and be prepared to break some rules to get your point across. </span></span></span></div>
<div><span style="color:#000000;"><span>Ideas about writing for the web go back at least a decade, maybe more. Jacob Nielsen, </span><span>a former Sun Microsystems Distinguished Engineer and now a “user advocate” with 79 </span><span>US patents, has written a number of articles about usability going back at least that far </span><span>(with many that are more recent). His web site is worth a look, because he frequently </span><span>talks about how people use the web, which has a direct bearing on how you should </span><span>write. I draw some of the ideas I’ll be explaining here from some of his work. Many </span><span>others on the web have expressed similar ideas.</span></span></div>
<div><span style="color:#000000;"> </span></div>
<div class="O"><span style="color:#ffffff;"><span style="color:#ff0000;">Start with the short summary</span></span></div>
<div class="O"><span style="color:#ffffff;"></p>
<div class="O">
<div><span style="color:#000000;"><span style="color:#000000;"><span style="color:#000000;"><span style="color:#000000;"><span style="color:#ffffff;"><span style="color:#000000;">For instance, have you ever heard of the pyramid and inverted pyramid styles of </span></span><span style="color:#ffffff;"><span style="color:#000000;">writing? The pyramid style of writing is more academic; most research papers and</span> </span></span><span style="color:#ffffff;"><span style="color:#000000;">textbooks are written in this way. Think of it as starting with a basic explanation that</span> </span></span><span style="color:#ffffff;"><span style="color:#000000;">may draw in other resources to establish a firm foundation, then building up to more</span> </span></span><span style="color:#ffffff;"><span style="color:#000000;">specialized areas </span><span style="color:#000000;">and concluding with a short summary of the work. </span></span></span></div>
<div></div>
<div><span style="color:#000000;"><span style="color:#ffffff;"><span style="color:#000000;">That’s great for scientists and students, but it’s not the kind</span><span style="color:#000000;"> of writing you need to do </span></span><span style="color:#000000;"><span style="color:#ffffff;"><span style="color:#000000;">for the Internet. Just as the Internet has turned the world upside down, you need to </span></span><span style="color:#ffffff;"><span style="color:#000000;">turn that pyramid upside</span> <span style="color:#000000;">down to write sensibly for the web. Start with the short</span> </span></span><span style="color:#ffffff;"><span style="color:#000000;">summary</span>;<span style="color:#000000;"> think of it as an executive summary if that helps. Then fill things in. </span></span><span style="color:#ffffff;"><span style="color:#000000;">Journalists often write this way, putting “who, what, where, when, how and why” in the </span></span><span style="color:#ffffff;"><span style="color:#000000;">first paragraph of their articles. Find your inner Clark </span><span style="color:#000000;">Kent and get to work</span></span></span><span style="color:#000000;"><span style="color:#ffffff;">. </span></span></div>
</div>
<p> </p>
<p></span></div>
</div>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/13/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/13/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/13/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=13&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/07/03/short-is-sweet-for-web-copy-writing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>
	</item>
		<item>
		<title>社群網路使用模型</title>
		<link>http://survivortom.wordpress.com/2008/05/27/%e7%a4%be%e7%be%a4%e7%b6%b2%e8%b7%af%e4%bd%bf%e7%94%a8%e6%a8%a1%e5%9e%8b/</link>
		<comments>http://survivortom.wordpress.com/2008/05/27/%e7%a4%be%e7%be%a4%e7%b6%b2%e8%b7%af%e4%bd%bf%e7%94%a8%e6%a8%a1%e5%9e%8b/#comments</comments>
		<pubDate>Tue, 27 May 2008 08:11:58 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[網路技術]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=12</guid>
		<description><![CDATA[原文連結在此

記得我上禮拜寫了一篇TPB(theory of planned behavior)嗎？有讀者反應那似乎已經不合用了，那是真的，畢竟那是1985年的模型，現在科技進步有多快，我想各位讀者都能深刻的體會到， 不過那篇只是個鍥子，我真正想寫的是這個，社群網路使用模型（Community Network User Model， 簡稱CNUM），一般人說到社群網路，可能會想到 facebook、myspace..等等，不過在這裡我想把社群網路做得更廣泛的定義，只要是一個以電腦為基礎的電子網路能夠提供遠距離的社群資訊和服務給屬於這個社群中的人們，就算是社群網路，所以像是我之前介紹的K-net，是屬於原住民的社群網路，大家可能擁有國中同學的班版，或是高中同學的討論版，這也是屬於另一種型式的社群網路。
CNUM基本上是以TPB為基礎做延伸的，記得我提到TPB有三個因素，態度、主觀標準、行為的控制。其中態度主要是由行為的信念所構成的，為了讓這個模型更符合社群網路，作者把有關社群的行為的信念分為六種，第一個是學習新的知識，第二個是跟別人（認識的或不認識的）社會交流，第三個是娛樂性質（殺時間、情感宣洩、情緒放鬆），第四種是網路購物，這包括了找尋產品資料和實際購買，第五種是有關工作的，有可能賣東西給對方，或是找工作的網站，最後一種是對於社群的歸屬感，跟其他當地的社群交換資訊等等。
主觀標準是由標準信念所產生的，作者把他分為兩種，一種是個人的標準（individual），另一種是集體的標準（collectivities），所謂個人的就是，使用者本身覺得該不該使用這個社群網路，集體則是你屬於的這個社群贊不贊成使用。
在行為的控制上，作者區分成內在的（internal）和外在（external），內在就是使用者本身是不是有能力使用社群網路，外在則是說一些硬體的限制，像是錢、時間等等。
加了這些還不夠，作者還加了人口分佈變數（demographic variable），像是年齡、性別等等，和過去的經驗（past experience）等等。
當然以上的變數都是作者自己想的，要確定模型是可行的，則必須做些驗證，過程就不詳細解釋了，讓我們來看看結果，也就是一開始的那張圖。我們可以看到，第一個，人口分佈全軍覆沒，所以使用者的性別跟年齡是跟他（她）要不要用社群網路是沒關的，過去的經驗也全軍覆沒，所以使用者的經驗並不會對使用社群網路有加分，第三，整個行為的控制也完全被幹掉，使用者的能力跟一些外在的限制條件也是跟使用社群網路沒關的（這讓我想到一個例子，小時候家裡限制使用電腦時間，於是造成了很多人都跑去網吧或是朋友家上網），第四，態度有關的只剩下三個因素，學習新的知識、社會交流、對社群的歸屬感是跟使用社群網路有關，其餘都是無關的，第五，只有個人意識可以左右他（她）要不要用社群網路，群體意識並沒有辦法決定個別使用者要不要使用。
最後說一下心得，會翻譯這篇論文主要是因為感覺現在很多社群元素都已經被玩爛了，雖然有很多新的社群網站出來，但是大部分還是舊的元素加上新的包裝，雖然我覺得這個模型並不是百分百可以套用，但是對於有心想要往社群網站發展的人，可以用另一種角度來思考，從使用者的心態來研究哪些元素是可以再創新，哪些元素其實是不需要的。
圖片、來源：
Kwon, K. &#38; Onwuegbuzie A. J. (2005). Modeling the Factors Affecting Individuals’ Use of Community Networks: A Theoretical Explanation of Community-Based Information and Communication Technology Use, the Journal of American Society for information science and technology, Vol. 56(14), pp. 1525-1543
     [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=12&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><a href="http://mmdays.com/2008/04/03/cnumcnum/"><strong>原文連結在此</strong></a></p>
<p><img src="http://mmdays.com/wp-content/uploads/2008/03/snapshot-2008-03-22-18-01-50.jpg" alt="" /></p>
<p>記得我上禮拜寫了一篇<a href="http://mmdays.com/2008/03/23/tpb/">TPB(theory of planned behavior)</a>嗎？有讀者反應那似乎已經不合用了，那是真的，畢竟那是1985年的模型，現在科技進步有多快，我想各位讀者都能深刻的體會到， 不過那篇只是個鍥子，我真正想寫的是這個，社群網路使用模型（Community Network User Model， 簡稱CNUM），一般人說到社群網路，可能會想到 facebook、myspace..等等，不過在這裡我想把社群網路做得更廣泛的定義，只要是一個以電腦為基礎的電子網路能夠提供遠距離的社群資訊和服務給屬於這個社群中的人們，就算是社群網路，所以像是我之前介紹的K-net，是屬於原住民的社群網路，大家可能擁有國中同學的班版，或是高中同學的討論版，這也是屬於另一種型式的社群網路。</p>
<p>CNUM基本上是以TPB為基礎做延伸的，記得我提到TPB有三個因素，態度、主觀標準、行為的控制。其中態度主要是由行為的信念所構成的，為了讓這個模型更符合社群網路，作者把有關社群的行為的信念分為六種，第一個是學習新的知識，第二個是跟別人（認識的或不認識的）社會交流，第三個是娛樂性質（殺時間、情感宣洩、情緒放鬆），第四種是網路購物，這包括了找尋產品資料和實際購買，第五種是有關工作的，有可能賣東西給對方，或是找工作的網站，最後一種是對於社群的歸屬感，跟其他當地的社群交換資訊等等。</p>
<p>主觀標準是由標準信念所產生的，作者把他分為兩種，一種是個人的標準（individual），另一種是集體的標準（collectivities），所謂個人的就是，使用者本身覺得該不該使用這個社群網路，集體則是你屬於的這個社群贊不贊成使用。</p>
<p>在行為的控制上，作者區分成內在的（internal）和外在（external），內在就是使用者本身是不是有能力使用社群網路，外在則是說一些硬體的限制，像是錢、時間等等。</p>
<p>加了這些還不夠，作者還加了人口分佈變數（demographic variable），像是年齡、性別等等，和過去的經驗（past experience）等等。</p>
<p>當然以上的變數都是作者自己想的，要確定模型是可行的，則必須做些驗證，過程就不詳細解釋了，讓我們來看看結果，也就是一開始的那張圖。我們可以看到，第一個，人口分佈全軍覆沒，所以使用者的性別跟年齡是跟他（她）要不要用社群網路是沒關的，過去的經驗也全軍覆沒，所以使用者的經驗並不會對使用社群網路有加分，第三，整個行為的控制也完全被幹掉，使用者的能力跟一些外在的限制條件也是跟使用社群網路沒關的（這讓我想到一個例子，小時候家裡限制使用電腦時間，於是造成了很多人都跑去網吧或是朋友家上網），第四，態度有關的只剩下三個因素，學習新的知識、社會交流、對社群的歸屬感是跟使用社群網路有關，其餘都是無關的，第五，只有個人意識可以左右他（她）要不要用社群網路，群體意識並沒有辦法決定個別使用者要不要使用。</p>
<p>最後說一下心得，會翻譯這篇論文主要是因為感覺現在很多社群元素都已經被玩爛了，雖然有很多新的社群網站出來，但是大部分還是舊的元素加上新的包裝，雖然我覺得這個模型並不是百分百可以套用，但是對於有心想要往社群網站發展的人，可以用另一種角度來思考，從使用者的心態來研究哪些元素是可以再創新，哪些元素其實是不需要的。</p>
<p>圖片、來源：</p>
<p>Kwon, K. &amp; Onwuegbuzie A. J. (2005). Modeling the Factors Affecting Individuals’ Use of Community Networks: A Theoretical Explanation of Community-Based Information and Communication Technology Use, the Journal of American Society for information science and technology, Vol. 56(14), pp. 1525-1543</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/12/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/12/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/12/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=12&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/05/27/%e7%a4%be%e7%be%a4%e7%b6%b2%e8%b7%af%e4%bd%bf%e7%94%a8%e6%a8%a1%e5%9e%8b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>

		<media:content url="http://mmdays.com/wp-content/uploads/2008/03/snapshot-2008-03-22-18-01-50.jpg" medium="image" />
	</item>
		<item>
		<title>Web 2.0 3.0!!!!</title>
		<link>http://survivortom.wordpress.com/2008/05/13/web-20-30/</link>
		<comments>http://survivortom.wordpress.com/2008/05/13/web-20-30/#comments</comments>
		<pubDate>Tue, 13 May 2008 04:02:50 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[網路技術]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=11</guid>
		<description><![CDATA[Web 2.0

平等、交互，去中心化Decentralization
使用者不只是在網上衝浪，使用者本身就是波浪製造者
Blog、Wiki為代表
「可讀」、「可寫」和「可交互」
以時間為順序更新的個人網頁
寫作並不是媒體的專利，新聞也不是記者的特權

Blog發展到現在，內容已並不僅局限於文字、圖片、甚至影音都是可運用的功能，而影音Blog就有一個自己的名字 Podcast 。Blog搭起從網際網路閱讀時代到寫錄時代的橋樑。
在Web 2.0 體系下，Tag (標籤)，RSS和六度分隔理論起到了黏合劑的作用。
Tag 直譯為標籤，它可以讓你為自己所創造的內容(Blog文字、圖片、影音等)創建多個用作解釋的關鍵字。
RSS 則是一種更為直接的互動方式，一般翻譯為聚合服務，它仿佛就是為Blog而生的技術，借助RSS ，使用者可以自由訂閱指定Blog(絕大多數的Blog都支持RSS )，也就是說讀者可以自定義自己喜歡的內容，而不是象Web 1.0 那樣由網路編輯選出讀者閱讀的內容。
Web 2.0 的互動與傳統BBS 有何不同？
一名叫羅皓菱的Blog作者解釋了Blog與BBS 的區別：Blog是集原創文章、連結評價、連結、網友跟進於一體的，比起BBS 那種口無遮攔、隨心所欲、良莠不齊的情緒化發言，博客製作的日誌更加審慎、仔細和周詳，其單個文本的豐富性、討論脈絡的清晰度、論題的拓展空間都超過了BBS 的網友發言帖子。
Ward Cunningham 也談到過Wiki與BBS 的差別，他認為BBS 沒有上下文的概念，討論經常無法持久地進行。討論組反覆圍繞著同一個話題，但是人們經常忘了以前說過什麼。
對企業用途
對一般的企業而言，Web 2.0 的好處則是立竿見影。在企業內部實施Blog和Wiki，可以讓知識輕鬆共享，一個新員工可以通過內部Wiki 熟悉工作技能，了解企業文化。
Web 2.0 重要名詞解釋

Blog：Blog是個人或群體以時間順序所作的一種記錄，且不斷更新。Blog之間的交流主要是通過反向引用(TrackBack )和留言/ 評論(Comment )的方式來進行的。Blog的作者(Blogger )，既是這個Blog的創作人，也是其檔案管理人。
TrackBack ：是一種Blog應用工具，它可以讓Blogger 知道有哪些人看到自己的文章後撰寫了與之有關的內容。這種功能實現了網站之間的互相通告；因此它也可以看作一種提醒功能。
RSS：是一種用于共享新聞和其他Web 內容的數據交換規範。讀者可以通過RSS 訂閱一個Blog，確知該Blog最近的更新。
Social Bookmark ：社會化書籤，它可以讓你把喜愛的網站隨時加入自己的網路書籤中；你可以用多個關鍵詞(Tag )而不是分類來標示和整理你的書籤，並與其他人共享。
六度分隔理論：(Six Degrees of Separation )。1967年，哈佛大學的心理學教授Stanley Milgram (1933～1984)創立。簡單地說：“你和任何一個陌生人之間所間隔的人不會超過六個，也就是說，最多通過六個人你就能夠認識任何一個陌生人。”六度分隔理論的數學解釋是：如果每個人平均認識260 人，其六度就是2606＝1188137600000.消除一些節點重複，那也幾乎覆蓋了整個地球人口若干多倍。
一位叫做「FLYPI」的網友用歌手孫燕姿做起了實驗，如何才能與這個「亞洲小天后」建立聯繫呢？他認為以下的鏈條可能行之有效：「我→初中同學Eric→ Eric 在南洋理工大學唸書的表哥Michael → Michael的教授，也就是孫燕姿的父親→孫燕姿。」
Google推出1GB 免費信箱也是一個SNS 應用，通過網友之間的互相邀請，Gmail 在很短的時間內就獲得了巨大的用戶群。

以上文章整理摘錄於 http://tw.knowledge.yahoo.com/question/?qid=1106092806630

  [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=11&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><strong>Web 2.0</strong></p>
<ul>
<li>平等、交互，去中心化Decentralization</li>
<li>使用者不只是在網上衝浪，使用者本身就是波浪製造者</li>
<li>Blog、Wiki為代表</li>
<li>「可讀」、「可寫」和「可交互」</li>
<li>以時間為順序更新的個人網頁</li>
<li>寫作並不是媒體的專利，新聞也不是記者的特權</li>
</ul>
<p>Blog發展到現在，內容已並不僅局限於文字、圖片、甚至影音都是可運用的功能，而影音Blog就有一個自己的名字 Podcast 。Blog搭起從網際網路閱讀時代到寫錄時代的橋樑。</p>
<p>在Web 2.0 體系下，Tag (標籤)，RSS和六度分隔理論起到了黏合劑的作用。<br />
Tag 直譯為標籤，它可以讓你為自己所創造的內容(Blog文字、圖片、影音等)創建多個用作解釋的關鍵字。<br />
RSS 則是一種更為直接的互動方式，一般翻譯為聚合服務，它仿佛就是為Blog而生的技術，借助RSS ，使用者可以自由訂閱指定Blog(絕大多數的Blog都支持RSS )，也就是說讀者可以自定義自己喜歡的內容，而不是象Web 1.0 那樣由網路編輯選出讀者閱讀的內容。</p>
<p><strong>Web 2.0 的互動與傳統BBS 有何不同？</strong></p>
<p>一名叫羅皓菱的Blog作者解釋了Blog與BBS 的區別：Blog是集原創文章、連結評價、連結、網友跟進於一體的，比起BBS 那種口無遮攔、隨心所欲、良莠不齊的情緒化發言，博客製作的日誌更加審慎、仔細和周詳，其單個文本的豐富性、討論脈絡的清晰度、論題的拓展空間都超過了BBS 的網友發言帖子。</p>
<p>Ward Cunningham 也談到過Wiki與BBS 的差別，他認為BBS 沒有上下文的概念，討論經常無法持久地進行。討論組反覆圍繞著同一個話題，但是人們經常忘了以前說過什麼。</p>
<p><strong>對企業用途</strong><br />
對一般的企業而言，Web 2.0 的好處則是立竿見影。在企業內部實施Blog和Wiki，可以讓知識輕鬆共享，一個新員工可以通過內部Wiki 熟悉工作技能，了解企業文化。</p>
<p><strong>Web 2.0 重要名詞解釋</strong></p>
<ul>
<li>Blog：Blog是個人或群體以時間順序所作的一種記錄，且不斷更新。Blog之間的交流主要是通過反向引用(TrackBack )和留言/ 評論(Comment )的方式來進行的。Blog的作者(Blogger )，既是這個Blog的創作人，也是其檔案管理人。</li>
<li>TrackBack ：是一種Blog應用工具，它可以讓Blogger 知道有哪些人看到自己的文章後撰寫了與之有關的內容。這種功能實現了網站之間的互相通告；因此它也可以看作一種提醒功能。</li>
<li>RSS：是一種用于共享新聞和其他Web 內容的數據交換規範。讀者可以通過RSS 訂閱一個Blog，確知該Blog最近的更新。</li>
<li>Social Bookmark ：社會化書籤，它可以讓你把喜愛的網站隨時加入自己的網路書籤中；你可以用多個關鍵詞(Tag )而不是分類來標示和整理你的書籤，並與其他人共享。</li>
<li>六度分隔理論：(Six Degrees of Separation )。1967年，哈佛大學的心理學教授Stanley Milgram (1933～1984)創立。簡單地說：“你和任何一個陌生人之間所間隔的人不會超過六個，也就是說，最多通過六個人你就能夠認識任何一個陌生人。”六度分隔理論的數學解釋是：如果每個人平均認識260 人，其六度就是2606＝1188137600000.消除一些節點重複，那也幾乎覆蓋了整個地球人口若干多倍。<br />
一位叫做「FLYPI」的網友用歌手孫燕姿做起了實驗，如何才能與這個「亞洲小天后」建立聯繫呢？他認為以下的鏈條可能行之有效：「我→初中同學Eric→ Eric 在南洋理工大學唸書的表哥Michael → Michael的教授，也就是孫燕姿的父親→孫燕姿。」<br />
Google推出1GB 免費信箱也是一個SNS 應用，通過網友之間的互相邀請，Gmail 在很短的時間內就獲得了巨大的用戶群。</li>
</ul>
<p>以上文章整理摘錄於 <a href="http://tw.knowledge.yahoo.com/question/?qid=1106092806630">http://tw.knowledge.yahoo.com/question/?qid=1106092806630</a></p>
<p><strong></strong></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/11/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/11/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/11/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=11&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/05/13/web-20-30/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>
	</item>
		<item>
		<title>一份網頁設計企畫書怎麼寫？</title>
		<link>http://survivortom.wordpress.com/2008/03/31/%e4%b8%80%e4%bb%bd%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88%e4%bc%81%e7%95%ab%e6%9b%b8%e6%80%8e%e9%ba%bc%e5%af%ab%ef%bc%9f/</link>
		<comments>http://survivortom.wordpress.com/2008/03/31/%e4%b8%80%e4%bb%bd%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88%e4%bc%81%e7%95%ab%e6%9b%b8%e6%80%8e%e9%ba%bc%e5%af%ab%ef%bc%9f/#comments</comments>
		<pubDate>Mon, 31 Mar 2008 07:20:23 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[網路行銷]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=10</guid>
		<description><![CDATA[大概來說，一份網頁企畫書應該包含幾點：設計理念、視覺風格、網頁結構、使用技術、人力配置、時程配置、報價、品質保證等等，以下就這幾點分點說明。

一、設計理念：
以濃縮、精練、簡要的文字，呈現出設計最初的出發，以及最後設計成品所要表現的主題，比方說「健康」、「自由」、「溫暖」、「幸福」等，一名設計者如果沒有理念，那麼便稱不上是設計。換言之，設計理念就是在純粹視覺表現之外，設計作品最重要的背後意識形態，此一意識形態須切合企業形象以及企業的行銷策略。
二、視覺風格：
視覺風格的提案大概包括兩方面，造型風格以及色彩計畫。
造型風格主要是設計將要採取怎樣的文類（genre），比方說，要沿用東方的風味還是西方風味，採用傳統風味還是現代風味，寫實風格或抽象風格等，或是要表現哪一種媒材的質感，如鉛筆、油畫、水彩、水墨等。除了版面與圖片外，還有標準字與Logo的定義。設計理念是決定造型文類的最重要因素，因為在各種風格的母題（motif）使用上，往往這個母題本身便包含了意義。
色彩計畫在於定義出系統所要使用的配色，定義出要使用顏色的色票以及顏色運用的比例。
三、網頁結構
網頁結構決定站台導覽的方式，通常來說，有三種網頁結構：
1. 線性結構：單一入口導向單一結束，多用於敘事性質較強的網站，例如線上Flash影片等。
2. 階層結構：使用多層選單，使用者從單一入口，依據一層一層的分類、層級進入內容，目前大多網站都使用階層結構。
3. 網狀結構：系統提供多重入口，可以用各種方式瀏覽網站。
在企劃書上，網頁結構多以結構圖呈現。另外根據網頁結構，決定怎樣製作導覽方式，例如製作選單或網站地圖（Site Map）等。
四、使用技術
前端網頁設計中不受平台影響的技術部份，包括是使用HTML或XHTML、是否使用Java Script、CSS、是否內嵌有Flash檔案等，如果包含使用需要特殊環境、設備才能夠瀏覽的技術，應詳盡列出。另外，如果使用須伺服器支援的動態頁面技術，需要採購方在前端之外，在後端予以支援，也應在企劃書中告知。
五、人力配置
安排人力分工，通常來說，會需要有一人負責擔任聯繫的窗口，連絡客戶，反應客戶要求以及通知其他設計成員。而成員間因為工作的比重，可能有人專注在HTML、有些則專心在Flash動畫、圖形或3D模型製作等。
六、時程配置
專案進行的時間表，專案進行的時程規劃大抵如下。
1.需求書、招標：採購方提出需求書，設計者取得需求書研究
2.企劃書提案：設計者針對需求出內容，進行設計企劃，企劃除了人力、時間及報價外，在視覺風格方面，多提出多組設計供採購方挑選。
3.比稿：多家設計者一同參與比稿，採購方從多家設計者中挑選理想的設計，或雖不符合理想，但先決定設計者，並繼續修改企劃書。在合理的狀況下，採購方應該給予每家參加比稿得設計者比稿費用，不過台灣往往並沒有這樣的觀念。
4.議價、簽約：根據企劃書內容簽訂合約。
5.製作：按照企劃書內容執行。
6.期中報告：報告製作進度，採購方在此階段可提出較多修正意見。
7.修改、完成製作：設計者依據採購方意見，修改先前設計進度，並完成製作。
8期末報告：檢核期中報告的修正意見是否修正完成，並檢查設計成果是否仍有問題需要修正。
9.最後修改：根據期末報告中的問題進行修正。
10.驗收、交貨：比對成果與企劃書內容，結案。
在實務上，會將一個專案拆成多個部份分工，每一項分工的時程也儘可能在企劃階段進行詳細規劃。
七、報價
坊間有許多什麼「一頁HTML八百塊」之類的浮濫報價方式，但對專業的設計來說,，合理的估價應該是，因為這類設計以人工為主，所需要的工作量，也因為頁面的精細程度有所不同，因此該是設計者人工的合理薪資，乘上所需要的工時，所粗估的大概人事費用，加上稅金以及設計公司利潤等。
人力的估算包括網站的規模、Flash可能需要的精細程度，除了單純頁面設計外，會不會需要額外文案與腳本的人力，採購方材料支援的多寡也會影響設計者所需要準備素材的時間等。考量的範圍還包括是不是急件、要加成收費…等等。
八、品質保證
設計者應保證以下幾點：
1.設計中不含惡意程式碼（如電腦病毒或惡作劇設計）
2.可在多種通行的平台以及瀏覽器中順利瀏覽
3.設計成品不會引起著作權問題。
九、設計概念圖
在提案時，以Illustrator或Photoshop，先挑選重要頁面（如首頁或內文模版），繪製出網頁最後的視覺外觀，供採購方在挑選的時候作為主要的參考。而在修改企劃書所提案的視覺風格上，也是以修改設計概念圖為主。
十、其他
其他交貨方式、付款方式等。
轉載自 http://zonble.twbbs.org/archives/2004_02/440.php
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=10&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><div class="storycontent">大概來說，一份網頁企畫書應該包含幾點：設計理念、視覺風格、網頁結構、使用技術、人力配置、時程配置、報價、品質保證等等，以下就這幾點分點說明。<br />
<span></span><br />
<strong>一、設計理念：</strong></p>
<p>以濃縮、精練、簡要的文字，呈現出設計最初的出發，以及最後設計成品所要表現的主題，比方說「健康」、「自由」、「溫暖」、「幸福」等，一名設計者如果沒有理念，那麼便稱不上是設計。換言之，設計理念就是在純粹視覺表現之外，設計作品最重要的背後意識形態，此一意識形態須切合企業形象以及企業的行銷策略。</p>
<p><strong>二、視覺風格：</strong></p>
<p>視覺風格的提案大概包括兩方面，造型風格以及色彩計畫。</p>
<p>造型風格主要是設計將要採取怎樣的文類（genre），比方說，要沿用東方的風味還是西方風味，採用傳統風味還是現代風味，寫實風格或抽象風格等，或是要表現哪一種媒材的質感，如鉛筆、油畫、水彩、水墨等。除了版面與圖片外，還有標準字與Logo的定義。設計理念是決定造型文類的最重要因素，因為在各種風格的母題（motif）使用上，往往這個母題本身便包含了意義。</p>
<p>色彩計畫在於定義出系統所要使用的配色，定義出要使用顏色的色票以及顏色運用的比例。</p>
<p><strong>三、網頁結構</strong></p>
<p>網頁結構決定站台導覽的方式，通常來說，有三種網頁結構：</p>
<p>1. 線性結構：單一入口導向單一結束，多用於敘事性質較強的網站，例如線上Flash影片等。<br />
2. 階層結構：使用多層選單，使用者從單一入口，依據一層一層的分類、層級進入內容，目前大多網站都使用階層結構。<br />
3. 網狀結構：系統提供多重入口，可以用各種方式瀏覽網站。</p>
<p>在企劃書上，網頁結構多以結構圖呈現。另外根據網頁結構，決定怎樣製作導覽方式，例如製作選單或網站地圖（Site Map）等。</p>
<p><strong>四、使用技術</strong></p>
<p>前端網頁設計中不受平台影響的技術部份，包括是使用HTML或XHTML、是否使用Java Script、CSS、是否內嵌有Flash檔案等，如果包含使用需要特殊環境、設備才能夠瀏覽的技術，應詳盡列出。另外，如果使用須伺服器支援的動態頁面技術，需要採購方在前端之外，在後端予以支援，也應在企劃書中告知。</p>
<p><strong>五、人力配置</strong></p>
<p>安排人力分工，通常來說，會需要有一人負責擔任聯繫的窗口，連絡客戶，反應客戶要求以及通知其他設計成員。而成員間因為工作的比重，可能有人專注在HTML、有些則專心在Flash動畫、圖形或3D模型製作等。</p>
<p><strong>六、時程配置</strong></p>
<p>專案進行的時間表，專案進行的時程規劃大抵如下。</p>
<p>1.需求書、招標：採購方提出需求書，設計者取得需求書研究<br />
2.企劃書提案：設計者針對需求出內容，進行設計企劃，企劃除了人力、時間及報價外，在視覺風格方面，多提出多組設計供採購方挑選。<br />
3.比稿：多家設計者一同參與比稿，採購方從多家設計者中挑選理想的設計，或雖不符合理想，但先決定設計者，並繼續修改企劃書。在合理的狀況下，採購方應該給予每家參加比稿得設計者比稿費用，不過台灣往往並沒有這樣的觀念。<br />
4.議價、簽約：根據企劃書內容簽訂合約。<br />
5.製作：按照企劃書內容執行。<br />
6.期中報告：報告製作進度，採購方在此階段可提出較多修正意見。<br />
7.修改、完成製作：設計者依據採購方意見，修改先前設計進度，並完成製作。<br />
8期末報告：檢核期中報告的修正意見是否修正完成，並檢查設計成果是否仍有問題需要修正。<br />
9.最後修改：根據期末報告中的問題進行修正。<br />
10.驗收、交貨：比對成果與企劃書內容，結案。</p>
<p>在實務上，會將一個專案拆成多個部份分工，每一項分工的時程也儘可能在企劃階段進行詳細規劃。</p>
<p><strong>七、報價</strong></p>
<p>坊間有許多什麼「一頁HTML八百塊」之類的浮濫報價方式，但對專業的設計來說,，合理的估價應該是，因為這類設計以人工為主，所需要的工作量，也因為頁面的精細程度有所不同，因此該是設計者人工的合理薪資，乘上所需要的工時，所粗估的大概人事費用，加上稅金以及設計公司利潤等。</p>
<p>人力的估算包括網站的規模、Flash可能需要的精細程度，除了單純頁面設計外，會不會需要額外文案與腳本的人力，採購方材料支援的多寡也會影響設計者所需要準備素材的時間等。考量的範圍還包括是不是急件、要加成收費…等等。</p>
<p><strong>八、品質保證</strong></p>
<p>設計者應保證以下幾點：</p>
<p>1.設計中不含惡意程式碼（如電腦病毒或惡作劇設計）<br />
2.可在多種通行的平台以及瀏覽器中順利瀏覽<br />
3.設計成品不會引起著作權問題。</p>
<p><strong>九、設計概念圖</strong></p>
<p>在提案時，以Illustrator或Photoshop，先挑選重要頁面（如首頁或內文模版），繪製出網頁最後的視覺外觀，供採購方在挑選的時候作為主要的參考。而在修改企劃書所提案的視覺風格上，也是以修改設計概念圖為主。</p>
<p><strong>十、其他</strong></p>
<p>其他交貨方式、付款方式等。</p>
<p>轉載自 <a href="http://zonble.twbbs.org/archives/2004_02/440.php">http://zonble.twbbs.org/archives/2004_02/440.php</a></div>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/10/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/10/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/10/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=10&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/03/31/%e4%b8%80%e4%bb%bd%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88%e4%bc%81%e7%95%ab%e6%9b%b8%e6%80%8e%e9%ba%bc%e5%af%ab%ef%bc%9f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>
	</item>
		<item>
		<title>Google機器人抓資料？(3)</title>
		<link>http://survivortom.wordpress.com/2008/03/21/google%e6%a9%9f%e5%99%a8%e4%ba%ba%e6%8a%93%e8%b3%87%e6%96%99%ef%bc%9f3/</link>
		<comments>http://survivortom.wordpress.com/2008/03/21/google%e6%a9%9f%e5%99%a8%e4%ba%ba%e6%8a%93%e8%b3%87%e6%96%99%ef%bc%9f3/#comments</comments>
		<pubDate>Fri, 21 Mar 2008 06:23:50 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[SEO搜尋引擎最佳化]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=9</guid>
		<description><![CDATA[轉載於 SEO 筆記 -Google 機器人與芭樂網經理的對話<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=9&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>轉載於 SEO 筆記 -Google 機器人與芭樂網經理的對話</p>
<p>「 SITEMAP 是什麼東西啊，可以吃嗎？」芭樂王經理偷偷地把煙盒拉近自己一點。</p>
<p>「就像書的目錄啊，你就把你的內容分類，加上你網頁的標題和簡短的敘述，如果有更新時間、頻率之類的更好。我建議你的 Sitemap 要有 xml 、 txt 、 htm l 、 RSS 四種格式。不然，最少也要有 xml 的，那個我最喜歡讀了。」蛛蛛人這時候又開始尋找煙了，身為 IT 人員出身的他，經過一連串審密的邏輯運算之後，當下判斷出煙應該藏在芭樂王經理西裝袖口下。</p>
<p>「還有啊，你網站的目錄千萬不要跟你的煙一樣，總是喜歡壓在衣袖下面。」蜘蛛人為了凸顯他的不爽，決定來諷刺他一下。</p>
<p>「ㄜ，這是什麼意思啊。目錄跟煙有什麼關係呢？」芭樂王有點尷尬的說。</p>
<p>「你網站的目錄結構十分的複雜喔。光是產品頁，放在 www/product/item/2007 / ，這樣我也會不爽，所以就不想去瞭解你裡面有什麼了內容了。這就好比煙這種東西就是應該放在桌上，而你壓在西裝外套的袖口下，這樣我要拿煙就很不方便喔。 」蜘蛛人很屌的挑明了講。</p>
<p>「啊，這樣也算喔。」</p>
<p>「沒錯。千萬不要懷疑。我建議你的網站目錄結構應該是扁平化的。就是說，所有的目錄不要分 N 多層，盡量只有一層。你想想看，你要請我抽煙，我只要隨便一喵，就可以看到你的煙盒放在桌上，於是我很輕易的拿到。還是說你把煙層層掩蓋，這樣我不禁要懷疑你請我抽煙的誠意了。」蜘蛛人娓娓道來。</p>
<p>「我並沒有要請 …. 不，我的意思是說，目錄扁平化有助於你來處理我的網站就是了。」芭樂王雖然暗幹在心理，但是還是一副很受教的樣子。</p>
<p>「嗯，是的。順便跟你說，目錄名稱不要亂取。如果你的目錄名稱市具有字會上的意義，這樣也會納入我的關鍵字考量喔。比方說，你網站是關於芭樂的，如果你的目錄名稱 PRODUC T ，改成 guava ，這樣我在 guava 的關鍵字上就會加重計分喔。 」蜘蛛人也許是氣消了，所以又多透漏了一些小秘訣。</p>
<p>「還有喔，你網站的內容多，記得要在每一頁加上導覽列。」蜘蛛人繼續說。「想也知道你不懂，我就直接說了。你的產品內頁上方，要加上首頁 &gt; 芭樂 &gt; 奸芭樂，這樣不但使用者知道現在在哪裡，而且隨時可以迅速的回到上一分類。對我來說，我也很方便的瞭解架構，這樣，我會加分喔。」</p>
<p>「喔，瞭解。我還以為這種東西是別人網站的小工具，原來還有這樣的意義喔。」芭樂王經理恍然大悟。</p>
<p>「還有，你的網站名稱是怎麼回事。 <a href="http://www.taiwanbala.com.tw/">www.taiwanbala.com.tw </a>? 」</p>
<p>「喔，這就是我們厲害的地方。我們要告訴大家，我們網站專門是講解台灣特產芭樂。」芭樂王經理想要更仔細的獎說他們網域名稱的隱含意義及傳承歷史。</p>
<p>「不用說了，這個網域名稱對我來說一點意義都沒有。所以你更不要想，你的網域名稱會對你的網站排行行有多大意義。」蜘蛛人趕緊打斷芭樂王經理。</p>
<p>「怎麼會呢？」</p>
<p>「第一，關鍵字要精確，不要用莫名其妙的想法。我告訴你，我是國際級企業 Google 的員工，不認識你這種菜英文。第二，假設你要強調你是台灣的芭樂，你的網域名稱，應該是 <a href="http://www.taiwan-guava.com.tw/">www.taiwan- guava.com.tw </a>，或是你真的想要強調你自以為是的幽默感，也要是 <a href="http://www.taiwan-bala.com.tw/">www.taiwan-bala.com.tw </a>，這樣我才知道你的意思。 taiwanguava 不是一個單字， ok ？ 」蜘蛛人一副很受不了的樣子。</p>
<p>「可是，你不是國際級企業的員工嗎，應該要有一定的理解能力啊。」芭樂王不服的辯解。</p>
<p>「你答對了，就是因為我是國際型企業 Google 的員工，所以，我光一天就會跑好多國家跟無數主機，誰有空理你這種語意不清的英文造詣。」蜘蛛人鄙視的說。</p>
<p>「是的，小弟賜教。」芭樂王震攝於大公司員工的氣勢，因此而自卑了起來。</p>
<p>「你剛剛一直提到關鍵字，那個很重要嗎？」</p>
<p>「廢話，你不知道，你網站的關鍵字品質決定你網站排行的致勝關鍵嗎？」蜘蛛人一副不可思議的樣子。</p>
<p>「 ??? 」</p>
<p>「關鍵字這種東西，在網頁裡，你可以明著來或暗著來。明著來的意思是說，你的網站內容，必須要有芭樂的字，如果出現的次數夠，這樣代表你這篇文章關於樂的可能性就很高。暗著來的意思是說，在你的網站標題，就是 &lt;title&gt; 、 meta 標籤裡的 keywords 和描述 description 裡都可以寫。」</p>
<p>「那是要寫什麼啊？」芭樂王經理不解的問。</p>
<p>「標題就是你這張網頁的內容。比方說：芭樂王簡介、芭樂王產品、奸芭樂、好芭樂等。千萬不要偷懶，變成無標題網頁。這樣網友可以馬上知道你的這張網頁的主題。」「 meta 的 keywords 標籤，你可以寫上關於你網站的幾個關鍵字。這樣，我也方便收錄。比方說，你可以寫上芭樂、番石榴、你老師等相關關鍵字。」蜘蛛人快速的解說。</p>
<p>「您老師這組關鍵字好像跟我網站沒關係耶！」</p>
<p>「隨便啦。 Meta 裡的描述，你可以講你網站的大概是幹嘛的，建議你這一段也插入關鍵字比較好。」</p>
<p>「那麼有什麼原則呢？」芭樂王經理如此問道。</p>
<p>「我是 IT 人員，哪知道這種中文系學生才瞭解的東西。不過大致的原則不外乎，站在使用者角度想，他們會用什麼關鍵字找到你的網站。利用某關鍵字去聯想，比方說芭樂、機車、你老師、靠、立委。將關鍵字作組合、或擴展。不然，最少也可以參考對手網站的關鍵字策略。」 蜘蛛人雖然滔滔大論，但是看得出來他有一點心虛。</p>
<p>「哈，那我知道了，我在你說的這些地方寫滿了關鍵字，甚至去瞭解一下大家最喜歡用什麼關鍵字，比方說大浦安那，統統弄到我網站的關鍵字裡，這樣，不管什麼人都可以找到我的網站，於是我的網站流量大增，廣告狂賣，之後芭樂公司就可以上市，上市之後在分拆出售，到時候我就躺著賺了，哈哈！」芭樂王想到之後的榮華富貴隨手而來，不禁插腰狂笑了起來。</p>
<p>「那你還可以在網頁的下方，利用白底白字的技巧，狂寫關鍵字一千個，這樣版面不但不被破壞，還可以增加關鍵字密度。不然，也可以去複製各大網站的內容，這樣你的關鍵字還會更廣泛哩。」蜘蛛人不屑的說。</p>
<p>「沒錯，我一定要學起來。」</p>
<p>「靠，你以為我們是笨蛋嗎？你這種簡單的技倆早就不行了。我告訴你，如果你惡搞，你會被我們懲罰，之後被我們列入拒絕往來戶，再也上不去我們的搜尋排行榜。」</p>
<p>「原來是這樣啊。」芭樂王億萬富翁的夢想瞬間被秒殺。</p>
<p>「順便告訴你，最近我們已經對 META 、 TITLE 的比重降低了，所以你必須作這件事情，但是，過於著墨也是無勞。」蜘蛛人懶得安慰這種白痴。</p>
<p>「唉，今天真是大開眼界，平常我忙於公司的業務，這圈子沒什麼朋友，所以都不知道這種事情。」芭樂王經理還沒從被秒殺的慘狀回覆過來，開始陷入低潮。</p>
<p>「如果你沒朋友就糟了，這樣也會導致你的網站在搜尋引擎裡永遠抬不起頭來。」</p>
<p>「你們也太過分了，沒朋友犯法嗎？關你們搜尋引擎什麼事啊。」芭樂王經理彷彿又被人採了一腳的大叫。</p>
<p>「錯。比方說，如果你身邊一個朋友都沒有，我當然會認為你平常作人很差，所以沒人想理你。搞網站也是。如果你網站的內容很優，所以，自然有人會在自己的網站裡連結你的網站網址。或者是說，某人要寫一些東西，因為你的網站極具參考價值，所以也會連結你的內容文章來證明自己寫的也不差。所以，有越多的網站連結你的網站，當然就代表著，你的網站在某個主題裡很重要。這樣，我對你網站的分數就會加的很高。」蜘蛛人一向最討厭孤僻的傢伙了。</p>
<p>「真的喔，原來是這樣。那我趕快招集我的朋友，都來連結我的網站，這樣，我也有抬頭的一天啊。」芭樂王經理彷彿看到一絲曙光。</p>
<p>「你又錯了，千萬不要把我們當笨蛋。早就有一些白癡，搞了一堆網站聯盟，大家來互連，想要藉此彼此拉抬自己網站的氣勢，這種把戲，我們早就看透了。而且，被我們發現後，是整個聯盟一起被處罰。我告訴你，一切照實來。 OK! 」蜘蛛人又點起了一根菸。</p>
<p>「另外，你也要知道，這個社會就是這麼現實。如果你欠銀行錢不還，銀行會找討債公司催你的帳。但如果你認識陳水扁，銀行搞不好還巴不得繼續借你錢。搞網路的也是這樣。我告訴你， PageRank 值越高的網站連結對你的幫助會越大。」</p>
<p>「連你們都這麼現實喔。不過話說回來，什麼叫做 PageRank 啊？」芭樂王經理不解的問。</p>
<p>「那是經由一連串複雜的計算所出來的數據，預知詳情請利用本公司搜尋引擎自己去搜尋解答。總而言之， PageRank 就是我們對於你網站排行的分數。假設網友搜尋芭樂這個關鍵字。而這是界上一共有一萬個網站是關於芭樂的，這時候， PageRank 值為 10 的網站，自然排在第一個。萬一你的網站 PageRank 值為 0 ，自然是放在數也數不清的後面幾頁。所以，當 PageRank 值很高，那麼這個網站就是陳水扁，他願意連你的網站，就代表你的網站很有價值，接下來，你的 PageRank 也會跟著提高。」</p>
<p>「唉，像我們這種小市民的悲哀，你們完全不體諒就是了。」芭樂王經理完全的自暴自棄了起來。</p>
<p>「不需要這麼說。基本上，你的網站只要有價值，一定會出頭天。就如同我剛剛說得，對於作弊想要呼嚨我們的，我們早就有防範措施，而且，會讓這種網站死得很慘。我們會讓他們就像陷入沙坑裡面一樣，慢慢的沉沒下去，最後，就不知道會被埋到什麼地方去。我們對於這種酷刑，有一個很屌的名字，叫做<strong>殺到死</strong> ，英文學名叫做SandBox 。」蜘蛛人這時候突然顯示出一種昂然的英雄氣勢。</p>
<p>「哇，我真是太崇拜你了。」芭樂王經理眼睛放亮的膜拜。</p>
<p>「總之，你要記住一段話，這是我那個天蠍座老闆說的。請捫心自問，我這樣作，是否會幫到我的客戶？如果不存在搜尋引擎，我是否還會這樣作。」蜘蛛人神情悠然的喃喃自語。</p>
<p>「是，我瞭解你說的真義了，只要有心，人人都可以成為陳水扁。ㄟ，是人人都可以成為 PageRank 值為 10 的網神啊。」芭樂王經理一副頓悟的表情。</p>
<p>「嗯，你雖然到現在還是一個白痴，但是也不枉我栽培你了。不過，我跟你打屁的時間太久了，已經用掉我們公司給我的自由發揮時間，所以，我也該離開了。」</p>
<p>蜘蛛人開始收拾包包，準備離場。</p>
<p>「是，蜘蛛人大俠，今天承蒙您的指導，實在獲益良多。不知你之後有沒有時間，我再約您出來。」</p>
<p>「嗯，我最近很忙，因為 Google Dance 又要開始了，我們 team 要開始盡情的跳舞。」蜘蛛人搖搖頭。</p>
<p>「哇，看來貴公司的確在員工福利上做的沒話說，居然也有員工舞會這種事情。」芭樂王經理羨慕的說。</p>
<p>「錯，這是我們最忙的時候。每到 Google Dance ，我們就要開始把我們到處鑽主機所得來的資料回報給老闆。於是上面那些大頭們，就開始更新搜尋引擎的資料庫。這時候，大家可忙得很呢。若是有網友用同一個關鍵字，分別在我們不同的主機上查資料，就會發現每一台主機所找到的東西都不一樣。」蜘蛛人一想到舞會就要開始，心中不禁皮皮挫了起來。</p>
<p>「辛苦了。不過，我還有最後一個問題。身為國際級企業 google 的機器人，待遇應該是不錯的，但是為何您在抽煙這樣嗜好的花費似乎頗節省啊？」芭樂王經理雖然對蜘蛛人充滿了崇敬之意，但是對於他損失了這麼多煙，仍然有點忿忿不平。</p>
<p>「唉，你要知道， Google 對員工十分的好，免費提供飲料、點心讓你吃到飽。但，就是不提供煙啊。」蜘蛛人扼腕的用力撚息了煙屁股。</p>
<p>全文完 </p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/9/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/9/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/9/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=9&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/03/21/google%e6%a9%9f%e5%99%a8%e4%ba%ba%e6%8a%93%e8%b3%87%e6%96%99%ef%bc%9f3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>
	</item>
		<item>
		<title>Google機器人抓資料？(2)</title>
		<link>http://survivortom.wordpress.com/2008/03/21/google%e6%a9%9f%e5%99%a8%e4%ba%ba%e6%8a%93%e8%b3%87%e6%96%99%ef%bc%9f2/</link>
		<comments>http://survivortom.wordpress.com/2008/03/21/google%e6%a9%9f%e5%99%a8%e4%ba%ba%e6%8a%93%e8%b3%87%e6%96%99%ef%bc%9f2/#comments</comments>
		<pubDate>Fri, 21 Mar 2008 06:23:35 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[SEO搜尋引擎最佳化]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=8</guid>
		<description><![CDATA[轉載於 沙哇啦的無聊發想  - SEO 筆記 -Google 機器人與芭樂網經理的對話<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=8&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>轉載於 沙哇啦的無聊發想  &#8211; SEO 筆記 -Google 機器人與芭樂網經理的對話</p>
<p>「那麼我們產品內頁呢，我們當初也是規劃的很好喔。」芭樂王經理又開始得意洋洋了。<br />
「 你看我們公司有成千上萬的芭樂產品，而我們不需要一個個產品去製作網頁喔。我們建立了完善的產品資料庫，只要一個列表頁、一個產品內頁，然後呼叫資料庫內容，就可以秀出無數個產品頁。比方說我們的產品內頁是這樣的， http://www.balawang.com.tw/product.php?id=xxx&amp;p_no=xxx&amp;p_color=xx&amp;p_sice=xx ，這樣利用資料庫的呼叫，就可以叫出所有的產品相關頁了喔。這可是我們當初精心規劃出來的，夠屌吧！ 」</p>
<p>「哼，真是多餘！」蜘蛛人撚熄了煙。「你這樣的設計，無疑的告訴我，你的網頁內容不停的在變動。我告訴你，我們 team 的人對於靜態網頁比較有興趣。」</p>
<p>「你這是什麼意思啊，你剛剛說要簡潔，而我們的產品頁規劃就是超簡潔的啊！難道說，你要每一個產品就一個網頁嗎，這樣不是超複雜！」芭樂王理直氣壯的說。</p>
<p>「我跟你說，雖然我每天在個主機間鑽來鑽去，但是你有沒有想過，我能鑽多深？」蜘蛛人本來要順手拿第四跟煙，但是想想還是先休息一下好了！</p>
<p>「以你們這種國際型企業 Google 的頂尖員工來說，應該是要多深就可以多深吧！」芭樂王理所當然的說。</p>
<p>「當然，如果我願意，我連你在 YAHOO 即時通上把美眉的訊息都可以抓出來。但是呢，我們在鑽主機的時候，才不會去碰資料庫呢。」蜘蛛人</p>
<p>「那跟我的產品內頁有什麼關係啊」芭樂王經理又出現迷惘的表情。</p>
<p>「你們的作法是，網友點了相關連結，你們主機就呼叫資料庫秀出相關資料。但是，對於我來說，我現階段不能直接呼叫你們資料庫，不然，你們的交易資料、會員資料不就被我看光光，這樣對你們企業有什麼好處？」</p>
<p>芭樂王經理恍然大悟。「所以，你的意思該不會是說，我們的程式頁，對你們來說，真的是只有一頁而已。你不能看我們的資料庫，所以，我的產品程式頁對你毫無意義？」。</p>
<p>「靠，我是國際型企業 GOOGLE 的機器人，我並不是那種下三爛的駭客好嗎！我可以告訴你，網址超過一個＆，我就不想理了。因為，那是程式，不是資訊內容。我的工作是要找出有內容的網站，而不是在找程式。」蜘蛛人下巴抬了起來。<br />
「那我們網站成千上萬的芭樂在你眼中幾乎等於垃圾啊！」芭樂王悲憤的呼喊著。</p>
<p>「到是有個方法可以解決。」蜘蛛人摸著圓圓的肚子說。「去問你們家程式，有一種叫做 mod_rewrite 的程式寫法，可以將你那一堆又臭又長的連結改成像 <a href="http://www.balawang.com.tw/1/9/1234/">http://www.balawang.com.tw/1/9/1234/ </a>這樣的語法。更屌的的是，還可以改成 <a href="http://www.balawang.com.tw/1/9/good_bala">http://www.balawang.com.tw/1/9/good_bala </a>這種包含關鍵字的網址。」</p>
<p>「包含關鍵字網址，有什麼用？」</p>
<p>「你網頁裡所有的組成要素，某樣關鍵字越多，我就認為你這張網頁在這一方面的資訊越好，這樣排行自然會提昇啊！」蜘蛛人理所當然的說。</p>
<p>「關鍵字？聽起來好像很重要。」芭樂王經理眼中冒出火光。</p>
<p>「關鍵字是一個高深的學問，先跳過。我們要先處理你那那些一大堆＆的網址才是。」蜘蛛人終於下定決心，又幹了一根芭樂王的登洗路。</p>
<p>「我告訴你，你最終的解決方法是要把你網站的靜態頁面比例提高。所謂靜態網頁就是那種副檔名叫做 html 的檔案。你可以用程式寫一個商品文件生產引擎。當你要新增一個商品時，就用程式把產品建立成一個獨立的產品頁。這樣的網頁，就是非變動性內容，，我就會認為應該有價值了，我應該會想要去瞭解一下。」</p>
<p>「那萬一我有設計方面的東西要改，比方說網頁風格。我不是要開啟所有成千上萬的網頁改到死。」芭樂王經理頹喪的說。</p>
<p>「所以，你現在知道 css 的重要性了吧。你只要更改 css 的風格內容，所以已連結的網頁都會一起改風格。這樣不是既迅速又有效率。」蜘蛛人吐了口煙。</p>
<p>「哇賽，沒錯。但是，如果我要改選單，或是網頁裡一些文字、圖片呢？這時候就不是 CSS 可以解決的。」芭樂王竊喜終於拌回了一城。</p>
<p>「厚，這是資訊架構問題。第一方面，你在網站後台功能就要寫好更新的功能。另一方面，你可以選擇另一種架構。就是說，產品列表使用靜態頁面，然後產品內頁使用程式頁呼叫。比方說，網友搜尋芭樂干，於是我們家的搜尋引擎老大就利用我們這些機器人蒐集來的資料，秀出所有有關芭樂干的網頁。這時候，你的靜態產品列表頁本來有芭樂干的產品連結，如果你的網站做的好，自然會排在前面。於是網友很快的到達你產品列表頁，進而點選你的芭樂干產品內頁。這樣你的靜態網頁更新只到第一層，這樣更新速度因為網頁量較少而稍快，而第二層的產品內頁用程式控制，更新上更快。這樣也算是一舉兩得。」蜘蛛人霹靂啪啦的馬上提出解決方案。</p>
<p>「 OK ！如果這樣的話，你真的不會因為變態網頁，不是，是靜態網頁過多導致你迷路嗎？」芭樂王經理開始進入狀況了。</p>
<p>「你也幫幫忙，我是國際型企業 GOOGLE 的機器人耶，你這樣說實在是有點汙辱我了。不過，不過如果你願意提供 SITEMA P ，那就更棒了！ 」蜘蛛人又開始抖起了腳。</p>
<p>未完待續</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/8/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/8/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/8/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=8&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/03/21/google%e6%a9%9f%e5%99%a8%e4%ba%ba%e6%8a%93%e8%b3%87%e6%96%99%ef%bc%9f2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>
	</item>
		<item>
		<title>Google機器人抓資料？(1)</title>
		<link>http://survivortom.wordpress.com/2008/03/21/google%e6%a9%9f%e5%99%a8%e4%ba%ba%e6%8a%93%e8%b3%87%e6%96%99%ef%bc%9f1/</link>
		<comments>http://survivortom.wordpress.com/2008/03/21/google%e6%a9%9f%e5%99%a8%e4%ba%ba%e6%8a%93%e8%b3%87%e6%96%99%ef%bc%9f1/#comments</comments>
		<pubDate>Fri, 21 Mar 2008 06:23:20 +0000</pubDate>
		<dc:creator>survivortom</dc:creator>
				<category><![CDATA[SEO搜尋引擎最佳化]]></category>

		<guid isPermaLink="false">http://survivortom.wordpress.com/?p=7</guid>
		<description><![CDATA[轉載於 沙哇啦的無聊發想  - SEO 筆記 -Google 機器人與芭樂網經理的對話<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=7&subd=survivortom&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>轉載於 <a target="_blank" href="http://blog.yam.com/sawala/article/9943808">沙哇啦的無聊發想</a>  &#8211; <a href="http://blog.yam.com/sawala/article/9943808">SEO 筆記 -Google 機器人與芭樂網經理的對話</a></p>
<p>前幾天我在路邊抽煙的時候，聽到隔壁有一個西裝筆挺的傢伙對著一位奇裝異服的怪咖鞠躬哈腰，於是我很無聊的偷聽他們講話。一聽之下不得了，原來他們聊的是<strong>「 SEO 」搜尋引擎最佳化</strong>。雖然，我兩三年前曾經大略研究過，而他們說的東西，網路上也早有專家發表。但是，離開網路圈一年的我，還是生疏不少。再加上我最近工作上的需要，於是我趕緊尾隨他們，看能不能藉此溫習一下。</p>
<p>果然不出我所料，他們走進了伯朗咖啡廳，這可是近年來 IT 網路界們大家最喜歡的聚集地。於是，我趕快做到他們旁邊，打開我的筆電，假裝很認真的在玩新接龍，順便在看看網路上得芳鄰有沒有什麼新鮮的東西。</p>
<p>「我說 Google 機器人大哥，我自我介紹一下，我是芭樂網的網站經理芭樂王，真感謝您賞光，願意跟我來喝一杯咖啡。」</p>
<p>「沒什麼，反正有人願意請客，我也沒差。」 Google 機器人大哥抖著腳一副屌樣的回答。</p>
<p>「今天怎麼有空到機房來逛逛啊，要不是因為今天公司的冷氣壞掉，我只好跑道機房來吹冷氣，根本就遇不到您啊。您下次預計什麼時候要來，我也好準備準備。」芭樂王一臉諂媚的說。</p>
<p>「ㄟ，你搞清楚喔，不是每一個主機服務商的機房我都願意進去的好嗎。有些主機商因為他們都是一些阿撒不魯客戶，要嗎發垃圾信，不然就是搞作弊，這樣的主機，我們 team 的人早就不想去了。今天要不是你租的主機商，還沒列入我們機器人小組的黑名單，搞不好你ㄧ輩子都遇不到我。」</p>
<p>「哇，原來選擇主機服務商也會影響到 Google 機器人的造訪喔。」</p>
<p>「廢話，我可是國際級企業 Google 的員工耶，我們會去做這麼沒效率的事嗎。明明知道這間主機沒內容，我幹麻要花時間去呀。」 Google 機器人順手從芭樂王的菸盒裡拿了一隻煙，叼在嘴上。</p>
<p>「您抽，您抽 ! 不知道我這包燈洗路白色的煙還何不合您胃口。」</p>
<p>「哎呀，抽這麼淡幹麻，下次要改進呀 ! 」</p>
<p>「是，是 ! 不過話說回來，萬一有些公司的網站很有內容，但是不小心選錯主機商，這樣不是很倒楣嗎 ? 」</p>
<p>「你的意思是說我們很機車嗎 ? 我告訴你，這年代，我們看的是整體性的表現。如果你連房子都不會租，我們當然會認為你很遜啊。像我們這種國際型企業的員工，絕對不會犯這樣的錯誤。」</p>
<p>「當然當然。」芭樂王眼睛一轉。「請問 Google 機器人大哥，不知道您剛剛有沒有把我們網站的優良內容回報給貴公司呢，這樣我們公司的 GOOGLE 排行才會高一點哪。」</p>
<p>「我拜託你，不要一直叫我 Google 機器人大哥，這樣很沒禮貌耶。這就好比你去學校家長會，問你兒子說「你老師咧 ? 」一樣。算了，除了你的煙淡了一點，我看你還蠻順眼的，不然，給你我在網路上的暱稱好了。請叫我蜘蛛人。」</p>
<p>「ㄜ …. ，蜘蛛人大哥。關於我公司的網站 ? 」</p>
<p>「網站 ? 你的網站是什麼，我沒印象耶。」剛剛改名叫做蜘蛛人的 Google 機器人一臉迷惑的問道。</p>
<p>「就是 <strong>芭樂王網站 </strong>啊，在 B 櫃第二層。裡面有很多具有參考價值的芭樂相關資訊耶。」芭樂王經理一臉憤憤不平的說。</p>
<p>「這樣ㄚ，那真是對不起了」蜘蛛人似乎沒有什麼歉意的說。「你也知道，身為國際型企業 GOOGLE 的員工，重要的是，你的網站符不符合我們的規矩。唉呀，你年紀也有一點了，不要認為網站做給自己爽的就好。」</p>
<p>「你的意思是說，我的網站不符合你們篩選的標準」芭樂王一臉悲憤。「你知道嗎，光首頁的動畫 FLASH ，我們就做了三個月。不但圖片優、動畫美、過場炫、連音效都搞的高音甜，中音準，低音沉，總之一句話，就是通透。這樣用心的 FLASH 首頁你居然會沒印象！」</p>
<p>「喔，原來是這樣ㄚ。」蜘蛛人喝了ㄧ口咖啡「唉，這咖啡還是沒有我們國際型企業 GOOGLE 的咖啡好喝。」「我告訴你，我是 IT 人員，誰管你 FLASH 好不好看，精不精采ㄚ。 FLASH 對於我們國際型企業 GOOGLE 來說，完全不列入考量。你 FLASH 做的再怎麼炫，我們這種 IT 是看不懂的。 FLASH 的內容是動畫，就算裡面有文字，那依然圖片。就算我們這種國際型企業 GOOGLE 發展出可以辨識動畫或圖片裡文字的技術，如果用在我們機器人身上，你不覺得很沒有效率嗎？這世界每天都有成千上萬的網站出現，我們可沒有這種中國時間去瞭解這種東西。」</p>
<p>「原來是這樣啊！」芭樂王經理一臉枉然的說。「所以，你不建議我們網站首頁用 FLASH 嗎？可是，好的 FLASH 真的可以提昇企業網站的形象啊。而且，這樣網站看起來野生動一點不是嗎？」</p>
<p>「你這樣講是沒錯。」那個曾經是 GOOGLE 機器人大哥的蜘蛛人說。「但是，我老闆的意思是說，資訊這種東西，越容易閱讀越好。用複雜或更豐富的視覺呈現，不見得對使用者是好的。我記得上次有一次我在主機裡鑽來鑽去的時候，就有看到一個不知道叫做沙沙拉還是哇哇啦的部落客就寫說，企業網站建議使用圖文傳統模式清楚的呈現企業內容。若是一定要使用 FLASH ，可以作成活動網站的模式，這樣可以更加的凸顯行銷主題。這樣的作法似乎可以兩全其美。」</p>
<p>「你這樣說也是有道理，那我去你們 GOOGLE 找一下沙沙拉還是哇哇啦的部落格來參考一下好了。」芭樂王經理還是有點傷心的說。</p>
<p>「不過，蜘蛛人大哥，撇開首頁 FLASH 動畫來說，我們動畫結束之後，不是也會跑到第二頁，裡面關於芭樂的資訊也很豐富啊，你怎麼會完全沒印象呢！」</p>
<p>「讓我想一想」蜘蛛人又拿了一隻芭樂王經理的煙。「我好像有印象 ….. 」「呦，我想起來了，就是那個害我迷路到很不爽的芭樂網站嘛。」</p>
<p>「迷路？」 芭樂王經理不解的問</p>
<p>「對，就是你們的 HTML 搞得太複雜了！」</p>
<p>「抗議，別人寫 HTML ，我們也寫 HTML ，哪有什麼複雜不複雜啊？」</p>
<p>「抗議無效！就說說你們家的表格吧，那邊問題太多了！」蜘蛛人淡淡的說。</p>
<p>「大家網站排版都是用 TABLE 啊，而且我們家的美術設計還是表格高手。像一塊圖加文加表單的區塊，她可以用表格排出完美的 LAYOUT 。而且， TABLE 語法不就是 &lt;TR&gt;&lt;TD&gt; 之類的，哪有什麼複雜啊。」芭樂王經理驕傲的說。</p>
<p>「所以說啊，你們落伍了。像你們家的網站，一個大 TABL E ，裡面有分一堆 &lt;TR&gt; 。然後 &lt;TD&gt; 和 &lt;/TD&gt; 之間，又夾了 &lt;TABLE&gt; ，那個 &lt;TABLE&gt; 裡面又有背景圖片、表格顏色、置左置中的，之後再來一段文字。你知道嗎，我在裡面繞來繞去有多辛苦嗎？身為國際型企業 GOOGLE 的員工，怎能作這麼沒效率的事。 」這次換蜘蛛人忿忿不平的連抽兩口煙。</p>
<p>「不然，還能怎麼樣啊， TABLE 是很普遍的技術啊？沒有了 TABLE ，怎麼排版？」芭樂王經理一臉困惑。</p>
<p>「你們這些網路從業人員，沒事也要吸收一點新知識啊。」蜘蛛人的氣開始有點消了。「你們可以使用 CSS 啊！」</p>
<p>「那個 CSS 我知道啦，我們家設計也會。就是改字體的啊。比方說我要細字體，設計就會用 CSS 搞出漂亮的字體。我想你是搞錯了吧，改字體的東西怎麼可以用來搞網站排版呢？」芭樂王經理第一次抬頭挺胸的大聲說話。</p>
<p>「你要這樣想，表格的定義是什麼。在我們 IT 人員眼中，表格就是某一行字，其上下左右距離某某數值，然後在那數值上，增加點至線。這樣的模式，就可以用在 CSS 上了。」蜘蛛人繼續說道。「你要開始有一種觀念。你的網頁只需要文字。然後，所有的表格統統轉變成 CSS 來呈現。順便告訴你一點， CSS 請用連結 ，不要直接寫在 &lt;BODY&gt; 上面。 」</p>
<p>「啊？什麼意思啊？」芭樂王經理一臉遇到外星人的痴呆樣。</p>
<p>「你是在問表格 CSS 化還是 CSS 連結？算了，我猜你完全都聽不懂吧！看在我剛剛抽了你兩隻煙以及未來可能抽你更多煙的狀況下，教你一個秘訣。」剛剛變成蜘蛛人的 GOOGLE 機器人大哥露出神秘的眼神。</p>
<p>「對啦，有沒有什麼速成法，這個我做愛聽。」芭樂王經理終於高興了起來。</p>
<p>「你去玩部落格就會知道了！比方說，你隨便找一個免費的部落格，選一些制式的版型，再寫一些噫噫唉唉不知所謂的內容，這時候，你的部落格大致有些樣子了。這時候，你去部落格後台，把 CSS 叫出來，給它全部刪掉，這時候，你會發現，原本排的美美，你以為是 TABLE 搞出來的部落格，會變成醜不啦機一行一行的文字。這時候，你就瞭解 CSS 排版的威力了。」「你再使用網站提供的 CSS ，開始自己試著改改看，這時候你就可以開始快速的學習 CSS 的語法了！」</p>
<p>「聽起來很難，不過應該是個可行的方案。我明天叫設計人員來處理一下好了。」芭樂王經理若有所思的沉吟。</p>
<p>「對啦，反正官字兩個口。」蜘蛛人不屑的說。</p>
<p>「但是你們 TEAM 的機器人怎麼這麼喜歡 CSS 啊，該不會是 CSS 的開發商常請你們去金錢豹呀？」芭樂王經理賊賊的竊笑。</p>
<p>「你這種言論對我們這種國際型企業 GOOGLE 員工簡直是一種汙辱。靠，再罰你一根煙。」蜘蛛人生氣的大叫。</p>
<p>「是 … 是 … 馬上來。」</p>
<p>「既然你有這樣的疑慮，再加上我也怕我們隔壁那個鬼鬼祟祟搞偷聽的傢伙誤會，我就解釋給你聽。」蜘蛛人抽起了來自芭樂王經理的第三根煙。</p>
<p>「重點在效率。你網頁的 HTML 標籤越多，網頁的 K 數越大，然後我們 TEAM 的機器人讀的越辛苦。所以 HTML 的語法太過於複雜，對我們的工作效率越是傷害。既然會傷害效率，乾脆放棄，反正這世界多得是網站。像一組 TABLE 所帶來的標籤會很多。你一旦用了 TABLE ，一定會用無數的 &lt;TR&gt; 、 &lt;TD&gt; 。如果，你一開始就定義在 CSS 裡，然後使用外部連結，你想想看，你的網頁程式碼會多乾淨。原本要用一大堆 &lt;TR&gt; 、 &lt;TD&gt; ，現在只要呼叫 CSS 就可以了。當然，我們剛剛說得 FLASH 也是一樣，你也可以用一組 JAVASCRIPT 把 FLASH 相關 HTML 寫在裡面，然後呼叫 SWF 檔。這樣的 HTML 原始檔也會搞得很簡潔，這種方式我們也愛 」。蜘蛛人說得性起，直接用吸管在桌子上劃起了程式碼。「你可以這樣處理 FLASH 」</p>
<p>「你先在 &lt;head&gt; 前先導入一隻預先寫好的 JS 」</p>
<p>&lt;script type=&#8221;text/javascript&#8221; src=&#8221;/js/SWFObject.js&#8221; mce_src=&#8221;/js/SWFObject.js&#8221;&gt;&lt;/script&gt;</p>
<p>「然後在預計插入 FLASH 的地方，只要寫上以下的 CODE 。」</p>
<p>&lt;script type=&#8221;text/javascript&#8221;&gt;</p>
<p>var fo = new SWFObject(&#8220;XXX.swf&#8221;,&#8221;flash&#8221;, &#8220;500&#8243;, &#8220;4000&#8243;, &#8220;5&#8243;, &#8220;# 3a 403c &#8220;);</p>
<p>fo.write(&#8220;flash&#8221;);</p>
<p>&lt;/script&gt;</p>
<p>「這樣的程式碼就非常的清爽，不但執行速度快，而且避免了以前插入 SWF 檔案又臭又長的 HTML 。」</p>
<p>由於咖啡聽的冷氣很強，所以芭樂王經理急急忙忙的在水漬未乾前，趕快抄起來。</p>
<p>「所以你的意思是說，我們在製作網頁時，一定要優先考慮讓你們 TEAM 的機器人工作方便？」</p>
<p>「也不是這樣說拉。」蜘蛛人訕訕的說。「當然還是以閱覽者需求以及網站的內容屬性為主。但是，在程式編排上，如果這樣作，網頁不但可以減肥，而且我們會比較爽。」</p>
<p>「我瞭解，我瞭解」芭樂王經理當然瞭解蜘蛛人的意思。</p>
<p>未完 請見Google機器人抓資料？(1)</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/survivortom.wordpress.com/7/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/survivortom.wordpress.com/7/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/survivortom.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/survivortom.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/survivortom.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/survivortom.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/survivortom.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/survivortom.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/survivortom.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/survivortom.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/survivortom.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/survivortom.wordpress.com/7/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=survivortom.wordpress.com&blog=2921665&post=7&subd=survivortom&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://survivortom.wordpress.com/2008/03/21/google%e6%a9%9f%e5%99%a8%e4%ba%ba%e6%8a%93%e8%b3%87%e6%96%99%ef%bc%9f1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/acbb2b59bfcfb8e4130e24153e19dbf8?s=96&#38;d=identicon" medium="image">
			<media:title type="html">survivortom</media:title>
		</media:content>
	</item>
	</channel>
</rss>