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

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

آیا از اینکه چگونه وبسایت خود را برای موبایل های هوشمند بهینه سازی کنید مطمئن نیستید؟ آیا نمی دانید چگونه تمامی راه حل ها را به کار گیرید؟

اهمیت توجه به تلفن های هوشمند

یک ایده اشتباه در میان برخی طراحان سایت و کارشناسان سئو وجود دارد که میگویند:

چیزی بعنوان بهینه سازی سایت برای موبایل وجود ندارد، زیرا مرورگرهای متناسب آنها و تکنولوژی های استفاده شده هر روز در حال تغییر هستند پس امکان بهینه سازی و سئو بر روی دستگاه های هوشمند نیست!

سه دلیل اصلی جهت بهینه سازی سایت برای موبایل و تبلت میتوان ذکر کرد:

 

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

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

گوگل توجه ویژه ای به تلفن ها هوشمند و بهینه سازی سایت برای آنها نشان میدهد، تا جاییکه راهنمایی برای بهینه سازی سایت برای موبایل منتشر کرده، در وبمستر گوگل بخشی برای نمایش خطاهای خوانش سایت توسط روبات های موبایل ایجاد کرده و اعلام نموده است که رتبه بندی سایت ها در نتایج گوگل برای کاربرانی که موبایل خود جستجو میکنند متفاوت است!

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

نظر گوگل درباره بهینه سازی سایت برای موبایل

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

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

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

 

پذیرایی مجزا یا Dynamic Serving روش پیشنهادی دوم از طرف گوگل برای بهینه سازی نسخه موبایل سایت است. در این روش کدهای HTML نمایش داده شده به کاربران با توجه به نوع دستگاه مورد استفاده تفاوت میکند و شما برای انجام این کار نیازمند کدنویسی های پیشرفته و متناسب در هدر سایت خود خواهید بود.

 

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

 

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

 

حتما بخوانید: 10 نکته اساسی در سرعت سایت

 

در ادامه این مقاله از سایت 13 درصد پیش نویسی را که شامل موثر ترین راهکار ها برای ارتقای رتبه ی سایت در مرورگرهای موبایل های هوشمند است می بینید.

گام اول: مشتریان خود را نا امید نکنید

پنجره های اضافی و مایه ی زحمت را حذف کنید:

 

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

 

وبسایت خود را با در نظر گرفتن قابلیت های دستگاه کاربر بهینه سازی کنید:

 

  • ویدئو هایی را که برای بعضی از کاربران غیر قابل دسترس هستند حذف کنید.(برای مثال Adobe Flash برای آیفون و سیستم عامل اندروید ۴٫۱و بالا تر از آن قابل اجرا نیست)
  • کسانی که از تبلت استفاده می کنند خواستار نسخه دسکتاپ هستند. ( اگر نسخه ی مخصوص تبلت نیز در دسترس باشد بهتر است.)
  • دقت کنید نسخه ی کامل دسکتاپ برای موبایل ها در دسترس باشد, و اگر متن دسکتاپ را انتخاب کرده اید مطمئن شوید برای تمام مدت بازدید فعال است.(کاربر برای هر بارگذاری نیاز به انتخاب گزینه ی “نسخه دسکتاپ” نداشته باشد.)

گام دوم: کار را برای کاربر آسان کنید

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

 

  • منابعی که از نظر رباط جستجو مجاز هستند را نبندید.(CSS,JavaScript).
  • از بهترین روش های پیاده سازی موتور جستجو بر روی موبایل بهره بگیرید:

طراحی جامع : مطمئن شوید که طراحی شما کد های CSS رسانه ای را شامل می شود.

 

سایت موبایل را مجزا کنید: با اضافه کردن کد های rel=alternate media و rel=canonical ، هدرHTTP مربوطه تغییر مسیر سیستم عامل کاربر سریعتر عمل می کند.

 

خدمات پویا: تفاوت ها را در نظر بگیرید (User-Agent HTTP header)

 

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

شما می توانید در وبمستر تولز و گوگل آنالیتیکز مطالب بیشتری در زمینه ی بهینه سازی سایت برای موبایل بیابید.

گام سوم: مشتریان را به طرفداران خود تبدیل کنید! (بهینه سازی برای موبایل)

  • موارد مورد نظر موتورهای جستجو را با برنامه های موبایل هماهنگ کنید.
  • به راهکارهای جدید جهت ارتقای کیفیت سایت بیاندیشید

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

فعالیت های اجتماعی و اشتراک گذاری ها را افزایش دهید.

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

از همراهی شما خرسندیم :-)

استارت آپ 13 درصد

13% چیست؟

 

مطالب مشابه