سایت برتر

تست ریسپانسیو سایت بر اساس ۳ مشخصه اصلی گوگل

در این مقاله قصد داریم یک وب‌سایت را از نظر ریسپانسیو بررسی کنیم. ریسپانسیو، یعنی سازگار بودن یک وب‌سایت برای نمایش روی موبایل یا تبلت یا هر دستگاه دیگری. در ادامه ویژگی‌های وب‌سایتی که با موبایل و تبلت سازگار هستند را به شما توضیح خواهیم داد و ۳ مشخصه اصلی برای تست ریسپانسیو سایت که از نظر گوگل اهمیت دارد را بررسی می‌کنیم.

تست ریسپانسیو سایت

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

بررسی عرض صفحات

تست ریسپانسیو سایت
تست ریسپانسیو سایت

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

سایز متن محتوا

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

کوچک بودن سایز متن در حالت موبایلی
کوچک بودن سایز متن در حالت موبایلی

معمولا سایز متن یک سایت باید 16 پیکسل به بالا باشد تا به راحتی توسط کاربر خوانده شود. همچنین این سایز از نظر ریسپانسیو گوگل مشکلی ندارد. پس به خاطر بسپارید، استفاده از متن‌های ریز (کمتر از 14 پیکسل) گذشته است. شاید خاطرتان باشد که وب‌سایت‌هایی که از متن‌هایی با سایز 12 پیکسل استفاده می‌کردند. اما در حال حاضر برای ریسپانسیو بودن یک وب‌سایت، باید سایز فونت حداقل 14 پیکسل به بالا باشند.

فاصله بین لینک‌ها

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

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

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

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

نتیجه‌گیری کلی

Google Mobile Friendly Test
بررسی سایت در Google Mobile Friendly Test

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

برای اینکه بررسی کنید که سایت شما ریسپانسیو هست یا نه؛ کافی است وارد گوگل شده و عبارت Google Mobile Friendly Test را سرچ کنید. این سرویس به شما امکان بررسی ریسپانسیو بودن سایتتان را می‌دهد. اگر در این بخش خطایی داشتید، نشان دهنده ریسپانسیو نبودن سایتتان است.

موفق و پیروز باشید. 🙂

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

نظر شما در این‌باره چیست؟

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

سوال دارم

  1. U20611 ۲۷ تیر ۱۴۰۰

    سلام
    من از افزونه wp hide برای مخفی سازی پلاگین ها و قالبم استفاده میکنم ولی به محض فعالسازی سرعت سایت خیلی میاد پایین
    منظورم همون افزونه ای که توی سرچر ها وردپرس یک باکس مستطیلی قرمز نشون میده
    و خیلی از سایت هار رو دیدم all in میان و افزونه ها رو طوری مخفی میکنن که هیچ اسمس ازشون نشون داده نمیشه و اون باکس قرمز هم نیست
    اول میخاستم علت افت سرعت رو بدونم
    دوم این که اونها از چه روشی استفاده میکنند با توجه به این که میگن از all in استفاده میکنیم بدون کد نویسی
    کد نویسی رو هم امتحان کردم اصلا جواب نمیده
    و سوال آرخم این که شما از چه سروی استفاده میکنید که این قدر سرعت سایتتون بالاست البته سایت من هم قبل از استفاده از اون پلاگین سرعت خوبی داره
    ممنون از پاسخ شما

  2. U38530 ۱۳ تیر ۱۴۰۰

    سلام ببخشید ممنون میشم حالت تاریک برای سایتتون فعال کنید تو شپ چشممون درد میگیره

  3. U30244 ۱۲ تیر ۱۴۰۰

    همچنین در بخش فاصله بین لینک‌ها، در بخشی از متن و در عبارت “احتمال برای شما نیز پیش آمده است که وارد وب‌سایتی شدید که کلیک کردن روی لینک‌های موجود در آن سخت است” اشتباهاً از کلمه احتمال به جای احتمالاً استفاده کرده‌اید.
    متشکرم.

  4. U30244 ۱۲ تیر ۱۴۰۰

    سلام.
    ممنون از شما بابت این مقاله که به شخصه در سایت خودم استفاده کردم.
    من اکثر متن هایم رو با سایز ۱۴ نوشته بودم و فکر می‌کردم مناسب است، در صورتی که اصلاً نمی‌دونستمدر حال حاضر سایز استانداردی نیست. و تغییرشون دادم به ۱۸ (چون در ورد و پاورپوینت و خلاصه اسناد خودم از سایز ۱۸ معمولاً استفاده می‌کنم).
    ولی ریسپانسیو کردن سایت با المنتور خیلی اذیت می‌کنه. به ویژه هدر وب‌سایت. آیا مقاله‌ای در رابطه با ریسپانسیو کردن وب‌سایت با المنتور دارید؟
    بسیار متشکرم.

  5. U38555 ۱۱ تیر ۱۴۰۰

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

  6. U40188 ۱۱ تیر ۱۴۰۰

    سلام اقای حسینی راد کی اپدیت قالب اهورا رو اراعه می کنید لطفا امکانات زیادی اضافه کنید ممنون

    • تیم پشتیبانی تیم پشتیبانی ۱۲ تیر ۱۴۰۰

      درود بر شما
      سعی میکنیم توی هر آپدیت امکاناتی که مد نظر کاربران هست رو اضافه کنیم تا جایی که ممکن هست. آخرین به روزرسانی ۹ تیر ماه بوده