آموزش پیاده سازی AMP برای وردپرس

Accelerated Mobile Pages که به نام AMP هم شناخته می شود و به زبان فارسی آن را صفحات موبایلی سریع می نامیم بخشی است که مدتی از رونمایی آن توسط گوگل در بخش webmaster tools گوگل می گذرد.براساس تجربه همواره اعلام کرده ام که وقتی گوگل در وب مستر چیزی را  رونمایی می کند به زودی استفاده از آن را اجباری خواهد کرد.

پس لطفا حواستان باشد!

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

پروژه صفحات سریع موبایل چیست ؟

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

AMP چیست و چه کاری انجام می دهد؟

می توان گفت که صفحات موبایلی پرشتاب، در واقع نسخه ای از صفحات وب موبایل هستند که بر روی یک نسخه ابداعی HTML اجرا می شوند که در این HTML اکثر عناصری که باعث کاهش سرعت بارگذاری صفحات وب در گوشی های تلفن همراه می شوند (مانند Java Script و …) را حذف می کند. در این نسخه از صفحات وب، تنها استفاده از تگ های خاصی از HTML مجاز است و نمی توان از همه تگ ها استفاده کرد. به طور کلی در صفحات پرشتاب موبایل استفاده از کدهایی که حجم صفحات را افزایش می دهند غیر مجاز است.

AMP بهینه سازی وب سایت شما را در نتایج جستجو  گوگل بهبود خواهد بخشید.

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

لطفا به خاطر داشته باشید که هرچند Accelerated Mobile Pages سرعت بارگذاری صفحات وب را افزایش می دهد و از این جهت در بهبود سئو سایت مهم است اما نسبت به سایر فاکتورهای بهینه سازی سایت از اولویت خاصی برخوردار نیست  و فقط می توان آن را به عنوان یکی از تاکتیک های سئو مد نظر قرار داد.

باید خود را برای این دگرگونی آماده کنید

گوگل تلاش می کند تا با ارائه Accelerated Mobile Pages رفتار و عادات جستجو را در میان کاربران تلفن همراه تغییر دهد. دوستان عزیزم دیگر توجیه زیادی برای عدم استفاده از صفحات موبایلی پرشتاب وجود ندارد. زیرا با افزایش کاربران گوشی های تلفن همراه در دنیای وب، سایت هایی که با این تغییر هماهنگ نباشند به احتمال زیاد بخش بزرگی از ترافیک خود را از دست خواهند داد (تاکید می کنم به احتمال زیاد)

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

به هر حال به همه برنامه نویسان محترم که می خواهند سورس سایت آنها در سئو سایت وضعیت مناسبی داشته باشد، پیشنهاد اکید می کنم که از این پس حواسشان بیشتر به کد نویسی هایشان باشد !!!

یادگیری کدهای amp بسیار بسیار ساده است اما کلا گوگل دنبال چیز دیگری است …

آموزش استفاده از AMP در وردپرس 

برای استفاده از AMP باید به ابزار search console یا همان وبمستر تولز دسترسی داشته باشید. اما ممکن است به پلتفرم میزبان وب سایتتان نیز  نیاز داشته باشید.

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

برای این که مطمئن شوید می توانید در انتهای url صفحه عبارت “amp/suffix/” را اضافه کنید تا نسخه AMP آن نمایش داده شود.

مرحله دوم نصب افزونه Yoast Glue است. این افزونه گزینه های بسیار زیادی را برای حالت دادن و مرتب کردن افزونه Automatic AMP در  اختیار شما قرار می دهد. همچنین کمک می کند که اگر صفحه شما دچار بهم ریختگی شده است، اصلاح شود. این تنظیمات در قسمت  SEO>AMP>Design قابل دسترسی است.

بعد از این که مراحل استفاده از AMP را در سایت خود انجام دادید، باید به سراغ ابزار search console بروید. بعد از آنکه وارد حساب کاربری خود شدید به قسمت Search Appearance > Accelerated Mobile Pages بروید. در این قسمت خطاهایی که توسط گوگل شناسایی شده است را می توانید ببینید. خوشبختانه گوگل برای کمک به رفع خطاها ابزار AMP validator را در اختیار گذاشته است.

هنگامی که بر روی یکی از صفحاتی که داری خطا است کلیک کنید، ابزار AMP validator نمایش داده می شود که دارای دو گزینه see AMP Reference و Run Validator می باشد. در گزینه اول سورس صفحه نمایش داده می شود و می توانید خطاهای موجود را شناسایی کنید و نسبت به رفع آن ها اقدام کنید. از گزینه Run Validator هم زمانی استفاده کنید که مطمئن هستید خطا اصلاح شده است و می خواهید به گوگل اعلام کنید تا مجددا صفحه را بررسی کند.

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