جان مولر از گوگل: کد جاوا اسکریپت را به زیر تگ هدر HTML منتقل کنید
جان مولر از گوگل توصیه می‌کند که کد جاوا اسکریپت را زیر تگ هدر HTML قرار دهید تا اطمینان حاصل شود که موتورهای جستجو می‌توانند وب سایت شما را به راحتی بخرند و درک کنند.
- برای اطمینان از اینکه خزنده های جستجو می‌توانند وب سایت شما را بررسی کنند، مهم است که کد جاوا اسکریپت را زیر تگ هدر HTML قرار دهید.
- اگر کد HTML در بالای صفحه ظاهر نشود، می‌تواند بر تلاش‌های سئو تاثیر منفی بگذارد.
- علاوه بر این، می‌توانید با منظم نگه داشتن بخش <head> به خزنده های جستجو کمک کنید.
اهمیت کد جاوا اسکریپت در تگ هدر HTML
مولر این توصیه را در یک تاپیک Reddit به اشتراک گذاشت که در آن یک کاربر پرسید آیا قرار دادن کد HTML می‌تواند باعث مشکلات SEO شود یا خیر.
پاسخ بله است؛ اگر کد HTML در بالای صفحه ظاهر نشود، می‌تواند بر تلاش‌های سئوی شما تاثیر منفی بگذارد.
به طور خاص، مهم است که بخش <head> سند HTML را در بالای صفحه نگه دارید. این بخش باید حاوی اطلاعاتی باشد که گوگل برای خواندن صحیح سایت شما به آن نیاز دارد.
هر کد جاوا اسکریپت باید زیر سربرگ های HTML قرار گیرد. برای اطمینان از اینکه جاوا اسکریپت با بخش <head> تداخل ندارد، مولر توصیه می‌کند از ابزار رندر در کنسول جستجو استفاده کنید.
چرا قرار دادن جاوا اسکریپت برای سئو مهم است؟
هنگام طراحی یک وب سایت، بهتر است کد جاوا اسکریپت را در پایین سند HTML در نزدیکی تگ بسته شدن </body> قرار دهید. این به این دلیل است که جاوا اسکریپت می‌تواند رندر صفحه وب را در حین بارگیری به تاخیر بیاندازد و در نتیجه تجربه کاربری ضعیفی ایجاد کند.
با قرار دادن جاوا اسکریپت در پایین صفحه، ابتدا می توان HTML را رندر کرد و به کاربر این امکان را می دهد که در حالی که جاوا اسکریپت در پس زمینه بارگذاری می شود، محتوا را مشاهده کند. علاوه بر این، می‌توانید از مسدود کردن فایل‌های جاوا اسکریپت خارجی با استفاده از ویژگی‌های async یا defer جلوگیری کنید.