AMP چیست و چه کاربردهایی دارد

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

 

ترافیک وب موبایل و اهمیت آن

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

در تحقیقاتی که در سال 2012 انجام شد، تلفن های هوشمند و اسمارت فون ها سهم 40 درصدی از ترافیک اینترنت را به خود اختصاص دادند. یعنی نزدیک به نیمی از ترافیک اینترنت، خرید های اینترنتی، بازدید سایت ها و تبادل پیام در پیام رسان ها از طریق موبایل اتفاق افتاده بودند. این رقم در 4 سال بعد به 75 درصد افزایش یافت. به اینصورت که سه چهارم تمام ترافیک در جریان از اینترنت از طریق شبکه های موبایل بود.

عوامل مختلفی مانند گسترش تکنولوژی تلفن های هوشمند، متداول شدن سیستم عامل های کاربر محور و زیبایی مانند اندروید و همینطور iOS که رضایت کاربران را در پی داشت و از همه مهمتر ایجاد تکنولوژی های انتقال قوی مانند اینترنت های 4G و 5G که باعث سریعتر شدن وب در موبایل ها شدند و به این کار سهولت دو چندانی را دادند.

این پیشرفت ها و کاربر محور بودن ها به جایی رسید که در کشوری مانند اسپانیا در سال 2018، 85 درصد دسترسی مردم به اینترنت از طریق تلفن همراه اتفاق افتاد. در پی این بالا رفتن اهمیت ترافیک موبایل و جدی شدن آن، خیلی از ارائه دهندگان خدمات وب به این فکر افتادند تا بهینه سازی هایی را برای سایت هایی که غالبا با محوریت سیستم های دسکتاپ ساخته می شدند و خیلی به کاربران موبایل توجه نمی کردند، ارائه دهند. از این رو شما می توانید قابلیت های زیادی را پیدا کنید که در پلتفرم های سایت ساز مختلف برای بهینه سازی ویو صفحات موبایل مشاهده کنید که روز به روز هم در حال رشد هستند و بر قابلیت های آنان افزوده می شود.

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

 

AMP چیست

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

AMP یک سرواژه از عبارت Accelerated Mobile Pages به معنای صفحات موبایل شتاب داده شده است، که به صورت یک پروژه اپن سورس و منبع باز از طرف گوگل و در سال 2015 راه اندازی شد. در این پروژه که از HTML برای توسعه آن استفاده شده است، هدف اولیه انتشار پست های فیسبوک بدون اضافات مختلف این پلتفرم بود که در آن این پست ها به صورت یک صفحه وب ساده و بدون قالب خاص در اختیار کاربران قرار می گرفت و کاربران این صفحات را به عنوان یک مقاله می خوانند. علاوه بر فیسبوک، Apple News نیز بلافاصله وارد این پروژه شده و خبرنامه های خود را به این صورت منتشر کرد.

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

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

AMP از کجا آمد

صفحات ساخته شده با AMP در CDN های مختلفی مانند Bing و یا Cloudflare کش می شوند و سرعت سرویس دهی را بسیار بالا خواهند برد. این تکنولوژی یک سالی را درگیر طراحی ساخت و رفع ایرادات تخصصی و فنی بود و سرانجام یک سال بعد و در سال 2016 صفحاتی که با این تکنولوژی ساخته می شد برای اولین بار مورد استفاده عمومی قرار گرفت و در نتایج جست و جوی موبایل به نمایش درآمد.

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

ظهور پلاگین های مختلف برای اتوماتیک سازی AMP از سال دوم انتشار سراسر آن یعنی 2018 میلادی آغاز گردید و اولین افزونه AMP برای پلتفرم وردپرس ارائه شد. پیرو آن نیز سایر سایت سازها مانند جوملا و دروپال افزونه هایی برای این کار ارائه دادند که در بخش های پایای به معرفی آنها خواهیم پرداخت. اکنون با علم به این مورد که AMP چیست و از کجا وارد بازار داغ و پر جنب و جوش طراحی سایت شده است، اجازه دهید ببینیم چگونه میتوان از AMP روی پلتفرم های مختلف استفاده نمود و از آن بهره برداری کرد.

چگونگی استفاده از AMP روی پلتفرم های مختلف

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

 

وردپرس

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

AMP در وردپرس

فقط کافی است تا افزونه های زیر را روی سایت خود نصب کرده و از آنها برای این پیاده سازی استفاده کنید:

  1. افزونه اصلی AMP: این افزونه معرفی شده توسط خود گوگل بوده و به شما کمک میکند تا این بهینه سازی را انجام دهید.
  2. افزونه accelerated mobile pages: همانطور که از نام این افزونه پیداست همان کار را برای شما انجام خواهد داد و می توان گفت یکی از گزینه های کاربردی برای پیاده سازی AMP روی پیج خواهد بود.
  3. افزونه Yoast glue SEO: یواست یکی از ارائه کنندگان تراز اول ابزار های سئو و همینطور افزونه های مرتبط با این امر در وردپرس است و وقتی نام آن روی یک افزونه می آید میتوان گفت که تضمینی برای صحت کارکرد آن افزونه خواهد بود.

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

جوملا

می توان گفت جوملا از نظر سابقه و کارایی دست کمی از وردپرس ندارد و می توان آن را نیز به عنوان یک سایت ساز و پلتفرم حرفه ای برای مدیریت محتوای سایت معرفی نمود که کمی نسبت به وردپرس کمتر شناخته شده است. این پلتفرم متن باز و حرفه ای که بیش از 10200 افزونه برای آن ارائه شده است، و قطعا در این ده هزار افزونه، افزونه هایی برای شما وجود دارد که بتوانید با استفاده از آن AMP را پیاده سازی کنید. اجازه دهید ببینیم راه حل جوملا برای پیاده سازی AMP چیست !؟

AMP در جوملا

جوملا هم مانند وردپرس قابلیت بهره گیری از افزونه ها را دارد و شما باید برای بهره مندی از تکنولوژی AMP به سراغ بخش Extension Manager جوملا رفته و از بخش Extension با سرچ کردن AMP افزونه مورد نظر خود را انتخاب کنید. به عنوان مثال میتوان دو افزونه JAMP و همینطور wbAMP را به عنوان دو مورد از افزونه های قوی که این کار را در جوملا انجام می دهند معرفی نمود.

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

 

دروپال

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

AMP در دروپال

دروپال که یکی از اعضای ده پلتفرم اول اپن سورس برای مدیریت محتوای سایت است رابطه خوبی با افزونه ها داشته و شما این امکان را خواهید داشت که با جستجو در بین افزونه های مختلف این پلتفرم به افزونه های خوبی مانند افزونه رسمی Accelerated Mobile Pages که روی وردپرس نیز وجود داشت دسترسی داشته باشید.

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

 

نتیجه گیری

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

چنانچه پسود ادمین وردپرس را فراموش کرده باشیم می توانیم از طریق دیتابیس اصلی سایت , این رمز را تغییر داده و تست کنیم ابتدا وارد سی پنل بشوید. بروی گزینه phpmyadmin کلیک کنید تا بتوانید دیتابیس ها را در این قسمت به صورت یکجا ببینید نکته : اگر هاست شما دایرکت ادمین باشد , می […]&url=https%3A%2F%2Fwww.maralhost.com%2Fkb%2F%25d8%25aa%25d8%25ba%25db%258c%25db%258c%25d8%25b1-%25d8%25b1%25d9%2585%25d8%25b2-%25d8%25a7%25d8%25af%25d9%2585%25db%258c%25d9%2586-%25d9%2588%25d8%25b1%25d8%25af%25d9%25be%25d8%25b1%25d8%25b3-%25d9%2588-%25d8%25ac%25d9%2588%25d9%2585%25d9%2584%25d8%25a7-%25d8%25a7%25d8%25b2-%25d8%25b7%25d8%25b1%25db%258c%25d9%2582-%25d8%25af%2F">

تغییر رمز ادمین وردپرس و جوملا از طریق دیتابیس

چنانچه پسود ادمین وردپرس را فراموش کرده باشیم می توانیم از طریق دیتابیس اصلی سایت , این رمز را تغییر داده و تست کنیم

ابتدا وارد سی پنل بشوید. بروی گزینه phpmyadmin کلیک کنید تا بتوانید دیتابیس ها را در این قسمت به صورت یکجا ببینید

نکته : اگر هاست شما دایرکت ادمین باشد , می بایست وارد فایل wp-config شده و با اطلاعات دیتابیس ست شده در آنجا وارد این قسمت شوید و پسورد را تغییر دهید

phpmyadmin

بعد از وارد شدن به صفحه phpmyadmin مانند تصویر زیر در سمت چپ صفحه روی دیتابیس سایت کلیک کنید

phpmyadmin2

در سمت چپ زیر دیتابیس جدول های دیتابیس لیست می شود که باید روی جدول wp_users کلیک کنید

phpmyadmin3

 

با کلیک بروی این جدول از دیتابیس رکودهای آن باز خواهد شد

phpmyadmin4

 

از لیست نام کاربری مورد نظر که قصد تغییر رمز آنرا دارید (اغلب admin) را انتخاب کرده و در ستون password روی فیلد مربوط به پسورد کاربر مورد نظر دوبار کلیک کنید تا بتوانید آنرا ویرایش نمایید. در این بخش از آنجا که رمزها به صورت MD5 هستند شما هم باید یک رمز با همین فرمت وارد کنید.

سپس برای اعمال تغییرات بروی گزینه Go کلیک کرده و رمز ست شده را در ادمین سایت تست کنید

 

 

 

آموزش گام‌به‌گام نصب جوملا در Cpanel

جهت نصب جوملا در هاست لینوکس Cpanel ابتدا فایل زیپ نصبی وردپرس که حتما می‌بایست zip. باشد را در فولدر مخصوص آپلود نمائید، ابتدا در فایل منیجر Cpanel وارد می‌شویم، سپس در فولدر مورد نظر گزینه upload را انتخاب می‌کنیم

1

 

سپس طبق تصویر زیر منتظر می‌مانیم آپلود کامل شود

2

 

پس از اینکه فایل زیپ بطور کامل آپلود شد، آن را Unzip یا Extract می‌کنیم، جهت Extract ابتدا فایل زیپ را انتخاب می‌کنیم سپس روی گزینه Extract کلیک می‌کنیم

3

 

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

4

 

سپس سراغ ساخت دیتابیس‌ها می‌رویم، به صفحه اصلی Cpanel برمی‌گردیم و روی MySQL Database کلیک می‌کنیم، در بخش Create New Database یک اسم برای دیتابیس درج می‌کنیم و روی Create Database کلیک می‌کنیم

5

 

سپس یک یوزر برای دیتابیس ایجاد می‌کنیم، از بخش MySQL Users Add New User یک اسم و پسورد برای یوزردیتابیس درج می‌کنیم و روی Create User کلیک می‌کنیم

6

 

توجّه داشته باشید که حتما نام دیتابیس، نام یوزر و پسورد یوزر را در یک نوت پد قرار دهید، در مراحل آتی به این اطلاعات نیاز داریم
بعد از ایجاد یوزر، این یوزر را به دیتابیس Add می‌کنیم
7
پس از انتخاب Add وارد صفحه PRIVILEGES می‌شویم، گزینه ALL PRIVILEGES را انتخاب و OK می‌کنیم، با انجام این کار تمام دسترسی‌ها به یوزر مورد نظر اختصاص داده خواهد شد
8
پس از انجام مراح فوق، در مرورگر نام دامنه مورد نظرمان را وارد می‌کنیم و باید با صفحه راه اندازی جوملا مواجه شویم
9
به مرحله بعد می‌رویم، در این بخش تنظیمات مدیریتی مانند عنوان سایت، ایمیل ادمین سایت، یوزرنیم admin و پسورد جهت ورود به مدیریت سِت می‌کنیم
10
سپس در این مرحله اطلاعات دیتابیسی که ایجاد کرده بودیم را در فیلدهای مربوطه وارد می‌کنیم
11
به مرحله بعد می‌رویم، در این مرحله یک شِمای کلی از تنظیماتی که سِت کردیم را مشاهده می‌کنیم
12
با کلیک کردن گزینه “نصب” وارد صفحه نصب می‌شویم، پس از اینکه نصب به اتمام رسید، فولدر installation را طبق تصویر نمایش داده شده حذف می‌کنیم(وجود این فولدر ریسک امنیتی دارد)
و سپس می‌توانیم وارد صفحه مدیریت جوملا شویم
13