网站建设页面跳转适配
这种一般也比较常见,站长在做优化时,会有www和m两个站,一个pc一个移动,用户在访问网站时,检测当前所用设备,跳转到对应的网址,pc和移动用的是不同代码且网址也不同。
在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。
在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。
例如,假设pc版网址为http://www.abc.com/id.html,且对应的移动版网址为 http:/m.abc.com/id.html,那么在pc版网页上,添加:
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.abc.com/id.html" >
而在移动版网页上,添加:
<link rel="canonical" href="http://abc.com/id.html" >
这篇文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。
1、记住:你能掌控的时间是有限的
我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的,他将放弃并离开。
2、记住:用户是略读页面
当你进入一个房间时,你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形,你环视整个屋子,然后找令你敢兴趣的东西。在第一次浏览网站的时候也会发生类似的事儿,浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客文章等等
3、网站的左上角是最明显的位置
这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始),另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角,这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。
4、了解“F”结构
一些视觉跟踪调查研究证明,用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到,中间区域仅有一半被看到,再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候,你可以去考虑一下这一因素。
5、了解用户忽略什么
用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告,同时,用户也会忽略大块的文字区域。没有人有时间(更确切的说是耐心!)去阅读大片的文字,他们仅仅是了解页面文章的大意。
6、文字和图片
一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息,我建议你使用大的标语文字来代替那些很炫的头部图片……
7、用设计元素来吸引注意
来吸引注意的好的元素是文字口号,行动纲领的按钮(通常用亮色调),分成1-2-3级,或者就是一个普通的列表……
如果你在写一篇很长的文章,很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题,通过这简单的步骤向用户阐述这篇文章的主题。
8、文字格式
恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。当然,你也需要用格式化强调一些你认为很重要的文字或者句子,这些能够引导你的读者阅读完全文。
9、使用简洁图片
我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时,要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。
你使用人的脸部图片更容易引起用户的注意,尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。
10、使用留白
使用留白可以给某些元素更多的可视空间,如果某元素与边距或其它元素太近就容易被混淆,那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。
手机建站的优势
1. 广大的用户群体:据不完全统计,截止2018年,全国智能手机的保有量已达到13亿,分布于各年龄层。而且相比于PC端,手机有着随时随地上网的方便性。如果只有PC端网站很可能会流失一些喜爱手机端的用户。
2. 方便交流:手机网站在交互功能上的设计要比电脑网站的多样化,人性化,可以任用户自主选择,这样可以提高效益的转化率。
3. 宣传便利:移动端手机网站是最快捷的宣传手册,无论何时何地,遇见何人,你只要打开手机即可以让对方浏览到产品和服务信息。不会错过任何一次宣传和推销。手机网站还可以更好的结合微博、微信做推广、多管齐下让信息飞起来,抢占市场。
4.便携的移动支付:如今移动支付越来越普及方便,手机网站直接支持移动支付可以更好地营销经营,免去了繁琐操作带来的消费热情消退。
5. PC端网站对手机的不匹配:虽然手机的浏览器可以直接登入PC端网站,但是这样打开的网站会进行缩放,字体太小,不匹配手机屏幕,载入速度慢,浏览体验十分糟糕。