گوگل الان اول موبایل رو ایندکس میکنه، بعد دسکتاپ. یعنی اگه نسخه موبایل سایت شما کامل نیست، حتی رتبه‌بندی دسکتاپ هم آسیب میبینه.

Mobile-First Indexing چیه؟

Googlebot Smartphone صفحه رو دیدن، محتوا رو استخراج و ایندکس میکنه. نسخه دسکتاپ ثانویه شده.

چرا؟

بیش از ۶۰٪ ترافیک وب از موبایله. گوگل میخواد کاربران موبایل تجربه خوبی داشته باشن.

Mobile-Friendly Test

Google Mobile-Friendly Test:
search.google.com/test/mobile-friendly

Responsive Design

بهترین رویکرد. یه HTML، CSS مختلف برای اندازه‌های مختلف.

Viewport Meta Tag

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Touch Targets

دکمه‌ها حداقل 48x48 پیکسل. با انگشت راحت قابل کلیک.

Font Size

حداقل 16 پیکسل برای متن. کوچک‌تر ناخوانا.

Content Parity

محتوای موبایل باید کامل باشه. اگه موبایل نصف محتوا رو نشون میده، مشکل دارید.

Speed

موبایل عموماً از دسکتاپ کندتر. کد رو بهینه کنید:
- Minify CSS/JS
- Image optimization
- Lazy Loading
- CDN

AMP

Google الان کمتر تأکید میکنه. Core Web Vitals مهم‌تر.

Structured Data

Schema markup باید در نسخه موبایل هم باشه.

Meta Tags

Title و Meta Description باید در موبایل کامل باشن.

Images

srcset برای تصاویر Responsive:
<img srcset="small.jpg 400w, large.jpg 800w">

Pop-up و Interstitial

Pop-up مزاحم در موبایل جریمه گوگل داره. مواظب باشید.

Text Readability

خوانا در موبایل. Font size، contrast، line height.

Buttons

Text link کوچک در موبایل بد. دکمه‌های واضح.

Forms

فرم‌های موبایل ساده. Input type درست (email، tel، number).

Navigation

Hamburger menu، Bottom Nav، همه راحت باشن.

Test Multiple Devices

iPhone، Android، Tablet. هر کدوم رو تست کنید.

Chrome DevTools

Device Emulation در Chrome ابزار عالی برای تست.

Search Console

Mobile Usability Report ماهانه بررسی کنید.

Core Web Vitals

LCP: زیر 2.5 ثانیه
FID: زیر 100ms
CLS: زیر 0.1

Progressive Enhancement

محتوای اصلی اول لود بشه. زینتی بعد.

WordPress

Theme Mobile-Responsive انتخاب کنید. Astra، GeneratePress خوبن.

Testing Tools

- PageSpeed Insights
- GTmetrix (Mobile mode)
- WebPageTest
- Lighthouse

سباهاست

هاست سریع سباهاست + LiteSpeed = سایت موبایل سریع.

جمع‌بندی

Mobile-First یعنی اول موبایل. با Responsive Design، Speed و UX خوب، رتبه‌بندی گوگل شما رو بالا میبره.