طرق ال Rendering وال Technical SEO

ليه المرحلة دي مهمة

اختيار ال HTML بيتعمل فين وإمتى من أهم القرارات المعمارية في أي App frontend. بيحدد ال Performance وال SEO وفاتورة ال Hosting.

تتعلم إيه

1. لازم تعرفه

   ال Rendering patterns

   علّم إنه خلص

   Client-side rendering و Server-side rendering و Static generation و Incremental regeneration و Streaming و Hydration و Islands. وكل واحد ليه تمن.

   تبقى خلصته لما

   • لأي صفحة تقدر تختار Rendering strategy وتدافع عن اختيارك.
   • عارف ال Hydration بتكلّف إيه وإزاي تقللها.

   المصادر

   • patterns.dev — Rendering Patternsمقالة
2. لازم تعرفه

   ال Technical SEO

   علّم إنه خلص

   HTML يقدر ال Crawler يقراه، و Canonical URLs، و Sitemaps، و robots.txt، و hreflang للمواقع اللي بأكتر من لغة، و Structured data (JSON-LD)، و Open Graph images.

   تبقى خلصته لما

   • المحتوى المهم عندك موجود في ال HTML اللي جاي من ال Server، مش بعد ما ال JavaScript يشتغل بس.
   • عملت validate لل Structured data ب Rich Results Test بتاع Google.

   المصادر

   • Google Search Central — JavaScript SEO basicsDocs
   • Rich Results Testتمرين

أخطاء شائعة

• إنك تبني موقع محتوى ك SPA على ال Client بس، وتستغرب ليه مش بيظهر في البحث.
• إنك تخلي كل الصفحات dynamic وأغلبها كان ممكن يبقى static.