رفع مشکل Googlebot cannot access CSS and JS files در وردپرس

Googlebot cannot access CSS and JS files

آیا خطای Googlebot cannot access CSS and JS files را در ابزار گوگل وب مستر برای سایت خود مشاهده کرده اید؟ این پیام شامل لینک به دستورالعمل هایی در مورد چگونگی رفع این مشکل است. در این مقاله ما به شما نشان خواهیم داد که چگونه این خطا را رفع کنید.

چرا Google نیاز به دسترسی به فایل های CSS و JS دارد؟

گوگل برای رتبه بندی بهتر و تعیین تجربه کاربری در وبسایت هایی که کاربر پسند هستند، سایت هایی که سریع هستند و دارای رابط کاربری خوب و… هستند، نیاز به فایل های CSS و جاوا اسکریپت دارد.
وردپرس به طور پیش‌فرض، رباتیک جستجو را از دسترسی به فایل‌های CSS و JS مسدود نمی‌کند. با این حال ، برخی از صاحبان وبسایت ها ممکن است به طور تصادفی با استفاده از یک افزونه امنیتی وردپرس آن‌ها را مسدود کنند. این کار Googlebot را از نمایه سازی (index) فایل های CSS و JS محدود می کند که ممکن است عملکرد SEO شما را تحت تاثیر قرار دهد.

چگونگی دسترسی Google به CSS و JS شما

ابتدا باید بدانید که چه فایلی مانع دسترسی Google به وب سایت شماست.

شما برای دیدن Googlebot وب سایت باید در گوگل وب مستر به مسیر Crawl » Fetch as Google بروید.

بعد، بر روی دکمه fetch and render کلیک کنید (شما می توانید این کار را برای هر دو Desktop و Mobile انجام دهید).

 

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

 

اگر متوجه اختلاف بین دو عکس می شوید، بدین معنی است که Googlebot قادر به دسترسی به فایل های CSS / JS نیست.

همچنین لینک هایی از فایل های CSS و JS را که قادر به دسترسی نبود، نشان می دهد.

شما همچنین میتوانید لیستی از این منابع مسدود شده را در زیر فهرست Google Blocked Resources پیدا کنید.

Finding blocked resources in Google Search Console

با کلیک بر روی هر منبع، پیوندهایی را به منابع واقعی نشان می دهد که توسط Googlebot قابل دسترسی نیستند.

اغلب اوقات، اینها استایل CSS و فایلهای JS اضافه شده توسط افزونه یا پوسته وردپرس شما هستند.

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

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

فایل robots.txt در دایرکتوری ریشه سایت شما خواهد بود.

Locating robots.txt file on a WordPress site using FTP client

اگر از افزونه Yoast SEO استفاده میکنید، میتوانید فایل robots.txt را از قسمت پنل مدیریت وردپرس خود ویرایش کنید.

به سادگی به جستجوگرها »صفحه ابزار بروید و سپس روی ویرایشگر فایل کلیک کنید.

Editing robots.txt file using file editor tool in Yoast SEO

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


User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/

رفع مشکل Googlebot cannot access CSS and JS files در وردپرس

حالا شما باید خطوطی که دسترسی گوگل به فایل های CSS یا JS را مسدود میکند را حذف کنید. به طور معمول این فایل ها در پوشه های افزونه یا پوسته واقع شده اند. شما همچنین ممکن است نیاز به حذف wp-includes داشته باشید، بسیاری از پوسته ها و افزونه های وردپرس ممکن است اسکریپت هایی را که در پوشه wp-include قرار دارند مانند jQuery ها را فراخوانی کنند.

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

اگر Googlebot یک فایل robots.txt پیدا نکرد، باید بدانند crawls and index به طور خودکار تمام فایل ها را فهرست میکنند. برخی از ارائه دهندگان میزبانی وب وردپرس می توانند به طور فعال دسترسی پوشه های پیش فرض وردپرس را برای ربات ها را مسدود کنند.

با اضافه کردن کد زیر دسترسی به پوشه های مسدود شده میتوانید این را در robots.txt لغو کنید.


User-agent: *
Allow: /wp-includes/js/

 

پس از پایان کار، فایل robots.txt خود را ذخیره کنید.

دوباره به ابزار گوگل وب مستر برگردید و بر روی دکمه fetch and render کلیک کنید. حال نتایج خود را مقایسه کنید می بینید که بیشتر موارد مسدود شده ناپدید شده اند.

امیدواریم از خواندن این مقاله لذت برده باشید.

نظرات خود را با ما به اشتراک بگذارید.

منتظر مقالات بیشتر در ماهدیس وب باشید.

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

کد امنیتی Time limit is exhausted. Please reload CAPTCHA.