در وردپرس و صفحه‌ساز المنتور، این امکان وجود دارد که نمایش یک ویجت، تصویر، بنر یا بخش از صفحه را برای دستگاه‌های مختلف تنظیم کنیم. برای مثال، می‌توانیم یک المان را طوری تنظیم کنیم که در نسخه دسکتاپ نمایش داده شود، اما کاربران موبایل آن را نبینند؛ یا برعکس، یک نسخه مخصوص موبایل طراحی کنیم و نسخه دسکتاپ را در گوشی مخفی کنیم.
این قابلیت برای طراحی صفحات واکنش‌گرا و بهبود تجربه کاربری مفید است؛ اما آیا مخفی کردن ویجت‌ها بر سئو و سرعت سایت تأثیر می‌گذارد؟ آیا ربات‌های گوگل نیز این المان‌ها را نمی‌بینند؟ و اگر دیگر به یک ویجت نیاز نداشته باشیم، بهتر است آن را مخفی کنیم یا کاملاً حذف کنیم؟
در این مقاله، به بررسی این موضوعات می‌پردازیم.
مخفی کردن ویجت در المنتور چگونه انجام می‌شود؟
المنتور قابلیتی دارد که به کمک آن می‌توان نمایش ویجت‌ها، کانتینرها و بخش‌های مختلف صفحه را در دستگاه‌های گوناگون کنترل کرد.
برای استفاده از این قابلیت، کافی است ویجت موردنظر را انتخاب کنید و به بخش پیشرفته (Advanced) و سپس واکنش‌گرایی (Responsive) بروید. در نسخه‌های رایج المنتور، گزینه‌هایی مانند موارد زیر در دسترس هستند:
- مخفی کردن در دسکتاپ (Hide on Desktop)
- مخفی کردن در تبلت (Hide on Tablet)
- مخفی کردن در موبایل (Hide on Mobile)
با فعال کردن هر گزینه، ویجت در اندازه صفحه‌نمایش مربوط به آن دستگاه نمایش داده نمی‌شود. برای مثال، اگر یک بنر بزرگ در موبایل فضای زیادی اشغال می‌کند، می‌توانید نمایش آن را در گوشی غیرفعال کنید و به‌جای آن، بنری کوچک‌تر و مناسب‌تر قرار دهید.
البته باید توجه داشت که مخفی کردن ویجت با حذف کامل آن تفاوت دارد. در حالت معمول، تنظیمات واکنش‌گرایی فقط نحوه نمایش المان را تغییر می‌دهند و الزاماً کد آن را از خروجی صفحه حذف نمی‌کنند.
آیا گوگل ویجت‌های مخفی‌شده را می‌بیند؟
یکی از پرسش‌های مهم در زمینه سئو این است که وقتی ویجتی را در المنتور مخفی می‌کنیم، آیا ربات‌های گوگل نیز دیگر به آن دسترسی ندارند؟
پاسخ این است که در بسیاری از موارد، کد HTML ویجت همچنان در صفحه وجود دارد و مرورگر با کمک CSS آن را نمایش نمی‌دهد. بنابراین، مخفی بودن برای کاربر به معنی حذف شدن از کد صفحه نیست.
گوگل می‌تواند HTML صفحه را بررسی کند و در فرایند رندر کردن، از CSS و جاوااسکریپت نیز استفاده می‌کند. بااین‌حال، اینکه یک ویجت در کد صفحه وجود داشته باشد، لزوماً به این معنی نیست که گوگل تمام محتوای آن را به یک شکل درک می‌کند یا برای آن ارزش سئویی در نظر می‌گیرد.
نکته مهم‌تر این است که گوگل در حال حاضر از نسخه موبایل سایت برای نمایه‌سازی و ارزیابی محتوای صفحات استفاده می‌کند. به همین دلیل، اگر یک محتوای مهم فقط در دسکتاپ نمایش داده شود و در نسخه موبایل در دسترس نباشد، ممکن است گوگل اطلاعات کمتری از صفحه دریافت کند.
آیا مخفی کردن ویجت‌ها به سئو آسیب می‌زند؟
مخفی کردن ویجت به‌تنهایی باعث جریمه شدن سایت نمی‌شود. تأثیر آن به نوع محتوا، نحوه پیاده‌سازی و هدف از مخفی کردن بستگی دارد.
برای مثال، فرض کنید یک تصویر تزئینی در نسخه دسکتاپ فضای مناسبی دارد، اما در موبایل باعث شلوغی صفحه می‌شود. مخفی کردن آن در گوشی، در صورتی که محتوای مهم صفحه همچنان در دسترس باشد، معمولاً مشکل سئویی خاصی ایجاد نمی‌کند.
اما اگر عنوان اصلی صفحه، توضیحات محصول، متن معرفی خدمات یا اطلاعات مهم دیگری را فقط در دسکتاپ نمایش دهید، ممکن است با مشکل مواجه شوید؛ زیرا گوگل برای نمایه‌سازی، نسخه موبایل را مبنا قرار می‌دهد.
همچنین اگر برای دسکتاپ و موبایل دو نسخه جداگانه از یک محتوا بسازید، باید مراقب باشید که عنوان‌ها، توضیحات و بخش‌های اصلی صفحه بی‌دلیل تکرار یا متفاوت نشوند.
توصیه گوگل این است که محتوای اصلی نسخه موبایل و دسکتاپ معادل یکدیگر باشد. لازم نیست طراحی دو نسخه کاملاً یکسان باشد؛ می‌توانید چیدمان، اندازه تصاویر، فاصله‌ها و نحوه نمایش بخش‌ها را تغییر دهید، اما بهتر است محتوای اصلی و اطلاعات مهم در هر دو نسخه حفظ شوند.
آیا ویجت مخفی‌شده همچنان منابع سرور را مصرف می‌کند؟
یکی دیگر از موضوعات مهم، تأثیر ویجت‌های مخفی‌شده بر سرعت سایت است.
در بسیاری از موارد، ویجتی که با تنظیمات واکنش‌گرایی المنتور مخفی شده است، همچنان در فرایند تولید صفحه شرکت می‌کند و کد HTML آن به مرورگر ارسال می‌شود. همچنین ممکن است منابعی مانند CSS، جاوااسکریپت، تصاویر یا فایل‌های جانبی مرتبط با آن بارگذاری شوند.
برای مثال، فرض کنید یک اسلایدر بزرگ در نسخه موبایل مخفی شده است. اگر تصویرهای اسلایدر همچنان دانلود شوند، کاربر موبایل ممکن است بخشی از حجم اینترنت خود را صرف محتوایی کند که اصلاً نمی‌بیند.
البته این اتفاق برای تمام ویجت‌ها یکسان نیست. برخی ویجت‌ها منابع اضافی قابل‌توجهی بارگذاری نمی‌کنند و بعضی دیگر ممکن است به فایل‌ها یا اسکریپت‌های جداگانه نیاز داشته باشند. بنابراین، نمی‌توان گفت هر ویجت مخفی‌شده حتماً باعث کندی سایت می‌شود؛ اما وجود ویجت‌های اضافی می‌تواند حجم کد و هزینه پردازش صفحه را افزایش دهد.
همچنین باید بین دو موضوع تفاوت قائل شد:
- پردازش سمت سرور: تولید HTML و اجرای منطق لازم برای آماده‌سازی صفحه.
- بارگذاری سمت مرورگر: دریافت HTML، CSS، جاوااسکریپت، تصاویر و اجرای کدهای مربوط به صفحه.
ممکن است ویجتی در سمت سرور پردازش شود، اما فایل‌های تصویری آن دانلود نشوند؛ یا برعکس، کد آن به مرورگر برسد و برخی منابعش نیز بارگذاری شوند. به همین دلیل، برای تشخیص تأثیر واقعی یک ویجت باید رفتار همان صفحه بررسی شود.
آیا بهتر است ویجت‌های اضافی را مخفی کنیم یا حذف کنیم؟
اگر یک ویجت را فقط در یکی از دستگاه‌ها لازم ندارید، مخفی کردن آن می‌تواند راهکار مناسبی باشد. برای مثال، می‌توانید یک تصویر بزرگ را در موبایل مخفی کنید و تصویری مناسب‌تر برای نمایش در صفحه کوچک قرار دهید.
اما اگر ویجتی را نه در موبایل و نه در دسکتاپ نیاز ندارید و در آینده نیز قصد استفاده از آن را ندارید، بهتر است آن را کاملاً از صفحه حذف کنید.
حذف کامل ویجت‌های بلااستفاده می‌تواند ساختار صفحه را ساده‌تر کند و در برخی موارد، حجم HTML و هزینه پردازش را کاهش دهد. البته میزان بهبود سرعت به نوع ویجت و منابعی که بارگذاری می‌کند بستگی دارد.
اگر ویجت به افزونه‌ای وابسته باشد که فایل‌های آن در کل سایت بارگذاری می‌شوند، حذف ویجت الزاماً به معنی حذف تمام منابع آن افزونه نیست.
بهترین روش مدیریت ویجت‌ها برای سئو و سرعت سایت
برای مدیریت بهتر صفحات طراحی‌شده با المنتور، پیشنهاد می‌شود نکات زیر را رعایت کنید:
۱. نسخه موبایل و دسکتاپ را از نظر محتوا هماهنگ نگه دارید. عنوان‌های اصلی، توضیحات خدمات، اطلاعات محصولات و سایر محتواهای مهم بهتر است در هر دو نسخه در دسترس باشند.
۲. از مخفی کردن محتوای مهم فقط برای کاربران موبایل خودداری کنید. اگر یک بخش در موبایل فضای زیادی اشغال می‌کند، بهتر است به‌جای حذف محتوای آن، چیدمان و اندازه عناصر را اصلاح کنید.
۳. ویجت‌های بلااستفاده را حذف کنید. اگر دیگر نیازی به یک ویجت ندارید، حذف کامل آن معمولاً از نگه داشتن یک المان اضافی بهتر است.
۴. برای تصاویر و بنرها نسخه مناسب انتخاب کنید. به‌جای استفاده از تصاویر بسیار بزرگ، از ابعاد و فرمت مناسب استفاده کنید. در صورت نیاز، از روش‌های اصولی بارگذاری تصاویر واکنش‌گرا بهره ببرید تا مرورگر بتواند تصویر متناسب با اندازه صفحه را دریافت کند.
۵. از ساخت نسخه‌های تکراری غیرضروری خودداری کنید. اگر می‌توان یک ویجت را با تنظیمات واکنش‌گرایی برای دستگاه‌های مختلف بهینه کرد، بهتر است بدون دلیل دو نسخه کامل از همان محتوا نسازید.
۶. سرعت سایت را اندازه‌گیری کنید. ابزارهایی مانند PageSpeed Insights و ابزارهای توسعه‌دهنده مرورگر می‌توانند در شناسایی تصاویر حجیم، فایل‌های اضافی و منابع مسدودکننده رندر کمک کنند.
۷. نسخه موبایل را جداگانه بررسی کنید. پس از اعمال تغییرات، صفحه را در اندازه‌های مختلف بررسی کنید تا مطمئن شوید محتوای اصلی، عنوان‌ها، تصاویر و لینک‌های مهم به‌درستی نمایش داده می‌شوند.
جمع‌بندی
قابلیت مخفی کردن ویجت‌ها در المنتور برای طراحی واکنش‌گرا بسیار کاربردی است؛ اما نباید آن را با حذف کامل ویجت اشتباه گرفت. در بسیاری از موارد، کد المان مخفی‌شده همچنان در HTML صفحه وجود دارد و ممکن است بخشی از منابع مرتبط با آن نیز بارگذاری شود.
از نظر سئو، مخفی کردن یک ویجت به‌خودی‌خود باعث جریمه شدن سایت نمی‌شود. بااین‌حال، حذف محتوای مهم از نسخه موبایل می‌تواند باعث شود گوگل اطلاعات کمتری از صفحه دریافت کند. از نظر سرعت نیز ویجت‌های اضافی، به‌ویژه مواردی که تصاویر یا اسکریپت‌های سنگین دارند، ممکن است منابع بیشتری مصرف کنند.
بنابراین، بهترین راهکار این است که نسخه موبایل و دسکتاپ را از نظر محتوای اصلی هماهنگ نگه دارید، برای تفاوت‌های ظاهری از تنظیمات واکنش‌گرایی استفاده کنید و ویجت‌هایی را که دیگر هیچ کاربردی ندارند، کاملاً حذف کنید.
بدون دیدگاه