آشنایی با کاربردهای AMP در وب سایت

این عبارت که مخفف Accelerated Mobile Pages است، یک پروژه با منبع باز است که توسط Google پشتیبانی می شود و هدف اصلی آن ارائه سریعترین وب سایت به کاربران تلفن همراه می باشد. AMP برای سایت هایی با محتوا و حجم زیاد مانند سایت های خبری و همچنین برای سایت های کوچکی که صفحات آنها محتوای زیادی در وب دارد، به عنوان مثال در قالب یک وبلاگ ، مناسب است.به زبان ساده ، AMP روشی است برای ساخت صفحات وب با محتوای ثابت (صفحاتی که براساس رفتار کاربر تغییر نمی کنند) که امکان بارگیری صفحات (و پیش نمایش در جستجوی Google) را بسیار سریعتر از HTML فراهم می کند.بارگیری سریعتر صفحات AMP فقط با استفاده از کد و بدون انیمیشن و سایر تزئینات ایجاد می شود. بنابراین، وب سایت AMP اغلب در مقایسه با نسخه کلاسیک وب سایت “معمولی تر” به نظر می رسد، اما بارگیری آن سرعت بیشتری دارد.صفحات AMP برای کاربران جستجوی Google نمایش داده می شود زیرا گوگل نسخه های AMP صفحات را در حافظه خود بارگیری می کند. وقتی کسی روی صفحه AMP در نتایج جستجوی Google کلیک می کند، Google با سرعت بسیار زیادی محتوا را مستقیماً به او تحویل می دهد.فناوری Instant Article همان چیزی است که به عنوان بسته شناخته می شود، بنابراین فناوری مورد استفاده برای نمایش مقالات فوری فقط مختص سیستم عامل آنها است. همانطور که پیشت تر گفته شد پروژه AMP از یک چارچوب منبع باز استفاده می کند، به این معنی که می تواند توسط کل شرکت ها برای ارائه محتوایی که با استفاده از AMP HTML ساخته شده است، از جمله سیستم عامل هایی مانند Twitter ، Pinterest و جستجوی Google، مورد استفاده قرار گیرد.کاربرد AMP چیستدر این قابلیت Google از AMP برای سرویس دهی سریع محتوا در دستگاه های تلفن همراه استفاده می کند بدون اینکه کاربران مجبور شوند برای مشاهده محتوا روی وب سایتی کلیک کنند.صفحاتی که نسخه معتبر AMP را دارند در نتایج جست وجو شده به طور چرخ فلک مانند بالاتر از بقیه نتایج برای یک موضوع خاص ارائه می شوند.مزایای AMP چیست1. رشد در رتبه بندی ترافیک و جستجوگرهادر این قابلیت AMP به دارندگان سایت کمک می کند تا زمان بارگذاری صفحه را کاهش دهند و با این کار، تجربه کاربر را بهبود می بخشند و احتمال ماندن بازدیدکنندگان برای مدت زمان بیشتری در سایت را افزایش می دهند.زمان بارگذاری صفحه نیز نقش بسزایی در سئو دارد، و از آنجا که این عمل توسط گوگل انجام می شود، صفحات AMP در الگوریتم های جستجوی خود اولویت بندی می شوند و تأثیر مثبت بر صفحات نتایج موتور جستجو (SERP) دارند.در نتیجه اگر دو سایت در سئو در یک رتبه قرار گیرند، سایتی که سرعت بیشتری دارد در اولویت قرار می گیرد.2. نرخ پرش کم و زمان بیشتر در سایتبارگیری سریعتر صفحات احتمال ماندن بازدید کنندگان شما در صفحات شما را بیشتر می کند زیرا این تجربه سریع و آسان است. طبق تحقیقات گوگل، 53 درصد از بازدید ها در هنگام جستجو رها می شوند بارگیری صفحه بیش از سه ثانیه طول بکشد. صاحبان سایت ها برای بهبود تجربه مشتری در سایت های خود، با استفاده از AMP زمان بارگذاری سریعتر و تجسم بهتر محصول را ارائه می کنند. همچنین AMP باعث می شود که این سایت ها در صفحات جدید خود 30٪ نرخ پرش کمتری را داشته باشند.3. پتانسیل افزایش بازدیدهای تبلیغاتیدر AMP ، HTML به شکلی کدگذاری شده است که قابلیت استفاده کلی از بنرها و تصاویر را افزایش می دهد. این بدان معناست که باید میزان قابلیت مشاهده آگهی بالاتری داشته باشد که می تواند به ناشران برای کسب درآمد از سایت های خود کمک کند.4. برجسته بودن در جستجو های گوگل منجر به نرخ کلیک بالاتر (CTR) می شود.یکی از بزرگترین مزایای AMP این است که صفحاتی را که بیشتر توسط کاربران جسجو شده اند را به نمایش می گذارد. وقتی کاربران در دستگاه های تلفن همراه خود به دنبال محتوایی می گردند، سایت منتخب در بالای همه جستجوها ظاهر می شود و افراد را تشویق می کند ابتدا روی این محتوا کلیک کنند. این ویژگی نه تنها به نفع دارندگان وب سایت دارای صفحات AMP است، بلکه مالکان غیر AMP را نیز ترغیب می کند تا برای توسعه صفحاتی مناسب برای کاربران تمرکز کنند.معایب AMP۱- پس از اجرای آن در سایت خود ، متوجه خطاهای زیادی در کنسول Google Search خواهید شد. متأسفانه ، این خطاها بسیار فنی هستند و شما نمی توانید به عنوان یک مالک وب سایت عادی آنها را برطرف کنید. برای خلاص شدن از شر خطاهای AMP باید یک برنامه نویس استخدام کنید. در واقع ، شما باید از کد Analytics مختلف برای سایت معمولی و صفحات AMP خود استفاده کنید.۲-بیشتر تم های جالب وردپرس از jQuery برای ساخت ویژگی هایی مانند برگه ها ، آکاردئون ، پنجره های بازشو و اسلایدر استفاده می کنند. که البته وقتی شما به صفحات AMP بروید ، همه این موارد در دستگاه های تلفن همراه متوقف می شوند.۳- اگر سایت شما دارای فیلم های زیادی باشد ، AMP برای شما مفید نخواهد بود زیرا زمان بارگیری تقریباً ثابت می ماند.۴- تجزیه و تحلیل کمتر و کار بیشتر؛ اگرچه AMP با Google Analytics کار می کند ، شما باید از تگ متفاوتی استفاده کنید که می تواند بسیار وقت گیر باشد. اگر تگ یا برچسب جدید را وارد نکنید ، تعداد زیادی از اطلاعات تجزیه و تحلیل را از دست می دهید.طرز کار AMP چگونه استاین پلاگین که برای بارگذاری سریع صفحات کار می کند ترکیبی از مجموعه ای از عناصر است که برای بهینه سازی سایت ها استفاده می شود.در جاوا اسکریپت تقریبا برای تغییر هر قسمت از یک صفحه وب استفاده می شود، اما ممکن است برای جلوگیری از ساخت DOM و تأخیر در ارائه صفحات نیز استفاده شود. برای جلوگیری از تأخیر در ارائه صفحات به دلیل جاوا اسکریپت، AMP فقط JavaScript ناهمگام را مجاز می داند. این صفحات AMP استفاده از JavaScript که توسط مدیر وب نوشته شده است را منع می کند و به جای استفاده از JavaScript معمولی، یک صفحه تعاملی که فقط باید از AMP تشکیل شده باشد استفاده می کند.منابعی که خارجی هستند ، مانند iframes، تبلیغات یا تصاویر و . . . باید اندازه خود را در HTML بیان کنند تا AMP بتواند اندازه هر عنصر و همچنین موقعیت آن را قبل از بارگیری منابع تعیین کند.پلاگین به مکانیسم های افزودنی اجازه نمی دهد تا ارائه صفحه را مسدود کنند. AMP برای موارد اضافی مانند برنامه های اینستاگرام، توییتر و موارد مشابه، از این ویژگی استفاده می کند. این ویژگی ها به درخواست های اضافی HTTP نیاز دارند و این درخواست ها نمی توانند طرح بندی صفحه و ارائه را مسدود کنند. صفحاتی که از اسکریپت سفارشی استفاده می کنند باید سیستم AMP را مطلع کنند که در نهایت به برچسب سفارشی نیاز خواهد داشت.چگونه AMP را به وب سایتمان ادد کنیم ؟استفاده از AMP در وردپرسوارد افزونه ها یا پلاگین شوید و در وردپرس Extend جدیدی را که می خواهید اضافه کنید و سپس عبارت AMP for WordPress را در نوار جستجو، جستجو کنید. بعد از یافتن پلاگین AMP مناسب، آن را در WordPress نصب و فعال کنید، درواقع شما با آموزش طراحی سایت می توانید قابلیت های این افزونه کاربردی را یاد بگیرید.استفاده از AMP در دروپالپلاگین مخصوصی برای صفحات دروپال نیز وجود دارد. به قسمت Extend بروید و از قسمت Install، پلاگین جدید را نصب کنید.استفاده از AMP در جوملاقسمت پلاگین جوملا در بخش extension manager از منوی extensions قرار دارد که می توانید پلاگین ها را به راحتی با دانلود از سایت جوملا و از طریق contro panel فعال کنید.به منوی Extensions رفته و در قسمت Extension Manager ، پلاگین جوملا را مشاهده می کنید. با دانلود پلاگین ها از سایت جوملا می توانید به قسمت Contro Panel رفته و پلاگین را نصب و فعال کنید.منبع » سایت atgo.ir