الگوریتم مهتاب چیست؟ | اهمیت سازگاری با موبایل در سئو
مقدمه: الگوریتم مهتاب چیست؟
آیا میدانستید که بیش از ۶۰ درصد جستجوهای گوگل از طریق گوشیهای موبایل انجام میشود؟ اگر سایت شما با موبایل سازگار نباشد، نه تنها این کاربران را از دست میدهید، بلکه در رتبهبندی گوگل نیز جریمه خواهید شد. الگوریتم مهتاب (Mehtaab) در کراولر پیشرفته P2X دقیقاً به همین موضوع میپردازد: آیا سایت شما با دستگاههای موبایل و تبلت سازگار است؟
الگوریتم مهتاب از الگوریتمهای بسیار مهم سیستم P2X محسوب میشود. این الگوریتم بررسی میکند که سایت شما در اندازههای مختلف صفحه (موبایل، تبلت، دسکتاپ) چگونه نمایش داده میشود و آیا تجربه کاربری مناسبی برای کاربران موبایل فراهم میکند یا خیر.
اما چرا گوگل اینقدر به موبایل فرندلی اهمیت میدهد؟ ایندکسگذاری موبایل محور چیست؟ در ادامه، همه چیز را بررسی خواهیم کرد.
موبایل فرندلی (Mobile Friendly) چیست؟
یک سایت موبایل فرندلی سایتی است که در دستگاههای مختلف (موبایل، تبلت، دسکتاپ) به درستی نمایش داده میشود و کاربر میتواند به راحتی با آن تعامل داشته باشد.
ویژگیهای یک سایت موبایل فرندلی:
| ویژگی | توضیح |
|---|---|
| طراحی ریسپانسیو (Responsive) | سایت به اندازه صفحه نمایش واکنش نشان میدهد |
| فونت خوانا | متنها بدون نیاز به زوم کردن قابل خواندن هستند |
| دکمههای قابل لمس | دکمهها به اندازه کافی بزرگ هستند (حداقل ۴۸x۴۸ پیکسل) |
| فاصله مناسب بین لینکها | کاربر اشتباهی روی لینک مجاور کلیک نمیکند |
| بدون اسکرول افقی | کاربر مجبور نیست به چپ و راست اسکرول کند |
| سریع | سرعت بارگذاری در موبایل اهمیت بیشتری دارد |
دستهبندی سایتها بر اساس سازگاری با موبایل
| دسته | وضعیت | توضیح |
|---|---|---|
| ریسپانسیو (Responsive) | ✅ عالی | بهترین وضعیت - یک سایت با CSS فلکس/گرید |
| دامنه مجزا (m.domain.com) | ⚠️ قابل قبول | نسخه جداگانه موبایل - نیاز به مدیریت محتوای تکراری |
| پویا (Dynamic Serving) | ⚠️ قابل قبول | سرور بر اساس User-Agent نسخه متفاوت میفرستد |
| غیرسازگار (Non-responsive) | ❌ ضعیف | سایت فقط برای دسکتاپ طراحی شده |
| غیرقابل استفاده | ❌ بسیار ضعیف | زوم اجباری، اسکرول افقی، دکمههای ریز |
نحوه عملکرد الگوریتم مهتاب در P2X
الگوریتم مهتاب به صورت هوشمندانه و چندلایه طراحی شده است. مراحل اجرای این الگوریتم در کراولر P2X به این صورت است:
| مرحله | توضیح |
|---|---|
| ۱. شبیهسازی موبایل | الگوریتم با User-Agent موبایل به سایت درخواست میفرستد |
| ۲. بررسی Viewport | الگوریتم وجود تگ viewport را بررسی میکند |
| ۳. تحلیل بصری | الگوریتم اندازه فونت، فاصله دکمهها و اسکرول افقی را بررسی میکند |
| ۴. تست لمسی | الگوریتم بررسی میکند آیا عناصر قابل لمس به اندازه کافی بزرگ هستند |
| ۵. امتیازدهی | بر اساس مجموع عوامل، امتیاز تعلق میگیرد |
نکته مهم: الگوریتم مهتاب فقط وجود تگ viewport را بررسی نمیکند. بلکه تجربه واقعی کاربر در موبایل را شبیهسازی و ارزیابی میکند.
ایندکسگذاری موبایل محور (Mobile-First Indexing) چیست؟
از سال ۲۰۱۸، گوگل به طور رسمی ایندکسگذاری موبایل محور را اجرا کرده است. این یعنی:
| قبل از ۲۰۱۸ | بعد از ۲۰۱۸ |
|---|---|
| گوگل نسخه دسکتاپ سایت را ایندکس میکرد | گوگل نسخه موبایل سایت را ایندکس میکند |
| سازگاری با موبایل یک مزیت بود | سازگاری با موبایل یک ضرورت است |
| سایتهای غیرسازگار جریمه نمیشدند | سایتهای غیرسازگار جریمه میشوند |
گوگل به صراحت اعلام کرده است:
"Today, we're announcing that we'll be updating our search indexing to use the mobile version of a website's content. This change reflects the fact that the majority of users now access Google Search from mobile devices."
چرا سازگاری با موبایل برای سئو مهم است؟
سازگاری با موبایل از چند جهت برای سئو و تجربه کاربری حائز اهمیت است:
| دلیل اهمیت | توضیح |
|---|---|
| فاکتور رتبهبندی گوگل | گوگل رسماً اعلام کرده است که موبایل فرندلی یک فاکتور رتبهبندی است |
| ایندکسگذاری موبایل محور | نسخه موبایل سایت شما مبنای ایندکس و رتبه است |
| تجربه کاربری بهتر | کاربران موبایل تجربه بهتری دارند و بیشتر در سایت میمانند |
| کاهش نرخ پرش | سایتهای غیرسازگار نرخ پرش بالایی دارند |
| افزایش نرخ تبدیل | کاربران راحتتر میتوانند خرید کنند یا فرم پر کنند |
معادل Google برای الگوریتم مهتاب
الگوریتم مهتاب در P2X معادل مستقیم فاکتور "Mobile-Friendliness" و "Mobile-First Indexing" در الگوریتمهای گوگل است. گوگل در مستندات رسمی خود اعلام کرده است:
"Mobile-friendly websites provide a better user experience and are more likely to rank well in mobile search results. Google's indexing now primarily uses the mobile version of a website's content."
منابع معتبر گوگل برای مطالعه بیشتر:
ابزارهای تست سازگاری با موبایل
قبل از اینکه گوگل سایت شما را ارزیابی کند، خودتان میتوانید آن را تست کنید:
| ابزار | آدرس | توضیح |
|---|---|---|
| Google Mobile-Friendly Test | search.google.com/test/mobile-friendly | ابزار رسمی گوگل |
| Google Search Console | search.google.com/search-console | گزارش "Usability on Mobile" |
| PageSpeed Insights | pagespeed.web.dev | بررسی سرعت در موبایل و دسکتاپ |
| Responsive Checker | responsivechecker.net | مشاهده سایت در اندازههای مختلف |
تفاوت الگوریتم مهتاب با الگوریتمهای مرتبط
| الگوریتم | عملکرد | تفاوت با مهتاب |
|---|---|---|
| مهتاب (Mehtaab) | سازگاری با موبایل | اصلی |
| خورشید (Khorshid) | وجود Viewport | بخشی از مهتاب است |
| همگام (Hamgaam) | برابری محتوا در موبایل و دسکتاپ | زیرمجموعه مهتاب |
| پایا (Paayaa) | آپتایم سرور | مربوط به در دسترس بودن، نه سازگاری |
راهکارهای بهینهسازی برای کسب امتیاز عالی از الگوریتم مهتاب
برای اینکه از الگوریتم مهتاب بهترین امتیاز را دریافت کنید، این راهکارها را رعایت کنید:
۱. از طراحی ریسپانسیو (Responsive) استفاده کنید
بهترین و توصیهشدهترین روش توسط گوگل.
نکات کلیدی:
-
استفاده از CSS Grid و Flexbox
-
استفاده از
@mediaqueryها -
استفاده از واحدهای نسبی (
%,vw,vh) به جای واحدهای ثابت (px)
/* مثال یک media query ساده */ @media (max-width: 768px) { .container { flex-direction: column; } .sidebar { display: none; } }
۲. تگ Viewport را حتماً اضافه کنید
این تگ به مرورگر میگوید صفحه را در چه مقیاسی نمایش دهد.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
نکته: بدون این تگ، مرورگر موبایل صفحه را به اندازه دسکتاپ نمایش میدهد و کاربر مجبور به زوم میشود.
۳. فونت را به اندازه کافی بزرگ کنید
متنها باید بدون نیاز به زوم کردن قابل خواندن باشند.
| نوع متن | حداقل اندازه پیشنهادی |
|---|---|
| متن اصلی (body) | ۱۶ پیکسل |
| عناوین (h1, h2) | ۲۰-۲۴ پیکسل |
| لینکها و دکمهها | ۱۴-۱۶ پیکسل |
۴. دکمهها و لینکها را به اندازه کافی بزرگ کنید
کاربران موبایل با انگشت کلیک میکنند، نه موس.
| معیار | حداقل پیشنهادی |
|---|---|
| اندازه هدف لمسی | ۴۸x۴۸ پیکسل |
| فاصله بین اهداف لمسی | ۸ پیکسل |
۵. از اسکرول افقی جلوگیری کنید
محتوای صفحه باید فقط به صورت عمودی اسکرول شود.
علل اسکرول افقی:
-
استفاده از عرض ثابت (width: 1200px)
-
تصاویر بزرگتر از صفحه
-
جداول عریض
راهکارها:
img, video, iframe { max-width: 100%; height: auto; } table { overflow-x: auto; display: block; }
۶. از پاپآپهای مزاحم در موبایل خودداری کنید
گوگل پاپآپهایی که محتوای اصلی را میپوشانند جریمه میکند.
نکته: الگوریتم اسفند (Asfand) نیز به طور خاص پاپآپهای مزاحم را جریمه میکند.
۷. سرعت بارگذاری در موبایل را بهینه کنید
موبایل معمولاً اینترنت کندتری نسبت به دسکتاپ دارد.
راهکارها:
-
فشردهسازی تصاویر
-
استفاده از کش مرورگر
-
کاهش جاوااسکریپتهای سنگین
-
استفاده از CDN
اشتباهات رایج در الگوریتم مهتاب
| اشتباه | توضیح | راهکار |
|---|---|---|
| بدون تگ Viewport | مرورگر موبایل صفحه را کوچک نشان میدهد | حتماً Viewport اضافه کنید |
| طراحی ثابت (Fixed Width) | عرض صفحه با px تعیین شده | از درصد و واحدهای نسبی استفاده کنید |
| فونت خیلی ریز | متنها زیر ۱۴ پیکسل | حداقل ۱۶ پیکسل برای متن اصلی |
| دکمههای خیلی کوچک | اهداف لمسی زیر ۴۴ پیکسل | اندازه دکمهها را افزایش دهید |
| محتوای غیرقابل دسترس | محتوای مهم فقط در نسخه دسکتاپ | همه محتوا در موبایل نیز قابل دسترس باشد |
تست سایت خود با Google Mobile-Friendly Test
گوگل یک ابزار رایگان برای تست سازگاری با موبایل ارائه میدهد:
| نتیجه تست | معنی | اقدام لازم |
|---|---|---|
| Page is mobile friendly | ✅ عالی | حفظ وضعیت فعلی |
| Page is not mobile friendly | ❌ ضعیف | مشکلات را رفع کنید |
| Page loading issues | ⚠️ متوسط | مشکلات فنی را برطرف کنید |
تأثیر الگوریتم مهتاب بر سئو و رتبه گوگل
تحقیقات متعدد نشان داده است که سازگاری با موبایل تأثیر مستقیم و قابل توجهی بر رتبه دارد:
| فاکتور | تأثیر |
|---|---|
| سایت موبایل فرندلی | رتبه بهتر در نتایج جستجوی موبایل |
| سایت غیرسازگار | جریمه و افت رتبه (مخصوصاً در جستجوهای موبایل) |
| ایندکسگذاری موبایل محور | نسخه موبایل مبنای رتبه است |
جمعبندی نهایی
الگوریتم مهتاب (Mehtaab) در کراولر P2X، یکی از مهمترین الگوریتمهای سیستم است که سازگاری سایت با موبایل را بررسی میکند.
سه نکته کلیدی که باید همیشه به خاطر داشته باشید:
-
از طراحی ریسپانسیو استفاده کنید و تگ Viewport را حتماً اضافه کنید - این دو اصل اساسی سازگاری با موبایل هستند. بدون آنها، سایت شما در موبایل غیرقابل استفاده خواهد بود.
-
بیش از ۶۰ درصد جستجوها از موبایل است، پس موبایل را اولویت دهید - گوگل با ایندکسگذاری موبایل محور، نسخه موبایل سایت شما را مبنای رتبهبندی قرار میدهد.
-
به طور مرتب با ابزار Google Mobile-Friendly Test سایت خود را تست کنید - گوگل این ابزار را رایگان در اختیار شما قرار داده است. از آن استفاده کنید و مشکلات را قبل از اینکه گوگل جریمه کند، برطرف نمایید.
با رعایت این اصول، میتوانید از الگوریتم مهتاب امتیاز عالی دریافت کنید و تجربه کاربری عالی برای کاربران موبایل خود فراهم کنید.
✍️ نظر خود را بنویسید