353
Subscribers
+424 hours
+307 days
+12330 days
Posts Archive
- تحديد الوصف
<meta name="description" content="" >
له عدة فوائد منها
#اولاً
يقوم بتعريف مجالك ونبذة بسيط عن موقعك لمحركات البحث عشان تقدر تطلع موقعك في نتائج البحث في حال شخص بحث عن شي بتقدمة
#ثانيا
مثل ما لاحظتو في الملخص الصفحة 11
( شغلتكم بالملخص داري 😅 )
ان المحتوى اللي يكتب فيه يظهر للشخص اللي بحث عشان يقدم له نبذة بسيطة عن موقعك ويعرفه بمجالك
وبهذا نستنتج بأن فائدتة تنعكس على محركات البحث والزوار
بعد ماتعرفنا على تحديد الترميز في meta الان ننتقل للشي اللي فعليا بيخلي محركات البحث تطلع موقعك للناس اللي يبحثو
تخيل معي الان اننت او انتي سويتو موقع كمثال للتعليم
كيف بيعرف محرك البحث مجال الموقع اللي سويته
كيف بيعرف ايش بتقدم من نوع محتوى
وكيف بيطلع موقعك لشخص بحث عن مواقع تعليم وهوه مش عارف ان هذا مجال موقعك
العنصر اللي بيعرف محركات البحث مثل google وغيرها ايش موقعك وماهو محتواه هوه العنصر
#ملاحظة
ليس المعنى بأن اللغة العربية مدعومة في الترميز المعتمد في المتصفحات الحديثة بانحنا ماعاد احنا بحاجه له
انت لما تسوي موقع بتحاول تستهدف اكبر قدر ممكن من الزوار لها بدون ما يظهر لهم خطأ يفقدهم ثقتهم بموقعك وسمعتك تروح وزياراتك تقل
وبدون هذا الامر ما بتظهر اللغة العربية في الموقع لاصحاب المتصفحات القديمة
لذالك يستحسن تحطة عشان يشتغل موقعك بكفاءة في كل الاجهزة والبرامج
- تحديد الترميز
<meta charset="" >
طبعا الاغلب لما شافو هذه النقطة في الملخص ما فهمو ايش فائدتها بالرغم من انها لو قبل كم سنه عتعتبر شي عظيم ومهم جداً
من الممكن في خطوة كتابة اسمائكم في body ان البعض كتبها باللغة العربية
ومن الممكن برضو ان اللي كتبوها باللغة العربية ما بانت اسمائهم
#كيف_لوما (من يذكرها 😂💔 )
هذه كانت مشكلة رائجة جداً الى قبل سنتين تقريباً عند الاشخاص اللي بيبدأو في التطبيق
سبب المشكلة
هو ان الترميز المعتمد او ال regular الخاص بأي صفحة ويب لايدعم اللغة العربية
ايش معنى ترميز ؟
الترميز هو التشفير اللي بيطلع لنا الحروف والارقام والاشكال الل بتشوفوها الان
تتذكرو من سنة اولى الاسكي كود
كل رقم يرمز لرمز او حرف معين ؟
الاسكي كود نوع من انواع الترميز ومع الاسف هوه برضو مايدعم اللغة العربية زي ما شفتو يدعم فقط الانجليزية 🥲
حل المشكلة
بكل بساطة ان نقوم بتغيير نوع الترميز المستخدم في صفحة الويب الخاصة بنا لنوع ترميز يدعم اللغة العربية وهذا الترميز هوه الترميز المعروف
UTF-8
وبنقوم بإستخدام العنصر ميتا للقيام بهذه العملية
بهذا الشكل
<meta charset="UTF-8" >
او حتى بهذا الشكل
<meta charset="UTF-8" />
( مش فارقة اذا كتبتها بالحروف الكبيرة او الصغيرة )
بس من الممكن بعضكم يكون كتب بالعربي بدون ما يغير الترميز ومع هذا بانت في الصفحة مع ان حتى في فيديوهات الزيرو ( اللي على فكرة مفيدة جدا تشوفوها ) حصلت معه المشكلة بالرغم من ان فيديوهاته في ٢٠٢١
السبب بان الترميز المعتمد ربما الان قدهوه UTF-8 في المتصفحات الحديثة #تأكدو_من_النت
نبدا الان نذكر الخصائص والاشياء اللي بيقوم بها عنصر meta بالتفصيل وكيف عنقدر نخليها تخلي موقعنا يكتسح مرات الظهور في قوقل
فائدة هذا عظيمة وبدونة صفحة الويب نستطيع نقول عليها دون اي فائدة ومحد عيقدر يحصلها في النت
بمعنى لو ما استعملته اعتبر صفحة الويب حقك صورة في حقك الاستديو محد عيبسرها 😶💔
من فوائد هذا العنصر التعريف بالوصف ومجال الموقع ووضع الكلمات المفتاحيه لمحركات البحث بحيث تطلع موقعك في نتائج البحث وايضا تحديد الترميز ( اللي بنتعمق فيه بعد هذه الرساله ) وحتى وضع الحقوق على موقعك وكثير كثير من الاشياء فقط بهذا العنصر 🤍
من بعد اطلاعكم على الملخص المذكور سابقا اعتقد بأن الكلام الطويل لا حاجه منه الا في النقاط العملية
السلام عليكم
اعذروني على التأخر في الوقت
اليوم بنركز على اول عنصر مهم في ال head وهوه الميتا
قبل ما نبدأ فيه لابد ما تراجعو هذا الملخص صفحة 10 وصفحة 11
https://t.me/IS_SysAnalysts_24/1354
#الخطوة_الثالثة
بداية التعرف عل ال
<head> </head>
في هذا القسم عنتعرف على بعض خصائص ال head والحاجات اللي بيحتويها واللي زي ما ذكرنا سابقا هو عباره عن القسم الي بيحتوي على كافة تفاصيل ومعلومات الصفحة وما يظهر في الصفحة
ارجع ل vs code وادخل الملف فيه وجرب اكتب اسمك
بين علامتي body
Hix
وسوي حفظ ب ctrl+s وارجع للمتصفح اللي فيه الصفحة وسوي لها تحديث
بيظهر في الصفحه
اخرج امد من vs code وروح للمجلد حقك اللي انشأت وادخله
بتشوف داخله ملفك index اللي انشأناه
وحقة اللوقو زي لوقو المتصفح
افتحه بتشوفة دخلك للمتصفح
هذه الان تعتبر صفحة ويب
