首页

app界面赏析,--蓝蓝设计 移动端UI设计资源分享(十四)

前端达人

移动互联网的迅速崛起,让移动网页,移动客户端越来越重要,客户端的页面设计也是一门很大的学问。科技迅速发展的今手机屏幕的尺寸越来越放大化,但却始终 很有限,因此,在APP的界面设计中,精简是一贯的准则。这里所说的精简并不是内容上尽可能的少量,而是要注重重点的表达。在视觉上也要遵循用户的视觉逻 辑,用户看着顺眼了,才会真正的喜欢。


接下来为大家分享六款精美的app UI设计案例:


蓝蓝设计(北京兰亭妙微科技有限公司)是一家专注而深入的UI设计公司,公司对UI设计的追求一向很高,致力于为卓越的国内外企业提供卓越的手机 ui设计、软件界面设计、网站设计,用户研究、交互设计等服务。

WechatIMG1556.jpegWechatIMG1557.jpegWechatIMG1558.jpegWechatIMG1559.jpegWechatIMG1560.jpegWechatIMG1561.jpegWechatIMG1562.jpegWechatIMG1563.jpegWechatIMG1564.jpegWechatIMG1565.jpegWechatIMG1566.jpeg


--手机appUI设计--

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服



  更多精彩文章:

       手机appUI界面设计赏析(一)

       手机appUI界面设计赏析(二)

       手机appUI界面设计赏析(三)

       手机appUI界面设计赏析(四)

       手机appUI界面设计赏析(五)

       手机appUI界面设计赏析(六)

       手机appUI界面设计赏析(七)

       手机appUI界面设计赏析(八)

       手机appUI界面设计赏析(九)

        手机appUI界面设计赏析(十)

       手机appUI界面设计赏析(十一)

       手机appUI界面设计赏析(十二)

        手机appUI界面设计赏析(十三)

Vue2.x 项目性能优化之代码优化

前端达人

众所周知,Vue项目采用了数据双向绑定和虚拟DOM基础,在数据驱动代替DOM频繁渲染已经算是非常高效了,对开发者而言已经非常优化了,那为什么还会有Vue性能优化这一说呢?

因为目前Vue 2.x使用了webpack等第三方打包构建工具,并且支持其他第三方的插件,我们在项目中使用这些工具时可能不同的操作在运行或打包效率上会有不同的效果,下面就来详细说明优化的方向。

1 v-if 和 v-show 的使用
v-if 为false的时候不会渲染DOM到视图,为true的时候才会渲染到视图;
v-show 不管初始条件是什么,元素总是会渲染到视图,只是简单地基于 CSS 的 display 属性进行切换。
最佳实践:频繁切换显示隐藏的元素采用v-show,很少改变使用v-if

2 computed 和 watch 区分使用
computed: 是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed的值;
watch: 更多的是「观察」的作用,类似于某些数据的监听回调 ,每当监听的数据变化时都会执行回调进行后续操作;
最佳实践:当我们需要进行数值计算,并且依赖于其它数据时,应该使用 computed,因为可以利用 computed 的缓存特性,避免每次获取值时,都要重新计算;当我们需要在数据变化时执行异步或开销较大的操作时,应该使用 watch,使用 watch 选项允许我们执行异步操作 ( 访问一个 API ),限制我们执行该操作的频率,并在我们得到最终结果前,设置中间状态。这些都是计算属性无法做到的。

3 v-for 遍历必须为 item 添加 key,且避免同时使用 v-if
现在不加key一般会报错的,添加key可以方便 Vue内部机制精准找到该条列表数据。当更新时,新的状态值和旧的状态值对比,较快地定位到 diff

v-for比 v-if 优先级高,如果每一次都需要遍历整个数组,将会影响速度,尤其是当之需要渲染很小一部分的时候,必要情况下应该替换成 computed属性。


4 纯显示长列表性能优化
对于只用来展示用的数据,不需要做vue做数据劫持,只需要冻结这个对象即可:

export default { data () { return { users: [] } }, created () { axios.get('/api/users').then((res)=>{ this.users = Object.freeze(res.data.users) }) } } 

5 事件的销毁
Vue 组件销毁时,会自动清理它与其它实例的连接,解绑它的全部指令及事件监听器,但是仅限于组件本身的事件。 如果在 js 内使用 addEventListene 等方式是不会自动销毁的,我们需要在组件销毁时手动移除这些事件的监听,以免造成内存泄露,如:

created() { addEventListener('click', this.click, false) }, beforeDestroy() { removeEventListener('click', this.click, false) } 

6 图片资源懒加载
使用vue-lazyload插件:
安装

npm install vue-lazyload --save-dev 
1
man.js 引用

import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload) // 或自定义 Vue.use(VueLazyload, { preLoad: 1.3, error: 'dist/error.png', loading: 'dist/loading.gif', attempt: 1 }) 

修改img标签

<img v-lazy="/static/img/1.png"> 
1
7 路由懒加载
Vue 是单页面应用,可能会有很多的路由引入 ,这样使用 webpcak 打包后的文件很大,当进入首页时,加载的资源过多,页面会出现白屏的情况,不利于用户体验。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件,这样就更加高效了。这样会大大提高首屏显示的速度,但是可能其他的页面的速度就会降下来。

const Foo = () => import('./Foo.vue') const router = new VueRouter({ routes: [ { path: '/foo', component: Foo } ] }) 

8 第三方插件按需引入
我们在使用第三方库的时候,最好是按需引入而不是全局引入,因为第三方库的插件比较多全部引入会打包比较慢,如Element UI、Ant Design of Vue等UI库:

按需引入

import Vue from 'vue'; import { DatePicker } from 'ant-design-vue'; Vue.use(DatePicker); 
1
2
3
全局引入

import Antd from 'ant-design-vue'; Vue.use(Antd); 
1
2
9 优化无限列表性能
如果你是在渲染带无限滚动加载的列表时,那么需要采用 窗口化 的技术来优化性能,只需要渲染少部分区域的内容,减少重新渲染组件和创建 dom 节点的时间。 你可以参考以下开源项目 vue-virtual-scroll-list 和 vue-virtual-scroller来优化这种无限列表的场景的。
大家自己去Github看使用说明吧。

10 服务端渲染 SSR or 预渲染
一般单页应用是在浏览器端完成页面渲染的,数据是发请求从后台拿过来的;而服务器端渲染SSR是页面元素的结构(HTML)是在服务器端就已经构建好的,直接把整个页面返回到客户端的。
那SSR有什么优缺点呢:

更好的SEO:网络爬虫可以直接爬取页面信息利于被搜索引擎收录,而ajax异步请求的内容不会被收录,所以通过SSR渲染的完整的页面信息更利于SEO;
支持的钩子函数只支持 beforCreate 和 created,服务器需要处于Node Server环境;
需要更高的服务器配置:因为它包含了数据处理和页面渲染,所以服务器开支变大
如果对首屏加载速度要求比较高或对SEO有要求的可以采用SSR渲染。

转自:csdn论坛


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


一个网站完整详细的SEO优化方案

seo达人

 

 

一个完整的SEO优化方案主要由四个小组组成:

一、前端/页编人员

二、内容编辑人员

三、推广人员

四、数据分析人员

一个网站完整详细的SEO优化方案 SEO优化 SEO推广 第1张

接下来,我们就对这四个小组分配工作。

首先,前端/页编人员主要负责站内优化,主要从四个方面入手:

第一个,站内结构优化

合理规划站点结构(1、扁平化结构 2、辅助导航、面包屑导航、次导航)

内容页结构设置(最新文章、推荐文章、热门文章、增加相关性、方便自助根据链接抓取更多内容)

较快的加载速度

简洁的页面结构

第二个,代码优化

Robot.txt

次导航

404页面设置、301重定向

网站地图

图片Alt、title标签

标题

关键词

描述

关键字密度

个别关键字密度

H1H2H3中的关键字

关键字强调

外链最好nofollow

为页面添加元标记meta

丰富网页摘要(微数据、微格式和RDFa)

第三个,网站地图设置

html网站地图(1、为搜索引擎建立一个良好的导航结构 2、横向和纵向地图:01横向为频道、栏目、专题/02纵向主要针对关键词 3、每页都有指向网站地图的链接)

XML网站地图(sitemap.xml提交给百度、google)

第四个,关键词部署

挑选关键词的步骤(1、确定目标关键词 2、目标关键词定义上的扩展 3、模拟用户的思维设计关键词 4、研究竞争者的关键词)

页面关键词优化先后顺序(1、最终页>专题>栏目>频道>首页 2、最终页:长尾关键词 3、专题页:【a、热门关键词 b、为热点关键词制作专题 c、关键词相关信息的聚合 d、辅以文章内链导入链接】 4、栏目页:固定关键词 5、频道页:目标关键词 6、首页:做行业一到两个顶级关键词,或者网站名称)

关键词部署建议(1、不要把关键词堆积在首页 2、每个页面承载关键词合理数目为3-5个 3、系统规划)

然后,我们的内容编辑人员要对网站进行内容建设,怎样合理的做到网站内部优化的功效?这里主要有五个方面

第一个,网站内容来源

原创内容或伪原创内容

编辑撰稿或UGC

扫描书籍、报刊、杂志

第二个,内容细节优化

标题写法、关键词、描述设置

文章摘要规范

URL标准化

次导航

内页增加锚文本以及第一次出现关键词进行加粗

长尾关键词记录单

图片Alt、titile标签

外链最好nofollow

百度站长工具、google管理员工具的使用

建立反向链接

第三个,关键词部署

挑选关键词的步骤(1、确定目标关键词 2、目标关键词定义上的扩展 3、模拟用户的思维设计关键词 4、研究竞争者的关键词)

页面关键词优化先后顺序(1、最终页>专题>栏目>频道>首页 2、最终页:长尾关键词 3、专题页:【a、热门关键词 b、为热点关键词制作专题 c、关键词相关信息的聚合 d、辅以文章内链导入链接】 4、栏目页:固定关键词 5、频道页:目标关键词 6、首页:做行业一到两个顶级关键词,或者网站名称)

关键词部署建议(1、不要把关键词堆积在首页 2、每个页面承载关键词合理数目为3-5个 3、系统规划)

第四个,内链策略

控制文章内部链接数量

链接对象的相关性要高

给重要网页更多的关注

使用绝对路径

需要改进的地方

第五个,注意事项

不要大量采集

有节奏的更新

编辑发布文章的时候要做好锚文本

做好长尾关键词记录单

接下来,我们的推广人员就要对网站进行站外优化了,这里主要包括两个大的方面:

第一个,外链建设基本途径

友情链接

软文

目录提交

独立博客

论坛签名

黄页网站

提交收藏

分类信息

微博推广

sns推广

第二个,链接诱饵建设思路

举办活动,带上相关链接,引导网友大规模转播

最后,我们的数据分析人员就要对网站进行每天的数据分析,总结流量来源,这里主要从五个方面分析:

第一个,数据分析

根据统计(百度统计工具,CNZZ统计工具等等),分析用户进入的关键词,模拟用户思路,思考长尾关键词

第二个,竞争对手分析

百度权重、PR值

快照

反链

内链

收录

网站历史

品牌关键词

长尾关键词

网站结构

第三个,关键词定位

目标关键词

品牌关键词

热门关键词

长尾关键词

第四个,长尾关键词挖掘—长尾关键词类型

目标型长尾(目标型指的是网站的产品或者服务延伸的长尾关键词,往往优化长尾的时候都是先以目标型长尾为主,因为这些长尾可以真实给我们带来目标客户和目标量)

营销型长尾(营销型长尾是指与行业站服务相关的长尾,可以让我们进行二次转化成我们的目标用户)

第五个,挖掘长尾关键词用到的工具

百度指数工具

百度知道

百度及其他SE的相关搜索及下拉框

百度站长工具、google关键词分析工具

至此,一个完整的网站SEO优化方案已经完成,接下来就是慢慢的完善了,当然喽,这里讲的很流程化,具体怎么合理安排,合理运用,这需要长期的经验积累,不过你按照上面的方法,我觉得已经够用了。。。

收工!

文章来源:

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

网站首页SEO优化详细方法,这些地方经常被忽略

seo达人

 

网站优化最新接触到的页面就是网站的首页,很多做SEO优化的人会说首页嘛,不就是放主关键词、页面排版、内容调用就完事了,其他还有什么可以优化的呢。其实首页的SEO优化还真的不止这些,还有代码审查,H标签的合理使用,内容布局等,下面来一一揭晓。

 

首页是网站的入口页面,也一个网站的门脸,首页的内容调用和布局排版对内页的SEO优化虽然没有太大的影响,但是首页可以很容易获得较高的权重和关键词排名,优化好首页是一件重要的事。

01首页标题的优化

首页标题就是一个网站的宗旨,别人一看你的网站名称就知道是做什么领域和内容的,首页title优化的基本格式是如下。

网站名称_一句带有多个关键词广告语的话网站名称_关键词1,关键词2,关键词3这里要特别说明的是网站名称一定要放在最前面,很多的seo喜欢把首页优化的关键词放在前面,最后才是网站名称,或者干脆把网站名称去掉,这样的优化方法都是不正确的,或者说是方法不当。

不论你认为这个关键有多么重要,都不应该放在网站名称的前面,从网站运营的角度,网站名称本身就是一个品牌,在时间累积过程中会慢慢在用户脑海形成一个印象,长期的积累过后用户会直接搜索网站的名称文不是你设置的关键词。

比如我们上京东买手机不会搜索“买手机的网站”,上当当买书也不会搜索“买书网站”,而是直接找网站的名称。

02首页布局排版的SEO优化

在几年前除了一种比较流行的滚动加载内容的效果,最初在聚美优品和唯品会这样的网站时很流行,网站首页是无限滚动加载内容的,也就是你怎么都不会到底部。很多的网站觉得这样效果非常棒,于是纷纷模仿,其实对SEO优化来说非常不友好。

原因是这样的无需加载技术使用的是延迟加载方法,通过js技术来实现,在前端开发中习惯上称之为“懒加载”,是一整根据用户屏幕加载的方法,对于搜索引擎来说,蜘蛛不会滚动屏幕展现内容啊,怎么能很好的抓取页面内容。

大站使用这样的方法为什么没有问题?因为大站有钱做推广,人家只在乎用户体验,不怕没有流量,由于推广来的用户流量很大,搜索引擎也会按照一定的数据给予优质的排名。如果是小小站,学这样的方法就是自掘坟墓,没有流量、没有用户,优化又很一般,凭什么给你好的排名?所以宁愿丑一点的页面,也不要这种看似很时尚却对优化没有什么好处的技术。

03首页内容调用的问题

一般来说首页都会有轮播图,站内新闻,推荐阅读,最新发布等内容,其中轮播图对优化是没有作用的,纯属于为了良好的用户体验。

不论你怎么调用内页的数据,但是网站首页一定要保证有一个“更新器”,也就是你新发布文章或推荐到首页的内容是动态的,不是固定不变的。

也就是说网站首页不应该是一潭死水,你制作好了一个模板,之后若不更改模板,就会一直这样毫无变化,这样是不利于SEO优化的,起码时不时的要有一点变化,哪怕是新发布的文章也行。

04logo使用img且在H1标签内

网站的首页一般都会有一个logo,但是说实话,网站logo的展示方式还真的五花八门,不是说logo不好看,而是logo所在的代码不合格。

正确的logo所在的代码应该是这样的:

<h1><a href="host"><img src="/logo.png" alt="网站名称" /></a></h1>首先logo应该写在img图片标签内,这样搜索引擎可以完美地识别;有些人把logo图片写在css-background属性里面,然后再通过css来控制logo的大小,虽然看上去和正常的显示没有区别,但是搜索引擎蜘蛛会忽略background里面的图片,当作网站的一个元素图标来处理。

常见的错误写法<a href="host"></a>然后使用css把logo图片写在a标签的背景图片里,为什么不对呢?首先a表示一个超链接,其次a标签里面的锚文本(关键词)是空的,既没有文字也没有图片,这是一个空连接。

h1的作用是权重标签的使用,对于搜索引擎来说,每一个页面的h1标签就是该页面的标题,由于首页不能像发布文章那样有文章标题,所以logo就是唯一的选择。h1不能改用div,这些都很重要的细节,属于代码优化的范畴,要认真对待。

05PC与M端的移动适配

移动适配就是将拥有移动页面和PC页面的两种页面进行SEO优化合并,这里的合并并不是真正的把页面合并成一个页面,而是将权重集中起来,比如有独立的移动端页面,做了移动适配之后,用户不论是在手机端还是PC端搜索你的网站关键词时都会显示PC端页面,但如果是移动端进入网站又会自动跳转到你的移动端页面,这样更有利于关键词排名靠前。我发现有的SEO把内页的移动适配做得很好,但是首页貌似忘记了!

移动适配分为自适应和响应式,根据百度资源平台的说明,自适应页面的移动适配规则是这样的,在自适应首页的模板head标签添加meta标签如下。

<meta name="applicable-device" content="pc,mobile"><meta http-equiv="mobile-agent" content="format=html5;url=你的域名/"><meta http-equiv="mobile-agent" content="format=xhtml;url=你的域名/">这样自适应(PC和移动端网址一样)的移动适配就设置好了。如果PC端和M端的网址不一样,那么使用下面的规则分别在head里面添加meta标签,在PC模板的head里面添加如下meta。

<meta name="applicable-device" content="pc" /><meta http-equiv="mobile-agent" content="format=html5; url=移动端首页url" /><meta http-equiv="mobile-agent" content="format=xhtml; url=移动端首页url" /><link rel="alternate" media="only screen and (max-width: 640px)" href="移动端首页url" />然后对应的移动M端首页模板里面添加如下meta标签:

<meta name="applicable-device" content="mobile" /><link rel="canonical" href="PC首页url" />

这样自适应和有独立PC移动页面的移动适配就添加完成了,需要注意自适应时的规则相对简单,而PC端和移动端网址不一样时需要添加代码稍微复杂一些,如果不明白在百度资源平台可以找到相关的说明文档,上面是我整理好的适配规则,直接使用就行。

06关于首页是否添加canonical标签

对于大部分seo对于首页都不会添加canonical,我们都知道canonical标签的意思是“权威”URL,如果同一个页面有多个不同的网址可以访问时,需要添加canonical标签来建议搜索引擎采纳哪一个url,对于首页有没有必要使用呢?

首页添加canonical是很有必要的,原因有这些:①首页其实有多个入口,比如host/index.php,host/index.html这2种常见的自动在网站域名后面加上后缀的形式,也就是说前面这2种加上网站的域名,首页可以有3个URL可以访问,那么添加canonical标签就非常有必要了。

举个例子,有人使用dedecms来做的网站,搜索引擎收录了带index.html后缀的首页排名还不错,但是不带index的首页却不收录,这就是因为默认被跳转了,带index的流量大,搜索引擎认为这是用户需要的,以至于有人就很苦恼了,不希望收录排名却上去了。

在首页面模板head标签中添加如下代码:

<link href="首页url/" rel="canonical" />注意url是顶级域名,并且最后加上一个斜杠。这样就解决了首页多入口多后缀时顶级域名的权威性。

以上就是网站首页SEO优化的全部内容,如有遗漏欢迎补充,更多优质内容持续分享,欢迎关注。


网站seo优化怎么做,seo官网优化详细方法

seo达人

 

SEO优化该怎么做呢,如果事先了解百度的抓取收录原理机制,那会更容易理解,一般做SEO优化,首先我们得有一个属于自己的网站,可以说这是一个硬件条件。

一、技术层面的问题。需要前端工程师。工程师需要做的有优化代码,URL标准化,使得网站的代码精简。举个例子,两个一模一样的网站,但是编码可能不同,一个代码精简,另一个代码繁琐,百度在抓取的时候,会选择代码精简的,不会去选择繁琐的。这个道理很好理解,比如中文分简体字和繁体字,两个同样的字,正常情况下你是愿意写简体字还是繁体字,答案当然是简体字了。

网站SEO优化怎么做,具体的做法有哪些

二、需要推广人员。对网站等信息内容进行推广,也就是站外优化。全网推广营销在这里也能用上。当然还有友情链接、目录提交、提交收藏、黄页网站、分类信息等,这里再着重讲下友情链接的问题。我们可以将自己的网站和一些权重比较高的同行网站进行交换友情链接,记住一定是垂直领域的同行业,另外数量五六个为事宜,太多也不好。这么做也很好理解,比如你在网上搜索一些信息的时候,搜到一篇文章,文章结尾有提供相类似信息的文章,那你获取相关信息的速度会快很多、方便很多,这对于搜索引擎抓取也是同一个道理,减轻搜索引擎抓取的工作量,那你的权重自然会提高,当然外链的网站权重越高,对你的帮助也就越大。

三、需要有编辑来编写内容。内容需要掌握的细节有很多,比如标题、关键词的选取、关键词的均匀分布、建立反向链接和内链、图片ALT、title标签,所有的内容都做到细节化,就会提高网站的权重,使得网站在百度的排名靠前。

四、需要内容编辑人员。对页面排版、编辑进行优化。比如网站内每个页面的结构设置,要把新的文章、热门的文章、推荐的文章信息内容放在合适的版块,使得页面清晰,功能区分类明确,一目了然,简洁的页面结构方便自助链接能抓取更多的内容。还有站点结构的规划,比如辅助导航、面包屑导航、次导航要做的清晰。其实这么做也很好理解,比如考试的时候,阅卷老师肯定喜欢看卷面整洁的,不喜欢看卷面脏乱的,对于这两者给的分数可能都会不一样。另外相关的关键词和长尾关键词的选取也是非常重要的。

文章来源:长城号   作者:马燕

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

 

seo达人

网站首页SEO优化详细方法,这些地方经常被忽略

陆柏熺

发布时间: 20-02-2423:54优质创作者

网站优化最新接触到的页面就是网站的首页,很多做SEO优化的人会说首页嘛,不就是放主关键词、页面排版、内容调用就完事了,其他还有什么可以优化的呢。其实首页的SEO优化还真的不止这些,还有代码审查,H标签的合理使用,内容布局等,下面来一一揭晓。

首页是网站的入口页面,也一个网站的门脸,首页的内容调用和布局排版对内页的SEO优化虽然没有太大的影响,但是首页可以很容易获得较高的权重和关键词排名,优化好首页是一件重要的事。

01首页标题的优化

首页标题就是一个网站的宗旨,别人一看你的网站名称就知道是做什么领域和内容的,首页title优化的基本格式是如下。

网站名称_一句带有多个关键词广告语的话网站名称_关键词1,关键词2,关键词3这里要特别说明的是网站名称一定要放在最前面,很多的seo喜欢把首页优化的关键词放在前面,最后才是网站名称,或者干脆把网站名称去掉,这样的优化方法都是不正确的,或者说是方法不当。

不论你认为这个关键有多么重要,都不应该放在网站名称的前面,从网站运营的角度,网站名称本身就是一个品牌,在时间累积过程中会慢慢在用户脑海形成一个印象,长期的积累过后用户会直接搜索网站的名称文不是你设置的关键词。

比如我们上京东买手机不会搜索“买手机的网站”,上当当买书也不会搜索“买书网站”,而是直接找网站的名称。

02首页布局排版的SEO优化

在几年前除了一种比较流行的滚动加载内容的效果,最初在聚美优品和唯品会这样的网站时很流行,网站首页是无限滚动加载内容的,也就是你怎么都不会到底部。很多的网站觉得这样效果非常棒,于是纷纷模仿,其实对SEO优化来说非常不友好。

原因是这样的无需加载技术使用的是延迟加载方法,通过js技术来实现,在前端开发中习惯上称之为“懒加载”,是一整根据用户屏幕加载的方法,对于搜索引擎来说,蜘蛛不会滚动屏幕展现内容啊,怎么能很好的抓取页面内容。

大站使用这样的方法为什么没有问题?因为大站有钱做推广,人家只在乎用户体验,不怕没有流量,由于推广来的用户流量很大,搜索引擎也会按照一定的数据给予优质的排名。如果是小小站,学这样的方法就是自掘坟墓,没有流量、没有用户,优化又很一般,凭什么给你好的排名?所以宁愿丑一点的页面,也不要这种看似很时尚却对优化没有什么好处的技术。

03首页内容调用的问题

一般来说首页都会有轮播图,站内新闻,推荐阅读,最新发布等内容,其中轮播图对优化是没有作用的,纯属于为了良好的用户体验。

不论你怎么调用内页的数据,但是网站首页一定要保证有一个“更新器”,也就是你新发布文章或推荐到首页的内容是动态的,不是固定不变的。

也就是说网站首页不应该是一潭死水,你制作好了一个模板,之后若不更改模板,就会一直这样毫无变化,这样是不利于SEO优化的,起码时不时的要有一点变化,哪怕是新发布的文章也行。

04logo使用img且在H1标签内

网站的首页一般都会有一个logo,但是说实话,网站logo的展示方式还真的五花八门,不是说logo不好看,而是logo所在的代码不合格。

正确的logo所在的代码应该是这样的:

<h1><a href="host"><img src="/logo.png" alt="网站名称" /></a></h1>首先logo应该写在img图片标签内,这样搜索引擎可以完美地识别;有些人把logo图片写在css-background属性里面,然后再通过css来控制logo的大小,虽然看上去和正常的显示没有区别,但是搜索引擎蜘蛛会忽略background里面的图片,当作网站的一个元素图标来处理。

常见的错误写法<a href="host"></a>然后使用css把logo图片写在a标签的背景图片里,为什么不对呢?首先a表示一个超链接,其次a标签里面的锚文本(关键词)是空的,既没有文字也没有图片,这是一个空连接。

h1的作用是权重标签的使用,对于搜索引擎来说,每一个页面的h1标签就是该页面的标题,由于首页不能像发布文章那样有文章标题,所以logo就是唯一的选择。h1不能改用div,这些都很重要的细节,属于代码优化的范畴,要认真对待。

05PC与M端的移动适配

移动适配就是将拥有移动页面和PC页面的两种页面进行SEO优化合并,这里的合并并不是真正的把页面合并成一个页面,而是将权重集中起来,比如有独立的移动端页面,做了移动适配之后,用户不论是在手机端还是PC端搜索你的网站关键词时都会显示PC端页面,但如果是移动端进入网站又会自动跳转到你的移动端页面,这样更有利于关键词排名靠前。我发现有的SEO把内页的移动适配做得很好,但是首页貌似忘记了!

移动适配分为自适应和响应式,根据百度资源平台的说明,自适应页面的移动适配规则是这样的,在自适应首页的模板head标签添加meta标签如下。

<meta name="applicable-device" content="pc,mobile"><meta http-equiv="mobile-agent" content="format=html5;url=你的域名/"><meta http-equiv="mobile-agent" content="format=xhtml;url=你的域名/">这样自适应(PC和移动端网址一样)的移动适配就设置好了。如果PC端和M端的网址不一样,那么使用下面的规则分别在head里面添加meta标签,在PC模板的head里面添加如下meta。

<meta name="applicable-device" content="pc" /><meta http-equiv="mobile-agent" content="format=html5; url=移动端首页url" /><meta http-equiv="mobile-agent" content="format=xhtml; url=移动端首页url" /><link rel="alternate" media="only screen and (max-width: 640px)" href="移动端首页url" />然后对应的移动M端首页模板里面添加如下meta标签:

<meta name="applicable-device" content="mobile" /><link rel="canonical" href="PC首页url" />

这样自适应和有独立PC移动页面的移动适配就添加完成了,需要注意自适应时的规则相对简单,而PC端和移动端网址不一样时需要添加代码稍微复杂一些,如果不明白在百度资源平台可以找到相关的说明文档,上面是我整理好的适配规则,直接使用就行。

06关于首页是否添加canonical标签

对于大部分seo对于首页都不会添加canonical,我们都知道canonical标签的意思是“权威”URL,如果同一个页面有多个不同的网址可以访问时,需要添加canonical标签来建议搜索引擎采纳哪一个url,对于首页有没有必要使用呢?

首页添加canonical是很有必要的,原因有这些:①首页其实有多个入口,比如host/index.php,host/index.html这2种常见的自动在网站域名后面加上后缀的形式,也就是说前面这2种加上网站的域名,首页可以有3个URL可以访问,那么添加canonical标签就非常有必要了。

举个例子,有人使用dedecms来做的网站,搜索引擎收录了带index.html后缀的首页排名还不错,但是不带index的首页却不收录,这就是因为默认被跳转了,带index的流量大,搜索引擎认为这是用户需要的,以至于有人就很苦恼了,不希望收录排名却上去了。

在首页面模板head标签中添加如下代码:

<link href="首页url/" rel="canonical" />注意url是顶级域名,并且最后加上一个斜杠。这样就解决了首页多入口多后缀时顶级域名的权威性。

以上就是网站首页SEO优化的全部内容,如有遗漏欢迎补充,更多优质内容持续分享,欢迎关注。


seo优化的几个步骤和方法

seo达人

 

seo优化的方法和步骤有哪些?对于百度来说,有四个方面是最重要的:原创度、更新频率、【内容与主题相关度】和外链权重。内容建设上围绕这些去做。对于谷歌大同小异,但有一点是非常差异的,谷歌对新网站给你的收录门槛较低,但排名却不会很快就很理想,因为谷歌考察的因素比百度多。其次的话就是网站以及同行的数据分析了,关于用户数据分析可观看《网站怎么进行数据分析》大家把seo优化技术博主说的这两点做好了。网站排名会慢慢上升的。

一.SEO的常见步骤

新站:确定网站主题、转化目的、目标用户

老站:挖掘更多的长尾词和分析用户的搜索词

二、关键词分析(也叫关键词核心定位)

关键词分析包括:用户需求分析,关键词关注量分析、竞争对手分析、关键词与网站相关性分析、关键词的布局、关键词搜索量。

三、网站架构分析

现在简洁的网站结构符合蜘蛛爬取的喜好。网站架构分析包括:尽量减少搜索引擎不识别的代码(FLASH、JS、视频),如果网站结构很深的话不利于网站优化、一般网站架构都是树状结构。

四、发布软文

带外链,可以是带超链接的,也可以是不带的文本链接,对于搜索引擎都能被认为是外链,还可以交换高质量的链接。

五、网站目录和页面优化

SEO优化不单单是让网站首页在搜索引擎有好的排名,而是要让网站的每个页面都有流量,想办法优化页面、提高用户体验度,怎么才能留住用户。

六、网站流量分析

网站流量分析是从用户访问的方面来进行分析。分析出网站那些页面的访问量和用户访问的深度,分析出这些数据对网站的优化排名也是非常有帮助的。seo优化技术博主建议用这两款流量分析工具:cnzz和百度统计。

总结

seo优化方法和步骤有哪些?下面博主总结一下:

1:网站定位:好的网站定位是成功的一半

2:网站描述:好的描述让你的流量翻倍

3:网站关键词设置:好多关键词可以确认到你的而核心竞争力

4:网站内容编写:好的内容,能给你带来源源不断的流量

5:友情链接:高质量高权重的友情链接可以快速的提高你的网站排名

6:网站外链优化:高质量的外链,会给你网站源源不断的提高权重和流量

7:坚持、坚持就是胜利、坚持每天都做、这样才会取得成功

文章来源:搜狐网   作者:邹伟廷SEO

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

 

seo优化的几个步骤和方法

seo达人

 

 

一.SEO的常见步骤

新站:确定网站主题、转化目的、目标用户

老站:挖掘更多的长尾词和分析用户的搜索词

二、关键词分析(也叫关键词核心定位)

关键词分析包括:用户需求分析,关键词关注量分析、竞争对手分析、关键词与网站相关性分析、关键词的布局、关键词搜索量。

三、网站架构分析

现在简洁的网站结构符合蜘蛛爬取的喜好。网站架构分析包括:尽量减少搜索引擎不识别的代码(FLASH、JS、视频),如果网站结构很深的话不利于网站优化、一般网站架构都是树状结构。

四、发布软文

带外链,可以是带超链接的,也可以是不带的文本链接,对于搜索引擎都能被认为是外链,还可以交换高质量的链接。

五、网站目录和页面优化

SEO优化不单单是让网站首页在搜索引擎有好的排名,而是要让网站的每个页面都有流量,想办法优化页面、提高用户体验度,怎么才能留住用户。

六、网站流量分析

网站流量分析是从用户访问的方面来进行分析。分析出网站那些页面的访问量和用户访问的深度,分析出这些数据对网站的优化排名也是非常有帮助的。seo优化技术博主建议用这两款流量分析工具:cnzz和百度统计。

总结

seo优化方法和步骤有哪些?下面博主总结一下:

1:网站定位:好的网站定位是成功的一半

2:网站描述:好的描述让你的流量翻倍

3:网站关键词设置:好多关键词可以确认到你的而核心竞争力

4:网站内容编写:好的内容,能给你带来源源不断的流量

5:友情链接:高质量高权重的友情链接可以快速的提高你的网站排名

6:网站外链优化:高质量的外链,会给你网站源源不断的提高权重和流量

7:坚持、坚持就是胜利、坚持每天都做、这样才会取得成功

文章来源:搜狐网   作者:邹伟廷SEO

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

 

视频号里为什么还没有出现电商巨头?

资深UI设计者

导语:视频号从测试到上线也经过了很长的一段时间了,对于抖音快手来说,上面已经出现了不少电商巨头,但是谈到视频号,在电商行业目前好像并没有掀起特别大的水花,这又是为什么呢?


问各位村民几个问题,你可以试着在心理作答,也可以留言告诉村长。

  1. 你每天主动打开微信视频号看直播卖货的次数是多少?
  2. 你在视频号直播卖货中消费过几次?
  3. 你有自己每天必逛的视频号卖货主播吗?

之所以要问大家这几个问题,也是源自于我今天和一位付费村民关于视频号直播卖货的交流。今天一位做视频号直播的村民私信村长,问我为什么那么多做视频号直播带货的主播GMV就是冲不上去呢?

她的原话是:微信生态里面这么多的消费人群,每天买东西的人也不少,咋就搞不到视频号直播里呢?这些人在朋友圈、微信群、小程序买,为什么就不在视频号直播里面买呢?

的确,视频号发展到现在已经一年有余了,号称日活也超过了3亿,为什么到现在还没有真正的直播带货玩家出现呢?今天,村长便把自己的一些思考和大家分享,也欢迎各位发表自己的看法。

一、认知:微信内的消费是随机的

尽管在微信里面有了支付、小商店、直播、小程序等电商的功能,包括还有京东、唯品会等电商平台的入口。但是当你问用户,微信是什么的时候?

我相信大家最基本的答案是一个私密的通讯录、一个交流工具。哪怕在微信里面还有公众号、朋友圈等内容。但是如果你问用户,淘宝是什么?头条是什么?百度是什么?

他们的答案其实也是肯定的,购物、资讯、搜索。这也就注定了,在微信里面的消费是随机性的。用户很少主动在微信里去找购物商城、去看视频号里的直播带货。

更何况,视频号支持直播并支持购物也才不久而已。但是你问用户哪里可以直播购物的时候,用户会告诉你淘宝直播、抖音直播、快手直播。因为你在这三个平台里面,都能找到直播带货的领袖,而在微信里面没有。

二、裂变:微信内的消费是私密的

我们都在说微信裂变,分享传播,但是各位试想一下,你真正在微信里面,主动向身边亲友推荐商品的次数有多少?是在你消费之前,还是消费之后?尤其你的出发点,不是为了赚分销佣金的前提下,你会在看直播的时候,把一件商品发给好朋友吗?

其实是不会的,绝大多数的购物分享,都在在消费完成之后,和朋友聊到的时候,才会分享的,而且视频号直播带货的分享也有很多不便:

  1. 视频号播货还没有带分销锁佣的功能,所以用户没有足够充分的理由去分享;
  2. 直播卖货是连续性的,当你看到A商品分享给朋友的时候,可能他看到的时候就是B商品了。

这种分享是不精准的,中断的,转化效率是低的,你相当于分享了一个直播间给你的朋友。而我们微信里面绝大多数的成交,还是单品推荐为主,而且也是消费后分享为主。

三、传播:微信内的投放是中断的

既然依靠个人分享直播间不行,那就花钱买流量啊!

最近视频号也上线了推广助手,可以针对个人的视频号进行投放。但微信内的视频号直播投放,其实是中断的。当你在淘宝、抖音、快手直播卖货的时候,你只要在开播前后根据流量的情况,适时进行一些投放,就会有流量导入进行。

但是当你在视频号里面进行投放的时候,用户想要看到你的视频号直播,必须点击【直播和附近】,可大部分用户的第一路径是点击朋友圈下方的【视频号】。

微信主动把视频号内容和直播给分开了,大家可以通过【视频号】入口找找,你连续刷到直播的次数有多少?尤其是和抖快淘相比的概率。另外,在抖快淘三个平台直播时,只要你的直播热度达到一定阈值还会得到官方的推荐,会影响到更多的人。

而在视频号呢?官方就算给你推荐了,很大一部分流量也是浪费的,所以再问各位两个问题:

  1. 视频号百万大号有几个?能立马说出来吗?
  2. 视频号直播时同时在线人数超过1万的有几个?

在视频号一个5万粉丝的账号都可以算上大号了,都可以接广告变现了。但是5万的账号和快手抖音淘宝100万、500万甚至1000万的账号相比,开播之后观看的人数完全不是量级的。

当然许多人一定会说,视频号一个粉丝的价值至少大于快手5个粉丝、抖音10个粉丝,但是村长想说,个体价值再大,也打不过基本量啊!

四、信任:微信内的直播消费信任度不够

我们在微信内的消费,绝大程度上都依赖于个人信任关系的建立。所以除非视频号的主播你是认识了解的,或者是朋友主动分享给你,极力推荐你购买的,你才会去关注或消费。

而在抖快淘看直播卖货,除了基于个人对主播的了解之外,还有平台官方、店铺等级、用户口碑。大家在看看视频号内直播带货,店铺有等级吗?买了货之后哪里看订单?主播明天还会不会直播?

消费的不确定性,极大提高了用户在视频号里面自主消费的门槛。

五、承接:视频号没有直播溢出的流量

不知道各位有多少人在快手看过一些大主播卖货的?

比如当辛巴直播间昨晚卖爆了一款商品,你在当日或者次日就能刷到其他人在视频或直播分享辛巴的直播同款。包括淘宝、抖音也是如此,只要李佳琦、薇娅、罗永浩直播带过的货物,过几天你就能看到许多商品的标题写着XX同款,包括还会用他们直播视频进行投放。

这在一定程度上面,再次强化用户对主播带货的认知。但各位什么时候看过,在视频号里面,一个主播卖完货,全网都在传播的?都在说XX主播同款的?另外,各位村民在视频号里面每天都会去刷一个主播视频的有多少?

所以,我们直到现在依然还没有看到,视频号里面有哪个真正的电商KOL,除非官方愿意去打造这样一个人设。但事实我们发现,整个微信体系内,微信是干预品牌最少的,都是靠品牌自己发展的。

那么,视频号这么好的工具、又有微信天然的流量和无缝的对接,难道真的就卖不了货了嘛?

那肯定不是的,虽然短期里面,我们很难看到一个大品牌或者电商KOL的出现,但是视频号卖货的可行性是存在的,而且对于个人直播来说,是很有好多的。

六、个体:视频号电商更适合个体户

视频号依然延伸了微信整体的理念:再小的个体也有自己的品牌。作为个人来说,想在视频号内做直播带货是完全可行的,原因有三:

  1. 各种支付条件都很满足,比如支付、店铺;
  2. 个人的信任价值更容易在小范围里面建立;
  3. 流量的获取与转化方便,个人可以依靠朋友圈、微信群、公众号以及视频号本身吸引流量。

这也是为什么,许多做教育的,卖美妆、服饰、家居个人,在视频号能掘金的原因之一。

七、矩阵:视频号矩阵卖货才是出路

想在视频号里面,做大电商规模,就真的没有办法了吗?

我觉得除了官方主动持续造星以外,另一条路就是矩阵卖货。其实这种方法目前已经有一些品牌在尝试了,目前的交易额已经能做到三四千万了。

具体的做法就是打造头部主播甚至是创始人CEO出场,靠日更视频号和直播,来招募品牌代理。再通过培养1000个、10000个个人视频号主播,每天直播卖货。

只有这种方式,才能一天让一个品牌做到几千万的曝光量,从而产生转化。所以我个人认为,视频号直播,尤其是想做规模化,最适合传统的微商品牌、连锁店铺以及社交电商平台。

因为在他们这个体系里面,分销人员是现成的,大家可以统一卖一些品,保证了某一款品在视频号内集中的传播。

文章来源:人人都是产品经理   作者:十里村

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


用户消费决策的路径和影响因素——以电商产品为例

资深UI设计者

导语:对于消费者来说,购买一件商品的过程可能会需要花费很长时间,期间会受到各种因素的影响。本文作者将从人货场的角度,来分析用户消费决策的路径和影响因素,希望对你有帮助。

消费决策类产品,下个定义是以促进用户购买决策为导向的产品,如排行榜、直播、视频、评论、买家秀、问答。

一个用户完成购买流程的路径为:种草->品类决策->商品决策->购后交流,对应的平台视角即为售前->售中->售后3个阶段,售前对应种草,售中聚焦商品决策。

电商是以销售目的为导向,所以在商品被用户加入购物车之前,宽泛的说除购物车结算外几乎所有产品线都属于泛消费决策类的范围,都具有导购的属性。这样的定义过于宽泛,因为如搜索、推荐等产品已经很独立。

普通人常说的消费决策,往往聚焦在售中环节的商品决策,场景为用户进入到商品详情页,判断一个意向商品是否值得购买,决策的结果是收藏、加购或立即购买,当然也可能直接离开。

今天我们就围绕售中的商品决策进行分析。

概括的看,商品决策环节有以下3个影响因素:商品属性、购买心理、用户场景。

电商是人货场的统一,产品功能和商品、内容的运营共同影响用户,现有介绍消费决策类的文章,多数都是在讲用户消费决策的心理,也有一些讲了路径,缺乏对人货场的统一介绍,也缺少对相关产品运营的介绍。

还原场景,一个用户来到商品详情页,是怎么考虑的,进而完成下一步操作呢?

从人货场的3个因素,笔者说说自己的看法。

一、商品属性

商品属性涉及品类、价格、优惠、品牌、商品适用性、是否标品,以及平台属性、销量等相关项,涉及的产品模块,除商品详情页的商品信息、服务信息、店铺信息展示之外,还有评论、问答以及买家秀。

价格与优惠影响最明显。

除了少数的土豪用户,买东西影响最明显的因素就是价格,价格在商品详情页一直被放在商品图之下最显要的位置,很多甚至把价格标注到商品图上。对于某一件商品的价格,用户感知更强烈的是能够占便宜(优惠),而不是最便宜,因为商品的价格一直处于变动中,又会叠加不同的促销,在pc时代的比价产品下线后,用户已经很难搞清楚商品的最低价。

所以在价格模块,电商平台经常呈现给大家的是优惠了多少钱,以及最终的价格,让用户感觉到占便宜是第一要点。一般来看用户消费决策的成本,低价商品低于高价商品,比如买一本几十元的书的决策成本要远低于买一台千元的3C数码。限时优惠能直接刺激用户完成消费决策。

品牌与平台属性紧密相关。

在同一平台中,有品牌的商品消费决策的成本往往低于无品牌商品,更容易获得用户信赖。品牌不仅涉及到商品,店铺也会有品牌的维度。在淘宝中,天猫店相比于淘宝店就具有品牌优势,品质容易获得更用户信赖。在淘宝店中,店铺评分、皇冠的数量就是店铺的品牌等级。

在拼多多,因为大量存在的都是无品牌商品,所以用户购买的关注点就变成了价格和销量。而对于一些品质电商,比如网易严选,品牌的概念就会相对弱化,有大量无品牌的好货供用户选择。

标品比非标品更容易完成消费决策。

比如图书相比于服装,一本书对用户都是相同的,用户只需要判断内容是否适合自己。而对于服装,在判断是否适合自己的身形时,就要考虑大小、美观等更多因素。

不同的品类,在单品页适合不同的呈现模块,比如淘宝的买家秀,对展示服装天然友好,吸引用户看穿着的效果,而对图书却极度雷同,用户拍的都是清一色的图书封面图。

不同的细分品类,同一产品模块也可以呈现不同的内容,比如图书品类的教辅和小说,因为用户群体天然的差别,在评论模块的内容需求就会有差别。教辅购买者是家长,更关心书籍的内容是否正确,不能有错别字等。而小说的读者,更关注内容是否吸引自己,适合自己阅读。

最后说说商品适用性,对于母婴类商品,商品的品质影响宝宝的健康,使得消费决策成本相应提高。再比如一些老年人的食品,一定会被精挑细选。

二、购买心理

用户的心理和思维特点,主要表现就是快思维与慢思维的区别。这就是在《思考,快与慢》中,丹尼尔·卡尼曼详细介绍的大脑有快与慢两种做决定的方式。

电商平台现在总是希望把用户留下来,让用户逛起来,希望用户像逛街一样逛电商平台,直播电商中那些没有明确购买目的,刷直播的用户,也是一样,在不断的逛中,很多用户就会依据快思维,不断地剁手下单。对于这类快思维主导的用户,在直播的场景中很多用户不再进入商品详情页,随着主播口中的3、2、1倒计时,迅速下单。冲动是魔鬼,直播电商的高退货率正是用户对这种思维的一种事后反悔。

而对于那些慢思维为主,理性决策的用户,他们的购买路径甚至会延长,有些用户会在商品决策阶段去其它电商app,三家比价。有些会在购买前到知乎、小红书等平台查看评测,主动做功课。排行榜也是这类用户常用的产品功能。这类型用户的完整购买路径会变成,种草—>查看攻略—>品类决策->商品决策->三家比价->购后交流。

三、用户场景

场景对用户消费决策的影响更加直接。

今时今日,电商平台成为拔草工具的倾向愈发严重。当用户在小红书被种草后,下一步会直接到电商平台搜索对应商品,如果是品牌商品,很多用户会直接进入旗舰店直接下单购买,品类决策和商品决策会大大弱化。

使用环境也会产生影响,在小程序的环境中,用户的购买场景发生变化,很多用户是在微信群中看到kol的推荐,点击kol发送的商品链接,直达商品详情页完成购买。当购买场景发生变化后,用户的购买路径也会对应改变。

购买的用途也会产生影响,比如买一本童书,如果是送给自己亲戚的孩子,往往会参照排行榜上畅销的童书购买,而不会关注书中具体的内容;而为自己的买一本小说,则要更多关注书中的内容是否吸引自己。

这就是用户消费决策的购买路径与影响因子,理解商品属性、购买心理、用户场景对消费决策的影响,才能更好地提升电商平台的效能,提升购买转化。

文章来源:人人都是产品经理   作者:左手思

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档