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

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

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

آموزش بهینه سازی نسخه موبایل وردپرس با AMP for WP

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

AMP چیست؟

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

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

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

افزونه‌ای که قصد معرفی آن را دارم با عنوان AMP for WP در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از 40.000 نصب فعال و کسب امتیاز 4.5 را ازآن خود نماید که با استفاده از آن قادر به ایجاد نسخه AMP وردپرس در سایت خود خواهید بود.

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

تنظیمات General

Logo: در این بخش لووی وبسایت خود را آپلود نموده و یا اینکه از میان کتابخانه چندرسانه‌ای وردپرس انتخاب کنید.

Custom Logo Size: اگر قصد دارید تا از اندازه دلخواهی در لوگو استفاده کنید این گزینه را فعال کرده و سپس اندازه دلخواه خود را بر حسب پیکسل انتخاب کنید.

AMP on Pages: با فعال کردن این گزینه AMP وردپرس در تمامی صفحات وبسایت که شامل مطالب، برگه‌ها، دسته‌بندی، برچسب و… می‌باشد اعمال خواهد شد.

تنظیمات Design

launch post builder: با کلیک بر روی این دکمه به مسیر نمایش> سفارشی‌سازی هدایت خواهید شد که در آن قادر خواهید بود تا بخش‌های مختلف همچون عنوان سایت، عنوان نوشته، متای نوشته، دکمه اشتراک گذاری مطالب و.. را سفارشی سازی کنید تا در صفحه مطالب در حالت AMP وردپرس نمایش داده شوند.

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

Call Now Button: این امکان را به شما خواهد داد تا دکمه‌ای برای تماس مستقیم در نسخه موبایل به کاربران نمایش دهید تا با کلیک بر روی آن قادر به هدایت در برنامه تماس گوشی شده و با شما در ارتباط باشند.

Custom CSS: در این بخش نیز قادر خواهید بود تا نام کلاس استایل دلخواه خود را در آن وارد کنید تا از استایل سفارشی در نسخه AMP وردپرس استفاده کنید.

تنظیمات

Sticky Social Icons: با فعال کردن این گزینه امکان نمایش دکمه اشتراک گذاری مطالب در شبکه‌های اجتماعی به صورت چسبان نمایش داده خواهد شد.

Excerpt in single: با استفاده از این گزینه قادر خواهید بود تا خلاصه مطالب را در نسخه موبایل وردپرس نمایش دهید.

Next-Previous Links: این گزینه امکان نمایش نوشته قبلی و نوشته بعدی را به شما خواهد داد.

Show Post Modified Date: با استفاده از این گزینه تاریخ ارسال مطالب در نسخه موبایل نمایش داده خواهد شد.

Author Bio in Single: با فعال کردن این بخش باکس نویسنده مطالب در صفحه نوشته وردپرس نمایش داده می‌شود.

Show Related Post from: این گزینه امکان نمایش مطالب مرتبط بر اساس دسته‌بندی و برچسب را در وردپرس خواهد داد که در فیلد Number of Related Post قادر به انتخاب تعداد مطالب مرتبط جهت نمایش در نسخه موبایل خواهید بود.

تنظیمات advertiseement

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

تنظیمات social

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

تنظیمات SEO

Meta Description: با فعال کردن این گزینه متای توضیحات در صفحات نسخه موبایل وردپرس درج خواهند شد.

Meta Tags from Yoast: با استفاده از این گزینه امکان نمایش متای توضیحات از طریق افزونه سئو وردپرس فراهم خواهد شد.

Yoast Description in ld+json: با فعال کردن این گزینه امکان نمایش توضیحات بر اساس آی‌دی و json فراهم خواهند بود.

Advanced Index & No Index Options: در این بخش قادر خواهید بود تا بخش‌های مختلف برای ایندکس در گوگل را فعال و یا غیرفعال کنید که شامل مواردی همچون شماره صفحات، صفحه آرشیو نویسنده، دسته‌بندی، برچسب و.. می‌باشد.

تنظیمات Comments

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

تنظیمات Translation

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

تنظیمات Advanced Settings

Archive page Support: فعال کردن امکان آرشیو صفحات در نسخه موبایل وردپرس

Mobile Redirection: ریدایرکت خودکار کاربران موبایلی به نسخه AMP وردپرس

RTL Support: این گزینه را برای راستچین کردن و پشتیبانی از زبان‌های راست به چپ که برای زبان فارسی لازم است فعال کنید.

Link to Non-AMP page in Footer: با فعال کردن این گزینه لینک به نسخه AMP وردپرس نمایش داده خواهد شد.