الگوریتم Mobilegeddon چیست و چه تاثیری در سئو دارد؟

یه لحظه گوشیتون رو نگاه کنید. احتمالاً همین الان دارید همین متن رو روی موبایل می‌خونید، نه؟ خب، کاربرای شما هم دقیقاً همینطورن. امروز سئو سایت برای موبایل دیگه یه «کار خوبه که انجامش بدیم» نیست، بلکه خط قرمز بقای سایت شماست؛ و همه‌ی این ماجرا از یه الگوریتم به اسم Mobilegeddon گوگل شروع شد که خیلی‌ها بهش می‌گفتن «آخرالزمان سایت‌های موبایل».

بذارید یه عدد بهتون بگم که شاید تکونتون بده: همین الان بیشتر از ۶۴ درصد کل ترافیک وب دنیا از موبایل میاد. یعنی اگه سایت شما روی گوشی تجربه‌ی خوبی نده، عملاً دارید نزدیک به دو سوم مخاطباتون رو دم در از دست می‌دید؛ اونم قبل از اینکه حتی یه کلمه از حرفاتون رو بخونن.

ولی نگران نباشید. توی این مقاله قراره قدم به قدم با هم بریم جلو؛ از اینکه اصلاً این Mobilegeddon چی بود و سر آخر چی شد، تا کارای کاملاً عملی که همین امروز می‌تونید انجام بدید تا سایتتون هم گوگل رو راضی نگه داره، هم کاربر رو. پس بزن بریم.

سئو موبایل چیست و چرا برای گوگل اینقدر مهمه؟

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

حالا چرا گوگل اینقدر روش حساسه؟ چون یه قانون نانوشته داره: همیشه طرف کاربره، نه طرف سایت. اگه کاربری وارد سایت شما بشه و به‌خاطر کندی یا به‌هم‌ریختگی صفحه، چند ثانیه‌ای بزنه بیرون، گوگل این رفتار رو می‌بینه و ثبت می‌کنه. نتیجه‌ش هم اینه که کم‌کم رتبه‌تون رو میاره پایین و جاتون رو به رقیبی می‌ده که حواسش به موبایل بوده.

جالبه بدونید این موضوع فقط مربوط به کاربرای موبایلی نیست. از وقتی گوگل سراغ روشی به اسم «ایندکس موبایل-اول» (Mobile-First Indexing) رفت، عملاً برای رتبه‌بندی همه‌ی سایت‌ها اول به نسخه‌ی موبایل نگاه می‌کنه؛ حتی برای کسی که با لپ‌تاپ سرچ می‌کنه. یعنی اگه نسخه‌ی موبایل سایتتون لنگ بزنه، کاربر دسکتاپ هم شما رو پایین‌تر از رقبا می‌بینه. پس سئو موبایل دیگه یه بخش جدا نیست؛ خودِ سئوئه.

الگوریتم Mobilegeddon چی بود؟ از ۲۰۱۵ تا امروز

برگردیم به جایی که همه‌چی شروع شد. آوریل ۲۰۱۵ (فروردین ۹۴)، گوگل یه آپدیت معرفی کرد که قرار بود سایت‌های موبایل-دوست رو توی نتایج جستجوی موبایل بالاتر بیاره و بقیه رو پایین‌تر. خود گوگل اسم خاصی روش نذاشته بود، ولی فعالای حوزه‌ی سئو که آدمای دراماتیکی‌ان (!) اسمشو گذاشتن Mobilegeddon؛ ترکیبی از Mobile و Armageddon، یعنی «آخرالزمان موبایل».

نکته‌ی جالب اینجاست که گوگل غافلگیرتون نکرد. حدود دو ماه قبل، توی فوریه‌ی ۲۰۱۵، رسماً اعلام کرد که داره موبایل-دوست بودن رو به یه سیگنال رتبه‌بندی تبدیل می‌کنه و بهتون وقت داد تا خودتون رو آماده کنید. همین هم باعث شد سروصدای این آپدیت در عمل خیلی کمتر از چیزی باشه که اسمش نشون می‌داد؛ کسایی که آماده بودن، آب از آب تکون نخورد.

ولی ماجرا همینجا تموم نشد. حدود یه سال بعد، توی می ۲۰۱۶، گوگل این سیگنال رو قوی‌تر کرد تا فشار بیشتری روی سایت‌های بهینه‌نشده بیاره. خیلی‌ها اون موقع پرسیدن «این یعنی Mobilegeddon 2؟»، ولی جان مولر از گوگل صریحاً گفت: «نه، نه واقعاً.» پس دفعه‌ی بعد هر جا به اسم «Mobilegeddon 2» برخوردید، بدونید این یه اصطلاح غیررسمیه که توی صنعت سئو دست‌به‌دست شده، نه یه آپدیت رسمی گوگل.

اتفاق واقعاً بزرگ بعدش افتاد: گوگل کم‌کم سراغ همون ایندکس موبایل-اول رفت و حدود سال ۲۰۲۱ اون رو برای همه‌ی سایت‌ها به حالت پیش‌فرض تبدیل کرد. از اینجا به بعد دیگه موبایل «یه نسخه‌ی فرعی» نبود؛ شد نسخه‌ی اصلی که گوگل باهاش قضاوت می‌کنه.

و امروز؟ تمرکز گوگل از «آیا سایتت موبایل-دوسته؟» رفته روی یه چیز بزرگ‌تر به اسم تجربه‌ی صفحه (Page Experience) و معیارهای دقیق سرعت و پایداری که توی بخش‌های بعدی کامل سراغشون می‌ریم. خلاصه‌ش اینه: Mobilegeddon یه نقطه‌ی پایان نبود، یه نقطه‌ی شروع بود برای دنیایی که توش موبایل حرف اول رو می‌زنه.

از Mobilegeddon تا Mobile-First Indexing و Page Experience

تا اینجا فهمیدیم Mobilegeddon یه شروع بود. ولی گوگل توی این چند سال بیکار نشست؟ نه‌خیر. بذارید مسیری که طی شده رو دقیق‌تر براتون باز کنم، چون فهمیدن این مسیر کمکتون می‌کنه بدونید گوگل امروز دنبال چیه.

قدم اول: نگاه کلاً عوض شد. اوایل، گوگل سایت‌ها رو بر اساس نسخه‌ی دسکتاپشون می‌دید و موبایل یه چیز فرعی بود. ولی با ایندکس موبایل-اول، این قضیه برعکس شد. حالا گوگل اول میره سراغ نسخه‌ی موبایل سایتتون، اون رو می‌خونه و باهاش رتبه‌تون رو تعیین می‌کنه. این یعنی اگه یه بخش از محتواتون فقط روی دسکتاپ هست و توی موبایل پنهانش کردید، عملاً انگار اون محتوا برای گوگل وجود نداره. پس همه‌چیز — متن، عکس، داده‌های ساختاریافته — باید توی نسخه‌ی موبایل هم کامل باشه.

قدم دوم: گوگل از «بله/خیر» عبور کرد. اون اوایل، Mobilegeddon یه جواب سیاه‌وسفید می‌داد: سایتت یا موبایل-دوست بود یا نبود، تمام. ولی این مدل دیگه قدیمی شده. امروز گوگل به‌جای یه برچسب ساده، یه طیف کامل از کیفیت تجربه رو می‌سنجه. اسم این مجموعه معیارها رو گذاشته تجربه‌ی صفحه یا همون Page Experience.

Page Experience دقیقاً چیه؟ یه جور پرونده‌ی کلیه که گوگل برای هر صفحه‌ی شما تشکیل می‌ده و توش به این چیزا نگاه می‌کنه:

• آیا صفحه سریع لود می‌شه و موقع کار باهاش به‌هم نمی‌ریزه؟ (همون Core Web Vitals که بخش بعدی کامل سراغش می‌ریم)
• آیا روی HTTPS امنه؟
• آیا کاربر موبایل راحت می‌تونه باهاش کار کنه و پاپ‌آپ مزاحم جلوش رو نمی‌گیره؟

نکته‌ی مهم اینجاست: هیچ‌کدوم از اینا به‌تنهایی معجزه نمی‌کنه. گوگل بارها گفته محتوای خوب همیشه حرف اول رو می‌زنه، ولی وقتی دو تا صفحه از نظر کیفیت محتوا نزدیک به همن، اون تجربه‌ی صفحه‌ست که تعیین می‌کنه کدوم بالاتر بشینه. یعنی Page Experience نقش «تعادل‌شکن» رو بازی می‌کنه.

و حالا واقعیت ۲۰۲۶. شاید جایی شنیده باشید که گوگل یه آپدیت بزرگ جدید به اسم «Mobilegeddon 2» آورده. همونطور که گفتم، چنین آپدیت رسمی‌ای وجود نداره و این فقط یه اسم پر سر و صداست. واقعیت ماجرا کم‌هیجان‌تر ولی خیلی مهم‌تره: گوگل دیگه دنبال یه «زلزله»ی یک‌باره نیست که سایت‌ها رو بترسونه. به‌جاش، تجربه‌ی موبایل رو به‌صورت دائمی و در پس‌زمینه می‌سنجه و امتیازش رو لحظه‌به‌لحظه به‌روز می‌کنه. این خبر خوبیه! یعنی هر بهبودی که توی سایتتون بدید، به‌مرور خودش رو توی رتبه نشون می‌ده و لازم نیست منتظر یه آپدیت بزرگ بمونید.

یه تغییر فنی مهم رو هم بد نیست بدونید: گوگل توی مارس ۲۰۲۴ یکی از معیارهای کلیدی سرعت به اسم FID رو بازنشسته کرد و جاش معیار دقیق‌تری به اسم INP (واکنش‌پذیری صفحه به تعامل کاربر) رو گذاشت. اگه جایی توی مقالات قدیمی به FID برخوردید، بدونید دیگه ملاک نیست. این دقیقاً همون چیزیه که بخش بعدی کامل سراغش می‌ریم.

خلاصه‌ی این بخش: مسیر از یه برچسب ساده‌ی «موبایل-دوست» شروع شد، رسید به اینکه موبایل بشه نسخه‌ی اصلی سایت از نگاه گوگل، و الان رسیده به یه ارزیابی دائمی و دقیق از کل تجربه‌ی کاربر. پس به‌جای ترس از یه آپدیت خیالی، بیاید روی چیزی تمرکز کنیم که واقعاً مهمه: سرعت و کیفیت تجربه.

Core Web Vitals؛ سنجه‌های واقعی سرعت موبایل

رسیدیم به مهم‌ترین بخش فنی مقاله. اگه فقط قراره یه چیز از کل این مطلب یادتون بمونه، همینه. Core Web Vitals (به فارسی: حیاتی‌های اصلی وب) سه تا معیاریه که گوگل باهاشون اندازه می‌گیره تجربه‌ی کاربر روی صفحه‌ی شما چقدر روونه. این سه تا رو مثل سه تا چراغ راهنما تصور کنید؛ هر کدوم یه جنبه از تجربه رو چک می‌کنه.

بریم یکی‌یکی سراغشون، خیلی ساده:

LCP — سرعت لود شدن (Largest Contentful Paint)

این معیار اندازه می‌گیره بزرگ‌ترین عنصر صفحه‌تون (معمولاً یه عکس بزرگ یا تیتر اصلی) چقدر طول می‌کشه تا کامل نشون داده بشه. یعنی از نگاه کاربر: «چند ثانیه طول کشید تا حس کنم صفحه واقعاً اومد بالا؟» عدد ایده‌آل: زیر ۲.۵ ثانیه. اگه بین ۲.۵ تا ۴ ثانیه باشه، نیاز به بهبود دارید و بالای ۴ ثانیه یعنی وضعیت قرمزه.

INP — واکنش‌پذیری (Interaction to Next Paint)

این یکی جدیده و از مارس ۲۰۲۴ جای معیار قدیمی FID رو گرفته. INP می‌سنجه وقتی کاربر روی یه چیزی کلیک یا لمس می‌کنه (مثلاً دکمه‌ی منو یا «افزودن به سبد خرید»)، صفحه چقدر سریع واکنش نشون می‌ده. هیچی بدتر از این نیست که کاربر روی یه دکمه بزنه و انگار هیچ اتفاقی نیفته، نه؟ عدد ایده‌آل: زیر ۲۰۰ میلی‌ثانیه. بین ۲۰۰ تا ۵۰۰ نیاز به کار داره و بالای ۵۰۰ یعنی کاربر کندی رو حس می‌کنه.

CLS — پایداری بصری (Cumulative Layout Shift)

این معیار شاید آشناترین تجربه‌ی آزاردهنده‌ی موبایل رو بسنجه: داری یه متن می‌خونی، یهو یه عکس یا تبلیغ لود می‌شه و کل صفحه می‌پره پایین، بعد اشتباهی روی یه چیز دیگه کلیک می‌کنی. CLS دقیقاً همین «پریدن» و جابه‌جایی ناگهانی عناصر رو اندازه می‌گیره. عدد ایده‌آل: زیر ۰.۱ (هرچی به صفر نزدیک‌تر، بهتر).

حالا چرا اینا اینقدر مهمن؟ چون گوگل این داده‌ها رو نه از یه آزمایشگاه، بلکه از تجربه‌ی واقعی کاربرای واقعی کروم جمع می‌کنه (به این می‌گن داده‌ی فیلد). یعنی نمی‌تونید با یه ترفند گولش بزنید؛ باید واقعاً برای کاربراتون سریع باشید.

و یه واقعیت که نشون می‌ده چقدر اینجا جای کار هست: طبق آمار ۲۰۲۵، فقط حدود نصف سایت‌های موبایل دنیا هر سه تای این معیارها رو با هم پاس می‌کنن. یعنی اگه شما این سه تا چراغ رو سبز کنید، عملاً از نصف رقباتون جلو زدید. بد معامله‌ای نیست!

یه نکته‌ی مهم آخر: این اعداد رو حدسی نزنید. توی بخش‌های بعدی بهتون می‌گم با کدوم ابزارهای رایگان (مثل PageSpeed Insights و سرچ کنسول) می‌تونید همین الان عدد دقیق سایت خودتون رو ببینید و دقیقاً بفهمید کجا لنگ می‌زنید.

چطور سرعت سایت رو روی موبایل بالا ببریم؟

خب، تا اینجا فهمیدیم گوگل دنبال چه اعدادیه. حالا بریم سراغ بخش شیرین ماجرا: کارای واقعی که با انجامشون اون چراغ‌های قرمز رو سبز می‌کنید. خبر خوب اینه که لازم نیست برنامه‌نویس باشید؛ بیشتر این کارا با چند تا تنظیم و افزونه‌ی ساده انجام می‌شن.

عکس‌ها رو سبک کنید (مهم‌ترین کار!)

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

اول، فرمت عکس‌ها رو از JPEG و PNG قدیمی ببرید سمت فرمت‌های مدرن مثل WebP یا AVIF. اینا با همون کیفیت، گاهی تا ۷۰ درصد حجم کمتری دارن. دوم، قبل از آپلود، ابعاد عکس رو متناسب با جایی که قراره نشون داده بشه کوچیک کنید. آپلود یه عکس ۴۰۰۰ پیکسلی برای جایی که فقط ۸۰۰ پیکسل ازش دیده می‌شه، یعنی هدر دادن سرعت و پهنای باند.

از Lazy Loading استفاده کنید

Lazy Loading یعنی «بارگذاری تنبل». به‌جای اینکه مرورگر همون اول همه‌ی عکس‌های صفحه رو با هم لود کنه، فقط چیزایی که الان جلوی چشم کاربره رو میاره و بقیه رو می‌ذاره برای وقتی که کاربر اسکرول کرد و بهشون رسید. این برای کاربرای ایرانی که خیلی وقتا با اینترنت نیمه‌پایدار موبایل کار می‌کنن، یه نعمت واقعیه و مستقیم روی LCP تأثیر مثبت می‌ذاره.

فایل‌های CSS و جاوااسکریپت رو مینی‌فای کنید

کدهای سایت پر از فاصله‌ی خالی، خط جدید و کاراکترهاییه که برای آدم خونا هست ولی مرورگر بهشون نیازی نداره. مینی‌فای (Minify) یعنی این اضافات رو حذف کنیم تا فایل‌ها سبک‌تر بشن. خوبیش اینه که خودتون نباید دستی این کار رو بکنید؛ افزونه‌های کش این کار رو خودکار انجام می‌دن.

یه افزونه‌ی کش نصب کنید

این شاید بیشترین تأثیر رو با کمترین زحمت بهتون بده. افزونه‌ی کش (Caching) یه نسخه‌ی آماده و استاتیک از صفحاتتون می‌سازه و ذخیره می‌کنه، تا هر بار که کاربر میاد، سرور مجبور نباشه از صفر همه‌چی رو بسازه. نتیجه؟ صفحه‌ها چند برابر سریع‌تر باز می‌شن. اگه وردپرسی هستید، گزینه‌های خوبی مثل WP Rocket (پولی ولی فوق‌العاده) یا LiteSpeed Cache (رایگان و قدرتمند، البته اگه سرورتون LiteSpeed باشه) رو امتحان کنید.

لایوت رو ثابت نگه دارید تا CLS خراب نشه

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

هاست خوب، نصف ماجراست

می‌تونید همه‌ی کارای بالا رو هم بکنید، ولی اگه روی یه هاست ضعیف و شلوغ نشسته باشید، باز هم کند می‌مونید. یه هاست با کیفیت و نزدیک به کاربراتون (و در صورت امکان استفاده از CDN برای توزیع محتوا) زیربنای همه‌ی این بهینه‌سازی‌هاست. روی این یکی خِسّت به خرج ندید.

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

طراحی ریسپانسیو و تجربه‌ی کاربری موبایل

تا اینجا حسابی سرعت رو ترکوندیم. ولی یه سایت سریع که کار کردن باهاش روی موبایل سخت باشه، باز هم کاربر رو فراری می‌ده. اینجاست که می‌رسیم به دو تا مفهوم مکمل: ریسپانسیو بودن (که سایت رو با هر صفحه‌ای جور می‌کنه) و تجربه‌ی کاربری (که کار کردن باهاش رو لذت‌بخش می‌کنه).

ریسپانسیو بودن؛ پایه و اساس همه‌چی

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

خبر خوب اینه که امروز تقریباً همه‌ی قالب‌های حرفه‌ای وردپرس به‌صورت پیش‌فرض ریسپانسیون. پس اگه از یه قالب به‌روز استفاده می‌کنید، احتمالاً این بخش رو تا حد خوبی دارید. ولی اگه هنوز با یه قالب قدیمی کار می‌کنید، حتماً وضعیتش رو چک کنید؛ یه قالب قدیمی به‌تنهایی می‌تونه کل زحمت‌های دیگه‌تون رو هدر بده.

یه نکته‌ی فنی به‌روز هم بگم برای اونایی که عمیق‌تر می‌خوان برن: توی طراحی مدرن، کم‌کم به‌جای تکیه‌ی صرف به Breakpointهای سفت‌وسخت، از چیزی به اسم Container Queries استفاده می‌شه. این قابلیت به هر بخش از صفحه اجازه می‌ده بر اساس فضای در دسترس خودش تصمیم بگیره چطور نمایش داده بشه، نه بر اساس عرض کل صفحه. یعنی مثلاً یه کارت محصول، توی سایدبار یه جور نشون داده می‌شه و وسط صفحه یه جور دیگه. لازم نیست خودتون اینو پیاده کنید، ولی خوبه بدونید آینده‌ی طراحی ریسپانسیو به این سمت می‌ره.

تجربه‌ی کاربری؛ جایی که با کاربر مهربون باشید

ریسپانسیو بودن یعنی سایت «خراب نمی‌شه». ولی تجربه‌ی کاربری خوب یعنی کار کردن باهاش واقعاً «لذت‌بخشه». بریم سراغ چند تا نکته‌ی کلیدی:

دکمه‌ها و لینک‌ها رو به‌اندازه‌ی کافی بزرگ کنید

کاربر موبایل با انگشت کار می‌کنه، نه با ماوس دقیق. اگه دکمه‌ها ریز و چسبیده به هم باشن، مدام اشتباهی روی چیز اشتباه می‌زنه و کلافه می‌شه. استاندارد گوگل برای هر نقطه‌ی قابل لمس، حداقل ۴۸ در ۴۸ پیکسل با کمی فاصله (حدود ۸ پیکسل) بین عناصره. (اگه جایی عدد ۴۴ پیکسل رو دیدید، اون استاندارد اپله؛ برای گوگل همون ۴۸ ملاکه.)

طراحی برای انگشت شست رو جدی بگیرید

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

ناوبری رو ساده کنید (ولی نه به هر قیمتی)

منوهای چندطبقه‌ی شلوغ روی موبایل کابوسن. منوی همبرگری (همون آیکون سه‌خطه) یه راه‌حل خوب برای جمع‌وجور کردن منوئه، ولی یه نکته‌ی مهم: مهم‌ترین لینک‌ها و دکمه‌هاتون رو پشت اون آیکون قایم نکنید. چیزایی مثل جستجو، سبد خرید یا دکمه‌ی اصلی فروش بهتره همیشه جلوی چشم و در دسترس باشن؛ منوی همبرگری رو برای صفحات فرعی‌تر نگه دارید.

فرم‌ها رو تا می‌تونید کوتاه و راحت کنید

پر کردن فرم روی موبایل سخته، پس کار رو براش آسون کنید. تعداد فیلدها رو به حداقل برسونید، از قابلیت تکمیل خودکار (Auto-fill) استفاده کنید، و کیبورد درست رو باز کنید (مثلاً برای فیلد شماره تلفن، کیبورد عددی نه حروف). همینطور ارتفاع فیلدها رو هم به‌اندازه‌ی کافی بزرگ بگیرید تا راحت قابل لمس باشن.

از پاپ‌آپ‌های مزاحم فاصله بگیرید

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

جمع‌بندی این بخش ساده‌ست: ریسپانسیو بودن حداقل کاریه که باید بکنید، ولی چیزی که شما رو از رقبا جدا می‌کنه، اون توجه به جزئیات تجربه‌ی کاربریه. هر جا شک کردید، یه سؤال از خودتون بپرسید: «اگه خودم کاربر بودم، کار کردن با این بخش روی گوشی حالم رو می‌گرفت یا نه؟»

چک‌لیست عملی بهینه‌سازی موبایل (۱۰ گام)

خب، رسیدیم به جمع‌بندی عملی. این چک‌لیست رو مثل یه نقشه‌ی راه ببینید؛ از بالا شروع کنید و هر کاری که انجام دادید رو تیک بزنید. لازم نیست همه رو یه‌شبه انجام بدید، ولی هر چی بیشتر تیک بخوره، هم گوگل ازتون راضی‌تره هم کاربر.

۱. قالبتون رو چک کنید که ریسپانسیو و به‌روز باشه. قالب‌های قدیمی که با تکنولوژی‌های منسوخ ساخته شدن، به‌هیچ‌وجه برای موبایل امروزی مناسب نیستن. اگه قالبتون قدیمیه، اولین و مهم‌ترین کارتون عوض کردنشه.

۲. سرعت سایت رو اندازه بگیرید. با PageSpeed Insights گوگل و GTmetrix نمره‌ی موبایلتون رو بگیرید. اگه نمره‌ی موبایل زیر ۷۰ بود، یعنی جای کار جدی دارید. این عدد رو یادداشت کنید تا بعد از بهینه‌سازی، پیشرفتتون رو ببینید.

۳. عکس‌ها رو سبک و مدرن کنید. فرمتشون رو به WebP یا AVIF تبدیل کنید و ابعادشون رو متناسب با محل نمایش کوچیک کنید. یادتون باشه عکس سنگین، بزرگ‌ترین دشمن سرعت موبایله.

۴. یه افزونه‌ی کش نصب کنید. گزینه‌هایی مثل WP Rocket یا LiteSpeed Cache یه نسخه‌ی استاتیک از صفحاتتون می‌سازن و بار سرور رو کم می‌کنن. این کار با کمترین زحمت، بیشترین تأثیر رو روی سرعت می‌ذاره.

۵. Lazy Loading رو فعال کنید. تا عکس‌ها به‌جای لود شدن یک‌جا، فقط وقتی نمایش داده بشن که کاربر بهشون رسید. مخصوصاً برای کاربرای ایرانی با اینترنت نیمه‌پایدار، تفاوت محسوسی ایجاد می‌کنه.

۶. ابعاد عکس‌ها و ویدیوها رو مشخص کنید. تا مرورگر جاشون رو از قبل رزرو کنه و موقع لود شدن، صفحه نپره (همون CLS که گفتیم). این یه کار کوچیکه با تأثیر بزرگ روی تجربه‌ی کاربر.

۷. پاپ‌آپ‌های مزاحم رو حذف یا محدود کنید. اگه واقعاً به پاپ‌آپ نیاز دارید، طوری تنظیمش کنید که بعد از اسکرول کاربر نشون داده بشه و راحت بسته بشه؛ نه اینکه دم در کل صفحه رو بپوشونه.

۸. متن رو خونا کنید. فونت متن اصلی رو حداقل ۱۶ پیکسل بذارید و فاصله‌ی خطوط (line-height) رو بین ۱.۴ تا ۱.۶ تنظیم کنید. این کار خوانایی رو روی صفحه‌های کوچیک به حداکثر می‌رسونه و دیگه کاربر مجبور به زوم کردن نمی‌شه.

۹. دکمه‌ها و لینک‌ها رو بزرگ و بافاصله کنید. هر نقطه‌ی قابل لمس حداقل ۴۸ در ۴۸ پیکسل با حدود ۸ پیکسل فاصله از بقیه. این از کلیک اشتباهی کاربر جلوگیری می‌کنه و کلافگی رو کم می‌کنه.

۱۰. روی دستگاه‌های واقعی تست کنید. فقط به شبیه‌ساز مرورگر اکتفا نکنید. از چند تا دوست یا همکار بخواید با گوشی‌های مختلف وارد سایتتون بشن و صادقانه بهتون بگن کجا اذیت شدن. هیچ ابزاری جای بازخورد یه آدم واقعی رو نمی‌گیره.

تیک همه‌ی اینا که بخوره، می‌تونید مطمئن باشید سایتتون از اکثر رقبا جلوتره. حالا بریم ببینیم با چه ابزارهایی می‌تونید مرتب وضعیتتون رو رصد کنید.

ابزارهای رایگان تست موبایل در ۲۰۲۶

خبر خوب اینه که برای فهمیدن وضعیت موبایل سایتتون لازم نیست یه ریال خرج کنید. چند تا ابزار رایگان و قدرتمند هست که دقیقاً بهتون می‌گن کجا می‌لنگید. ولی قبلش یه نکته‌ی مهم رو بگم که خیلی‌ها هنوز ازش خبر ندارن.

اول از همه، یه هشدار مهم: اگه توی مقاله‌های قدیمی خوندید که برید سراغ ابزار Mobile-Friendly Test گوگل یا گزارش Mobile Usability توی سرچ کنسول، دیگه دنبالشون نگردید! گوگل از دسامبر ۲۰۲۳ (آذر ۱۴۰۲) هر دوی این ابزارها رو به‌طور کامل بازنشسته کرد. پس اگه جایی این اسم‌ها رو دیدید، بدونید اون مقاله قدیمیه. خبر خوب اینه که جایگزین‌های بهتری اومدن که الان معرفیشون می‌کنم.

PageSpeed Insights (مهم‌ترین ابزار)

این ابزار رایگان گوگل، ستاره‌ی این بخشه. کافیه آدرس سایتتون رو وارد کنید تا یه نمره‌ی جداگانه برای موبایل و دسکتاپ بهتون بده. مهم‌تر از نمره، این ابزار دقیقاً همون سه تا معیار Core Web Vitals (یعنی LCP، INP و CLS) رو بهتون نشون می‌ده و حتی فهرستی از مشکلات مشخص سایتتون و راه‌حلشون رو ارائه می‌ده. اگه قراره فقط یه ابزار رو انتخاب کنید، همینه.

Google Search Console (برای رصد مداوم)

سرچ کنسول چشم شما روی نگاه گوگله. درسته که گزارش قدیمی Mobile Usability حذف شده، ولی به‌جاش یه بخش خیلی مهم‌تر داره به اسم Core Web Vitals که وضعیت کل صفحات سایتتون رو (نه فقط یه صفحه) بر اساس داده‌ی کاربرای واقعی نشون می‌ده. اینجا می‌فهمید کدوم گروه از صفحاتتون مشکل سرعت دارن و باید سراغشون برید. حتماً سایتتون رو توی سرچ کنسول ثبت کنید؛ رایگانه و حیاتی.

Lighthouse (جایگزین رسمی گوگل)

وقتی گوگل اون ابزارهای قدیمی رو بازنشسته کرد، رسماً Lighthouse رو به‌عنوان جایگزین معرفی کرد. این ابزار خیلی فراتر از تست ساده‌ی موبایله؛ سرعت، دسترسی‌پذیری (Accessibility)، سئو و کلی چیز دیگه رو با هم می‌سنجه. جالبیش اینه که لازم نیست جایی نصبش کنید؛ کافیه توی مرورگر کروم، روی صفحه راست‌کلیک کنید، برید توی Inspect و از تب Lighthouse یه گزارش کامل بگیرید.

GTmetrix (برای تحلیل عمیق‌تر)

اگه می‌خواید جزئی‌تر بشید، GTmetrix یه گزینه‌ی عالیه. نمودار آبشاری (Waterfall) نشون می‌ده که دقیقاً کدوم فایل‌ها چقدر طول می‌کشن تا لود بشن، تا بفهمید گلوگاه سرعتتون کجاست. برای پیدا کردن اون عکس یا اسکریپت سنگینی که سایتتون رو کند کرده، فوق‌العاده‌ست.

جمع‌بندی: با همین چند تا ابزار رایگان، دیگه لازم نیست حدس بزنید. عددتون رو بگیرید، مشکلات رو پیدا کنید، درستشون کنید و دوباره تست کنید. این چرخه‌ی «بسنج، درست کن، دوباره بسنج» همون رازیه که سایت‌های موفق رو از بقیه جدا می‌کنه.

پرسش‌های متداول درباره‌ی سئو موبایل و Mobilegeddon

جمع‌بندی

اگه بخوام کل این مقاله رو توی یه جمله خلاصه کنم، اینه: Mobilegeddon یه تهدید نبود، یه فرصت بود. فرصتی برای کسب‌وکارهایی که حاضر بودن یه قدم جلوتر از رقباشون فکر کنن.

امروز دیگه سؤال درست «آیا سایت من موبایل-دوسته؟» نیست؛ سؤال درست اینه: «آیا سایت من بهترین تجربه‌ی ممکن رو روی موبایل به کاربرم می‌ده؟» چون گوگل سال‌هاست که دیگه دنبال یه چک‌لیست ساده نیست؛ دنبال سایتیه که کاربر واقعاً ازش راضی باشه؛ سریع باز بشه، راحت خونده بشه و کار کردن باهاش لذت‌بخش باشه.

پس از همین امروز شروع کنید. لازم نیست همه‌چی رو یک‌شبه درست کنید؛ از مهم‌ترینش (عکس‌ها، سرعت و یه قالب درست) شروع کنید و قدم‌به‌قدم جلو برید. هر بهبود کوچیکی که بدید، هم گوگل می‌بینتش، هم کاربری که دیگه با خیال راحت توی سایتتون می‌مونه و به مشتری وفادارتون تبدیل می‌شه. موفق باشید و سایتتون همیشه روی موبایل بدرخشه! شاد و سربلند باشید. 🙂

تیم تولید محتوا

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