چگونه Google AMP را در سایت وردپرسی خود راه اندازی کنید ؟
مقالات تخصصی IT و هاستینگ

چگونه Google AMP را در سایت وردپرسی خود راه اندازی کنید ؟

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

Google AMP چیست؟

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

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

Google AMP برای سایت وردپرسی

 تصویر (1)

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

AMP شباهت زیادی به Instant Articles فیسبوک دارد. با این حال، Instant Articles فقط به پلتفرم فیس بوک و به طور خاص به برنامه تلفن همراه آنها محدود می شود ولی صفحات AMP توسط هر برنامه، مرورگر یا بیننده وب قابل استفاده است. این تکنولوژی در حال حاضر توسط Google ،Twitter ،LinkedIn ،Reddit و بسیاری سایت های دیگر استفاده می شود.

نقاط مثبت و منفی Google AMP 

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

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

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

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

نکته دوم از Terrence Eden است که به مشکلات احتمالی بازگشت از AMP اشاره دارد. ممکن است این مشکل بزرگی نباشد زیرا می توانید با استفاده از ریدایرکت 301 تا حد زیادی مشکل را رفع نمایید، با این وجود بهتر است به این مسئله فکر کنید.

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

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

Google AMP برای سایت وردپرسی

تصویر (2)

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

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

اکنون می توانید از تک تک پست های وب سایت خود بازدید کرده و عبارت / AMP / را در انتهای لینک های خود اضافه کنید. مانند:

http://exAMPle.com/2016/10/my-blog-post/AMP

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

Google AMP برای سایت وردپرسی

تصویر (3)

اگر کد html این صفحه را مشاهده کنید، این خط کد را پیدا خواهید کرد:

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

عیب یابی:

اگر در هنگام مشاهده و تست نسخه AMP در دسکتاپ با خطای 404 مواجه شدید می توانید روش های زیر را بررسی نمایید:

  • از صفحه تنظیمات و سپس پیوند های یکتا در مدیریت وردپرس روی گزینه "ذخیره تغییرات" کلیک کنید. لازم به ذکر است که در این صفحه نیاز به تغییر هیچ موردی نیست و صرفا با ذخیره تغییرات ساختار پیوند های یکتا مجدد در فایل htaccess. نوشته خواهد شد و عملا ساختار مورد نیاز برای بارگذاری صفحات تازه سازی (رفرش) می شوند.
  • می توانید صفحات AMP را در دستگاه موبایل مشاهده نمایید. در صورتی که تنظیمات افزونه AMP را تنها برای مقالات تنظیم نموده اید و یا افزونه فعالسازی AMP در سایت شما تنها از مقالات پشتیبان می کند، بهتر است که مقالات سایت را بررسی نمایید.

آیا مایل هستید وضعیت عملکرد صفحات AMP سایت تان را در گوگل بررسی نمایید؟ با استفاده از Google Search Console می توانید به راحتی این مورد را بررسی کنید. به این منظور می توانید وارد داشبورد کنسول جستجوی گوگل خود شوید و سپس روی Search Appearance »Accelerated Mobile Pages کلیک کنید.

Google AMP برای سایت وردپرسی

تصویر (4)

اگر  اکنون نتایج AMP خود را نمی بینید نگران نباشید. ممکن است مدتی طول بکشد تا Google صفحات AMP شما را فهرست بندی کند و سپس داده ها را در Search Console نشان دهد.

دریافت تجزیه و تحلیل دقیق در صفحات AMP

یکی از مشکلات مهم AMP این است که داده های Google Analytics سایت شما را به اشتباه می اندازد، یعنی بازدید کنندگان صفحات AMP به طور دقیق محاسبه نمی شوند و گاها ممکن است دوبار شمارش شوند. برای تجزیه و تحلیل دقیق می توانید از افزونه MonsterInsights استفاده نمایید. این افزونه بهترین افزونه Google Analytics برای وردپرس است. همیشه تلاش کنید به دنبال افزونه های بروز و جدید باشید، می توانید در مخزن وردپرس به دیدگاه ها و آمار نصب فعال افزونه ها توجه کنید. ممکن است افزونه های قوی تری نیز برای نیاز شما وجود داشته باشند. در صورتی که افزونه معرفی شده با قالب شما سازگاری نداشت ممکن است افزونه accelerated-mobile-pages در سایت شما عملکرد بهتری داشته باشد.

تصویر زیر بخشی از امکانات این افزونه را نمایش می دهد.

Google AMP برای سایت وردپرسی

تصویر (5)

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

اشتراک گذاری:

نظرات

CSS syntax error in tag 'style amp-custom'. سلام و ممنون از سایت خوبتون لطف میفرمایین بگین این ارور در سرچ کنسول وردپرس بدون کد نویسی چطوری رفع میشه ممنونم
سلام دوست عزیز لطفا برای رفع خطای ذکر شده از یک برنامه نویس کمک بگیرید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *