آموزش نصب و راه‌اندازی AMP بر روی وردپرس

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

گوگل AMP چیست؟

گوگل AMP مخفف Accelerated Mobile Pages یا همان صفحهات سریع موبایل است. این یک ابتکار منبع باز (open source) است که توسط شرکت های فن آوری مانند گوگل و توییتر پشتیبانی می شود. هدف از این پروژه تسریع بارگذاری محتوای وب برای کاربران تلفن همراه است.

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

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

این تقریباً همان مقاله فوری فیس بوک یا Facebook Instant Article است. با این حال، مقالات فوری تنها به پلت فرم فیس بوک و به طور خاص، به برنامه تلفن همراه آن محدود می شوند.

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

مزایا و معایب گوگل AMP (صفحات سریع موبایل)

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

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

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

علی رغم محدودیت های آن، گوگل صفحات AMP را با افزایش دادن رتبه شان در جستجوی تلفن همراه بهبود می دهد.

مطالب مرتبط: برترین افزونه های کش وردپرس (سال 2019)

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

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

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

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

به دلایل فوق، ما ویکی دمی را به Google AMP تغییر نداده ایم.

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

نصب و راه‌اندازی AMP بر روی وردپرس

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

پس از فعال شدن، می توانید به صفحه Appearance » AMP یا اگر وردپرستتان فارسی است به (AMP « نمایش) بروید تا ببینید چگونه سایت شما بر روی دستگاه های تلفن همراه با استفاده از AMP ظاهر می شود.

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

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

فراموش نکنید که برای ذخیره تغییرات خود روی دکمه ذخیره کلیک کنید.

هم اکنون می توانید هر پستی را در وب سایت خود مشاهده و / amp / را به انتهای URL آن اضافه کنید. درست مثل این لینک :

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

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

مطالب مرتبط: معرفی ۹ افزونه سئو وردپرس برتر در سال ۲۰۱۹

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

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

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

عیب یابی:

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

وارد صفحه تنظیمات » پیوندهای یکتا در بخش مدیریت وردپرس خود شوید و بر روی دکمه Save Changes کلیک کنید. به یاد داشته باشید، هیچ چیز را تغییر ندهید، فقط دکمه ذخیره را فشار دهید. این کار، ساختار پرمالینک وب سایت شما را تازه خواهد کرد.

مشاهده صفحات AMP در سرچ کنسول گوگل

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

به داشبورد کنسول جستجوی گوگل خود وارد شوید و سپس بر روی Experience » Mobile useability کلیک کنید.

گسترش و سفارشی کردن AMP

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

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

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

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

در برگه یا تب “Design یا طراحی”، شما می توانید رنگ ها و گزینه های طراحی را انتخاب کنید. همچنین می توانید یک آرم و یک تصویر برای بالای صفحه پیش فرض که هنگام ارسال پست تصویر مختص به خود را ندارد، آپلود کنید.

مطالب مرتبط: بهترین افزونه های امنیت وردپرس در سال 2019

برای اضافه کردن شناسه Google Analytics می توانید به برگه Analytics بروید.

فراموش نکنید که بر روی دکمه تنظیمات “ذخیره” کلیک کنید تا تغییرات خود را ذخیره کنید.

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

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

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