راهنمای سئو کردن سایت های جاوا اسکریپتی
سئو کردن سایت های جاوا اسکریپتی به چه صورت انجام میشود؟
بخشی از سئو تکنیکال به سئو جاوا اسکریپت اختصاص دارد که کراول و خزش این سایت ها را برای ربات های موتور های جستجو ساده تر خواهد کرد. با سئو سایت های جاوا اسکریپت به دنبال این هدف هستیم که جست و جوی اینگونه سایت ها را برای موتور های جستجوگر آسان تر کنیم.
به احتمال زیاد شما هم شنیده اید که جاوا اسکریپت و سئو با یکدیگر سازگار نیستند و بین این مدل سایت ها و سئو مشکلاتی وجود دارد. در این مطلب قصد داریم در مورد چالش های سئو سایت های جاوا اسکریپتی و حل آن ها با شما صحبت کنیم.
در واقع باید به شما بگویم که بین سایت های جاوا اسکریپت و سئو؛ مشکل غیر قابل حلی وجود نداشته و تنها جاوا اسکریپت با اکثر فریم ورک هایی که معمولا سئو کاران با آن تجربه کار دارند، دارای تفاوت می باشد. لازم است که سئو کاران چگونگی خزش سایت های جاوا اسکریپتی توسط ربات های گوگل و شیوه کار با این نوع از فریم ورک ها را یاد بگیرند. ( مشاوره سئو در تمام زمینه ها )
چالش های جاوا اسکریپت در سئو
اگر شما بتوانید مهم ترین مشکلاتی که ممکن است در اثر استفاده از جاوا اسکریپت ها پیش می آید را برطرف کنید؛ در سئو کردن سایت خود دیگر مشکلی نخواهید داشت. موارد زیر، بهترین راهنما برای سئو سایت جاوا اسکریپتی شما محسوب می شود.
-
فعال سازی قابلیت پایش فایل های جاوا اسکریپتی توسط موتور های جست و جو
یکی از چالش های جاوا اسکریپت در سئو که با آن مواجه خواهید بود؛ قابلیت پایش فایل های جاوا اسکریپتی توسط موتور های جست و جو می باشد. به طور کلی فایل robots.txt به منظور راهنمایی موتور های جستجو گر در پایش صفحات وب سایت ایجاد می شود.
در صورت محدود کردن دسترسی فایل های جاوا اسکریپت برای آن ها، موتور های جستجوگر نمایش صفحات وب سایت برای این کاربران نسبت به دیگر افراد دارای تفاوت خواهد بود. در این حالت موتور های جستجوگر قادر نیستند که تجربه کاربری واقعی وب سایت شما را درک کنند و این احتمال وجود دارد که چنین حالتی را مخفی کاری و Cloaking در نظر بگیرند.
برای حل این مشکل لازم است که دسترسی موتور های جستجوگر و کاربران وب سایت به منابع موجود در سایت، به صورت یکسان باشد. لازم است که شما بعد از بررسی مشخص کنید که چه فایل هایی از دید گوگل مخفی مانده و چه فایل هایی برای موتور جستجوگر قابل دسترسی باشد.
اگر با استفاده از فایل robots.txt اجازه دسترسی به برخی از صفحات وب سایت به موتور های جستجو گر داده نشود؛ در واقع شما بین کاربران وب سایت و موتور های جستجو تفاوت ایجاد کرده اید و همین موضوع بر روی رتبه بندی وب سایت شما تاثیر منفی خواهد گذاشت. سفارش سئو
-
بهینه سازی لینک های داخلی
یکی دیگر از چالش هایی که برای سئوکاران جاوا اسکریپت به وجود می آید؛ بهینه سازی لینک های داخلی وب سایت می باشد. یکی از ابزار ها و امکانات مهم سئو به منظور ارائه ساختار یک وب سایت به موتور های جستجوگر؛ لینک های داخلی است که بهینه سازی آن ها اهمیت زیادی دارد.
برای بهینه سازی لینک های داخلی لازم است که سئو کاران، لینک های داخلی موجود را از طریق جاوا اسکریپت به کلیک کردن کاربران وابسته نکنند. در صورت وابسته بودن لینک های داخلی به کلیک کاربران، موتور های جستجوگر قادر به درک ساختار سایت نبوده و همین موضوع بر روی رتبه بندی وب سایت شما تاثیر منفی خواهد داشت.
بهترین حالت این است که لینک های داخلی به شکلی ساده و به صورت انکر تکست ارائه شود؛ چرا که در این حالت تجربه کاربری بهبود پیدا می کند. هر چقدر که لینک های داخلی یک وب سایت به شکل بهتری ساخته شده باشند، کراول کردن صفحات وب سایت برای ربات ها ساده تر خواهد بود.
اگر لینک های پیوند دهنده به رفتار کاربران وابسته شده و بر روی آن ها کد های جاوا اسکریپت نوشته شود، بعد از هر رفرش و به ازای هر کاربر، این لینک ها دچار تغییر شده و ارتباطات موجود داخلی برای Crawler از بین خواهد رفت.
-
بهینه سازی ساختار URL ها
یکی از موارد دارای اهمیت و موثر بر سئو سایت ها، URL می باشد. لازم است که برای بهینه سازی وب سایت در موتور های جستجوگر؛ از URL با مفهوم و مرتبط استفاده شود. گاهی اوقات وب سایت های مبتنی بر جاوا اسکریپت از کاراکتر هایی مانند # و #! استفاده می کنند که استفاده از این کاراکتر ها در URL، برای گوگل قابل قبول نمی باشد و تاثیرات منفی را بر روی رتبه بندی سایت به جا خواهد گذاشت.
برای عبور از این چالش، شما می توانید از Push State History API استفاده نمایید. این API با به روز رسانی در نوار آدرس، به جاوا اسکریپت این امکان را می دهد که URL های مرتب تری ایجاد کرده که مورد پسند موتور های جستجو گر باشد. این نوع از URL ها توسط کاربران معمولی نیز قابل درک می باشند.
-
ارزیابی کد های جاوا اسکریپتی برای تست سایت
سئو جاوا اسکریپت دارای پیچیدگی های مخصوص به خود است، اما این موضوع به آن معنا نیست که به طور کلی گوگل آن ها را درک نمی کند. معمولا با وجود پیچیدگی های موجود، گوگل قادر به درک بسیاری از فرم های کد های جاوا اسکریپت می باشد.
در نتیجه بهتر است در قدم اول چک کنید که کد های جاوا اسکریپت توسط گوگل کراول ها خوانده می شود و یا در خواندن آن ها دچار مشکل است. با چک کردن کد های جاوا اسکریپت می توانید مشکلات احتمالی را پیدا کنید.
برای پیدا کردن مشکلات احتمالی، ابتدا چک کنید که محتوای صفحات وب سایت شما در DOM نمایش داده می شود؟ در قدم بعد لازم است که شما چندین صفحه از وب سایت خود را تست کرده تا مطمئن شوید که صفحات سایتتان ایندکس شده است.
لازم است که برای مشاهده فایل های جاوا اسکریپتی، به گوگل دسترسی بدهید. بعد از انجام تست اگر مشکلی وجود نداشت، از این چالش به خوبی عبور کرده اید. در غیر این صورت لازم است که از روشی مناسب برای کد نویسی استفاده کنید و با تست مجدد مطمئن شوید که کد نویسی ها برای ربات های گوگل قابل فهم و درک هستند.
-
سرعت لود شدن وب سایت
یکی دیگر از چالش هایی که یک سئو کار جاوا اسکریپتی ممکن است با آن مواجه باشد؛ سرعت لود شدن سایت است. زمانی که مرورگر با استفاده از HTML دریافتی، اقدام به ساخت DOM می کند؛ بارگذاری منابع مورد نیاز را به همان شکلی که در HTML آدرس داده شده است، انجام می دهد.
اگر در ابتدای HTML، فایلی با حجم بالا وجود داشته باشد؛ مرورگر ابتدا به بارگذاری این فایل پرداخته و اطلاعات دیگر با تاخیر نمایش داده می شوند. در این موارد گوگل پیشنهاد می دهد که بهتر است ابتدا بخش های مهم اطلاعات بارگذاری شده و دانلود سایر بخش ها با تاخیر انجام شود.
render-blocking JavaScript مشکلی است که ممکن است در این بخش با آن رو به رو شوید. این مشکل زمانی به وجود می آید که فایل های جاوا اسکریپت و یا منابع غیر ضروری دیگر، بارگذاری سایت را کند کنند. وجود این مشکل نشان دهنده این است که سایت شما این قابلیت را دارد که سریع تر بارگذاری شود، اما وجود فایل های جاوا اسکریپتی، بارگذاری وب سایت شما را به اخیر انداخته است.
در این قسمت؛ ابزار Page Speed Insights می تواند کمک زیادی به شما کند. با استفاده از این ابزار و بررسی سایت می توانید بررسی کنید که آیا فایل های جاوا اسکریپتی که باعث کاهش سرعت بارگذاری می شوند؛ در سایت وجود دارند و یا خیر؟ در صورت وجود چنین فایل هایی و برای حل این مشکل، اقداماتی وجود دارد که شما می توانید انجام دهید.
الف) افزودن جاوا اسکریپت به HTML
ب) افزودن تگ async به جاوا اسکریپت، به منظور بارگذاری غیر همزمان فایل
ج)کاهش میزان منابع جاوا اسکریپت
- HTML snapshots
در سال 2009؛ HTML snapshots توسط گوگل معرفی می شود که چند سال بعد یعنی در سال 2015 نیز HTML snapshots از سیستم گوگل خارج می شود. با وجود اینکه گوگل، HTML snapshots را جزء المان هایی معرفی می کند که نادیده گرفته می شوند؛ اما نکته قابل توجه اینجا است که همچنان از آن استفاده می کند.
در برخی از شرایط، آشنایی با HTML snapshots می تواند به شما کمک کند. به عنوان مثال در مواقعی که موتور های جستجوگر قادر به دیدن جاوا اسکریپت بر روی سایت شما نیستند؛ شما می توانید نسخه ای از خروجی HTML را به موتور های جستجوگر ارائه دهید.
استفاده از این روش در زمان هایی که مشکلاتی در جاوا اسکریپت وجود دارد و گوگل قادر به درک آن ها نیست یا از طرف دیگر به تیم توسعه دهنده سایت هم دسترسی وجود نداشته باشد، توصیه می شود.
-
امکان Crawl شدن جاوا اسکریپت از طریق Crawler ها
تکنیک هایی وجود دارند که با استفاده از آن ها، می توان به Crawler ها اجازه نداد که در کد های جاوا اسکریپت خزیده و آن ها را درک کنند. استفاده از این تکنیک ها می تواند تاثیرات منفی بر روی رتبه بندی و سئو سایت شما داشته باشد. زیرا در این حالت ممکن است Crawler ها بفهمند که چیزی در سایت وجود دارد که قادر به درک آن نیستند؛ در نتیجه ممکن است آن را منفی و خطرناک به حساب بیاورند. بهترین حالت این است کد های جاوا برای Crawler ها در حالت بلاک قرار نگیرند.