موضوع ال SEO مع  Flutter Web وهل هي مناسبه لمشاريع ال Web اللي معتمده بشكل رئيسي على الSEO ؟ 

 فلاتر ويب ما تنفع مع مواقع الويب اللي معتمده على عمليات البحث فقط لأنه سيئه في ال SEO 

- إذا كنت تريد بناء موقع web ويكن هذا الموقع غير معتمد إعتماد كلي على عمليات البحث و يكون سريع و شكله مميز من ناحية ال ui وال Animations  فخيارك الأول Flutter لانه تقدر تعمل اللي تريده باقل جهد وبأداء عالي وفي وقت قياسي  ولكن إذا كان موقعك معتمد إعتماد كلي على عمليات البحث ف Flutter Web مش الخيار الافضل ...... 

اولاً:- عيويب flutter web

1- تأخير وقت التحميل: يؤثر وقت تحميل موقع الويب بشكل كبير على تحسين SEO الخاصة. 

يعني بالبلدي أنه لما تعمل بحث عن أي موضوع في المتصفح يروح محرك البحث،  بالبحث عن الموضوع اللي بحثت عنه وإذا حصل أنه الموقع ما فتح معه بشكل سريع على طول يكنسله ويروح يبحث في موقع آخر .

2- تعد تطبيقات flutter web من نوع SPA :يعني  Single-Page-Application وطبعاً فلاتر ويب يستخدم ال SPA وتتم هذه العمليه بأنه  يقوم بتحويل كود فلاتر  إلى ( JavaScript - Css -Html) لإنشاء تطبيق ويب من صفحه واحده  وهذا الشي مش في صالح عمنا فلاتر😅

 لانه محركات البحث ماتقدر تزحف الى كل الصفحات الخاصه بموقعك بشكل سلس حتى ولو كنت مجهز كل الروابط في ملف ال sitemaps

3- ال  SSR  (Server-Side-Rendering) 

هذا الموضوع مهم جداً لتحسين ال SEO ولكن من جهه السرفر أي بمعني أنه لما تبحث يتم إنشاء صفحه ال HTML من جهه السرفر قبلما يوصل لقاعده البيانات ومن ثم يتم ترسال صفحه ال HTML إلى العميل اللي طلب هذا الطلب يعني إلى ال  (Server-Client-Rendering) وهذا الشي مش موجود في flutter كا built-in

4-  الوصول المحدود إلى ميزات الجهاز الأصلي،

5-  حجم التطبيق الكبير: وذلك لأن تطبيقات فلاتر ويب تتطلب حدًا أدنى  يبلغ 1.8 ميجابايت لـ HTML و2 ميجابايت إضافية لـ CanvasKit. يمكن أن يؤثر ذلك على سرعة التحميل وأداء تطبيق الويب الخاص بك،و خاصة على الأجهزة المنخفضة أو الشبكات البطيئة.

طبعاً ملاحضه :- يتم تحويل الويب الى نسختين ال HTML وهذا عملوها فريق فلاتر عشان يشتغل الموقع على متصفحات الدسك توب ، والنسخه الثانيه CanvasKit وهذه النسخه تعمل على أجهزة الموبايل

6-الأداء الأبطأ مقارنة بتطبيقات الويب الأصلية:

كمان هذه بعض الروابط للي يحب يعرف عن هذا الموضوع اكثر 

https://www.youtube.com/watch?v=U-C9w5QSkjw

https://github.com/flutter/flutter/issues/46789

https://www.quora.com/How-is-the-Flutter-web-good-with-SEO

https://youtu.be/we8IcgGrdfQ

طبعا Flutter Web ليس سيء جدًا جدًا جدًا لأنه اصلا تم بناء به مواقع رهيبه ولكن فلاتر ويب يتطلب منك خبره عاليه جدًا جدًا لطريقه عمل flutter web 

ومن أهم المواقع التي تم بنائه بواسطه flutter :

إعلانات Google، وXianyu by Alibaba، وHamilton، وRive، وSupernova هي بعض الأمثلة لتطبيقات الويب التي تم إنشاؤها باستخدام Flutter

لذلك، قبل أن تقرر استخدام Flutter Web، تحتاج إلى الموازنة بين الإيجابيات والسلبيات، والنظر في متطلبات وأهداف مشروعك، وتقييم البدائل لاستخدامه

 ولكن ممكن أنك تحسن من ال SEO فيها وبشرح الحين  بعض الطرق لكيفية تحسين ال SEO مع Flutter و استخدمتها انا وفرقت معي،   يلا نبدأ

1- استخدم  Semantics  هذه widget موجوده في فلاتر 

هذا الرابط تبعه

Semantics: https://youtu.be/NvtMt_DtFrQ

هي بتحسن من ال Seo وما بشرح عنه اكثر لانه سهله جدا

2- اهتم بموضوع أنك تختار كلمات مفتاحيه على حسب عمل الموقوع واختار كلمات مافيش عليها تزاحم في الطلبات في نفس المنطقه ، كمان في مواقع تساعد على إختيار الكلمات المفتاحيه و اشهرها 

https://www.semrush.com/   

 https://ads.google.com/home/tools/keyword-planner/

3- اهتم بشكل كبير في موضوع ال Responsive في موقعك لأنه هذا الشي يعطي إنطباع جيد عن موقعك لمحرك البحث .وهذا موقع تبع جوجل بيعطيك المشاكل اللي في موقعك ويجيب لك الحلول 

 https://search.google.com/

4- انتبه تعمل صوره بدقه عاليه في الواجهه الرئيسيه لأنها با تثقل في فتح الموقع بشكل كبير ويستحسن أنه تكن من نوع svg عشان موضوع ال zoom عشان ما تتغير الدقه تبع الصوره لانه حجم البكسلات تبع الصوره تتشوه عند عمل zoom والصوره مش من نوع svg 

3- انتبه لتسميه الصفحات وخلي بالك تسوي نفسك شاطر وتعمل وصف للصفحه باشياء مش موجود فيها . لكن بوت جوجل اللي يعمل rendering للصفحات با يحصل أنك تعمل وصف مش موجود في الصفحه وهذا الشي با يكون نواتجه سلبيه لموقعك مثال على هذا الشي 

مثلا انت معك صفحه مأكولات وانت تقوم بسرد عدد كبير من المأكولات  وكمان تضيف بعض المشروبات الى الوصف تبع هذه الصفحه برغم انه هذه الصفحه مالها علاقه بالمشروبات وهذا الشي غلط.

4- اهتم بتسميه روابط الصور يعني اعمل مسميات للصور على حسب شكل الصوره مثلا معك صوره فراوله و انت تروح تسوي اسمها image1 او myImage هذا الشي غلط المفروض تسميها Strawberry.

5-  اهتم بموضوع التنقل بين الازرار من الكيبورد تبع الكمبيوتر ..... انت بتقول لي طب ليه اسوي هذا الشي ؟ بقلك عشان في اناس كفيفين ممكن يستخدموا الموقع واذا كنت مسوي هذا الشي فاكيد با تكون نقطه ايجابيه لموقعك .

6- انتبه توقف ميزة ال zoom in عشان في ناس عندهم ضعف نظر ويريدو يعملوا تكبير لحجم النصوص مثلا .

في أشياء كثيره جدًا جدًا لو ضليت اشرحه ما بتخلص

ولكن اللي يشتي يوسع معرفته ممكن يدخل على هذه الرابط ويقراء أكثر 

https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=en