فریم ورک AMP چیست؟

در این مقاله می خواهیم در رابطه با این که فریم ورک AMP چیست؟ صحبت کنیم. فریم ورک AMP هم

همان AMP می باشد و همان گونه که در مقاله AMP چیست؟ توضیح دادیم، AMP یا Accelerated

Mobile Page به معنای افزایش سرعت لود شدن صفحات در موبایل است. پروژه AMP یک فریم ورک

تازه و متن باز است که کاملا از فناوری های که در وب وجود دارد ساخته شده است. این پروژه به وسیله ی

گوگل و توییتر انجام شده است، به برنامه نویسان کمک کرده تا صفحات HTML با حجم کم را بتوانند

ایجاد کنند. این کد ها به راحتی در صفحات موبایل لود شده، تا با لود سریع محتوای صفحات وب به

راحتی برای کاربران قابل مشاهده باشند.

به عنوان یک برنامه نویس تنها از تگ های خاص HTML می توانید استفاده کنید و مجاز به استفاده از

همه تگ ها نیستید. شما تنها از کد های ساده CSS و آن هایی که دارای کاربرد بسیار هستند می توانید

استفاده کنید. استفاده از کد های جاوا اسکریپت نیز در همه جا مجاز نیست. در واقع AMP استایل خاصی

را برای کد های شما در نظر می گیرند و کد های CSS شما را نادیده می گیرد و آن کد هایی که حجم

صفحات شما را افزایش می دهند را به عنوان عامل غیر مجاز در نظر می گیرد.

نحوه اطمینان از عملکرد صحیح صفحه AMP HTML

روش های بسیار زیادی برای تست AMP و اطمینان از صحت کدهای ثبت شده و پیدا کردن خطاها وجود

دارد، در ادامه دو روش را آموزش خواهیم داد.

– استفاده از افزونه AMP Validator

یکی از روش ها به خاطر اطمینان از مورد تایید بودن AMP، استفاده از افزونه AMP Validator در مرورگر

گوگل کروم است. پس از نصب این افزونه در نوار ابزار مرورگر خود علامت AMP را مشاهده خواهید نمود

که بعد از اجرای هر صفحه مشخص می کند که خطایی در کدها وجود دارد. AMP مورد تایید می باشد و

یا اینکه AMP غیر فعال است.

– استفاده از Chrome DevTools console

بابت بررسی وضعیت صفحه AMP خود با استفاده از Chrome DevTools console مراحل زیر را انجام

دهید.

1. صفحه AMP را در مرورگر گوگل کروم باز کنید.

2. در پایان URL عبارت #development=1 را اضافه نمایید. برای مثال:

http://mypage.html#development=1

3. روی صفحه راست کلیک کنید و گزینه ی inspect و سپس گزینه ی console را انتخاب کنید F5 را

بفشارید و خطاهای موجود را چک کنید.

چرا از Google AMP استفاده کنیم؟

هدف اصلی پروژه AMP کاهش زمان بارگذاری صفحات وب در موبایل از طریق لود محتوا و محو کردن

عناصر غیر ضروری و بهبود عملکرد کلی وب سایت می باشد.

تاثیر AMP در سئوی سایت

با توجه به این که گوگل بارها اعلام کرده است صفحات شتاب دهنده موبایل (AMP) یک عامل رتبه بندی

نیستند، ولی خیلی ها فکر می کنند که به زودی بعنوان یک فاکتور معرفی خواهد شد. واقعیت این است

که برای بیشتر سایت ها ، صفحات موبایل ساخته شده با AMP احتمالاً از صفحات موبایل موجود دیگر از

نظر سرعت بهتر هستند. با توجه به اینکه فعال کردن AMP روی سایت باعث افزایش سرعت بارگذاری

صفحات در گوشی های هوشمند می شود، و سرعت سایت یکی از مهم ترین فاکتورها از نظر کاربران و

ربات های گوگل می باشد، در نتیجه می توان گفت که استفاده از amp در سایت روی سئو و رتبه آن در

موتورهای جستجو در طولانی مدت تاثیر مثبتی خواهد داشت.

به بیانی دیگر اگر سرعت لود شدن صفحات وب سایت در گوشی های هوشمند رضایت کاربران را جلب

نکند می توانید از AMP به راحتی و به منظور بهبود در عملکرد و سرعت بارگذاری وب سایت خود استفاده

کنید. در حال حاضر شرکت های بسیاری با توجه به تکنولوژی پیشرفته ی گوگل اقدام به همکاری و

استفاده از AMP کرده اند. از جمله معروف ترین وب سایت ها می توان به Apple, Pinterest و LinkedIn

اشاره نمود که همراه با گوگل به بهینه کردن صفحات وب سایت در گوشی های هوشمند توجه ویژه ای

داشته اند. استفاده از این قابلیت در سایت مطمئنا روی افزایش رضایت کاربران تاثیرگذار خواهد بود اما

باید دقت داشته کنید که به طور اصولی از این استاندارد استفاده نمایید.

چگونه سایت خود را بر مبنای استاندارد های AMP استاندارد کنیم؟

در ابتدا می بایست صفحات AMP سایت خود را ساخته و صفحه سایت خود را بر اساس استاندارد های

AMP طراحی نمایید. به سادگی می توانید با ابزار developer tools گوگل کروم از استاندارد کدهای خود

بر اساس فریم ورک AMP با خبر شوید. پلاگین های وردپرس که برای ایجاد صفحات AMP نوشته شده اند

به شما کمک می کنند تا به سادگی صفحات داینامیکی بر مبنای استاندارد های AMP بسازید.

چگونگی نمایش AMP در نتایج جستجو

اکنون که به طور کامل با AMP آشنا شدید درباره ی چگونگی نمایش این صفحات در موتور های جستجو

توضیح می دهیم. در حال حاضر AMP روی تلفن همراه هدف گذاری کرده است و بنا بر دمو نشان داده

شده در سایت رسمی گوگل سایت هایی که به وسیله ی فریم ورک AMP نوشته شده اند دارای لینک آبی

می باشند. با انتخاب لینک به سادگی به صفحه ی مورد نظر می روید و جابجایی در صفحات و مطالعه

محتوای صفحه به سادگی صورت می گیرد. مطمئنا گوگل در نسخه رسمی سال 2016 طراحی مناسبی برای

صفحاتی که با AMP نوشته شده اند در نظر می گیرد. با توجه به اینکه سایت های خبری مانند CNN و

BBC هم اکنون به این سیستم مجهز شده اند کافیست عبارت iran را از طریق موبایل خود در گوگل

جستجو کنید تا در بخش Top Stories نمونه هایی از نحوه نمایش AMP مشاهده کنید. در این بخش

یک اسلایدر قرار داده شده که اطلاعات خود را مستقیما از صفحاتی با ساختار کدنویسی AMP دریافت

می کند.

امیدواریم از مطالبی که در مقاله ی فریم ورک AMP چیست؟ توضیح داده ایم، استفاده لازم را برده باشید.

بتوانید برای بهبود کیفیت سایت خود بکار ببرید. برای اطلاع از سایر مطالب و مقالات مستر لایسنس به

وبلاگ مستر لایسنس مراجعه نمایید.