برنامه نویسی و طراحی سایت

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

AMP
  • گوگل AMP چیست ؟
  • نقاط قوت و ضعف گوگل AMP
  • راه اندازی گوگل AMP
  • رفع خطای ۴۰۴ در گوگل AMP
  • مشاهده AMP در سرچ کنسول گوگل
  • سفارشی سازی صفحات AMP

گوگل AMP چیست ؟

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

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

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

گوگل AMP1

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

نقاط قوت و ضعف گوگل AMP 

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

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

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

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

 

amp-mobile

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

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

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

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

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

وظیفه این خط در واقع نشان دادن نسخه AMP مورد استفاده سایت، به موتورهای جستجو و دیگر برنامه‌های مصرف کننده AMP است.

راه رفع خطای ۴۰۴ در نسخه AMP 

در پنل مدیریت وردپرس خود به صفحه‌ی تنظیمات >> پیوندهای یکتا بروید و بر روی “ذخیره تغییرات” کلیک کنید.توجه کنیدکه در این صفحه چیزی را تغییر ندهید. تنها دکمه ذخیره تغییرات را فشار دهید. با این کار ساختار پیوند وب سایت بروز می شود.

مشاهده AMP در سرچ کنسول گوگل

با استفاده از سرچ کنسول به راحتی می توانید بفهمید که صفحه های سریع موبایل شما (AMP) در سرچ کنسول گوگل چگونه عمل می کنند؟

به داشبورد google search console خود وارد شوید و سپس بر روی Search Apperance » Accelerated Mobile pages کلیک کنید.

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

amp-gsc

 سفارشی‌سازی صفحات AMP

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

ampseo

اگر از پلاگین Yoast SEO استفاده می کنید، لازم است که Glue for Yoast SEO & AMP را نصب و فعال سازی کنید.

این یک افزونه اضافی برای Yoast SEO و پلاگین AMP است. پس از فعال سازی، شما به بخش “سئو » AMP” بروید تا تنظیمات مشخصات پلاگین را انجام دهید.

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

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

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