یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها
استفاده از تخفیف‌ها
آیا reactjs سئو رو خراب میکنه
سلام من یه پروژه عملی با ریکت ساختم و وقتی به یکی نشون دادم گفت آیا برای صفحه اصلی از html استفاده کردی یا خود ریکت که من از react استفاده کردم ایشون گفتن باید برای سئو قسمت هایی که اپلیکیشن نیست رو با ssr یا vanilla js کد بزنی.
شخصی دیگری هم گفت چه کاریه کل صفحات سایتو ssr بزن با next الان میشه راهنمایی کنید.
- آیا ریکت سئو خراب میکنه.
- اگر خراب میکنه باید کدوم قسمت صفحات رو ssr کرد یا اصلا راهش چیه.
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
در واقع هرجا به SEO نیاز باشه. اگر قرار بر پیاده‌سازی SSR باشه. بهتر کل کار رو با این روش انجام بدید
درود
برای اینکه دقیق تر متوجه بشید می تونید یک برنامه ریاکت رو اجرا کنید. و در مرورگر از View Page Source استفاده کنید. میبینید که div ی که برنامه شما داخلش هست عملا خالیه و این همون چیزیه که موتورهای جستجو میبینند. پس اگر به SEO نیاز دارید 100% به SSR هم نیاز دارید.
شما وقتی از SSR استفاده میکنید مقدار رندر شده سایت (همون چیزی که تو inspect element می بینید رو) به عنوان مقدار ریسپانس سرور (view page source) به کلاینت پاس میدی
اجرای ریاکت سمت سرور (React SSR)
یعنی اجرای برنامه react سمت سرور و انتقال ریسپانز به شکل HTML سمت کاربر به طوری که react بدون نیاز به render دوباره از حالت فعلی (رندر شده سمت سرور) DOM بتونه استفاده کنه
مزیت ها
- به شما HTML میده، این باعث میشه داخل مرورگر های قدیمی هم برنامه react شما کار کنه.
- سرعت: وقتی تمام پردازش سمت سرور انجام بشه مرورگر فقط اطلاعات رو نمایش میده و تو دستگاه های ضعیف تر روون تر اجرا میشه
- سئو: وقتی HTML خام دارید کار خاصی انجام نمیشه و خرنده گوگل، بینگ و ... میاد html رو می‌خونه و عملیات انجام میشه
گوگل بعضی وقت ها رندر میکنه بعضی وقت ها نمیکه. نمی دونم چرا، و مابقی search engine ها کلا js رو اجرا نمی‌کنن
معایب
- پیاده سازی سخت
- کند شدن زمان ریسپانس (یکبار اجرا میشه سمت سرور ...)
راه حل:
حالا کل قسمت های سایت ssr بشع یا اینکه فقط بعضی قسمت ها میشه راهنمایی کنید چطور بهتره؟
@ali.bayat
در واقع هرجا به SEO نیاز باشه. اگر قرار بر پیاده‌سازی SSR باشه. بهتر کل کار رو با این روش انجام بدید
@davoodkhany
بله.. در تمام فریمورک هایی که از مفهوم virtual DOM استفاده شده. و Vue هم داره از virtual dom استفاده میکنه
