سئو کردن وب سایت های جاوا اسکریپتی

سئو کردن وب سایت های جاوااسکریپت بخشی از سئو فنی (بهینه سازی موتورهای جستجو) است که به دنبال آن است. اگر در حال ساخت یک وب سایت یا برنامه نویسی وب با استفاده از جاوا اسکریپت هستید. باید چند مرحله اساسی را پشت سر بگذارید. تا مطمئن شوید محتوای شما توسط موتورهای جستجو دیده می شود. بیایید به چند تکنیک SEO در جهت کمک به کاربران برای یافتن محتوای شما نگاه کنیم.

توصیف صفحات با عناوین تک

عناوین منحصر به فرد، توصیفی و توضیحات متا مفید در بخش head باعث می شود تا کاربران نتیجه های خود را هدفمند تر شناسایی کنند.

استفاده از History API به جای قطعات

وقتی Googlebot به دنبال پیوندها در صفحات شما میگردد، فقط URL ها را در href پیوندهای HTML (برچسب های) بررسی می کند. برای برنامه های تک صفحه ای با مسیر یابی سمت سرویس گیرنده، از History API برای پیاده سازی مسیر یابی بین نماهای مختلف وب سایت خود به جای تکنیک های مسیر یابی مبتنی بر هدر استفاده کنید.

استفاده از کدهای وضعیت معنادار HTTP

Googlebot از پروتکل کدهای وضعیت HTTP استفاده می کند تا متوجه شود. استفاده از یک کد وضعیت معنی دار به Googlebot این نشانه را می دهد که آیا یک صفحه نباید خزیده یا ایندکس شود.

لیستی از کدهای وضعیت HTTP و زمان استفاده از آنها را به شما معرفی میکنیم:

از خطاهای نرم 404 در برنامه های تک صفحه ای خودداری کنید

در برنامه های تک صفحه ای توسط مشتری مسیریابی اغلب به عنوان مسیریابی سمت مشتری پیاده سازی می شود. در این مورد، استفاده از کدهای وضعیت HTTP معنی دار می تواند غیرممکن یا غیر عملی باشد. برای جلوگیری از خطاهای نرم 404 هنگام استفاده از رندر و مسیریابی سمت مشتری، از یکی از استراتژی های زیر استفاده کنید:

از تغییر مسیر URL استفاده کنید که سرور با کد وضعیت HTTP 404 پاسخ می دهد (به عنوان مثال /not-found).
صفحات خطا با استفاده از کد های جاوا اسکریپت اضافه کنید.

استفاده از تگ های متا ربات

شما می توانید از طریق تگ متا ربات ها از فهرست کردن یک صفحه یا دنبال کردن پیوندها توسط Googlebot جلوگیری کنید. به عنوان مثال، افزودن متا تگ زیر به بالای صفحه، Googlebot را از فهرست کردن صفحه مسدود می کند.

طراحی برای دسترسی

صفحاتی را برای کاربران ایجاد کنید، نه فقط برای موتورهای جستجو. هنگامی که در حال طراحی سایت خود هستید. به نیازهای کاربران خود فکر کنید، از جمله کسانی که ممکن است از مرورگری با قابلیت جاوا اسکریپت استفاده نمی کنند(به عنوان مثال، افرادی که از صفحه خوان یا دستگاه های تلفن همراه کمتر پیشرفته استفاده می کنند) کد های HTML ای مکه دارای سر فصل ها، بخش ها و پاراگراف ها استفاده کنید. تگ های تصویری و ویدیویی HTML با زیرنویس و متن جایگزین اضافه کنید.

داده ساخت یافته

داده های ساخت یافته مجموعه ای از ویژگی های داده است. که به سازماندهی و تعریف محتوا کمک می کند. تا موتورهای جستجو بتوانند به راحتی محتوای سایت و صفحه شما را درک کنند. Schema همچنین قطعه‌ های غنی را قادر می‌ سازد. تا در فهرست‌ های جستجوی ارگانیک مانند: رتبه‌ بندی مرورگر، پیوندهای داخلی و داده‌های قیمت نشان داده شوند. زمان استفاده از داده های ساخت یافته در صفحات از جاوا اسکریپت برای تولید JSON-LD مورد نیاز و تزریق آن به صفحه استفاده کنید.

اجرای Dynamic Rendering

در حال حاضر، پردازش جاوا اسکریپت دشوار است و همه خزنده‌ های موتورهای جستجو قادر به پردازش آن با موفقیت و بلافاصله نیستند.

تگ های Canonical را اضافه کنید

راهی برای معرفی به موتورهای جستجو هستند. که یک URL خاص نشان دهنده کپی اصلی یا ترجیحا یک صفحه است. استفاده از تگ متعارف از مشکلات ناشی از ظاهر شدن محتوای یکسان یا تکراری در چندین صفحه جلوگیری می کند.

در اینجا نشان می دهد که صفحه ای که این تگ در آن ظاهر می شود.

دنبال کردن بهترین شیوه ها برای اجزای وب

Googlebot از وب پشتیبانی می کند. وقتی Googlebot صفحهای را رندر می‌کند، محتوای DOM سایه و DOM روشن را صاف می‌کند. این بدان معناست که Googlebot فقط میتواند محتوایی را ببیند. که در HTML رندر شده قابل مشاهده است. برای اطمینان از اینکه Googlebot همچنان میتواند محتوای شما را پس از رندر ببیند. از تست Mobile-Friendly یا ابزار بازرسی URL استفاده و به HTML رندر نگاه کنید. اگر محتوا در HTML قابل مشاهده نباشد. Googlebot نمی تواند آن را فهرست کند.