میزبان فا

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

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

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

AMP برای وردپرس

گوگل AMP چیست؟

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

نمونه AMP

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

نکات مثبت و منفی گوگل AMP

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

در حالیکه گوگل AMP از گوگل آنالیز پشتیبانی می کند، از تجزیه و تحلیل بسیاری از سیستم های دیگر پشتیبانی نمی کند.

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

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

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

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

بخاطر دلایل فوق، هنوز میهن وردپرس را به گوگل AMP تغییر نداده ایم.

اکنون نحوه راه اندازی گوگل AMP را به هم ببینیم.

نحوه راه اندازی گوگل AMP

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

تنظیمات AMP

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

http://example.com/2016/10/my-blog-post/amp/

این آدرس یک پست مشابه از نسخه تکمیل نشده را به شما نشان می دهد.

پیش نمایش AMP بر روی موبایل

اگر می خواهید کد منبع پست اصلی را ببینید باید خط زیر را در HTML پیدا کنید:

<link rel="amphtml" href="http://example.com/2016/10/my-blog-post/amp/" />

خط بالا آدرس amp شما را به گوگل نمایش می دهد.

عیب یابی:

هنگامی که در حال تلاش برای مشاهده نسخه AMP هستید و با یک خطای 404 مواجه شدید، برای رفع این مشکل مراحل زیر را انجام دهید:

به  صفحه تنظیمات > پیوند های یکتا در قسمت مدیریت وردپرس خود رفته و روی دکمه ذخیره کلیک کنید. توجه داشته باشید در این قسمت چیزی را تغییر ندهید؛ فقط دکمه ذخیره را فشار دهید. انجام اینکار باعث رفرش شدن پیوند یکتای سایت شما خواهد شد.

نمایش AMP  در کنسول جستجوی گوگل

دوست دارید بدانید که AMP چگونه روی موتور جستجو عمل می کند؟ ه راحتی می توانید این موضوع را با گوگل کنسول چک کنید. به داشبورد کنسول جستجوی گوگل وارد شده و روی Search Appearance » Accelerated Mobile Pages کلیک کنید.

amp-gsc

اگر مشاهده ای برا جستجو یافت نکرید نگران نباشید. کمی طول می کشد تا گوگل AMP شما را ایندکس و داده های کنسول جستجو را نمایش دهد.

توسعه و سفارشی سازی AMP

افزونه AMP با گزینه های سفارشی سازی محدودی همراه است. هر چند می توانید از افزونه های دیگری برای سفارشی کردن نیز استفاده کنید. اگر در حال حاضر از Yoast SEO استفاده می کنید، باید Glue را برای Yoast SEOو AMP نصب و فعالسازی کنید. این یک افزونه افزودنی برای افزونه های Yoast SEO و AMP می باشد.  پس از فعالسازی به صفحه SEO » AMP برای پیکربندی تنظیمات افزونه بروید.

افزونه ampglueyoastseo

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

طراحی yoastamp

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

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

پکیج های آموزشی

نظرات کاربران

avatar
مرتب سازی براساس:   جدیدترین | قدیمی ترین
احمد
احمد

درود متاسفانه amp با افزونه edd و وکامرس سازگاری نداره و دکمه خرید در حالت amp نمایش داده نمیشه راه حلی می تونید پیشنهاد بدید ؟

خدمت گستر
خدمت گستر

سلام
خسته نباشید
دو روزه که این افزونه رو نصب کردم
ولی ایندکس نشده
باید چقد منتظر بمونم تا صفحاتم ایندکس بشه

محمد قاسمی
محمد قاسمی

درود.
زمان بر هستش، زمان مشخصی ندارد.

naser
naser

سلام
ممنون از مطالب خوبتون
در نسخه amp نوشته ها چپ به راست هستند، این مشکل را چگونه حل کنم؟

رضا حسینی راد
رضا حسینی راد

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

naser
naser

متاسفانه بلد نیستم در این زمینه ضعیفم
کاش شما نسخه فارسی شده افزونه را برای فروش میذاشتید خیلی خوب میشد

رضا حسینی راد
رضا حسینی راد

سعی می کنیم روش کار کنیم و قرار بدیم

naser
naser

ممنون از شما اگر فارسی قرار بدید
مشکل راست چین هم حل شد بدون نیاز به دستکاری در css
در تنظیمات افزونه/گزینه Misc/ فعال کردن RTL Support

رضا حسینی راد
رضا حسینی راد

اره این بخش هم میتونه اما کامل راستچین نمیشه متاسفانه

naser
naser

سلام آقای حسینی راد
مدتی درگیر amp بودم دیدم خوب نیست پاک کردم به کل، ولی الان میبینم تمامی آدرس ها برای موبایل ایندکس شدن و آخر آدرسها amp قرار گرفته، الان هرکسی با موبایل از طریق گوگل وارد بشه خطای 404 نمایش میده، خودم کم 404 نداشتم ایناهم اضافه شد «اشتباه بزرگی انجام دادم»
یه مشاوره بدید خواهشن؟؟؟
درحال حاضر خطای 404 ریدارکت به صفحه اصلیه

رضا حسینی راد
رضا حسینی راد

باید صبر کنید تا خود به خود حذف بشن

سعید
سعید

سلام . با تشکر از پست خوبتون  ،چند جای مقاله غلط املایی وجود داره

wpDiscuz