الگوریتم خورشید چیست؟ | اهمیت تگ Viewport در سئو و موبایل
مقدمه: الگوریتم خورشید چیست؟
آیا می‌دانستید که یک تگ ساده HTML می‌تواند تجربه کاربری سایت شما در موبایل را به طور کامل تغییر دهد؟ این تگ، Viewport نام دارد. الگوریتم خورشید (Khorshid) در کراولر پیشرفته P2X دقیقاً به همین موضوع می‌پردازد: آیا صفحه شما دارای تگ Viewport است یا خیر؟
الگوریتم خورشید از الگوریتم‌های مهم سیستم P2X محسوب می‌شود. این الگوریتم بررسی می‌کند که آیا تگ Viewport در صفحه وجود دارد و آیا به درستی تنظیم شده است یا خیر.
اما تگ Viewport چیست و چرا اینقدر مهم است؟ در ادامه، همه چیز را بررسی خواهیم کرد.
تگ Viewport چیست و کجا قرار دارد؟
تگ Viewport یک تگ HTML در بخش <head> صفحه است که به مرورگر می‌گوید صفحه را با چه عرض و مقیاسی نمایش دهد.
نمونه کد استاندارد Viewport:
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
اجزای این تگ:
| جزء | مقدار | توضیح |
|---|---|---|
width |
device-width |
عرض صفحه برابر عرض دستگاه (موبایل) باشد |
initial-scale |
1.0 |
سطح زوم اولیه ۱ باشد (بدون زوم) |
دسته‌بندی صفحات بر اساس وضعیت Viewport
| دسته | وضعیت Viewport | وضعیت | توضیح |
|---|---|---|---|
| Viewport استاندارد | width=device-width, initial-scale=1.0 |
✅ عالی | بهترین وضعیت |
| Viewport سفارشی | تنظیمات خاص (مثل width=1024) |
⚠️ متوسط | ممکن است در برخی دستگاه‌ها مشکل ایجاد کند |
| Viewport ناقص | فقط یکی از پارامترها را دارد | ⚠️ ضعیف | عملکرد ناقص |
| بدون Viewport | تگ Viewport وجود ندارد | ❌ ضعیف | سایت در موبایل غیرقابل استفاده |
| Viewport غیرمجاز | مقادیر نامعتبر یا مسدودکننده زوم | ❌ ضعیف | تجربه کاربری ضعیف |
نحوه عملکرد الگوریتم خورشید در P2X
الگوریتم خورشید به صورت دقیق طراحی شده است. مراحل اجرای این الگوریتم در کراولر P2X به این صورت است:
| مرحله | توضیح |
|---|---|
| ۱. دریافت صفحه | الگوریتم کد HTML صفحه را دریافت می‌کند |
| ۲. جستجوی Viewport | الگوریتم تگ <meta name="viewport"> را جستجو می‌کند |
| ۳. بررسی محتوا | الگوریتم مقادیر width و initial-scale را بررسی می‌کند |
| ۴. اعتبارسنجی | الگوریتم بررسی می‌کند آیا تنظیمات با استاندارد مطابقت دارد |
| ۵. امتیازدهی | بر اساس وضعیت Viewport، امتیاز تعلق می‌گیرد |
نکته مهم: الگوریتم خورشید مکمل الگوریتم مهتاب (سازگاری با موبایل) است. مهتاب تجربه کلی موبایل را بررسی می‌کند، خورشید یکی از اجزای اصلی آن (Viewport) را بررسی می‌نماید.
چرا تگ Viewport مهم است؟
تگ Viewport از چند جهت برای سئو و تجربه کاربری حائز اهمیت است:
| دلیل اهمیت | توضیح |
|---|---|
| سازگاری با موبایل | بدون Viewport، سایت در موبایل درست نمایش داده نمی‌شود |
| جلوگیری از زوم اجباری | کاربر مجبور نیست برای خواندن متن زوم کند |
| جلوگیری از اسکرول افقی | صفحه به درستی در عرض دستگاه قرار می‌گیرد |
| فاکتور رتبه‌بندی گوگل | گوگل Viewport را در ارزیابی موبایل فرندلی بررسی می‌کند |
| پایه ریسپانسیو | Viewport شرط لازم (نه کافی) برای طراحی ریسپانسیو است |
بدون Viewport چه اتفاقی می‌افتد؟
اگر صفحه شما تگ Viewport نداشته باشد:
| اتفاق | توضیح |
|---|---|
| مرورگر صفحه را کوچک نشان می‌دهد | عرض صفحه معمولاً ۹۸۰ پیکسل در نظر گرفته می‌شود |
| متن‌ها خیلی کوچک می‌شوند | کاربر مجبور به زوم کردن است |
| اسکرول افقی ایجاد می‌شود | کاربر باید به چپ و راست اسکرول کند |
| نرخ پرش افزایش می‌یابد | کاربر از سایت خارج می‌شود |
| گوگل جریمه می‌کند | در رتبه‌بندی موبایل افت می‌کنید |
معادل Google برای الگوریتم خورشید
الگوریتم خورشید در P2X معادل فاکتور "Viewport meta tag" در الگوریتم‌های گوگل است. گوگل در مستندات رسمی خود اعلام کرده است:
"A viewport meta tag tells the browser how to control the page's dimensions and scaling. Without it, mobile browsers will render the page at a typical desktop screen width, making content appear small and requiring users to zoom."
منابع معتبر گوگل برای مطالعه بیشتر:
تفاوت الگوریتم خورشید با الگوریتم مهتاب
| الگوریتم | عملکرد | سطح |
|---|---|---|
| خورشید (Khorshid) | وجود و تنظیمات Viewport | جزء (شرط لازم) |
| مهتاب (Mehtaab) | سازگاری کلی با موبایل | کل (شرط کافی) |
نکته: خورشید یک زیرمجموعه از مهتاب است. شما برای کسب امتیاز خوب از مهتاب، حتماً به خورشید نیاز دارید.
تنظیمات صحیح تگ Viewport
| تنظیم | مقدار پیشنهادی | توضیح |
|---|---|---|
width |
device-width |
عرض صفحه برابر عرض دستگاه |
initial-scale |
1.0 |
زوم اولیه ۱ (بدون زوم) |
user-scalable |
yes (یا حذف شود) |
کاربر بتواند زوم کند (دسترسی‌پذیری) |
maximum-scale |
حذف شود | محدودیت زوم ایجاد نکنید |
کد استاندارد و کامل:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
اشتباهات رایج در الگوریتم خورشید
| اشتباه | توضیح | راهکار |
|---|---|---|
| نداشتن Viewport | تگ وجود ندارد | حتماً اضافه کنید |
width اشتباه |
width=1200 یا width=1024 |
از device-width استفاده کنید |
user-scalable=no |
کاربر نمی‌تواند زوم کند | این تنظیم را حذف کنید (مشکل دسترسی‌پذیری) |
maximum-scale=1.0 |
محدودیت زوم | حذف کنید تا کاربر بتواند زوم کند |
| تگ در جای اشتباه | خارج از <head> |
داخل <head> قرار دهید |
راهکارهای بهینه‌سازی برای کسب امتیاز عالی از الگوریتم خورشید
برای اینکه از الگوریتم خورشید بهترین امتیاز را دریافت کنید:
۱. حتماً تگ Viewport را اضافه کنید
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
۲. از مسدود کردن زوم کاربر خودداری کنید
user-scalable=no و maximum-scale=1.0 را اضافه نکنید.
۳. Viewport را در تمام صفحات داشته باشید
هر صفحه باید تگ Viewport خود را داشته باشد.
۴. با ابزار Mobile-Friendly Test تست کنید
گوگل به شما می‌گوید آیا Viewport به درستی تنظیم شده است یا خیر.
تأثیر الگوریتم خورشید بر سئو و رتبه گوگل
| فاکتور | تأثیر |
|---|---|
| صفحه با Viewport استاندارد | پایه سازگاری با موبایل |
| صفحه بدون Viewport | جریمه در رتبه‌بندی موبایل |
| Viewport با محدودیت زوم | مشکل دسترسی‌پذیری و جریمه احتمالی |
جمع‌بندی نهایی
الگوریتم خورشید (Khorshid) در کراولر P2X، یکی از الگوریتم‌های مهم است که وجود تگ Viewport را بررسی می‌کند.
سه نکته کلیدی که باید همیشه به خاطر داشته باشید:
-
حتماً تگ Viewport را به همه صفحات خود اضافه کنید - بدون این تگ، سایت شما در موبایل به درستی نمایش داده نمی‌شود.
-
از تنظیمات استاندارد استفاده کنید -
width=device-width, initial-scale=1.0تنها چیزی است که نیاز دارید. -
زوم کاربر را محدود نکنید - مسدود کردن زوم (
user-scalable=no) برای دسترسی‌پذیری مضر است و می‌تواند جریمه شود.
با رعایت این اصول، می‌توانید از الگوریتم خورشید امتیاز عالی دریافت کنید.
✍️ نظر خود را بنویسید