Categories


Tags


wordpress移动友好度大揭秘

wordpress是目前是在国内比较流行的轻量级的内容管理系统,拥有世界上最强大的插件和模板,在站长圈中十分的流行,这次我们请到了国内wordpress著名社区我爱水煮鱼的博主来为我们揭秘wordpress如何做好友好度。

现在使用手机上网的用户越来越多,即使类似我爱水煮鱼这类一般应用场景为 PC 的技术博客,都有30%的移动用户访问了,所以移动网站越来越重要了,今天登陆百度站长,发现百度站长也推出了“移动友好度”工具,并且还推出了《百度搜索MobileFriendly(移动友好度)标准V1.0》,帮助站长建立适合移动设备应用的网站,为网站移动化建设提供明确的方向。

百度友好度建议和 WordPress 如何优化

《百度搜索MobileFriendly(移动友好度)标准V1.0》里面已经有非常详细的说明如何提高站点的移动友好度,我这里节选几点重点以及和WordPress 怎么优化:

1. 页面加载速度:用户期望且能够接受的页面加载时间在3秒以内,若页面的加载时间超过5秒,78%的用户会失去耐心而选择离开。

2. 页面结构:一个结构优质的页面,要让用户没有多余的干扰,第一眼看到页面的主要内容。比如用户不需要左右滚动,也不需要进行缩放操作。广告不会遮住主体内容,当然也不要有弹窗等恶意广告了。

3. 页面浏览体验:1、页面主体中的文本内容和背景色应有明显的区分度;2、页面主体中的文本内容应段落分明,排版精良;在使用《移动友好度》检测的时候,百度站长会给出详细的分析结果,让你去调整字体和行间距等。

4. 资源和功能易用性:这个主要是不要使用 Flash,提供面包屑导航等等,让用户使用的时候更加方便,更容易找到自己需要的资源。

对于WordPress 博客来说,第一点需要去优化站点的速度,WordPress 性能优化:为什么我的博客比你的快这篇文章详细介绍了我的优化方法,如果你不会,我也提供了 WordPress 性能优化收费服务,接下来的2,3,4这三点其实只要去是有一款设计优秀的 WordPress 主题即可。

百度是如何判断移动适配的

百度站长在移动方面已经进行非常多的工作,首先我们在提交站点到百度站长的时候,我们就可以站点类型:

对于WordPress 来说我们一般选择“自适应”或者“代码匹配”这两种类型。

自适应:对于绝大多数的 WordPress 博客来说,由于安装的都是 WordPress 自适应主题,所以一般都是选择个选项。

代码匹配:这个选项适合通过 MobilePress 这类手机浏览插件,通过服务器判断用户当前浏览器(pc/移动)来给移动站点选择一个适应的移动 WordPress 主题的用户。

我爱水煮鱼就是自适应的方式。

当然还有一些站点,为了能够使得缓存方便(移动站点的 url 不同),并且能够使得移动站点的页面更加简洁,他会建立对应PC站的移动站,比如我以前帮华丽志建立的移动站点:

华丽志 PC 站:http://luxe.co/

华丽志移动站:http://luxe.co/m/

当使用这种方式的时候,需要在百度站长 > 移动专区 > 移动适配 里面添加适配关系。

完成了站点设置和移动适配的设置之后,百度站长经过一段时间的抓取,就可以移动适配状态了:

来源:百度搜索资源平台 百度搜索学堂


Public @ 2022-11-07 15:45:00

移动适配工具如何使用

移动适配工具是一种帮助开发者在不同尺寸的移动设备上适配显示效果的工具。以下是使用移动适配工具的步骤: 1. 安装移动适配工具:选择适合自己开发环境的移动适配工具,例如开源的Auto Layout、Masonry和VFL等。如果使用Xcode开发iOS应用,可以使用Xcode提供的Auto Layout功能。 2. 规划设计稿:在进行适配之前,需要明确设计图的尺寸和布局。开发者可以通过参考UI设

Public @ 2023-06-07 03:50:14

移动适配工具如何使用

移动适配工具可以帮助开发者将网站或应用程序中的内容适配到不同设备的屏幕尺寸和分辨率上,提供更好的用户体验。以下是使用移动适配工具的步骤: 1. 选择一个适合自己开发语言和框架的移动适配工具。例如,对于前端开发者可以选择常用的CSS框架Bootstrap和Foundation。 2. 在设计和开发时,采用相对长度单位(例如em和rem),而不是绝对长度单位(例如px),以确保页面在不同大小的屏幕

Public @ 2023-06-11 14:00:16

WordPress生成HTML静态化网站

十多年前,我写过一个“WordPress的静态化方法”,使用的是一个名为cos-html-cache的插件实现。这个插件非常简洁小巧,直接在原网站上生成首页和文章页的html文件,不过,这个插件只支持文章静态化,不支持页面、标签和分类的静态化,之后也再没有过更新。后来,我想到过利用WordPress插件导出全静态化网站的方法,用这个方法,对于少量文章挺方便,但文章数量一旦多了,就经常出错。后来,我

Public @ 2017-03-26 15:45:07

WordPress生成HTML静态化网站

WordPress是一种流行的内容管理系统(CMS),用于创建和管理动态网站。虽然它是一个动态的系统,但也可以用来创建静态的HTML网站。有许多插件可以实现这一点,但WordPress本身也有内置的一些方式可以实现。 第一种方式是使用WP-Static插件。WP-Static是一种可以在WordPress上生成静态HTML网站的强大插件。它可以将WordPress网站生成为一个完整的静态HT

Public @ 2023-02-25 18:00:47

更多您感兴趣的搜索

0.474585s