گام های تبدیل یک صفحه HTML مرسوم به AMP چیست؟
فریم ورک AMP چیست؟
ژوئن 13, 2017فناوری AMP برای چه سایتهایی انتخاب مناسبی نیست؟
ژوئن 13, 2017گام های تبدیل یک صفحه HTML مرسوم به AMP چیست؟
گام های تبدیل یک صفحه HTML مرسوم به AMP
بصورت خلاصه برای تبدیل یک صفحه HTML مرسوم به AMP باید قدم های زیر را بردارید :
۱ – افزودن amp به تگ HTML
<html amp lang=”en”>
۲ – افزودن المان لینک استاندارد
<link rel=”canonical” href=”index.html”>
۳ – تغییر انکودینگ به UTF-8
<meta charset=”utf-8″>
4- افزودن تگ viewport
<meta name=”viewport” content=”width=device-width,minimum-scale=1″>
۵ – افزودن اسکریپت CDN مرتبط با AMP در پایین تگ <head>
<script async src=”https://cdn.ampproject.org/v0.js”></script>
۶ – تغییر تمام تگ های <img> به <amp-img> و افزودن width و height به تصاویر
<amp-img src=”http://www.birclick.ir/wp-content/uploads/2017/03/GoogleAMPProject.jpg” alt=”Crashed plane vintage photo” height=”1024″ width=”734″></amp-img>
7- حذف تگ های <link> برای CSS ها و inline کردن تمام آنها با استفاده از تگ <styleamp-custom>
