سلام دوستان عزیز و محترم حال شما خوبه ؟ امیدوارم که شاد وسلامت باشید . در ادامه اموزش های وردپرس در خدمت شما عزیزان هستیم با مورد دیگری از خطاهای وردپرس .دوستان در این اموزش قرار است در مورد آموزش رفع خطای Googlebot cannot access CSS and JS files در وردپرس صحبت کنیم.پس تا انتها با من همراه باشید
دوستان عزیز وب مستری احتمالا طی یکی دو ماه گذشته خطای Googlebot cannot access CSS and JS files را از طرف گوگل وب مسترز دریافت کرده اید و احتمالا با آن آشنایی دارید و اطلاعات دارید. این خطا به شما میگوید که ربات گوگل قادر به مشاهده و دسترسی به فایل های CSS و JS سایت شما نیست. دوستان به همراه این خطا چه خطا را در پنل Google Webmasters مشاهده کرده باشید و چه از طریق ایمیل این پیام را دریافت کرده باشید که تفاوتی ندارد دستورالعملی هم برای شما ارسال میشود که شما را در حل این مشکل راهنمایی میکند اما مسئله اینجاست که راهنمای ارسال شده به همراه این خطا، به طور کاملا عمومی به شرح راه حل میپردازد و به همین جهت اکثر کاربران نمیتوانند با استفاده از آن، نسبت به رفع خطای پیش آمده اقدام کنند چون توضیحات ارسال شده بسیار عمومی و سخت است و برای همه قابل انجام نیست. دوستان حال در این قسمت قصد داریم که نحوه ی برطرف کردن این مشکل را در وردپرس به شما آموزش دهیم.
خب دوستان در ابتدا باید بدانیم که دلیل بوجود آمدن این خطا چیست؟
دوستان همانطور که از پیام خطای نمایش داده شده مشخص است، این خطا به شما میگوید که گوگل بات یا روبات گوگل نمیتواند به فایل های CSS و JS سایت شما دسترسی پیدا کند. این مسئله به این مفهوم است که فایل robots.txt در سایت شما از دسترسی ربات گوگل به این فایل ها جلوگیری کرده و دسترسی به این فایل ها را مجاز نمیداند. فایل robots.txt فایلی است که در آن مشخص میکنیم هر یک از agent ها مثلا همین ربات گوگل مجاز به دسترسی به چه بخش هایی از سایت هستند و مجاز به دسترسی به کدام بخش ها نیستند. زمانی که روبات گوگل برای ایندکس کردن سایت و محتوای درج شده در آن، وارد سایت شما میشود، ابتدا به فایل robots.txt نگاه میکند تا ببیند مجاز به دسترسی به کدام بخش های سایت شماست. حال اگر حتی دسترسی به یکی از فایل های درج شده در سایت شما (مثلا فایل style.css در فولدر themes) در فایل robots.txt برای روبات گوگل ممنوع شده باشد، گوگل دیگر نمیتواند به آن فایل دسترسی داشته باشد و دقیقا همینجاست که شما خطای Googlebot cannot access CSS and JS files را دریافت میکنید و باید بتوانید آن را رفع نمائید.
اما خب در ابتدا نیاز است که بدانیم گوگل به چه دلیل به دسترسی به فایلهای CSS و JS نیاز دارد؟
خب دوستان در این قسمت باید بدانید که یکی از موارد حائز اهمیت برای گوگل، بهینه بودن سایت شما برای کاربران شماست. از دید گوگل بسیار مهم است که سایت شما تجربه ای مناسب و دلنشین را برای کاربر تدارک دیده باشد و حتما نیز شما باید این چنین کنید دوستان البته قبلا هم به لزوم بهینه بودن سایت برای کاربران اشاره کرده بودیم و گفته بودیم که این مسئله در بهبود رتبه ی شما در نتایج جستجو موثر خواهد بود و صبحت های بسیار زیادی در این باره داشتیم.
خب دوستان حال برای اینکه گوگل بتواند تشخیص دهد که آیا سایت شما با شرایط ذکر شده سازگاری دارد یا خیر، نیازمند آن است که بتواند ظاهر سایت شما را مشاهده کرده و اجزای آن را به درستی و به همانگونه که کاربران سایت آن را مشاهده میکنند، مشاهده و درک کند که خب مورد مهمی در این زمینه است.دوستان عزیز همانطور که میدانید این فایل های CSS و JS هستند که نما و رفتار سایت شما را تعریف میکنند. بنابراین برای اینکه گوگل بتواند سایت شما را به درستی و دقیقا مشابه آنچه کاربر میبیند، مشاهده کند، باید بتواند به فایل های استایل و جاوا اسکریپت سایت شما که در تشکیل نمای سایت سهیم هستند، دسترسی کامل داشته باشد و در غیر اینصورت نمیتواند این کار را به خوبی صورت دهد
اما در این قسمت نکته ای بسیار بسیار مهم وحود دارد و آن هم این است که اصلا چطور میتوان متوجه شد که گوگل سایت مارا چطور میبیند؟
دوستان مورد مهمی که در این قسمت وجود دارد این است که دریافت خطای Googlebot cannot access CSS and JS files به تنهایی برای اینکه بدانید آنچه گوگل میبیند با کاربر شما یکسان نیست کاملا کفایت میکند اما اگر میخواهید به صورت کاملا بصری این تفاوت را مشاهده کنید میتوانید از ابزار Fetch as Google در پنل گوگل وبمسترز استفاده کنید که برای استفاده از این ابزار، وارد پنل گوگل وبمسترز خود شده و از منوی Crawl به زیر منوی Fetch as Google مراجعه کنید.بعد مراجعه به این قسمت در وب سایت وردپرسی خود در ادامه روی دکمه Fetch and Render کلیک کنید و منتظر بمانید تا رندر درخواستی شما ایجاد شود.حال شما دوستان پس از ایجاد رندر میتوانید روی آن کلیک کنید تا نتیجه ی کار را مشاهده کنید و ببینید که آیا چیزی که گوگل میبند با چیزی که کاربران شما مشاهده میکنند متفاوت است یا خیر.
خب موردی که ممکن است در این حالت ایجاد شود این است که اگر نتیجه در دو طرف یکسان نباشد، به این مفهوم است که آنچه گوگل میبیند با آنچه کاربران واقعی میبینند متفاوت است و گوگل به برخی از محتوای سایت شما دسترسی ندارد و نمیتواند آن ها را بررسی کند. در این حالت لیستی از محتوایی که گوگل نتوانسته آنها را بارگذاری کند در زیر تصاویر به نمایش در خواهد آمد و شما میتوانید ان ها را مشاهده نمائید. در صورتی که در این لیست عبارت Blocked را جلوی یک فایل مشاهده کنید، این مسئله به مفهوم عدم امکان دسترسی گوگل به فایل مورد نظر است و ما هم دقیقا الان میخواهیم همین مشکل را برطرف کنیم که چطور میتوانیم این مشکل را در وب سایت وردپرسی خود حل کنیم
لیست محتوای بلاک شده را به طور دقیق با مراجعه به منوی Google Index و سپس مراجعه به زیر منوی Blocked Resources نیز میتوانید مشاهده کنید.اما خب تا اینجا در این مورد صبحت کردیم و تمامی قسمت های آن را مورد بررسی قرار دادیم و شما میتوانید در این قسمت تمامی محتوایی را که گوگل نمیبیند را متوجه شوید اما هنوز این خطای گفته شده سر جا است و هنوز نمیدانیم که چطور باید آن را رفع نمائیم.خب روش رفع ان را در قسمت بعد برای شما توصیح خواهم داد چرا که این قسمت کمی بیش از حد زیاد شد .
پس در قسمت بعدی حتما با من همراه باشید دوستان چون میخواهیم این روش ها را مورد بررسی قرار دهیم.خیلی ممنونم از همراهی شما در این قسمت این آموزش وردپرس.در ادامه هم حتما با من همراه باشید.برای شما موارد خوبی را فراهم کرده ایم که میتوانید به خوبی از ان ها استفاده کنید.پس حتما با من همراه باشید