راکت
حل شده

آیا reactjs سئو رو خراب میکنه

7 پاسخ

سلام من یه پروژه عملی با ریکت ساختم و وقتی به یکی نشون دادم گفت آیا برای صفحه اصلی از html استفاده کردی یا خود ریکت که من از react استفاده کردم ایشون گفتن باید برای سئو قسمت هایی که اپلیکیشن نیست رو با ssr یا vanilla js کد بزنی.
شخصی دیگری هم گفت چه کاریه کل صفحات سایتو ssr بزن با next الان میشه راهنمایی کنید.

  1. آیا ریکت سئو خراب میکنه.
  2. اگر خراب میکنه باید کدوم قسمت صفحات رو ssr کرد یا اصلا راهش چیه.

@ali.bayat
@hesammousavi

ثبت پرسش جدید

پاسخ‌ها

7
علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

بهترین پاسخ

در واقع هرجا به SEO نیاز باشه. اگر قرار بر پیاده‌سازی SSR باشه. بهتر کل کار رو با این روش انجام بدید

علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

درود

برای اینکه دقیق تر متوجه بشید می تونید یک برنامه ری‌‌اکت رو‌ اجرا کنید. و در مرورگر از 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 رو اجرا نمی‌کنن

معایب

  • پیاده سازی سخت
  • کند شدن زمان ریسپانس (یکبار اجرا میشه سمت سرور ...)

راه حل:

Amir Hemmati
Amir Hemmati
@dev.amirhemmati1382

حالا کل قسمت های سایت ssr بشع یا اینکه فقط بعضی قسمت ها میشه راهنمایی کنید چطور بهتره؟
@ali.bayat

شاید پاسخ شما همین‌جا باشد

داود خانی
داود خانی
@davoodkhany

تخصص: برنامه نویس لاراول و متخصص سئو

@ali.bayat سلام تو ویو هم صدق می کنه این مطالب ؟؟؟؟؟؟؟؟؟؟؟؟؟؟

علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

@davoodkhany
بله.. در تمام فریم‌ورک هایی که از مفهوم virtual DOM استفاده شده. و Vue هم داره از virtual dom استفاده میکنه

داود خانی
داود خانی
@davoodkhany

تخصص: برنامه نویس لاراول و متخصص سئو

Javad Karimi
Javad Karimi
@javadkarimii

تخصص: فول استک

سلام به دوستان
@ali.bayat
لاراول و ری اکت را میشه به صورت ssr پیاده کرد؟

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام