Web_Design 板


LINE

http://www.zdnet.com.tw/enterprise/technology/0,2000085680,20125894,00.htm 近来Blog与网路广告的兴起,让许多个人与公司都开始架设Blog,在上面放置广告,期望 网路带来流量与广告收益。甚至有许多人在研究所谓的SEO(搜寻引擎最佳化),希望经 由一些调整,让网站可以在搜寻结果中列在较前面的位置,以让流量与曝光增加。 顿时关於这两个主题的Blog也开始增多,多到有点夸张的地步。光是繁体中文语系大概就 有为数不少的相关网站。「网路广告的放置与调整」与「搜寻引擎最佳化」已成为显学。 然而一些更加显而易见的「页面配置」重点反而常被忽略。忽略这些重点,去做广告调整 与SEO,就好像约美眉去吃饭时,租了台双B轿车还订了高级餐厅,却忘记注意外表,只穿 个蓝白拖+短裤一样的本末倒置。然而有这种情况的Blog其实在不在少数。既然上面两个 主题已经有太多人说到烂,我们就来说说这些大家容易忽略的重点吧。 载入时间与画面组成 其中一个重点就是网页的载入时间,很多会玩/爱玩Javascript的人都喜欢在网页上放上 一堆「排名/人数/时间/音乐」之类的标签,把网页贴得花花绿绿,搞得好像参加F1的赛 车一样。 可是赛车跟网页不一样啊,赛车上面贴再多广告也不会跑得比较慢,网页贴了一堆 Javascript可是会慢到不行!内容再好,等个十几秒还没出来,读者早就跑掉了。就算没 跑掉,一堆乱七八糟的东西也会分散读者对内文的注意力,或是降低对广告的目光与点击 率。碰到提供Javascript的网站当机或塞车时,你的网页也会跟着卡住,读老半天读不出 来。放了越多Javascript,发生这种事的机会也愈大。 网页的载入时间与摆设空间(或说读者的等待时间与视觉空间)都是有限的。你必须思考 怎麽有效利用这些有限的时间与空间。 所谓「有效的利用」可以大略分为两大类: 一、用来增进收益:举凡各种网路广告、或是「在此刊登广告」、「网站合作」的图示等 都属於此类范畴。这类东西可以直接或间接地将Blog的曝光转换成收益。 二、用来增进浏览功能:这些东西包括最新文章、文章分类、文章搜寻等功能。访客可以 用这些工具在你的内容间浏览切换,进而多花时间在你的网站上。 所以设置版面时就要思考:「我放了这个东西能不能增进收益或改善浏览功能?还是只是 分散读者的注意力,不必要地拉长网页载入时间?」从这个逻辑出发,很多只是酷炫地显 示排名/访客数/时间的Javascript,根本没有放上网页的必要。 想想:有多少访客会因为你的网页上有个时钟,就专程连上来看时间?又有多少人关心你 部落格的各项排名,胜过文章的内容呢?(除非你在几万个Blog中排前十名,非得放上来 耍酷不可) 这里有个叫(Pingdom Tool)的网站,可以测试一个网页的载入时间。如果你发现贵站的 载入时间比已经满到不能再满的奇摩首页还要久,可能就要稍微调整一下了。 处理网页Javascript时除了尽量精简外还有个小撇步,就是把载入时间较长,或主机常当 机的Script放在右侧。因为网页的载入多半是由左至右,这样的做法可以这些JS还在载入 或载入失败时,读者也可以正常阅读内文。很多Blog老手都使用这个诀窍缩短读者等待的 时间。 网页的相容性 另个常被忽略的是网页的相容问题。虽然绝大多数使用者都用IE来浏览网页,但还是有相 当数目的人偏好Firefox、Opera、Safari等浏览器。如果IE以外的浏览器无法正常显示你 的网页,就等於把两三成以上的人摒除门外。 各种不同浏览器在显示上最常出现的不同之处有二:一是图文的配置。在一些浏览器里看 起来放得好好的图与文,在别的浏览器里却是乱糟糟。二是Javascript的处理;在一些浏 览器里正常运作的JS,到别的程式中却会显示错误讯息、拖慢速度甚至当机。 除了浏览器的不同,解析度与字型也常造成网页的错误显示。如果版面在调整时没有考虑 到「浏览器或作业系统预设了较大的字型」的情况,就可能让画面惨不忍睹,给访客的印 象也就整个low掉了。 因此建议大家准备几套不同的浏览器,每次刊登新文章时随手用不同的浏览器开看看,检 查一下图文或版面有什麽问题。在设计或调整网站版面时则要更仔细地检查,确保在各种 「浏览器/解析度/字体大小」的组合下都能正常显示,不会有东西跑掉/乱掉的情况发生 。 长度、图文比例与小标题 这是我开始帮网站写稿後才知道的小秘诀。就是一篇文章的长度以一千字上下最为理想。 两千字以上的文章最好分成多篇来刊登。另外不妨放一些图片在文章中间或是开头之处, (与内容无关也无妨),在视觉上维持一定的图文比例。 这是因为「网页」这种素材天生不适合长篇阅读,读者对你的文字付出的注意力十分有限 。如果没有一些图画在旁点缀,整个版面会显得太乾。使用者看到整个萤幕舖天盖地的字 ,往往看都不看就按下Back键逃走了。除非你自信文笔跟九把刀或金庸一样,读者不看完 整篇停不下来,不然还是乖乖的控制字数比较实在。 再来还可以考虑在每个段落的开头给出一个小标题,凸显文章的结构,让阅读更为轻松方 便,读者可以预期你接下来要讲的内容重点。 把握「长度、图文比例与小标题」这三个重点,绝对可以让Blog的画面与文章更为好看好 读。 待客之道 当然这些「页面配置」对於你Blog的排名、收益可能未必有最快速直接的影响,但是「从 读者角度着想,让网页好看好读,将内容用最好的方式呈现」是架设一个网站的根本。来 看你部落格的人,就是你个人或公司的客人。善尽待客之道,则是主人的责任。 经营一个Blog光有这些基本技巧当然不够,但是如果连这些东西不重视,其它的策略也免 谈了。这就好像一家餐厅如果连服务态度与菜色装盘都不重视,宣传跟行销策略再怎麽搞 也是难以成功的。 -- Meng-Lien Chen, MLChen,Ptt2: HowDai http://www.wretch.cc/album/MLChen --



※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.112.4.68
1F:推 qazsd: 11/19 14:38
2F:推 othree:推!! 11/19 18:31
3F:推 ckai1983:一般blog使用者跟web design有关吗? XD 11/19 19:04
4F:→ aquarianboy:原来我op了 :) 11/20 06:22







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:BabyMother站内搜寻

TOP