همواره سرعت بارگذاری صفحات سایت از نظر کاربران و موتورهای جستجوگر از اهمیت بالایی برخوردار است. به همین سبب بسیاری از افرادی که در دنیای وب فعالیت دارند، به دنبال بهینه سازی سایت خود میباشند تا به سرعت رضایت بخشی جهت ارائه خدمات به کاربران دست پیدا کنند. افرادی که حتی یکبار با سایتهای پرسرعت سروکار داشتهاند تمایل دارند بدانند چگونه به این سرعت بالا میتوان دست پیدا کرد!؟ در پاسخ به این سوال باید بگوییم که AMP یا (Accelerated Mobile Page) یکی از تکنیکهای بهینه سازی سرعت صفحات سایت است.
توجه داشته باشید که این اقدام به طور مستقیم روی سئوی سایت تاثیرگذار خواهد بود. در این مقابه قصد داریم به سوال AMP چیست و چه تاثیری در سئوی سایت دارد پاسخ دهیم. همچنین باید بیان کنیم که در مقاله قبل، به تاثیر SSL در سئو سایت پرداختیم که پیشنهاد میکنیم پس از این مطالعه این مقاله به این مقاله ارزشمند مراجعه و از مزایای SSL مطلع شوید.
0AMP چه تاثیری در سئو دارد؟
در سالهای اخیر گوگل ارتباط میان بهینه سازی اصولی و تاثیر amp در سرعت سایتها را امری ضروری دانسته و به همین سبب سال 2016 جهت سرعت بخشیدن به بارگذاری سایتها در موبایل از تکنیکی به نام AMP استفاده نمود. در واقع AMP یک نسخه بهینه شده از HTML است که هدف آن کاهش حجم کدهای صفحات سایت برای بارگذاری بهتر است که همین عامل به طور مستقیم سبب افزایش سرعت بارگذاری سایتها میگردد. اگر به دنبال بهینه سازی صفحات سایت از طریق ابزار AMP هستید، با چند روش آسان به راحتی میتوانید سرعت سایت را دو چندان نمائید.
توجه نمایید که به طور کلی سرعت بارگذاری صفحات از دو جنبه مختلف، زمان بارگذاری محتوا یا به اصطلاح DOM و نیز زمان ماندگاری کابر یا همان Bounce Rate تشکیل شده است.
- آماده سازی DOM به مدت زمانی میگویند که کد HTML توسط مرورگر دریافت، تجزیه و تحلیل میشود. در نظر داشته باشید جاوا اسکریپت از تحلیل و تجزیه کد HTML، توسط مرورگر جلوگیری میکند، با این اوصاف بهتر است از تبلیغات مبتنی بر جاوا اسکریپت اجتناب نمائید.
- بارگذاری سریع محتوای صفحه سبب میگردد که کاربر زمان بیشتری را به مطالعه صفحه اختصاص دهد و نرخ خروج از صفحه یا همان Bounce Rate کاهش چشمگیری پیدا کند.
یکی از مهمترین عناصر تاثیرگذار در بهینه سازی سئوی سایت، سرعت ارائه محتوا به کاربران میباشد. زمان بارگذاری صفحات سایت ارتباط مستقیمی با ابزار amp دارد که طبق تحقیقات و آمارهای اعلام شده، تقریبا 79% کاربران نه تنها سایتی را که دیر نمایش میدهد را رد میکنند، بلکه دیگر هیچ وقت به آن سایت باز نمیگردند. به نقل از مستندات رسمی گوگل، وبسایتهایی که مدت زمان بارگذاری آنها، 5 ثانیه طول میکشد در مقایسه با صفحاتی که زمان بارگذاری آنها 20 ثانیه است، از ترافیک بیشتری برخوردار میباشند.
چگونه از AMP استفاده کنیم؟
از بهترین روشهای استفاده از تکنولوژی AMP، اضافه کردن این قابلیت در راستای افزایش سرعت بارگذاری به صفحات وب سایت اشاره کرد. چند روش استفاده از AMP عبارتاند از:
- در تگ <head>، بخش <link> از عبارت (”rel=”amphtml) و نیز (”rel=”canonical) استفاده کنید.
- درنظر داشته باشید که به کمک ابزار AMP، به صورت خودکار به بهینه سازی تگهای Alt، Hreflang، H1 و سایر تگها انجام خواهد شد. پیشنهاد میکنیم به صورت جداگانه به بهینه سازی این تگها نپردازید.
- استفاده از Structured Data یا دادههای ساختار یافته که در امتیازدهی گوگل بر سایتها بسیار موثر واقع شده است، از مهمترین عناصر در افزایش راندمان عملکرد ابزار AMP همراه با محتوای تخصصی و کاربردی است.
مزایای AMP
همانطور که بیان شد ارتباط مستقیمی میان سرعت بارگذاری صفحات با زمان ماندگاری کاربران و افزایش ترافیک سایتها وجود دارد که تا این قسمت از مقاله با بخشی از آن آشنا شدیم. از مزیتهای دیگر amp میتوان به بهبود در رتبه بندی صفحات در نتایج جستجو اشاره کنیم. در ادامه نیز به مهمترین مزایای AMP اشاره میکنیم؛
- سرعت بارگذاری بالا: بدون تردید مهمترین و موثرترین ویژگی استفاده از تکنولوژی amp، افزایش سرعت بارگذاری صفحات سایت و ارائه محتوا به کاربران است که در قسمت فوق به آن اشاره کردیم.
- بهبود در رتبه بندی صفحات: بدیهی است که هر چه سرعت بارگذاری سایت بالا باشد،امتیاز بالاتری از سوی موتورهای جستجو دریافت و در نتیجه ترافیک سایت افزایش و کاربران بیشتری از محتوا و خدمات سایت بهره مند خواهند شد.
- جلوگیری از نمایش تبلیغات غیرضروری: یکی از بهترین خدماتی که ابزار amp به کاربران ارائه میدهد، حذف تبلیغات غیرضروری در صفحات است. با استفاده از ابزار amp، نمایش دادن تبلیغات به حداقل میزان ممکن خواهد رسید.
معایب AMP
در بخش بالا به بررسی کلی مفهوم AMP و همچنین مزایای این ابزار فوقالعاده پی بردیم. حال میخواهیم معایب AMP را بررسی و تحلیل کنیم؛
- یکی از معایب استفاده از ابزار AMP در سایتهای غیر وردپرسی، نیاز به دانش برنامه نویسی تخصصی بسیار بالا است.
- به دلیل افزایش سرعت، تبلیغات کمتری در این نوع از صفحات نمایش داده میشود. اگر در دسته افرادی قرار دارید که به عنوان منبع درآمد از تبلیغات سایت خود استفاده مینمائید، ممکن است با درصدی کاهش درآمد مواجه شوید.
- از معایب دیگر استفاده از AMP میتوان به تجزیه و تحلیل محدود اشاره نمود. بدین معنی که دیتابیس بر روی سرورهای Google قرار دارد و مشاهده تغییرات ترافیکی سایت، کمی دشوار است.
- به دلیل اینکه AMP عناصر غیرضروری را حذف میکند؛ کنترل کمتری بر محتوا و نوع طراحی سایت خواهید داشت.
- دکمههای اشتراک گذاری شبکهای اجتماعی از جاوا اسکریپت پشتیبانی میکنند. در زمان استفاده از AMP این دکمهها به درستی نمایش داده نمیشوند.
چگونه AMP صفحات را به کمک Semrush بررسی کنیم؟
از مزایای amp میتوان به سرعت بخشیدن بارگذاری سایتها و جذب بیشتر کاربران اشاره نمود. امروزه کاربران جهت بازدید سایتهای مختلف از موبایل استفاده بیشتری در مقایسه با کامپیوتر مینمایند؛ به همین سبب طبق آمارهای اعلام شده از سمت گوگل شما تنها 5 ثانیه فرصت دارید تا محتوای منحصر به فرد و معتبر خود را به کاربران ارائه دهید.
Semrush یکی از ابزارهای بسیار مهم در بررسی مشکلات سایت میباشد. به طور کلی با استفاده از این ابزار میتوانید لیست کاملی از مشکلات مربوط به AMP را در اختیار داشته باشید.
طراحی amp چه ضرورتی دارد؟
از دلایل مهم بارگذاری صفحات سریع و طرز استفاده از تکنولوژی amp، می توان به محدودکردن HTML/CSS و جاوا اسکریپت اشاره نمود. همچنین صفحات AMP به طور خودکار مستقیما توسط Google AMP Cache در جستجوی گوگل ذخیره میشوند. به طور کلی صفحاتی که از ابزار AMP استفاده میکنند، میانگین سرعت بارگذاری کمتر از نیم ثانیه دارند و در مقایسه با صفحات استاندارد تقریبا 4 برابر سریعتر به کاربران نمایش داده میشوند.
صفحات AMP بر اساس سه زیر مجموعه AMP HTML)، (AMP JavaScript)، (AMP Cache)) ارائه داده شدهاند.
AMP HTML
همواره برای کاربرانی که با سوال AMP چیست مواجه میشوند، بررسی زیرمجموعههای این افزونه هم کاربرد دارد. در AMP HTML کدهای AMP جایگزین تگ HTML میشود و گوگل از طریق همین تگها صفحات amp را شناسایی میکند.
AMP JavaScript
به طور کلی AMP نوعی جاوا اسکریپت متناسب با ساختار خودش را در اختیار دارد که پردازش سریع صفحات AMP HTML را تضمین میکند. به بیانی دیگر جاوا اسکریپت بهترین عملکردهای amp را نظیر (inline CSS) و (font triggering) را پیاده سازی کرده و بارگذاری منابع را مدیریت مینماید؛ همچنین از عناصر دیگری مانند (sandboxing of all iframes) و (pre-calculation of the layout) قبل از خواندن و اجرای منابع اصلی و غیرفعال کردن انتخابگرهای کند CSS کمک میگیرد.
AMP Cache
اساسا (Google AMP Cache) وظیفه ارائه صفحات ذخیره شده AMP HTML را بر عهده دارد. به طور معمول AMP Cache یک شبکهی تحویل محتوا مبتنی بر پروکسی است که جهت ارائه تمام اسناد معتبر AMP استفاده میشود. همچنین وجود یک سیستم اعتبارسنجی همراه با حافظه کش وابستگی صفحات به منابع خارجی را نیز تائید مینماید.
بررسی third-party JavaScript و CSS
همانطور که بیان شد از مزایای amp در استفاده از وب سایتها، میتوان به افزایش سرعت بارگذاری صفحات سایت و بهینه سازی و سئو اشاره نمود. اساسا جاوا اسکریپت تمام کدها را به طور همزمان اجرا میکند و قابلیت تغییر جنبههای مختلف صفحات سایت را دارد. به همین دلیل (AMP JavaScript) به صورت ناهمزمان به اجرا و پردازش میپردازد که سرعت بارگذاری اطلاعات ذرهای کاهش نیابد.
همچنین (third-party JavaScript) از بارگذاری همزمان JS استفاده مینماید که سرعت ارائه صفحات سایت را کاهش میدهد، به همین سبب ابزار AMP مجوز اجرا این نوع جاوا اسکریپت را تنها در (sandboxed iframes) میدهد.
به طور کلی CSS پردازش و اجرا را محدود کرده و تمام بارگذاریها را غیرفعال میکند. به همین دلیل الزامی است درون خطی یا inline و متناسب با حجم و اندازه باشد. یکی دیگر از عناصر مهم در بارگذاری سریع سایتها، بهینه سازی فونت یا نوشتار میباشد. به طور معمول اگر سایتی از چندین اسکریپت و صفحههای مختلف تشکیل شده باشد، ابتدا فونتها بارگذاری میشوند. AMP تا زمانی که فونتها شروع به دانلود نکنند هیچ کدام از درخواستهای HTTP را پاسخ نخواهد داد.
کاربرد AMP چیست؟
در روند عملکردی ابزار AMP الزامی است تمام تصاویر، تبلیغات و iframesها حجم HTML مشخصی داشته باشند تا اندازه و موقعیت عنصر قبل از دانلود منابع تعیین شود. همچنین AMP تحت هیچ شرایطی به افزونهها اجازه مسدودکردن پردازش و اجرا صفحه را نخواهد داد. به عنوان مثال اگر صفحهای از (custom script) استفاده کند، AMP جهت کند نشدن سرعت سایت سریعا (iframe box) ایجاد مینماید.
به همین سبب میانگین زمانی که کاربران به محتوای دلخواهشان دست مییابند کمتر از 1 ثانیه است. به طور معمول برای استفاده از ابزار AMP میتوانید نام یا نماد تجاری سایت را حفظ نمائید و از CSS جهت طراحی صفحات وب سایت استفاده کنید. همچنین از تست A/B برای مشاهده روند عملکردی سایت در موبایل میتوانید استفاده نمائید.
به طور کلی زمانی که از ابزار AMP استفاده مینماید با دو مولفه میتوانید سبب جذب بیشتر کاربران شوید؛
- روند عملکرد و تعامل بالا با کابران: صفحات ایجاد شده با ابزار AMP به سرعت بارگذاری شده و به کاربران نمایش داده میشوند که در ارائه خدمات و فروش بیشتر محصولات نقش بسیار مهمی را ایفا میکند.
- بهبود نتایج: بسیاری از کسب و کارها با استفاده از این ابزار میتوانند نحوه صحیح ارائه خدمات را بهبوئ ببخشند.
همهی افراد حداقل یک بار بر روی صفحاتی کلیک کردهاند که از افزونه AMP استفاده میکنند. این صفحات در کمتر از یک ثانیه به طور کامل بارگذاری میشوند و قابل پیمایش و اسکرول هستند. این صفحات معمولا نزد گوگل و نیز کاربران از محبوبیت بالایی برخوردار خواهد میباشد.
بررسی ارتباط میان منابع و ابزار AMP
اساسا استفاده از تکنولوژی amp میتواند تمام منابع را به خوبی کنترل کرده و بارگذاری آنها را در اولویت قرار دهد. مهمترین منابع متناسب با نیاز کاربران در بالای صفحه ابتدا دانلود شده و تصاویر و سایر تبلیغات تنها در صورتی که کاربر قصد مشاهده آن را داشته باشند، نشان داده خواهدشد.
نحوه بارگذاری صفحات با افزونه AMP
همانطور که میدانید مهمترین هدف و مزایای amp ارائه سریع صفحات مختلف یک وب سایت به کاربران میباشد. به همین سبب AMP به گونهای طراحی شده است که بخش زیادی از پهنای باند و پردازنده را در هنگام خواندن و اجرا محتوای وب سایت به خود اختصاص ندهد. هنگامی که اسناد یا صفحات وب سایت به بارگذاری فوری قبل از خواندن یا اجرا نیاز دارند منابعی مانند (third party iframes) که ممکن است به بخش زیادی از پردازنده نیاز داشته باشند، اجرا نخواهند شد.
نصب افزونه AMP در وردپرس
به دلیل اینکه رقابت بسیار زیادی در میان وب سایتهای مختلف جهت ارائه محتوای منحصر به فرد همراه با سرعت بالا میباشد، گوگل همواره در تلاش است تا مردم از طریق موبایل، بهترین خدمات را دریافت نمایند. بسیاری از افراد به دنبال نصب ابزار AMP جهت بهینه سازی بهتر و بازدهی بالاتر هستند. شما میتوانید به راحتی با نصب افزونه AMP به صورت رایگان سرعت بارگذاری سایت را به کمتر از یک ثانیه برسانید. این افزونه در چند سال اخیر بیش از 500 هزار نصب فعال در سایتهای مختلف داشته است که بدون نیاز به هیچ گونه کدنویسی به سرعت بر روی سایت وردپرسی شما فعال خواهد شد. نحوه نصب افزونه AMP در وردپرس به صورت زیر میباشد:
- ابتدا افزونه AMP را از مخزن افزونههای وردپرس جستجو کنید، پس از دریافت به سرعت فعال نمائید.
- پس از نصب و فعالسازی، به راحتی با زدن دکمه افزونه AMP میتوانید این ابزار را دقیقا متناسب با سایت خود سفارشی سازی نمائید.
روش تست افزونه AMP
پس از فعالسازی و سفارشی کردن افزونه AMP، الزامی است از نحوه صحیح عملکرد آن هم مطمئن شوید. جهت تست افزونه AMP و تاثیرات آن در سرعت سایت بهتر است از ابزار گوگل استفاده نمائید. به راحتی به آدرس (https://search.google.com/test/amp) مراجعه و از روند عملکرد صفحات سایت خود اطمینان حاصل نمائید.
بررسی عملکرد AMP با افزونه Yoast و رنک مث
در گذشته ابزار AMP با سفارشی سازی محدودی همراه بوده است که باعث به وجود آمدن مشکلاتی در نمایش دادن تگ و متاتگها شد که کاربران در این شرایط از افزونه (Glue for Yoast SEO & AMP) استفاده میکردند. اما امروزه این افزونه کاملا با Yoast سازگاری دارد و جهت نمایش تگها و متاتگها درنتایج جستجوی گوگل نیاز به هیچ افزونهی دیگری نمیباشد. همچنین اگر از افزونه رنک مث استفاده میکنید تنها لازم است از بخش تنظیمات پیشخوان، گزینه AMP را فعال نمائید.
بررسی خطاهای افزونه AMP
افزونه AMP در برخی موارد دچار اختلالهای متعددی میشود که با شناسایی انواع خطا به راحتی میتوانید مشکلات از قبیل دریافت خطای 404 و server error را برطرف نمائید.
خطای رخ داده در AMP | توضیحات |
---|---|
url not found یا 404 | آدرس صفحه مورد نظر پیدا نشد |
server error | خطایی از سمت سرور رخ داده است |
blocked by robot.txt | دسترسی به صفحه از سوی فایل روبوت بسته شده است |
crawl issue | خطایی از سوی رباتهای خزنده شناخته شده است |
refrenced AMPA url is not an AMP | آدرس صفحه سایت شما یک آدرس AMP نمیباشد |
canonical points to invalid url | صفحه کنونیکال شما به آدرس نامعتبر انتقال داده شده است |
image size is smaller than recommended size | تصاویر صفحه از ابعاد استاندارد، کوچکتر است |
AMP page domain mismatch | دامنه کنونیکال با نسخه AMP متفاوت است |
url marked noindex | صفحات AMP سایت به صورت noindex تنظیم شده است |
unavailable_after date for this page has expired | حذف یا بروز رسانی متاتگهای unavailable_after الزامی است |
AMP_story canoniacal error | صفحه کنونیکال شما به یک ampstory انتقال داده شده است |
بررسی خطای 404 ابزار AMP
در بسیاری از موارد جهت مشاهده صفحات سایت با نسخه AMP ممکن است با خطای 404 مواجه شوید. به طور کلی این خطا به معنای پیدا نشدن آدرس سایت میباشد که پس از فعالسازی افزونه AMP کافی است به تنظیمات سایت رفته، از بخش پیوندهای یکتا در قسمت مدیریت یکبار ذخیره سازی مجدد انجام دهید.
در بعضی موارد ممکن است تعداد صفحات AMP در گزارش صفحات کمتر از آنچه انتظار دارید، نمایش داده شود. برای برطرف کردن از این قبیل خطا و مشکلات می توانید از راه حل های زیر استفاده نمائید:
- تحت هیچ شرایطی نباید صفحات کنونیکال و AMP در موقعیت no-index باشند.
- لینک دهی صحیح صفحات کنونیکال به AMP از مهمترین بخشهای عملکرد استاندارد این ابزار است.
- در صورت نمایش ندادن صفحات AMP در جستجو گوگل، میتوانید جهت ایندکس شدن از URL inspection گوگل یا sitemap استفاده نمائید. ممکن است پروسه ایندکس شدن امری زمان بر باشد. اما هیچ جای نگرانی نیست چون در کوتاه مدت انجام خواهد شد.
سخن نهایی
همانطور که بیان شد همهی کاربران به دنبال دریافت محتواهای تخصصی و معتبرند که به سرعت در کسری از ثانیه نمایش داده شود. به همین منظور گوگل از ابزارهای مختلفی مانند AMP با عملکردهای متفاوت استفاده میکند تا تمام محتواهای غیرضروری مانند عکسها، ویدیوها، تبلیغات و… را حذف نماید و کدهای سنگین HTML را به کمترین حجم ممکن تبدیل کند.
از مهمترین مزایای amp میتوان به تاثیر مثبت در بهینه سازی و سئو و افزایش رتبه سایت اشاره نمود. (Accelerate mobile pages) به طور کلی به سرعت بخشیدن در بارگذاری سایتها کمک خواهد کرد که در نتیجه به جذب بیشتر کاربران میانجامد. در نظر داشته باشیدکه اگر سرعت بارگذاری سایت شما بیشتر از 5 ثانیه طول بکشد بسیاری از کاربران نه تنها از محتوای سایت شما استفاده نمیکنند، بلکه دیگر هیچ وقت به سایت شما باز نخواهند گشت.
به طور تخصصی استفاده از تکنولوژی amp، به معنای محدود کردن جاوا اسکریپت و کدهای CSS است. اگر در دسته افرادی قرار دارید که در سایت وردپرسی از افزونههای Yoast و رنک مث استفاده میکنید، باید بدانید که افزونه AMP بدون کوچکترین محدودیتی با هر دوی این افزونهها کاملا سازگاری دارد و به راحتی با فعال کردن دکمه AMP به راحتی فعال خواهند شد. شما چه تجربهای در استفاده از افزونه AMP دارید؟ لطفا نظرات خود را با ما به اشتراک بگذارید.
در پایان محتوای جامع AMP چیست، باید به این موضوع اشاره کنیم، در صورتی که قصد دارید با مفهوم سئو سایت آشنا شوید به مطالعه محتوای “سئو چیست” بپردازید. از سوی دیگر تیم سئو دی ام روم در محتوای جامع به آموزش سئو پرداخته است که پیشنهاد میکنیم که به هیج عنوان این محتوای رایگان و صفر تا صد را از دست ندهید. همچنین در صورتی که قصد دارید سئو را به صورت حرفهای یاد بگیرید و از آن کسب درآمد کنید، از دوره جامع سئو دی ام روم غافل نشوید.
سوالات متداول
-
AMP چیست؟
✅ AMP به عنوانی ابزاری جهت سرعت بخشیدن به بارگذاری سایتها و نمایش دادن محتوا در سریعترین زمان به کاربران موبایل مورد استفاده قرار میگیرد.
-
AMP چه تاثیری در سئو دارد؟
✅ از مهمترین مولفههای موثر در بهینه سازی و سئو سایتها، سرعت ارائه محتوا به کابران میباشد. گوگل از سال 2016 ارتباط میان سئو سایتها و ابزار AMP را امری ضروری دانسته است. این ابزار با نصب یک پلاگین در سایتهای وردپرسی فعال شده و سرعت ارائه محتواها را به کمتر از یک ثانیه میرساند.
-
AMP مخفف چیست؟
✅ AMP مخفف عبارت (Accelerate mobile pages) به معنای نمایش سریع صفحات سایت در موبایل است.
-
طرز استفاده از تکنولوژی AMP به چه صورت است؟
✅ در سایتهای وردپرسی با نصب افزونه amp به راحتی میتوانید سرعت سایت را دو چندان نمائید. ابتدا افزونه را از مخزن وردپرس دانلود کرده سپس فعالسازی را انجام دهید. توجه داشته باشید دقیقا متناسب با پیکبربندی سایت میتوانید عملیات سفارشی سازی را اجرا کنید.
-
مزایای AMP چیست؟
✅ ابزار amp علاوه بر افزایش سرعت بارگذاری صفحات، به کسب رتبه بالا در گوگل، ایجاد ترافیک و نمایش ندادن تبلیغات غیرضروری سایت کمک خواهد کرد.
منبع: “https://www.semrush.com/blog/amp-pages”