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

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

ساخت نسخه موبایل وردپرس

قبل از اینکه به بررسی این افزونه بپردازم لازم است تا با واژه AMP آشنا شویم. عبارت AMP مخفف واژه Accelerated Mobile Pages می‌باشد که به عنوان یک پروژه در گوگل برای بهینه‌سازی وبسایت‌ها در نسخه موبایل ارائه شده است و روز‌به‌روز در حال فراگیر شدن توسط سایت‌ها مختلف می‌باشد.

AMP چیست؟

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

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

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

افزونه AMP وردپرس

افزونه‌ای که قصد معرفی آن را دارم با عنوان AMP توسط اتوماتیک(automatic) که به عنوان منتشر کننده افزونه‌های رسمی وردپرس می‌باشد در مخزن وردپرس ارائه شده است و تاکنون توانسته است تا بیش از ۱۰۰.۰۰۰ نصب فعال و کسب امتیاز ۳.۴ را ازآن خود نماید.با استفاده از افزونه AMP وردپرس قادر خواهید بود تا وبسایت خود را برای نسخه موبایل بهینه سازی کنید تا هر کاربری قادر به مشاهده محتوای مقالات شما باشد.

نصب و فعال سازی

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

همانطور که در تصویر مشاهده می‌کنید نسخه AMP در نسخه موبایل وردپرس به صورت بالا نمایش داده خواهد شد و از بخش تنظیمات قادر خواهید بود تا مشابه زیر عمل کنید.

• Header Text Color: انتخاب رنگ متن سربرگ
• Header Background & Link Color: انتخاب رنگ سربرگ و رنگ لینک‌های موجود در صفحات
• Color Scheme: انتخاب پوسته برای نمایش نسخه AMP وردپرس به صورت شفاف و یا تیره

پس از ذخیره تنظیمات در نهایت محتوای مطالب شما مشابه تصویر فوق که در پیش‌نمایش قابل مشاهده است برای کاربران در دسترس خواهد بود. در نسخه AMP وردپرس لینک‌های شما تغییر حالت داده و در انتهای آن یک amp/ اضافه خواهد شد. به عنوان مثال: http://www.20script.ir/amp-wordpress-plugin/amp

بهینه‌سازی متاتگ‌ها در AMP وردپرس

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

افزونه‌ای که قصد معرفی آن را دارم با عنوان Glue for Yoast SEO & AMP در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۳۰.۰۰۰ نصب فعال و کسب امتیاز ۴.۳ را ازآن خود نماید. برای دریافت افزونه Glue for Yoast SEO & AMP کلیک کنید.

نصب و فعال سازی

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

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

تنظیمات طراحی AMP وردپرس

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

موفق باشید