کارایی

سئوی جاوااسکریپت: صفحه هایی که هم خزنده و هم کاربر می خوانند

رندر سمت کاربر ممکن است کار کند، اما هزینه کشف را بالا می برد. برای صفحه های مهم سئو از SSR، hydration منظم و تست خزیدن استفاده کنید.

Seoraبه‌روزرسانی ۵ تیر ۱۴۰۵1 دقیقه مطالعه

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

پیش فرض امن برای سئو

HTML مهم سئو را سمت سرور رندر کنید: عنوان، متن اصلی، داده ساختاریافته، canonical و لینک های داخلی.

تعامل را بعد از خوانا شدن محتوا hydrate کنید، نه اینکه خزنده منتظر app shell بماند.

برای ناوبری از anchor واقعی استفاده کنید تا خزنده بدون اجرای click handler مسیرها را پیدا کند.

نگذارید حالت خطا، خالی یا loading هنگام کندی API جای محتوای قابل ایندکس را بگیرد.

قبل از انتشار چه چیزی را تست کنیم

HTML خام را ببینید و بعد HTML رندرشده را بررسی کنید. لازم نیست کاملا یکسان باشند، اما نسخه خام باید برای کشف محتوای پایدار کافی داشته باشد و نسخه رندرشده نباید تگ های مهم را حذف کند. اسکریپت های بلاک شده، API کند، تغییر زبان و خروجی canonical را تست کنید چون شکست های واقعی جاوااسکریپت سئو معمولا همان جا اتفاق می افتد.

جای سئورا کجاست

سئورا HTML خام، HTML رندرشده، کشف لینک، متادیتا و داده ساختاریافته را مقایسه می کند. همان کامپوننت یا routeی را نشان می دهد که محتوای مهم را پشت رندر فقط سمت کاربر پنهان کرده است.

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