جهت دریافت کدهای تخفیف ، اطلاعیه ها و بروزرسانی ها به کانال تلگرام ما بپیوندید | @MihanWebmaster

عضویت در کانال

عملکرد AMP به چه صورت است؟

عملکردamp,amp

AMP چیست؟

AMP یا Accelerated Mobile Pages ، یک ساختار بهینه سازی شده صفحات HTML برای تلفن‌های هوشمند است که گوگل آن را در اوایل سال ۲۰۱۶ به صورت رسمی منتشر کرده است.

AMP به صورت متن باز بوده که می‌توان از این مزیت استفاده کرده و مطابق هدفی که داریم، در آن تغییرات را لحاظ کنیم.

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

دلایل مهم در استفاده از AMP:

  • سئو

یکی از فاکتورهای مهمی که گوگل آن را در سئو سایت شما اثربخش می‌داند، سرعت است. استفاده از فریم ورک AMP امروزه یکی از اصول مهم و تاثیرگذار در سئو است.

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

بنابراین استفاده از AMP می‌تواند باعث قرارگیری سایت شما در نتایج بالاتر در گوگل شود.

  • استفاده بیشتر از تلفن هوشمند

استفاده از Smart Phone‌ به دلیل دسترسی بهتر، حمل و نقل راحت‌تر و … امروزه رواج بیشتری نسبت به استفاده از لپ تاپ و … دارند.

وقتی شما می‌دانید اکثر مخاطبان شما ممکن است از وسایل هوشمند خود برای مشاهده سایت شما استفاده کنند، پس باید امکاناتی را برای آن‌ها در نظر بگیرید که از سایت شما بهترین استفاده را ببرند و یکی از این امکانات، استفاده از AMP برای افزایش سرعت لود صفحات است تا مخاطب به راحتی و سریع به نتیجه دلخواه خودش برسد.

  • تجربه کاربری (UI) لذت‌ بخش‌تر

خودتان را به جای کاربری بگذارید که داخل سایت شما آمده و در یک چشم به هم زدن، صفحه موردنظرش را می‌تواند مشاهده کند و خیلی راحت، آنچه را که از سایت شما می‌خواهد به دست می‌آورد.

قطعا این تجربه کاربری (UI) بسیار برای شما هم لذت‌بخش خواهد بود پس با استفاده از AMP ، داشتن یک تجربه کاربری خوب را به مخاطبان سایت خود هدیه دهید.

  • مشتریان جهانی

وردپرس (برترین و محبوب‌ترین سیستم مدیریت محتوا در دنیا)

لینکدین (یکی از بهترین شبکه‌های اجتماعی که فعالیت در آن، می‌تواند شما را با افراد متخصص در زمینه کاری خودتان آشنا کند)

شرکت Ebay (یکی از بزرگ‌ترین و برترین شرکت‌های حراج محصولات به صورت آنلاین)

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

  • سرعت بسیار بالا

فاکتور سرعت بسیار امر مهمی در بازدید صفحات یک سایت است.

امروزه اگر سایت شما بخواهد بیشتر از ۲ یا ۳ ثانیه برای مخاطب لود شود، باید بدانید که مخاطب به احتمال زیاد، صفحه موردنظر را بسته و به سراغ سایت‌های دیگر خواهد رفت.

طبق ادعای گوگل، شما می‌توانید با استفاده از AMP ، سرعت لود صفحات سایت خود را به زیر یک ثانیه برسانید و این یک آمار بسیار عالی است که می‌تواند شما و مخاطبانی که دارید را شگفت‌زده کند.

تاثیر amp بر سئو:

عملکردamp,amp

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

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

و تاکید اصلی گوگل بر ایجاد نسخه amp سایت برای صفحات خبری سایت است .

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

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

فعلا احتیاجی نیست که زمان زیادی برای این مبحث صرف کنید .و تاثیر زیادی بر کلیت سئو و بهینه سازی وبسایت شما نخواهد داشت  ولی در برنامه هایتان باشد و در زمانهای انجام تغییرات در ساختار و طراحی سایتتان حتما نسخه  amp سایتتان را هم در کنار نسخه اصلی آن ایجاد کنید.

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

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

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

پیشنهاد ویژه  بهترین روش های تبلیغات اینترنتی

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

به طور قطع گوگل هدف های والایی را از ایجاد فریم ورک AMP دنبال می کند و ممکن است این فریم ورک با وجود نداشتن دیزاین پیچیده و بهره گیری از طراحی ساده جایگزین تکنیک های طراحی رسپانسیو و نسخه موبایل سایت شود.

گام های تبدیل یک صفحه HTML مرسوم به AMP:

به صورت خلاصه برای تبدیل یک صفحه HTML مرسوم به AMP‌ باید قدم های زیر را بردارید:

1- افزودن amp به تگ HTML

<html amp lang="en">

2- افزودن المان لینک استاندارد

<link rel="canonical" href="index.html">

3- تغییر انکودینگ به UTF-8

<meta charset="utf-8">

4- افزودن تگ viewport

<meta name="viewport" content="width=device-width,minimum-scale=1">

5- افزودن اسکریپت CDN مرتبط با AMP در پایین تگ <head>

<script async src="https://cdn.ampproject.org/v0.js"></script>

6- تغییر تمام تگ های <img> به <amp-img> و افزودن width و height به تصاویر

<amp-img src="https://example.com/test.jpg" alt="Crashed plane vintage photo" height="1024" width="734"></amp-img>

پیشنهاد میشود به تصاویر خصوصیت placeholder را نیز اضافه کنید به این صورت:

<amp-anim src="animated.gif" width=466 height=355 layout="responsive" >
<amp-img placeholder src="preview.png" layout="fill"></amp-img>
</amp-anim>

7- حذف تگ های <link> برای css ها و inline کردن تمام آنها با استفاده از تگ <styleamp-custom>

آناتومی صفحات AMP:

در زیر یک صفحه ساده AMP را مشاهده میکنید:

<!doctype html>
<html amp lang="en">
<head>
<meta charset="utf-8">
<link rel="canonical" href="__CANONICAL_URL__" >
<meta name="viewport"
content="width=device-width,minimum-scale=1,initial-scale=1">
<style>body {opacity: 0}</style>
<noscript>
<style>body {opacity: 1}</style>
</noscript>
<style amp-custom>
__YOUR_OWN_CSS__
</style>
<script async src="https://cdn.ampproject.org/v0.js">
</script>
</head>
<body>
Your actual content.
</body>
</html>

همینطور که میبینید style ها صورت inline css در فایل استفاده شده و اسکریپت های غیر همگام در CDN ها قرار گرفته اند. و ما تگ viewport ولینک استاندارد canonical را داریم.

بهترین افزونه های AMP برای وردپرس:

عملکردamp,amp

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

پلاگین برتر AMP:

این پلاگین همه کاره، سایت وردپرسی شما را خیلی سریع برای AMP بهینه سازی می کند. AMP for WP گزینه های بسیاری را جهت گسترش و پشتیبانی به شما پیشنهاد می دهد.

همچنین این پلاگین دارای ابزارهای بهینه سازی طراحی سایت نیز می باشد.

AMP for WP برای رفع باگ ها، اضافه شدن ویژگی های جدید و بهبود عملکرد سیستم آزمایش و آنالیز به صورت متوالی بروزرسانی می شود. استفاده از این افزونه برای افراد تازه کار نیز بسیار ساده است. براساس نظرات کاربران AMP for WP بهترین افزونه وردپرسی AMP است.

AMP یک پلاگین عالی برای تازه کارانی است که قصد دارند سایت خود را برای amp بهینه سازی کنند. هرچند، AMP دارای پشتیبانی ضعیف تری نسبت به AMP for WP است.

با بیش از 3 میلیون کاربر فعال و ارائه بروزرسانی های منظم با فواصل دو هفته ای،  all-in-one SEO pack یا AIOSEO یکی از بهترین پلاگین های وردپرسی amp برای سایت های حرفه ای و کسب و کارهای آنلاین است.

All-in-one SEO pack ایده های جالبی برای بهبود سئو سایت ارائه می دهد. همچنین این پلاگین مجموعه ابزارهایی را به صورت رایگان و پولی به شما پیشنهاد می دهد.

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

 

این پلاگین مانند یک پل ارتباطی بین افزونه Yoast و AMP عمل می کند.

با این افزونه، کاربران از تمام سیستم یکپارچه سازی سئو و بهینه سازی محتوا بهره مند می شوند. به کمک این پلاگین شما می توانید راحت تر و سریع تر در نتایج جستجوی سایت رشد کرده و دیده شوید.

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

یکی از عالی ترین فواید استفاده از Better AMP برای سایت وردپرسی شما، سرعت بارگذاری بسیار بالایی است که این افزونه ارائه می دهد.

Better AMP همچنین یکی از بهترین افزونه ها از لحاظ ارائه پشتیبانی به کاربران می باشد.

این مقاله را با دوستان خود به اشتراک بگذارید اشتراک گذاری در گوگل پلاس اشتراک گذاری در فیسبوک اشتراک گذاری در توییتر اشتراک گذاری در لینکدین اشتراک گذاری در پینترست
آخرین نظرات
  • پاسخ به سوالات کاربران در اسرع وقت داده میشود.
  • دیدگاه شما پس از تایید در سایت نمایش داده می شود.
  • از ارسال متن بصورت فینگلیش خودداری نموده و فارسی تایپ کنید.
  • سوالات خود را تنها در بخش کامنت مطرح نمایید و پشتیبانی محصولات بعد از خرید را در بخش تیکت ارسال کنید.
  1. احمد گفت:

    عالی

دیدگاه شما
لطفا نظرات خود را با ما در میان بگذارید