آخرین بروزرسانی در تاریخ جولای 29, 2026 توسط PersiaWebAdmin
AMP یا Accelerated Mobile Pages یک چارچوب متنباز است که با هدف ایجاد صفحات وب فوقسریع برای موبایل طراحی شده است. اما فراتر از تعریف ساده، AMP یک فلسفه فنی است: قربانی کردن بخشی از آزادی طراحی و اسکریپتنویسی در ازای رسیدن به سرعت بارگذاری نزدیک به آنی. این چارچوب با حذف جاوااسکریپتهای سفارشی، محدود کردن CSS به ۷۵ کیلوبایت و بارگذاری غیرهمزمان تمام منابع، تضمین میکند که صفحه در کمتر از یک ثانیه رندر شود. اما سوال واقعی که امروز مدیران سایت با آن روبرو هستند این نیست که “AMP چیست؟”، بلکه این است: “آیا هنوز AMP در استراتژی سئوی من جایگاهی دارد؟ و اگر بله، چگونه باید آن را پیادهسازی کنم که بهینه باشد؟”
در این راهنمای فنی و استراتژیک از پرشیا وب، به تمام این سوالات پاسخ میدهیم: از معماری داخلی AMP، فرایند گامبهگام پیادهسازی در وردپرس، عیبیابی اعتبارسنجی، تا تحلیل هزینه-فایده واقعی آن برای سئو در سال ۲۰۲۵.

AMP دقیقاً چطور کار میکند؟ (نگاه فنی به سه رکن اصلی)
برای اینکه بفهمیم AMP چطور سرعت را تضمین میکند، باید معماری سهبخشی آن را بشناسیم:
۱. AMP HTML: HTML استاندارد منهای عناصر کندکننده
AMP HTML در اصل همان HTML5 است، اما با یک سری محدودیتهای سختگیرانه که برای حذف گلوگاههای رندر طراحی شدهاند. مهمترین این محدودیتها عبارتند از:
- ممنوعیت کامل تگهای
<script>سفارشی (فقط اسکریپتهای async مجازند و باید از کتابخانه رسمی AMP باشند). - ممنوعیت
<img>،<video>و<audio>استاندارد — بهجای آنها باید از نسخههای AMP استفاده کرد:<amp-img>،<amp-video>و<amp-audio>. دلیل این الزام، کنترل کامل AMP بر فرایند بارگذاری و Lazy Loading این منابع است. - تمام CSS باید درونخطی (Inline) در تگ
<style amp-custom>قرار گیرد و حجم آن نباید از ۷۵ کیلوبایت تجاوز کند. این کار درخواستهای خارجی CSS را حذف کرده و رندر را مسدود نمیکند. - تمام منابع خارجی (تصاویر، iframeها، تبلیغات) باید ابعاد خود را از قبل اعلام کنند (
widthوheight) تا مرورگر بتواند فضای آنها را رزرو کند و از Cumulative Layout Shift (CLS) جلوگیری شود.
۲. AMP JS: مدیر منابع و تضمینکننده سرعت
کتابخانه AMP JS تمام عملیات بارگذاری صفحه را مدیریت میکند. این کتابخانه:
- تمام منابع را بهصورت ناهمزمان (Asynchronous) بارگذاری میکند، یعنی هیچ چیز جلوی رندر اولیه صفحه را نمیگیرد.
- تمام تصاویر و iframeها را بهطور خودکار Lazy Load میکند — یعنی تا زمانی که کاربر به آن بخش اسکرول نکرده، دانلود نمیشوند.
- انیمیشنها را فقط از طریق CSS و GPU Acceleration مجاز میداند و هرگونه عملیات سنگین در Main Thread را ممنوع میکند.
- منابع را از قبل محاسبه (Pre-calculate) میکند تا مرورگر دقیقاً بداند چه حجمی باید دانلود کند و چیدمان صفحه را قبل از بارگذاری کامل تشخیص دهد.
۳. AMP Cache: شبکه توزیع محتوای اختصاصی گوگل
وقتی یک صفحه AMP معتبر دارید، گوگل و سایر ارائهدهندگان AMP Cache (مانند Cloudflare و Bing) یک کپی از صفحه شما را روی سرورهای خود ذخیره میکنند. این یعنی کاربری که از نتایج جستجو روی صفحه شما کلیک میکند، صفحه را نه از هاست شما، بلکه از نزدیکترین سرور شبکه توزیع محتوا (CDN) گوگل دریافت میکند. نتیجه: TTFB نزدیک به ۰ میلیثانیه. اما این بزرگترین مزیت AMP، همزمان بزرگترین چالش آن نیز هست، زیرا کنترل زیادی را از دست شما خارج میکند (دامنه شما در URL به صورت google.com/amp/s/... نمایش داده میشود، هرچند در نسخههای جدید با Signed Exchange این مشکل تا حد زیادی حل شده است).
AMP در چشم گوگل: سیگنال رتبهبندی یا صرفاً یک تسهیلگر؟
یکی از بزرگترین سوءتفاهمها درباره AMP این است که “AMP بودن یک فاکتور مستقیم رتبهبندی است.” حقیقت فنی این است: AMP بهخودیخود یک سیگنال رتبهبندی نیست. گوگل از سال ۲۰۲۱ رسماً اعلام کرد که AMP دیگر یک الزام برای حضور در Top Stories نیست و هر صفحهای که Core Web Vitals را پاس کند، میتواند در آن بخش نمایش داده شود. پس چرا همچنان AMP مهم است؟
پاسخ: AMP یکی از مطمئنترین راهها برای تضمین عبور از آستانههای Core Web Vitals است. یک صفحه AMP که بهدرستی پیادهسازی شده باشد، تقریباً همیشه LCP زیر ۲.۵ ثانیه، INP زیر ۲۰۰ میلیثانیه و CLS صفر دارد. بنابراین، AMP یک تضمین فنی برای تجربه کاربری عالی است، نه یک بلیط مستقیم برای رتبه یک. تأثیرات غیرمستقیم AMP بر سئو عبارتند از:
- کاهش نرخ پرش (Bounce Rate): سرعت بارگذاری زیر ۱ ثانیه، احتمال خروج فوری کاربر را به شدت کاهش میدهد. نرخ پرش (Bounce Rate) پایین یک سیگنال رفتاری مثبت به گوگل است.
- افزایش زمان ماندگاری (Dwell Time): وقتی صفحه فوری بارگذاری شود، کاربر فرصت بیشتری برای مطالعه محتوا دارد. زمان ماندن کاربر در صفحه (Dwell Time) بالا نشانهای از رضایت کاربر است.
- نمایش ویژه در نتایج جستجو: هرچند انحصار Top Stories از بین رفته، اما سرعت بالای AMP همچنان شانس حضور در آن بخش و همچنین در Carouselهای AMP (در برخی مناطق) را افزایش میدهد. همچنین آیکون AMP (⚡) در نتایج جستجو، نرخ کلیک (CTR) را بهدلیل جلب اعتماد کاربر افزایش میدهد.
- تجربه کاربری روان: AMP با تضمین بهبود تجربه کاربری (UX)، بازدیدهای بازگشتی را افزایش میدهد و این یک سیگنال غیرمستقیم دیگر برای اعتبار سایت است.
نقشه راه فعالسازی AMP در وردپرس: از نصب تا اعتبارسنجی
برای فعالسازی AMP در وردپرس، سه مسیر وجود دارد: پایه (افزونه رسمی)، حرفهای (افزونههای شخص ثالث)، و سفارشی (برای توسعهدهندگان). در ادامه، مسیر حرفهای را که برای ۹۰٪ سایتها بهینه است، گامبهگام توضیح میدهیم.
گام ۱: انتخاب افزونه مناسب (مقایسه تخصصی)
سه افزونه اصلی بازار را با معیارهای فنی مقایسه میکنیم:
- AMP (Official Plugin): مزیت: پشتیبانی رسمی، سازگاری بالا با هسته وردپرس. عیب: سفارشیسازی ظاهری بسیار محدود، کنترل کم روی طراحی. مناسب برای: کسانی که میخواهند فقط قابلیت AMP را فعال کنند و با همان ظاهر ساده مشکلی ندارند.
- AMP for WP – Accelerated Mobile Pages (by Mohammed Kaludi): مزیت: بسیار محبوب، امکانات گسترده (پشتیبانی از WooCommerce، تبلیغات، آنالیتیکس، اسکیمای پیشرفته، چندین طرح ظاهری از پیشساخته). عیب: تنظیمات زیاد و کمی پیچیده برای مبتدیان، نیاز به بررسی دقیق برای جلوگیری از تداخل با سایر افزونهها. مناسب برای: کسانی که میخواهند کنترل کامل بر ظاهر و عملکرد AMP داشته باشند.
- Glue for Yoast SEO & AMP: مزیت: یکپارچگی کامل با Yoast SEO، انتقال خودکار متادیتا و اسکیما. عیب: نیاز به هر دو افزونه (Yoast و Glue)، انعطاف طراحی محدودتر از گزینه دوم. مناسب برای: کاربران Yoast SEO که یک راهحل ساده و سازگار میخواهند.
توصیه پرشیا وب: اگر یک وبلاگ یا سایت محتوایی دارید و آشنایی فنی نسبی دارید، AMP for WP بهترین نسبت امکانات به کنترل را ارائه میدهد. اگر سایت شرکتی سادهای دارید و فقط سرعت میخواهید، افزونه رسمی کافی است.
گام ۲: تنظیمات اولیه و سفارشیسازی ظاهر
پس از نصب و فعالسازی افزونه انتخابی، وارد تنظیمات آن شوید. برای افزونه AMP for WP:
- در بخش Design، یکی از قالبهای آماده را انتخاب کنید یا گزینه “Custom” را بزنید و طرح خود را با CSS سفارشی تنظیم کنید. بهیاد داشته باشید که حجم CSS شما نباید از ۷۵ کیلوبایت (حداکثر مجاز AMP) تجاوز کند. از فشردهسازی CSS استفاده کنید.
- لوگو، رنگهای برند، و فونت اصلی خود را در بخش Branding تنظیم کنید.
- در بخش SEO، گزینههای متادیتا را بررسی کنید. اگر از Yoast استفاده میکنید، ادغام را فعال کنید تا عنوان و توضیحات متا بهطور خودکار منتقل شوند.
- در بخش Analytics، کد ردیابی Google Analytics 4 (Measurement ID) خود را وارد کنید. افزونه بهطور خودکار آن را به تگ
amp-analyticsتبدیل میکند. - در بخش Advertisement، اگر تبلیغات نمایش میدهید، شبکه تبلیغاتی خود (مثلاً Google AdSense) را انتخاب و شناسه Publisher خود را وارد کنید.
گام ۳: تنظیم لینکهای Canonical و Rel=AMPHTML
این بخش برای جلوگیری از مشکلات Duplicate Content حیاتی است. معمولاً افزونهها این کار را خودکار انجام میدهند، اما باید صحت آن را بررسی کنید:
- صفحه اصلی (غیر AMP) شما باید در
<head>خود تگ زیر را داشته باشد:<link rel="amphtml" href="https://yoursite.com/post-slug/amp/">. این تگ به گوگل میگوید که نسخه AMP این صفحه کجاست. - صفحه AMP شما باید در
<head>خود تگ زیر را داشته باشد:<link rel="canonical" href="https://yoursite.com/post-slug/">. این تگ به گوگل میگوید که نسخه اصلی (Canonical) همان صفحه غیر AMP است و اعتبار لینکها باید به آن منتقل شود.
با Inspect گرفتن از هر دو نسخه، وجود این تگها را تأیید کنید. تگهای canonical نادرست، یکی از شایعترین دلایل افت رتبه پس از فعالسازی AMP است.
گام ۴: اعتبارسنجی (Validation) — اگر این کار را نکنید AMP بیفایده است
صفحات AMP فقط در صورتی وارد AMP Cache گوگل میشوند که کاملاً معتبر باشند. برای اعتبارسنجی:
- به Google Search Console بروید و از بخش Enhancements > AMP وضعیت صفحات خود را ببینید. خطاهای بحرانی (Critical Errors) باید فوراً رفع شوند. خطاهای غیربحرانی نیز باید در اولویت بعدی باشند.
- برای تست یک صفحه خاص، در انتهای URL صفحه AMP خود
#development=1اضافه کنید و سپس Developer Console مرورگر (F12) را باز کنید. خطاهای اعتبارسنجی مستقیماً در Console نمایش داده میشوند. رایجترین خطاها: استفاده از تگهای غیرمجاز (مثلاً<img>بهجای<amp-img>)، حجم CSS بیش از حد مجاز، یا وجود جاوااسکریپت سفارشی.
سفارشیسازی پیشرفته: فراتر از تنظیمات افزونه
برای سایتهای سفارشی یا نیازهای خاص، این نکات فنی را در نظر داشته باشید:
نمایش تبلیغات در AMP (اجرای فنی)
تبلیغات استاندارد جاوااسکریپت در AMP کار نمیکنند. باید از <amp-ad> استفاده کنید. برای Google AdSense:
<amp-ad
width="300"
height="250"
type="adsense"
data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
data-ad-slot="1234567890">
</amp-ad>
اگر از شبکه تبلیغاتی دیگری استفاده میکنید، در مستندات AMP دنبال type مورد نظر خود بگردید.
ردیابی آنالیتیکس (AMP Analytics) با Google Analytics 4
برای GA4 باید از amp-analytics با type="gtag" استفاده کنید. یک نمونه کد ساده که باید در بخش <head> یا <body> صفحه AMP شما قرار گیرد:
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
"vars": {
"gtag_id": "G-XXXXXXXXXX",
"config": {
"G-XXXXXXXXXX": { "groups": "default" }
}
}
}
</script>
</amp-analytics>
اکثر افزونههای خوب AMP این کد را بهصورت خودکار از طریق یک فیلد ساده در تنظیمات اضافه میکنند.
AMP یا بدون AMP؟ تحلیل هزینه-فایده برای انواع سایتها
AMP برای همه نیست. در این جدول، سناریوهای مختلف را بررسی میکنیم:
| نوع سایت | توصیه | دلیل فنی |
|---|---|---|
| وبلاگ / سایت خبری / محتوایی | فعلاً بله (بخصوص اگر ترافیک موبایل بالا دارید) | افزایش چشمگیر CTR از نتایج جستجو (آیکون AMP)، LCP تضمینی زیر ۱ ثانیه، شانس حضور در Top Stories. هزینه نگهداری با افزونههای خوب، بسیار پایین است. |
| فروشگاه اینترنتی (ووکامرس) | با احتیاط، فقط برای صفحات محصول | صفحات محصول با AMP سریعتر دیده میشوند و نرخ تبدیل موبایلی میتواند افزایش یابد. اما فرایند سبد خرید و پرداخت نباید AMP شوند (پیچیدگی زیاد). از افزونهای استفاده کنید که انتخاب صفحات برای AMP را امکانپذیر میکند. |
| سایت شرکتی / نمونهکار | خیر، الزامی نیست | اگر قالب مدرن و ریسپانسیو دارید و Core Web Vitals را پاس میکنید، AMP مزیت اضافی چندانی ندارد و ممکن است محدودیتهای طراحی اذیتتان کند. طراحی ریسپانسیو خوب با یک هاست سریع، کافی است. |
| وباپلیکیشن (PWA) | خیر، AMP مناسب نیست | AMP برای محتوای عمدتاً استاتیک طراحی شده. اپلیکیشنهای تعاملی به جاوااسکریپت پیچیده نیاز دارند که ذاتاً با فلسفه AMP در تضاد است. |
رفع مشکلات رایج AMP (برگه تقلب عیبیابی)
- خطای “The tag ‘img’ is disallowed”: شما جایی (معمولاً در محتوای نوشته، ویجت یا فوتر) از تگ
<img>معمولی استفاده کردهاید. افزونه باید آن را به<amp-img>تبدیل کند. اگر نکرده، افزونه شما مشکل دارد یا یک اسکریپت سفارشی تصاویر را بهصورت دستی اضافه کرده است. - خطای “CSS exceeds 75 KB”: حجم فایل CSS شما از حد مجاز عبور کرده است. فایلهای CSS قالب و افزونهها را در AMP غیرفعال کنید (بیشتر افزونههای AMP این گزینه را دارند)، CSS اختصاصی را فشرده کنید، یا از یک قالب سادهتر AMP استفاده کنید.
- URL صفحه AMP در گوگل ایندکس نمیشود: ابتدا اعتبارسنجی را چک کنید. اگر صفحه معتبر است، در Google Search Console از ابزار URL Inspection استفاده کنید و “Request Indexing” را بزنید. همچنین از تنظیم صحیح تگ canonical مطمئن شوید.
- تداخل با سایر افزونهها: افزونههای اسلایدر، popup ساز، و چت آنلاین معمولاً جاوااسکریپتهای ناسازگار با AMP بارگذاری میکنند. در تنظیمات AMP، گزینه حذف اسکریپتهای خاص (Script Removal) را پیدا کرده و آنها را غیرفعال کنید.
نتیجهگیری: آیا در سال ۲۰۲۵ باید AMP را فعال کنید؟
AMP دیگر یک انتخاب اجباری برای هیچکس نیست، اما همچنان یک تضمین فنی قدرتمند برای سرعت موبایل است. اگر سایت محتوایی دارید و نرخ پرش موبایلی شما بالاست، یا میخواهید شانس حضور در Top Stories را داشته باشید، AMP یک سرمایهگذاری کمهزینه با بازدهی سریع است. اما اگر یک سایت شرکتی با طراحی سفارشی و Core Web Vitals کاملاً سبز دارید، احتمالاً نیازی به تحمل محدودیتهای AMP ندارید.
توصیه اجرایی: اگر تصمیم به فعالسازی دارید، با افزونه AMP for WP شروع کنید، فقط برای نوشتهها (نه برگهها) فعال کنید، اعتبارسنجی را جدی بگیرید و یک ماه بعد، نرخ پرش و CTR موبایلی را در Google Analytics مقایسه کنید. اعداد به شما خواهند گفت که آیا AMP برای شما کار میکند یا خیر.
برای پیادهسازی تخصصی AMP، عیبیابی خطاهای اعتبارسنجی و بهینهسازی سرعت موبایل، میتوانید از خدمات و تخصص کارشناسان فنی ما در بخش پشتیبانی سایت استفاده کنید. تیم پرشیا وب با تجربه در بهینهسازی صدها سایت وردپرسی، بهترین استراتژی AMP را برای سایت شما پیادهسازی میکند.
بنیامین ولادوست، بنیانگذار و مدیر تیم تخصصی پرشیا وب، بیش از یک دهه تجربه حرفهای در عرصۀ طراحی وبسایت، سئو، تولید محتوا، فروش رپورتاژ و بکلینک دارد. او با ترکیب دانش فنی و درک عمیق از رفتار کاربران، به برندها و کسبوکارها کمک میکند تا نهتنها ظاهر دیجیتال قدرتمندی داشته باشند، بلکه در نتایج جستجوی گوگل هم بدرخشند.
از سال ۲۰۱۳ فعالیت حرفهای خود را در حوزه طراحی وب آغاز کرد و تاکنون بیش از 300 پروژه طراحی سایت و بهینهسازی سئو در صنایع مختلف اجرا کرده است. تجربه عملی او در پروژههای واقعی، به ویژه در کسبوکارهای ایرانی، موجب شده است بتواند راهکارهایی کاملاً کاربردی و بومی برای رشد آنلاین ارائه دهد.
طراحی و توسعه وبسایتهای شرکتی، فروشگاهی و شخصی با تمرکز بر سرعت، امنیت و تجربه کاربری (UX)
استراتژیهای سئو فنی، on-page و off-page برای افزایش رتبه در نتایج گوگل
تحلیل رقبا، تحقیق کلمات کلیدی و اجرای کمپینهای تولید محتوا
مشاوره و اجرای رپورتاژ آگهی و لینکسازی هدفمند برای بهبود اعتبار دامنه
طراحی کمپینهای دیجیتال مارکتینگ یکپارچه برای برندهای نوپا و فعال
مطالب آموزشی و مقالات سئویی که توسط بنیامین ولادوست در وبلاگ “پرشیا وب” منتشر میشوند، بر پایه جدیدترین الگوریتمهای گوگل و استانداردهای جهانی تدوین شدهاند. او به عنوان متخصص مورد اعتماد در حوزه دیجیتال مارکتینگ، تاکنون در بیش از ۲۰ مجموعه آموزشی و ورکشاپ تخصصی سخنرانی و تدریس داشته است. بسیاری از کسبوکارهای آنلاین موفق، مسیر رشد خود را با آموزشها و راهنماییهای او آغاز کردهاند.
تمام راهکارها و خدماتی که توسط بنیامین ولادوست و تیم “پرشیا وب” ارائه میشوند، بر پایه صداقت، شفافیت و تحلیل دادههای واقعی بنا شدهاند. هدف او ارائه مشاورهای است که نه بر اساس تبلیغات، بلکه بر پایه داده و عملکرد واقعی کسبوکارها باشد.