بررسی دقیق مراحل ساخت AMP وب سایت

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

 بررسی دقیق مراحل ساخت AMP وب سایت

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

AMP وب سایت چیست؟

AMP وب سایت شامل AMP HTML، کتابخانه های AMP JS و همینطور حافظه گوگل است. اگر صفحه وب سایت در استفاده های موبایلی دارای استاندارد لازم نباشد قطعا شاخص های منفی افزایش خواهند یافت. بررسی ها نشان می دهد که اگر صفحه در 30 ثانیه بارگزاری نشود با کاهش 50 درصدی کاربران روبرو خواهید بود. ساخت AMP وب سایت سبب افزایش بازدهی خواهد شد. این تکنولوژی تنها محدود به صفحات وب نبوده و برچسب های تخصصی را اعمال می نماید. ساخت AMP وب سایت این اطمینان را ایجاد می کند که محتوا به وضوح بارگذاری شود، این موضوع در حالی است که تبلیغات در اولویت نخواهند بود.

مراحل ساخت AMP وب سایت

برای ساخت AMP وب سایت در ابتدا باید صفحات AMP HTML طراحی شود. قطعه کد مخصوصی وجود دارد که باید به عنوان یک فایل با پسوند HTML ذخیره شود. بخش BODY این کد عموما آسان است. کدهایی که در بخش تگ head نوشته می شوند ممکن است به سرعت مشخص نشوند. اکثر تگ های html به صورت مستقیم به کار برده می شوند اما یک سری از تگ های خاص وجود دارند که می بایست کمی سفارشی جایگزین شوند، یکی از معروف ترین تگ ها که در این دسته قرار می گیرد <img> است. برای بخش ظاهری صفحات وب باید از مشخصات css باید استفاده شود. هر صفحه AMP فقط می تواند یک Stylesheet داشته باشد.

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

ساخت AMP وب سایت برای کشف و توزیع

گاه دیده می شود که صفحه مشابه در دو نسخه با AMP و بدون آن وجود دارد. در چنین شرایطی چطور می توان متوجه شد که علاوه بر نسخه بدون AMP نسخه دیگری نیز وجود دارد؟ راه حل، ربط دادن صفحات به وسیله لینک است. برای پیاده سازی سایت های دو نسخه ای باید با آنها همانند یک زوج رفتار نمود. اطلاعات صفحه ای که شامل AMP است باید به صفحه بدون AMP اضافه شود. این کار با استفاده از برچسب لینگ و در تگ head انجام می شود. اگر تنها یک صفحه موجود باشد و آن صفحه هم دارای AMP باشد باز هم نیاز به یک لینک استاندارد است. این لینک باید به نوع صفحه مذکور اشاره نماید.

تنظیمات AMP وب سایت

برای اعمال یک سری تنظیمات نیاز به پلاگین های مخصوص AMP است که باید به دقت نصب و فعال شوند. پس از فعال سازی زمانی که وارد بخش نمایش AMP شوید مشاهده می شود که یک سری ویژگی های جدید اضافه شده است که باعث می شود قابلیت های بیشتری برای طراح فراهم گردد. AMP JS به کتابخانه های Javascript اشاره می کند و شامل بهترین شیوه های عملکردی است. یکی از شیوه های مهم در این کتابخانه مدیریت مناسب بارگذاری شده می باشد، این شیوه سبب می شود که سرعت بارگذاری صفحات تضمین شوند. از دیگر تکنیک های مورد استفاده در ساخت AMP سایت پیش محاسبات لایه ها و همینطور همه عناصر قبل از لود شدن است. می توان css selector ها را فعال و یا غیر فعال نمود.

تکنولوژی AMP وب سایت چطور کار می کند؟

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

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