禁止阻塞渲染的外部资源 :AMP页面不允许加载外部CSS文件(除AMP框架本身外),JavaScript只能通过AMP内置组件实现,禁止自定义JS
第二步:创建AMP版本H🎵TML文件 复💫制原页面的HTML文件,按照AMP规范进行改写
移除所有自定义JavaScript,改用 <🎯📌;amp-bind> 等AMP组件实现简单交互
保证页面静态化 :AMP页面必须是服务端渲染或静态HTML,避免依赖客户端动态生成内容
常规的 <lin🎵k> 、 <styl🎨e> 等标签有严格限制
第三步:添加AMP与原始页面的关联 在原始页面的 <head> 中添加 <link rel="amphtml" href="URL_of_AMP_ve☀️rsion" /> ,同时在AMP版本页面中添加 <link rel="canonical" href="🌺URL_of_original_page" /> ,告诉搜索引擎两个版本的关系,避免被判定为重复内容
中小企业可以根据目标用户群🌺决定:如果主要面向百度搜索用户,可同时为页面生成MIP版本;若面向国际化💫或兼顾谷歌搜索,则优先采用标准AMP
第五步:验证与监控 使用谷歌AMP验证工具🤔(validator