DOM چیست؟
مخفف Document Object Model. همون کد هایی هست که زمانی که در مرورگر وب کلیک راست می کنید و Inspect می زنید، قابل مشاهده هست. کد هایی که در بخش Elements هست. این کد ها با رفتار کاربر درصفحه یا بعد از لود شدن صفحه، ممکنه تغییر کنه.
Source چیست؟
سورس صفحه همون کلید Ctrl + U که بخش view-source صفحه جاری رو نشون میده هست. تمام کد هایی که در این بخش نمایش داده میشه Source هست.
تفاوت DOM و Source چیست؟
در سورس صفحه، که معمولا گوگل و موتور جستجو فقط این بخش رو در اکثر موج های خزش(Crawl) می بینه، هیچ جاوااسکریپتی اجرا نشده. هیچ استایل و CSS اعمال نشده. هیچ چیزی غیر از سمت سرور، بارگزاری نشده. کاربر هنوز هیچ کلیکی نکرده و هیچ رخداد یا Event صدا زده نشده. هیچ کدی اجرا نشده. هرچه هست، پاسخ اولیه ای هست که از سمت سرور روی مرورگر اومده و قابل تغییر نیست مگر با درخواست و ریفرش مجدد از سمت سرور. روی مرورگر با کلیک یا هر عملی چیزی تغییر نمی کنه در سورس. عملا مرحله قبل تر از این هست که محیط برای کاربر آماده بشه و هیچ چیز به صورت بصری قابل نمایش نیست و مرحله قبل از Render هست. اما DOM برعکس همین هاست. کد ها اجرا شدند. کد ها ممکنه تغییر کنند تا حدی. استایل ها و javascript ها اجرا شدند و امکان اجرای مجدد دارند. event ها اجرا شدند یا میتونن اجرا بشن. استایل ها اعمال شده.
در سئو محتوای اصلی باید در سورس باشه یا DOM؟
قطعا در source. اینجاست که بحث سئو سایت های مبتنی بر جاوااسکریپت و مباحث مرتبط با Server Side Rendering مطرح میشه. این ویدیو، یکی از ویدیو ها از فصل های سئو تکنیکال از دوره جامع سئو هست.