سلام.
چند وقتی هستش که گوگل به وب مستر هایی که دسترسی به فایل های استایل و جاوا اسکریپت رو برای روبات های خزنده مسدود کردن اخطاریه ای ارسال میکنه با عنوان “روبات های گوگل نمیتوانند به فایل های CSS و JS دسترسی پیدا کنند”. من امروز به شما توضیح و آموزش میدم چطوری شما این مشکل رو برطرف کنید و وقتی میبینید گوگل برای وب مستر ها ایمیل ارسال میکنه یعنی مساله مهمی هستش!
چرا گوگل نیاز به دسترسی به فایل های CSS و JS را دارد؟
گوگل برای دادن رتبه بهتر به وب سایت های کاربر پسند، متمرکز، سایت های که سریع هستن (سرعت بارگذاری بالا دارن)، تجربه کاربری خوبی دارن و غیره به منظور تعیین تجربه یک کاربر واقعی از یک وب سایت، نیاز به دسترسی و مشاهده فایل های CSS و جاوا اسکریپت سایت شماست.
به طور پیش فرض وردپرس رباتهای جستجو رو از دسترسی به هر فایل CSS یا JSجلوگیری می کنه. با این حال برخی از صاحبان وب سایت به طور تصادفی ممکنه فایل ها رو در حالی که سعی میکنن اقدامات امنیتی اضافه کنن! و یا با استفاده از افزونه های امنیتی دسترسی ربات ها رو به این فایل ها مسدود کنن!
ممکنه گوگل با دسترسی نداشتن به این فایل های شما سایت شما رو درک نکنه و سایت شما امتیاز پایینی بگیره!
با این حال، بیایید با هم دسترسی به این فایل ها رو به ربات های جستجوگر تقدیم کنیم! تا بتونن چیزی که کاربر واقعی مشاهده میکنه رو مشاهده کنن و طبق اون سایت ما رو بر اساس موارد بالا آنالیز کنن و سایتمون امتیاز بهتری رو نسبت به رقبا بگیرن!
چگونه دسترسی به فایل های CSS و JS را به گوگل بدهیم ؟
اول شما باید بدونید که گوگل در قسمت وب مستر بخشی رو قرار داده تا وب سایتتون رو از دید یک ربات و یک کاربر واقعی مشاهده کنید.
برای این کار به پنل وب مستری خودتون و به Crawl » Fetch as Google برید. اگه آدرس خاصی مد نظرتون هست نامک اون رو وارد کنید در غیر این صورت چیزی وارد نکنید. حالا میخواید نسخه دسکتاپ و یا موبایل رو بررسی کنید ؟ انتخاب کنید. حالا روی fetch and render کلیک کنید.
وقتی بررسی تموم شد، یک ردیف در زیر ظاهر میشه. با کلیک بر روی آن Render میتونید چیزی که کاربر و ربات های گوگل میبینن رو مشاهده کنید. این نتیجه بررسی وردپرس ساز هست:
اگه شما متوجه هر تغییری بین این ۲ نتیجه شدید یعنی گوگل به یک یا چند فایل CSS و JS شما دسترسی نداره که شما باید بررسی کنید و ببینید به کدوم فایل دسترسی نداره و مشکل رو حل کنید.
شما همچنین می توانید یک لیست از این منابع مسدود شده رو در پنل گوگل وب مستر در Google index » Blocked Resources پیدا کنید.
با کلیک بر روی هر یک از فایل ها گوگل به شما لینک تمام صفحاتی که این فایل ها مسدود شدن رو نشون میده، به عنوان مثال تو عکس بالا ۵ فایل استایل و جاوااسکریپت من که مطعلق به فرم تماس ۷ هستن، ربات های گوگل نمیتونن بهشون دسترسی داشته باشن! که الان رفع کردم.
بسیاری این فایل ها، فایل هایی هست که توسط افزونه ها اضافه شدن مثل عکس بالا!
در حال حاضر شما باید فایل robots.txt سایت خودتون رو ویرایش کنید، این فایل ربات های گوگل رو کنترل میکنه.
اگه شما از افزونه YOAS Seo استفاده میکنید، خیلی راحت میتونید از طریق پنل وردپرس فایل robots.txt رو ویرایش کنید به سئو/ابزار ها/ویرایشگر پرونده برید/در غیر این صورت باید با اتصال به اکانت FTP و یا از طریق پنل و … وارد روت هاست بشید و فایل robots.txt رو ویرایش کنید.
شما به احتمال زیاد با همچین کدی روبرو میشید که تقریبا تمام بخش هایی که گوگل برای درک سایت ما نیاز داره برای ربات ها مسدود شده:
User-agent:*
Disallow:/wp-admin/
Disallow:/wp-includes/
Disallow:/wp-content/plugins/
Disallow:/wp-content/themes/
در حال حاضر شما نیاز به حذف برخی از این خط ها و یا تغییر مقدار از Disallow به Allow رو دارید که دستری ربات ها به فایل CSS و JS شما رو مسدود کردن، معمولا این فایل تو پوشه هایی مثل wp-content/plugins و wp-content/themes هستن که همونطور که میبینید مقدار Disallow رو دارن که این یعنی عدم دسترسی زبات ها!Disallow:/wp-admin/
Disallow:/wp-includes/
Disallow:/wp-content/plugins/
Disallow:/wp-content/themes/
برخی از شما ممکنه متوجه فایل robots.txt رو نداشته باشید و یا این فایل شما خالی باشه. اگر گوگل یک فایل robots.txt خالی رو پیدا کنه، اون رو به طور خودکار می خزد و این یعنی خزیدن تو همه فایل ها.
پس بهترین فایل robots.txt برای شما میتونه این باشه، و یادتون نره آدرس سایت مپ رو هم به انتهای این کد ها اضافه کنید
User-agent:*
Disallow:/wp-admin/
Disallow:/wp-includes/
Allow:/wp-includes/js/
Allow:/wp-content/plugins/
Allow:/wp-content/themes/
Sitemap: addresse sitemap
Disallow:/wp-admin/
Disallow:/wp-includes/
Allow:/wp-includes/js/
Allow:/wp-content/plugins/
Allow:/wp-content/themes/
Sitemap: addresse sitemap
شما هنوز پیغام عدم دسترسی رو میبینید ؟
در موارد نادر، برخی از میزبان های وب ممکنه دسترسی به پوشه های پیش فرض وردپرس برای ربات ها رو مسدود کرده باشن. شما می توانید در robots.txt با اجازه دادن به دسترسی این پوشه ها مشکل رو حل کنید.
User-agent:*
Allow:/wp-includes/js/
وقتی کار شما با فایل robots.txt تموم شد به پنل وب مستر برگردید و دوباره سایت خودتون رو بررسی کنید، حالا شما باید ببینید که مشکلات رفع شدن!Allow:/wp-includes/js/
امیدوارم مشکل شما حل شده باشه و حالا ربات های گوگل میتونن به راحتی به فایل های سایت شما دسترسی داشته باشن تا بتونن سایت شما رو همونطور که کاربر واقعی میبینه مشاهده کنن و به خوبی بتونن سایت رو بررسی کنن تا امتیاز بالاتری نسب به رقبا دریافت کنید!
منبع: آموزش رفع اخطار “Googlebot cannot access CSS and JS files”
دیدن این مطلب هم خالی از لطف نیست: ۵ راه ساده برای افزایش سرعت وردپرس