03024百万文字综合,弱网智能优化,,,,,网络差也能稳固播放,,,,,自动调理画质不卡顿,,,,,随时随地都能看。。。
百度搜索引擎优化教程增量静态再生战略详解与实战应用指南
03024百万文字综合
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
跳出率剖析
高跳出率可能意味着内容不匹配。。。优化首屏内容以吸引用户继续阅读。。。
深入剖析百度搜索引擎优化教程知识图谱收录的原理
03024百万文字综合
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
掌握百度搜索引擎优化教程站群模板伪原创逻辑的焦点技巧
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
依托百度搜索引擎优化教程实时舆情触发内容更新做好身边热门深度亲子交流
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
- 内容新鲜度一连更新
- 按期审查:每季度检查旧文章数据的准确性。。。
- 增量更新:为旧文章添加最新案例、统计数据。。。
- 日期标识:在页面显眼处标注最后更新时间。。。
做好百度搜索引擎优化教程季节性与事务驱动要害词妄想要领的五大焦点方法
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。
准备事情:明确AMP与古板页面的焦点差别
在最先安排AMP加速页面之前,,,,,站长需要相识AMP(Accelerated Mobile Pages)的实质。。。AMP是一套由Google主导的开源框架,,,,,旨在让移动端页面实现近乎瞬时的加载速率。。。百度在2017年正式引入对AMP的支持,,,,,现在搜索效果中带闪电图标的页面即为AMP页面。。。与通俗HTML页面相比,,,,,AMP页面有三大限制:必需引用AMP专用JS库、部分HTML标签需替换为AMP组件、自界说CSS总容量不得凌驾75KB且不可使用!important规则。。。若是网站现在接纳动态渲染方式,,,,,安排AMP前建议先评估现有资源的刷新事情量。。。
第一步:焦点AMP组件的装置与设置
要在站点中启用AMP,,,,,首先需要在页面顶部添加<html ?>标记(或使用amp替换?)。。。接着,,,,,在<head>部分引入以下三个要害文件:
- AMP JS库:
<script async src="https://cdn.ampproject.org/v0.js"></script>,,,,,这是AMP运行的基础。。。 - AMP Boilerplate样式:一段预设样式代码,,,,,用于隐藏页面内容直到AMP运行时加载完成。。。
- 规范链接:在AMP页面的
<head>内添加<link rel="canonical" href="原始页面URL">,,,,,同时在原始页面的<head>中添加<link rel="amphtml" href="AMP页面URL">,,,,,用于向百度明确标识这两个页面的对应关系。。。
第二步:AMP-HTML标签的替换与适配
通俗HTML页面中常用的标签在AMP情形下需要替换为特定组件,,,,,常见替换规则如下:
| 原始标签 | AMP替换标签 | 说明 |
|---|---|---|
<img> |
<amp-img> |
必需指定width和height,,,,,并设置layout="responsive"实现自顺应。。。 |
<iframe> |
<amp-iframe> |
使用前需在<head>中通过<script async custom-element="amp-iframe"...>引入对应JS。。。 |
<form> |
<amp-form> |
同样需要特殊引入JS组件,,,,,并注重表单提交必需使用HTTPS。。。 |
别的,,,,,iframe中嵌入的广告代码、第三方统计剧本等外部资源,,,,,需要检查是否提供AMP专用版本。。。关于未适配AMP的第三方剧本,,,,,通常的替换方案是使用<amp-iframe>隔离加载,,,,,或改用百度统计提供的AMP插件。。。
第三步:内容合规性验证与百度AMP收录
完成页面刷新后,,,,,必需通过AMP验证工具检查代码合规性。。。使用Chrome浏览器翻开AMP页面地点,,,,,在地点栏后追加#development=1,,,,,翻开开发者工具审查Console面板,,,,,若有红色过失提醒则需逐条修复。。。常见过失包括:CSS巨细凌驾75KB、使用被榨取的HTML标签、<amp-img>缺少宽高属性等。。。完成验证后,,,,,将AMP页面提交至百度搜索资源平台的“AMP收录提交”工具。。。百度官方的收录规则强调,,,,,AMP页面必需与规范链接中的原始页面在主要内容上坚持一致,,,,,不可泛起问题错位、内容缺失或无关跳转。。。通常AMP页面的收录速率较快,,,,,提交后24至48小时内可在百度搜索中通过“site:域名?amp”盘问到索引状态。。。
第四步:一连监测与常见问题处理
AMP加速页面并非安排后就能一劳永逸。。。建议按期通过百度搜索资源平台审查AMP页面的展现数据和报错情形。。。若是发明AMP页面在搜索效果中突然不再显示闪电图标,,,,,可能原因包括:页面内容更新后未同步修改规范链接、AMP运行时依赖的外部资源失效、或百度调解了AMP质量评估标准。。。此时需要重新运行AMP验证工具,,,,,并检查canonical与amphtml标签是否成对保存且URL无误。。。关于使用了电商、分类信息等动态内容的网站,,,,,建议优先将文章类、资助文档类等静态内容刷新为AMP,,,,,这类页面改动本钱低且加速效果最显着。。。