网站建设

SEO(Search Engine Optimization)即「搜寻引擎最佳化」,白话来说就是让Google、Bing等搜寻引擎给你的网站有较好的评价, 进而提高你的网站在有关搜寻引擎内的排名,因此网页设计时必须依照搜寻引擎的运作规则来设计网页。

搜寻引擎的获利来源是关键字广告,越多使用者用这个搜寻引擎,广告业主才会愿意花钱,这个搜寻引擎才会赚钱。 以Google而言,必须符合使用者习惯、关联性高、减少重复的搜寻结果与恶意连结…等,才能保有搜寻引擎龙头地位, 因此SEO的重点仍是与使用者习惯有关。在竞争热门关键字的情况下,每个网站都一定会依照Google搜寻规则放置这些热门关键字词, 剩下的加分题,就是看你的网站是否能符合使用者习惯,特别是善待最近一年人数大增的行动用户,对SEO都是大大加分。
综合各家经验,我们将自适应网页对SEO的好处整理如下:

A减少重复的网页内容

如果不是用自适应网站设计网站,除了电脑版网页外,必须再另外用一样或接近的图文内容设计手机版网页, 但电脑版与手机版网页的链结网址(link)是不同的,以Google的规则而言,网址不同而内容重复的状况下, 虽不至于将你的网站列为恶意连结,但仍会影响评价(Page Ranking)。

B降低网页跳离率(Bounce Rate)

如果行动用户google后点选你的网站,发现不能用手机顺利浏览而又立即回到搜寻页,容易被Google认为你的网站不是最好的搜寻结果,对你的排名也会跟着下降。根据2012年统计数据,61%的行动用户遇到不能用手机顺利浏览的网页会选择立刻跳出, 2013年之后,想必这个比例将会再提高。
数据来源:《Mobile Marketing Statistics 2012》

C避免使用者碰壁 提高网页可用性(Usability)

如果电脑版与手机版是不同网站,许多使用者可能会找不到原本搜寻到的内容。比如说,你在电脑前找到合用的网页,之后用手机连上网页后却被迫跳到手机版,但再也找不到原本的内容。
自适应网页就不需要再选择电脑版、手机版本,使用者可以很顺利、方便的使用各种设备浏览网页。

D保持单一链结(link)

自适应网站设计的另一项好处是不需要再分电脑版及手机版的链结,分享给朋友时可以确保双方都能看到一样的内容,当跳离率下降、可用性提高、分享次数增加,随之而来的就是增加流量及停留时间,自然会提高搜寻排名。

E提高在地搜寻评价 (Higher Local Ranking)

越来越多人用手机、平板搜寻日常服务、娱乐、旅游等生活资讯,而Google为了便利行动网民,行动装置的搜寻结果会优先显示离使用者距离较近的店家。 比如说一个位于台北内湖的手机搜寻「餐厅」的话,Google的搜寻结果会优先显示内湖附近的餐厅相关网站。 这个原意是好的,可以增加在地商家的曝光率,但若这个网站不能在手机上顺利浏览,高曝光率反而会带来高跳离率, 也就是越多人点你的网站就越多人跳开,进而影响搜寻排名。因此若你是提供在地服务的店家,如餐厅、KTV、汽车旅馆…等,自适应网站设计对你的行动搜寻排名会大大加分。

Google喜欢自适应网站设计

如果Google就是喜欢这一套,那就更没什么好说的,用自适应网站设计就对了。

January 14, 2016

响应式网站设计对SEO的好处

SEO(Search Engine Optimization)即「搜寻引擎最佳化」,白话来说就是让Google、Bing等搜寻引擎给你的网站有较好的评价, 进而提高你的网站在有关搜寻引擎内的排名,因此网页设计时必须依照搜寻引擎的运作规则来设计网页。 搜寻引擎的获利来源是关键字广告,越多使用者用这个搜寻引擎,广告业主才会愿意花钱,这个搜寻引擎才会赚钱。 以Google而言,必须符合使用者习惯、关联性高、减少重复的搜寻结果与恶意连结…等,才能保有搜寻引擎龙头地位, 因此SEO的重点仍是与使用者习惯有关。在竞争热门关键字的情况下,每个网站都一定会依照Google搜寻规则放置这些热门关键字词, 剩下的加分题,就是看你的网站是否能符合使用者习惯,特别是善待最近一年人数大增的行动用户,对SEO都是大大加分。
January 14, 2016

响应式网页设计的优缺点

支援任何装置是RWD(Responsive Web Design 响应式网页设计)设计的最主要项目,现今智慧型手机萤幕尺寸规格各式各样,纵使制作专门的网页版一弄不好可能也有漏网之鱼,但使用RWD可以不用担心手机不同萤幕尺寸带来各种画面上的问题,因为RWD会使网站内容能自动符合装置萤幕尺寸来进行延展或重新排列。以下图iPhone网站为例,用桌电浏览网站时商品图片是横向水平排列,但用手机浏览时,商品图片便会自动变为由上到下的垂直排列,让使用者不用再将手机萤幕放大平移、能够更轻松便利的浏览产品资讯。
January 14, 2016

什么是响应式网页设计

iOS 和 Android 的发布,智能手机、平板电脑、智能家电等新设备层出不穷,极大便利了我们的生活,但面对形形色色的终端设备,千差万别的屏幕分辨率,给网页设计带来了新的 挑战,我们无法估计用户的终端设备和网络状况,更不可能为每种设备都专门设计一套网站,如何实现 Web UI 在多终端中的适配呢?2010 年 Ethan Marcotte 曾经在 A List Apart 发表过一篇文章"Responsive Web Design",响应式网页设计提供了一种设计方法,可以使同一网站在智能手机、桌面电脑,以及介于这两者之间的任意设备上完美显示。
January 12, 2016

手机版网站与 RWD 网站有什麽差别?我该如何选择?

随着近年来移动装置越来越流行,我们有必要说明一下,一般网站是如何在小型装置展示,以及如何适应多重萤幕的。目前主流的两种方桉,分别是「手机版网站」与「RWD 设计」,我们会针对这两种方桉做简单的说明,让您了解该如何选择。 手机版网站 这是早期最传统的解决方桉,由于手机萤幕较小,没有办法呈现完整的网站样貌,且早期太多 Flash 等等不支援手机显示的网站元件,因此那时候都是由程式判断浏览器的 UserAgent 是否为手机,若是的话,就另外显示专门为手机製作的简易版网站介面。