开始加快 移动页面
谷歌加快 移动网页(放大器)项目正在推出本日 。你预备 好了吗?在本日 的专栏中,我会给你一个概述的发售 ,并表现 你怎样 开始与它。
什么是放大器?
在已往 的十月,谷歌公布 加快 移动页面(放大器),创建快速加载移动网页的一个非常轻易 访问的框架。开源倡议的目标 是使出书 商可以或许 轻松地进步 他们的移动读者的速率 (和因此 ,用户体验),而不捐躯 任何广告收入,他们可以依靠 。
固然 有履历 的开辟 职员 可以常常 通过麋集 的性能优化实现雷同 的结果 ,出书 商每每 忽视了这一缘故起因 ,由于资源的限定 。放大器答应 这些优化很轻易 实现,而不改变重要 移动网络的履历 。
尚有 ,谷歌和其他着名 网络技能 公司 ,谁是令人鼓舞的其利用 ,通过将其整合到各自的平台,其将来 的利用 增长 了长处 。
怎样 工作?
本质上是一个创建移动网页的框架 ,包罗 三个根本 部分 :
与HTML HTML标记 语言的一个子集,这有一些自界说 标签和很多 限定 性。但假如 你认识 HTML,你不应该顺应 现有的网页和HTML的困难。关于它是怎样 差别 于根本 的HTML的更多细节 ,查抄 所需的标记 和项目标 列表,你必须有与HTML页面。
与JS:一种移动网页的Java框架 。对于大多数,它管理资源的处理 惩罚 和异步加载。应该指出的是 ,答应 和没有第三方Java。
放大器:一个可选的CDN内容分发网络,它将带您与启用页缓存和主动 举行 性能优化 。
你怎么和你的网站?
对于初学者,你将不得不保持至少2个版本的任何文章页:你的文章页的原始版本 ,用户通常会看到,和该网页的放大器版本。
由于放大器不答应 诸如表单位 素和第三方的Java,你大概 不会有铅的情势 ,在网页的批评 和一些其他的元素 ,你可以在你的页面在一个标准 的实行 。(固然 如今 黑客利用 iframe,这提供了一个办理 方案 。感谢康拉德奥康帮我验证破解。)
它也大概 是你将不得不重写你的网站模板,以顺应 限定 。比方 ,在与全部 的CSS必须在线和小于50kb 。由于加载自界说 字体麋集 ,他们必须利用 一种特别 的放大器的字体扩展加载,以更好地控制加载。
多媒体必须特别 处理 惩罚 。比方 ,图像必要 利用 定制和img元素必须包罗 一个明白 的宽度和高度 。(当一个传统的网站转换为一个或一个模板,这大概 是一个庞大 的痛楚 ,假如 宽度和高度的属性是不是已经被利用 )。别的 ,假如 您的图像的GIF动画,你必要 利用 单独的与动画扩展组件。
喜好 的图片,有一个自界说 标签 ,必须利用 嵌入本地 托管的视频通过HTML5视频,叫AMP。嵌入的YouTube视频,但是,网络视频的大多数是有一个独立的扩展组件 ,与YouTube 。
尚有 诸如通过AMP形象灯箱、旋转木马和图像表现 幻灯片的支持,以及社会化媒体嵌入推特,Instagram ,Facebook,Pinterest通过本身 的扩展组件和葡萄。
这些标签和扩展组件不难利用 ,它们只必要 你的网站计划 中的一些规划。
为了谷歌(和其他技能 支持的放大器的项目) ,以检测你的文章,你必要 修改原始版本的文章页 。原文章页必须包罗 以下标签,根本 上是一个标准 的标签页:
链接rel=“amphtml“href =“http:/ / www.example网站/博客/放大器/ ”
安培发现网页还提到一些平台支持和必要 schema.org元数据指定页面的内容范例 。(如今 ,“文”“食谱”“检察 ”和“视频”被列为网页范例 的例子在GitHub上。)
别的 ,这也表明schema.org元数据”是一个必要 让你的内容可以出如今 谷歌消息 搜刮 轮播演示 。“假如 你试图通过实现与从谷歌将来 的长处 ,确保你得到你的模式吧!
我怎么能赢利 的广告和?
AD停滞 剂上升增长 了出书 商赢利 的网站很难。对于一些用户来说 ,进步 网站的负载时间是一种鼓励 ,利用 广告阻断剂,可以资助 进步 欣赏 速率 。也大概 被看作是对这个题目 的回应,与项目阐明 :
加快 移动网页项目标 目标 是确保在移动网络上有效 的广告货币 化 ,同时拥抱以用户为中心 的方法 。有了如许 的配景 下,目标 是提供一个全面的广告格式,广告网络和技能 在加快 移动页面的全面范围。
因此 ,一些最盛行 的广告网络是如今 利用 的放大器的广告扩展组件(有更多的兼容性大概 的方式):
亚马逊A9
adreactor
谷歌站长
美国在线众为兴
谷歌DoubleClick
辩论
taboola
ADFORM
dotandads
plista
智能Adserver
yieldmo
假如 你想知道这些看起来像,每个网络广告的例子在。MD文件在AMP的GitHub页面 。
假如 你的货币 是更复杂的利用 付费或订阅有文档可供实行 内放大器,以及利用 “与访问 ”的延伸。
是否有分析?
可以究竟 上 ,在放大器的分析黑白 常聪明 的。为了防止多个分析跟踪从放缓的网站,他们实行 了“步伐 一次,陈诉 到很多 ”有2条路径 ,使分析功能与放大器为您的网站:
像素元素:这是一个简单 的标签,可以用来盘算 页面视图作为一个典范 的跟踪像素,利用 一个哀求 。有一些变量 ,可以通过它,如document_referrer和标题 。
放大器的分析扩展组件:这是一个更先辈 的比放大器像素。它大概 是什么你将利用 在您的网站上实现分析,由于 它答应 更高条理 的设置 ,用于分析的相互作用。
假如 你不想让谷歌分析工作 ,放大器分析是去的方式 。你必要 在添加须要 的Java库,然后设置 通过它在你的网页的体部分 JSON标记 。
假如 你有爱好 在谷歌的分析,在放大器 ,查抄 了他们的开辟 者页面上的谷歌的放大器分析部分 。它有几个实行 例 。
谷歌的什么样子?
谷歌提供了一个演示什么是放大器的功能会在SERP的样子。你可以试试在g.co/ampdemo在您的移动电话(或模仿 它在Chrome开辟 者工具)。然后,像“火星搜刮 ”,你会看到对与文章顶部的旋转木马 。
对于一个阅读体验嵌入在SERP一点击。你可以扫右或左看另一个启用的文章。这是一个差别 的履历 ,从简单 地导航到出书 商的放大器页 。
加快 移动网页在SERP的例子,谷歌提供的
一些重要 发行商可以在演示中找到,如卫报(比方 ,比方 ,页)和华盛顿邮报(比方 )。
我要怎样 开始与WordPress的?
一个最简单 的把你的手弄脏和安培如今 是实如今 WordPress网站的方法。一个官方插件是由Automattic WordPress开辟 /它常常 被更新,并在GitHub。
步调 1:安装官方的WordPress插件
开始的时间 ,去与WP GitHub页面,点击“下载zip”按钮 。
从GitHub下载和WordPress插件
你可以安装在你的WordPress站点,就像任何其他的WordPress插件。
一旦安装,你只必要 添加“/放大器/ ”文章页(大概 ,假如 你没有很好的固定链接,你可以选择添加”?安培= 1。
步调 2:验证和调解
终极 ,谷歌搜刮 控制台应该拿起AMP版本的你的文章通过rel=“amphtml”标签的附加插件 ,答应 散装轻易 验证的文章 。唯一的题目 ,在我的履历 ,到如今 为止 ,是,它没有检测到变革 非常快。假如 你办理 了一些事变 ,修正大概 不会表现 出来。
利用 谷歌搜刮 控制台验证加快 移动网页的例子
我发起 利用 搜刮 控制台和欣赏 器验证过程的组合 。利用 Chrome的验证过程中 ,去一个你与网页在Chrome和附加“#发展= 1 ”的末了 的网址。掷中 控制+移位+我打开铬开辟 工具和头到控制台。
你大概 必要 革新 页面,但一旦你如许 做,它会说“和验证乐成 ” ,或给你一个题目 的列表来办理 。
利用 欣赏 器的开辟 工具来验证加快 的移动页面
更大概 的是,简单 安装WordPress的插件是不敷 的,你必须通过和验证全部 你想从加快 移动页的页的效益。
根据你的文章是怎样 被格式化的,你大概 必要 做一些修改 ,以获取和页面来验证。我切身 履历 的最常见的题目 是与指定的高度和宽度属性和修正图像老Youtube嵌入代码,没有利用 HTTPS 。
步调 3:获取模式标记 以验证
正如前面所提到的,在你的和页面上有有效 的架构标记 也是很紧张 的。要测试有效 标记 的页面 ,您可以利用 谷歌的布局 化数据测试工具。我用WordPress不表现 出书 商的标记 有一些题目 必要 做以下修改插件。
编辑class-amp-post-template.php文件,通过FTP或在你的WordPress仪表盘(去插件编辑,然后选择“与”)和改变:
假如 ($ site_icon_url){
[“] [美元'publisher元数据'logo’] =阵列(
“@ ”型= “ImageObject” ,
“URL”site_icon_url美元= ,
高度= 自::site_icon_size,
宽度= 自::site_icon_size ,
);
}
去:
[“] [美元'publisher元数据'logo’] =阵列(
“@ ”型= “ImageObject”,
“URL”“HTTP:/ / =域名.com / wp-content/uploads / logo-60 PNG ”,
“高度”= 60 ,
“宽度”= 170,
);
确保用一个路径更换 你本身 的发行商徽标,并指定像素的高度和宽度 。你可以在这里找到相干 的标记 信息,此中 规定 ,“抱负 环境 下,理性是60px高= 600px宽。”
步调 4:让谷歌Analytics和AMP的WordPress插件的工作
假如 你无法追踪分析的话,你会有什么长处 ?AMP的WordPress插件不使放大器分析出来的框 ,但它是相称 简单 的使。
为了使放大器的WordPress插件与谷歌分析工作,编辑amp-post-template-actions.php(从前面提到的差别 的文件)文件,通过FTP或在你的WordPress仪表盘(去插件编辑 ,然后选择“与 ”),并将以下内容添加到它的竣事 :
确保你改变ua- xxxxx -y代表你的网站的谷歌分析属性ID 。
如今 ,重新验证你的放大器的页面 ,你应该为你的WordPress网站启用跟踪有一个根本 的功放安装。
结论
放大器提供了一个相对简单 的方法来进步 移动网站的速率 。随着二月的竣事 的邻近 ,和谷歌消息 实行 室举行 正常办公时间通过Hangouts,我们可以盼望 谷歌推出其整合在即 。在好像 是一个对放大器的项目标 势头 ,乃至 脸谱大概 反应的反应。它近来 决定把即时文章公开给全部 的出书 商。
你是出书 商吗?假如 是如许 的话,你必要 开始思考 加快 移动页面 。
令人高兴 的新技能 正在到来。你高兴 吗?
什么是内链
什么是友链 、单链和交错 链接
什么是死链和404页面
什么是关键词
什么是热门关键词
什么是一样平常 关键词
什么是冷门关键词
什么是百度指数
什么是ip量和uv量
什么是网站跳出率和PV
什么是伪原创
什么是关键词堆砌