آموزش جامع سئو موبایل

در این مقاله تلاش میکنیم تمام نکات مهم برای سئو و بهینه سازی سایت در موبایل را به شما آموزش دهیم. پیش از هر چیز باید با تعریف دقیق سئو موبایل آشنا شده و الگوریتم های جدید گوگل برای رتبه بندی نتایج در موبایل را بررسی کنیم.

تعداد جستجوهای انجام شده توسط موبایل به سرعت در حال رشد است و هم اکنون نزدیک به 56 درصد جستجوها در گوگل از طریق تلفن های هوشمند انجام میشود.

55 درصد کاربران با موبایل وارد سایت میشوند که الگوریتم Mobile First Index بر آنها تاثیرگذار است

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

همچنین گوگل در نظر دارد در آینده ای نزدیک با استفاده از الگوریتم Mobile First Index نسخه موبایل سایت ها را معیار اصلی تحلیل محتوا و تعیین جایگاه در نتایج جستجوها قرار دهد.

سئو موبایل چیست؟

کلیه فعالیت های انجام شده برای بهینه سازی نسخه موبایل سایت و بهبود تجربه کاربری در آن که موجب کسب جایگاه بهتر در نتایج گوگل میشود را Mobile SEO می نامیم.

این فعالیت ها هم در زمینه طراحی نسخه موبایل یعنی استفاده از تکنیک هایی مانند Responsive Design یا Dynamic Serving‌ و هم در بهبود تجربه کاربری یعنی افزایش سرعت سایت و دسترسی آسان به محتوا مورد توجه خواهد بود.

توجه کنید که از نظر گوگل Mobile Device معادل یک تلفن هوشمند است و تبلت ها در دسته بندی کاملا متفاوتی قرار میگیرند. البته هدف ما سئو سایت برای همه دستگاه ها و کاربران است ولی آنچه در این مقاله مورد بحث است به تلفن های هوشمند اختصاص دارد.

الگوریتم های گوگل برای تعیین جایگاه در موبایل

در حال حاضر 95 درصد جستجوهایی که از طریق موبایل انجام میشود از طریق موتور جستجوی گوگل هستند. در نتیجه توجه به استانداردها و الگوریتم های آن برای کسب جایگاه بهتر و بازدیدکننده بیشتر اهمیت بسیار بالایی دارد.

الگوریتم Mobilegeddon

در سال 2015 گوگل رسما الگوریتم Mobile-Friendly خود را معرفی کرد که بسیاری آن را با نام Mobilegeddon می شناسند.

الگوریتم Mobilegeddon و تاثیر آن بر سئو موبایل

با معرفی این الگوریتم عملا رتبه بندی نتایج در دسکتاپ و موبایل متفاوت شد، به این معنی که هنگام جستجوی یک کلمه کلیدی در دسکتاپ ممکن است نتایج متفاوتی با همان عبارت در موبایل مشاهده کنید.

تا پیش از این تاریخ موبایل فرندلی بودن سایت یک نکته مثبت و ارزش افزوده با تاثیر کم برای شما محسوب میشد ولی پس از آن گوگل بسیاری از سایت هایی که برای نمایش در موبایل مناسب نبودند را جریمه کرده و جایگاه آنها را در نتایج جستجو از طریق موبایل کاهش داد.

الگوریتم Mobile First Index

با ادامه روند استفاده بیشتر از تلفن های همراه و افزایش جستجوهای انجام شده از طریق آنها گوگل تصمیم گرفت تا ارزش بیشتری برای نسخه موبایل سایت ها در نظر بگیرد. عملا میتوان گفت در حال حاضر افرادی که با موبایل جستجو میکنند در اکثریت هستند پس باید توجه ویژه ای به رضایت مندی آنها داشت.

تا قبل از معرفی Mobile First Index اگر کاربر از طریق دسکتاپ جستجو میکرد گوگل نسخه دسکتاپ سایت را معیار رتبه بندی قرار میداد و اگر از طریق موبایل جستجوی خود را انجام میداد ربات ها براساس نسخه موبایل سایت جایگاه آن را تعیین میکردند.

نحوه ایندکس قبل از الگوریتم Mobile First Index

ولی با الگوریتم جدید در هر شرایطی نسخه موبایل سایت معیار گوگل برای تصمیم گیری در مورد جایگاه و ارزش یک صفحه خواهد بود.

سئو موبایل بعد از الگوریتم Mobile First

برای آنکه اطلاعات بیشتری در مورد این الگوریتم جدید و تاثیر آن بر رتبه بندی سایت ها داشته باشید پیشنهاد میکنیم مقاله الگوریتم Mobile First Index را مطالعه کنید.

چطور نسخه موبایل سایت را بهینه سازی کنیم؟

در اولین قدم برای سئو موبایل باید سایت خود را برای افرادی که با موبایل وارد میشوند آماده کنیم. اگر دقیقا همان محتوا و طراحی نسخه دسکتاپ را در یک صفحه نمایش کوچک به کاربر نمایش دهیم عملا کارایی سایت را به شدت کاهش داده ایم.

برای طراحی نسخه موبایل سایت 3 روش اصلی وجود دارد که در ادامه آن ها را بررسی میکنیم.

1- آدرس دهی متفاوت برای موبایل و دسکتاپ

در این روش معمولا نسخه موبایل سایت بر روی یک زیردامنه مانند m.websima.com قرار گرفته و با تشخیص تلفن های هوشمند کاربران را به آن نسخه ارجاع میدهند.

استفاده از دو آدرس برای طراحی نسخه موبایل سایت

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

2- استفاده از تکنیک Dynamic Serving

در این روش نسخه موبایل و دسکتاپ سایت هر دو در یک آدرس مشاهده میشوند. سرور شما براساس نوع مرورگر و سایز صفحه نمایش تشخیص میدهد که کاربر با موبایل وارد شده یا با دسکتاپ. در ادامه متناسب با هر کاربر نسخه موبایل یا دسکتاپ با کدنویسی های مجزا در دسترس کاربر قرار میگیرند.

تکنیک dynamic serving برای طراحی نسخه موبایل سایت

استفاده از این روش به شما اجازه میدهد که منابع استفاده شده در هر نسخه را مدیریت کرده و برای هر دستگاه یا سایز صفحه نمایش طراحی کاملا اختصاصی و مجزا داشته باشید.

بعنوان مثال ممکن است شما در نسخه دسکتاپ یک اسلایدر با تصاویر افقی و بزرگ داشته باشید ولی در موبایل از یک تصویر ساده و عمودی به جای آن استفاده کنید. با این کار کاربرانی که با موبایل وارد سایت شده اند دیگر نیازی به دانلود تصاویر بزرگ اسلایدر شما نخواهند داشت و این موجب افزایش سرعت و بهبود تجربه کاربری خواهد شد.

مشکل اصلی این روش بالا رفتن هزینه های کدنویسی و البته ارتقای سایت خواهد بود. با هر تغییری در محتوای سایت شما باید سناریوهای متفاوتی  در سایزهای مختلف طراحی کنید و البته با ورود گوشی ها و نمایشگرهای جدید نسخه های مناسبی از صفحات سایت بسازید.

در حال حاضر فروشگاه های اینترنتی بزرگ مانند digikala از این روش استفاده میکنند تا مدیریت بهتری بر منابع سرور و بهبود سرعت آن داشته باشند.

3- طراحی ریسپانسیو یا Responsive Design

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

طراحی سایت ریسپانسیو برای سئو موبایل

با این کار هزینه های طراحی شما به نسبت پایین تر بوده و تاثیر الگوریتم Mobile First Index بر جایگاه شما ناچیز خواهد بود. برخلاف روش اول شما آدرس های یکسانی دارید و احتمال تولید محتوای تکراری در آدرس های متفاوت صفر میشود.

در حال حاضر طراحی سایت ریسپانسیو پیشنهاد اول گوگل است و به شدت مورد تایید آن می باشد.

تکنیک های بهینه سازی سایت برای موبایل

در این بخش تلاش میکنیم مهمترین تکنیک های موجود برای سئو موبایل را بررسی کرده و ابزارهای مناسبی برای هرکدام به شما پیشنهاد دهیم.

1- بهبود تجربه کاربری یا Mobile Usability

در پنل گوگل وبمستر تولز بخشی برای بررسی Mobile Usability سایت طراحی شده است که به گزارشی از وضعیت صفحات شما در موبایل ارایه میدهد. هر خطایی که گوگل در صفحات سایت شما مشاهده کند در این فضا به شما نمایش داده میشود.

اطلاعات قرار گرفته در این بخش از طریق ابزار Mobile Friendly Test گوگل و برای هر صفحه از سایت شما به صورت مجزا جمع آوری میشود. همچنین میتوانید با استفاده مستقیم از این ابزار یک صفحه از سایت خود را آنالیز کرده و وضعیت آن را از دید گوگل بررسی کنید.

ابزار mobile friendly test

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

همچنین فاکتورهای دیگری مانند سایز فونت ها، رنگ بندی و … تا حدی توسط ابزار Mobile Friendly Test بررسی میشوند که نشان دهنده اهمیت تجربه کاربری و تاثیر آن بر سئو موبایل می باشد.

سه نکته مهم برای افزایش کارایی در موبایل

I) دسترسی گوگل به منابع سایت را محدود نکنید

برای بررسی نحوه نمایش و ساختار کلی صفحه ربات های گوگل باید به همه فایل های موجود در صفحه شامل CSS و JS دسترسی داشته باشند. محدود کردن هریک از این فایل ها برای ربات گوگل موجب میشود نمای واقعی صفحه از دید گوگل پنهان شده و ریسپانسیو بودن آن را تشخیص ندهد. برای اطلاعات بیشتر مقاله آشنایی با Blocked Resources را در وبسیما مطالعه کنید.

II) از پاپ آپ استفاده نکنید

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

III) محتوای اصلی را در موبایل پنهان نکنید

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

2- بهینه سازی سرعت سایت در موبایل

یکی دیگر از ابزارهای کاربردی گوگل با نام Page Speed Insights به بررسی سرعت صفحات در موبایل و دسکتاپ میپردازد. در حال حاضر سیستم آنالیز و امتیازدهی این ابزار در دسکتاپ و موبایل متفاوت بوده و ممکن است برای یک صفحه از سایت دو عدد متفاوت به شما نمایش دهد.

بررسی سرعت سایت در موبایل و تاثیر آن بر سئو

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

برای اینکار استفاده از تکنیک های بهینه سازی مانند Eliminate render-blocking JavaScript and CSS، فشرده سازی تصاویر، کاهش زمان پاسخ گویی سرور، کاهش تعداد درخواست های ارسالی به سرور و مواردی از این دست تاثیر زیادی بر سرعت شما در موبایل خواهد داشت.

تکنیک های بهینه سازی صفحات برای موبایل و دسکتاپ نیازمند یک مبحث تخصصی و کامل در این زمینه است که در کارگاه آموزش سئو تکنیکال در آکادمی وبسیما آموزش داده میشود.

3- بهبود دسترسی کاربر به محتوا

نحوه نمایش محتوا در موبایل و دسکتاپ باید متفاوت بوده و متناسب با فضای موجود در صفحه چیدمان و ابعاد هر بخش تغییر کند.

شما میتوانید با تغییر ابعاد تصاویر و سایز فونت ها خوانایی آن را برای کاربران بهبود دهید. حتی ممکن است طبق گزارش ابزار گوگل سایت شما کاملا Mobile Friendly باشد ولی کاربر امکان مطالعه متن و دسترسی به بخش های مختلف را نداشته باشد.

یکی دیگر از مشکلات رایج استفاده از تصاویر بزرگ در شروع صفحه است که در نسخه موبایل عملا کاربری سایت را کاهش میدهد و کاربر را مجبور میکند که برای نمایش محتوا اسکرول کند.

گوگل پیشنهاد میکند که کاربر در نگاه اول به موضوع اصلی صفحه و عنوان آن دسترسی داشته باشد.

استفاده از تکنیک فضای خالی در طراحی سایت در طراحی نسخه موبایل اهمیت ویژه ای دارد زیرا  موجب می شود کاربران به درستی ارتباط بخش های مختلف صفحه را درک کرده و برای مطالعه هر بخش مشکلی نداشته باشند.

4- استفاده از AMP

AMP مخفف عبارت Accelerated Mobile Pages بوده و به معنی شتاب دهی به صفحات موبایل است. این تکنیک به تازگی توسط گوگل معرفی شده و به سرعت در حال همه گیر شدن است.

در این روش هر صفحه از سایت شما یک نسخه AMP در آدرسی دیگر خواهد داشت که با استفاده از تگ canonical به صفحه مادر مرتبط شده است. AMP عملا تلاش میکند تا محتوای صفحه را براساس استانداردهای موبایل که توسط گوگل تعریف شده اند نمایش دهد.

اطلاعات نسخه AMP توسط گوگل ایندکس شده و در صفحه نتایج گوگل مستقیما برای کاربر نمایش داده میشود.

استفاده از AMP در سئو موبایل

صفحاتی که از تکینک AMP استفاده کرده اند شانس بیشتری برای کسب جایگاه در نتایج گوگل خواهند داشت و البته به دلیل نمایش آیکون AMP در کنار آنها امکان جلب توجه کاربر و افزایش CTR را به شما میدهند.

برای آشنایی بیشتر با AMP و نحوه نمایش آن در گوگل پیشنهاد میکنیم مقاله AMP چیست را مطالعه کنید.

5- بهینه سازی نمایش در نتایج جستجو در موبایل

به طور معمول هنگام جستجو در موبایل گوگل برای عنوان هر صفحه 69 کاراکتر را نمایش میدهد ولی این تعداد در موبایل حتی به 78 نیز میرسد. به عبارت دیگر نمایش عنوان صفحات در موبایل فضای بیشتری داشته و به شما اجازه میدهد هدف گذاری بهتری برای افزایش نرخ CTR خود داشته باشید.

همچنین به تازگی در موبایل آیکون و یک تصویر شاخص از سایت به کاربر نمایش داده میشود. برخورداری از این دو ویژگی به شما امکان می دهد شانس کلیک خود را بالا برده و در دراز مدت جایگاه خود را در نتایج بهبود دهید.

نمایش نتایج جستجو در موبایل

علاوه بر موارد بالا به کارگیری تکنیک های نشانه گذاری استاندارد یعنی Schema موجب میشود اطلاعات تکمیلی مانند امتیاز دهی ستاره ای، AMP، اسلایدر تصاویر و … در نتایج جستجوی سایت شما نمایان شود. هر یک از این بخش ها میتوانند تاثیر بسیار زیادی بر افزایش بازدیدکننده و بهبود رتبه شما داشته باشند.

سخن پایانی

توجه به سئو موبایل و صرف زمان و هزینه برای آن در گذشته ای نه چندان دور نوعی وسواس محسوب میشد ولی امروز به یکی از مهمترین وظایف شما هنگام بهینه سازی سایت تبدیل شده است.

اگر تا به امروز توجهی به نسخه موبایل سایت خود نداشته اید بهتر است خیلی سریع برای بهینه سازی آن اقدام کرده و خود را برای آینده ای نزدیک که در آن 80 درصد جستجوها از طریق موبایل انجام میشود آماده کنید.

اگر تجربه ای در استفاده از هر یک از تکنیک های معرفی شده در این مقاله و تاثیر آن بر سئو سایت خود داشته اید در بخش نظرات همین صفحه با ما به اشتراک بگذارید.

 

پاسخ‌گوی سوالات شما هستیم سوال شما توسط کارشناسان وبسیما پاسخ داده شده و از طریق پیامک اطلاع رسانی می‌شود
نام و نام خانوادگی نام و نام خانوادگی به فارسی
آدرس ایمیل sample@domain.com
تلفن همراه 09 XX XXX XXXX
متن نظر
ثبت دیدگاه
  • رضا احمدی
    11/01/2020

    سلام. یه سوال دیگه هم داشتم. تو نسخه ی دسکتاپ 5 تا دسته بندی دارم که با تصاویر نشون دادم.
    ***
    چون 5 تا تصویر رو تو دو ردیف چیندم یکی از این تصاویر عرض بیشتری داره. تو تصویری که لینکش رو فرستادم مشخص کردم. حالا وقتی همین تصاویر رو توی نسخه ی موبایل میبینی، این یه تصویر که عرض بیشتری داره چون باید تو عرض گوشی جا بشه، خیلی کوچیکتر از بقیه میشه.
    من برای اینکه این مشکل رو حل کنم. تو برگم یه تصویر اندازه ی 4 تصویر دیگه هم گذاشتم. و بعد با سی اس اس گفتم که از این رزولوشن به پایین این رو نشون بده، و اون تصویر کشده تره رو display:none کردم. و تو رزولوشن های بالاتر هم برعکس.
    میخواستم بپرسم این کاری که کردم اصولی هست اصلا؟
    ممنون

    • وبسیما
      WEBSIMA
      13/01/2020

      سلام دوست عزیز
      این روشی که استفاده کردید از نظر فنی درست نیست البته به این معنی هم نیست که مشکل اساسی در سئو سایت شما ایجاد خواهد کرد. بهترین راه حل برای رفع این مشکل استفاده از srcset در آدرس دهی تصاویر است که به شما اجازه میدهد برای همان تصویر یک نسخه جایگزین در موبایل معرفی کنید.

  • رضا احمدی
    11/01/2020

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

    • وبسیما
      WEBSIMA
      13/01/2020

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

  • مجید علیخانی
    02/05/2018

    سلام
    ممنون به خاطر مقاله خوبتون من یک مشکل دارم در وبمستر گه گاه 3-5 تا ارور برای موبایل فرندلی به من میده و وقتی تست میکنم صفحه رو با ابزار گوگل هر بار یجور نشون میده یعینی مثلا از هر 10 بار 9 بارش سبز و اوکی نشون میده ولی یک بار گیر میده بهش از چند نفر که پرسیدم میگن به خاطر اینه که سرور داخل ایران هست و اجتناب ناپذیره ما از روش Dynamic Serving استفاده میکنیم این موضوع خیلی اعصاب خوردکن شده حتی بعضی وقتا هم که سبز نشون میده به کد انالتیک گیر میده در قسمت Page loading info یه ارور زرد رنگ میده و میزنه

    1 page resource couldn’t be loaded

    Resource : google-analytics. com/analytics.js

    علتش چی هست ممنون میشم راهنمایی کنید

    • وبسیما
      WEBSIMA
      02/05/2018

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

      • مجید علیخانی
        02/05/2018

        Mobile Friendly Test

        • وبسیما
          WEBSIMA
          05/05/2018

          سلام دوست عزیز
          همانطور که در گزارش قابل مشاهده است ربات گوگل دسترسی به برخی از فایل های صفحه که شامل CSS و JS هم میشود را ندارد. در نتیجه قادر به تشخیص نحوه نمایش صفحه و ریسپانسیو بودن آن نیست.
          این مشکل ممکن است به دلیل استفاده از . در آدرس دهی فایل ها باشد یا تنظیماتی که بر روی سرور شما انجام شده که موجب عدم دسترسی ربات به این فایل ها میشود.

      • مجید علیخانی
        05/05/2018

        سلام مجدد اگه یک بار دیگه رفلش کنید میبینید که ارور ها متفاوت میشه و تایید میکنه حتی موبایل فرندلی بودن رو یعنی با هر بار که تست میکنه ارور های متفاوتی میده بعضی وقتی همه چی رو اوکی میده و فقط به فایل انالتیک ایراد میگیره

        • وبسیما
          WEBSIMA
          05/05/2018

          بنظر میرسه که این مشکل به دلیل تنظیماتی روی سرور شما باشه ولی دقیقا نمیدونم که دلیلش چی هست.
          در حال حاضر keep-alive روی سرور شما فعال نیست. دلیل خاصی برای غیرفعال کردن آن دارید؟

مشاهده همه