recent
أخبار ساخنة

اكواد الميتا meta tag في لغة html الدرس|4|

الصفحة الرئيسية

التعرف على اكواد وسم meta

الـ meta tag هي من أهم الأشياء في النسبة لمحركات البحث فهي تسهِّل الأمر لمحركات البحث على الزائر, تخيَّل معي أنك الآن الزائر للموقع و ليس المبرمج أول شيئ سوف تفعله الدخول على أي محرك بحث و تبحث عن الموضوع الذي تريده على سبيل المثال Programmer Tech.

هل سألت نفسك في يوم من الأيام لماذا محرك البحث قام بجلب كل المواقع المتعلقه ببحثك فقط ؟ و لماذا لم يأتي بجميع المواقع الموجوده في العالم الإفتراضي؟

اكواد الميتا تاغ تُعرّف محركات البحث أن موقعك يقوم بنشر شيئ معين كما طلبت أنت من هذا المحرك, على سبيل المثال موقعك يتحدث عن البرمجة يجب أن يكون في اكواد الميتا تاغ بنفس إسلوب الموقع, لا ينفع أن يكون موقعي يتحدث عن البرمجة و أنا اكتب داخل اكواد الميتا تاغ أمن المعلومات هذا ليس مقبول, محركات البحث تعرف أنك تتحدث عن البرمجة و هذا ما تم كتابتة في اكواد الميتا تاغ.

كيف ستكتب مقال عن البرمجة و يظهر في محركات البحث ؟

الإجابة هنا أخي في برمجة الويب أو بناء المواقع, طبعاً اكواد الميتا تاغ موجودة, و يكون موقعها داخل وسمين <head> </head> هنا يتم كتابة اكواد الميتا تاغ. 
في بعض الأحيان اريد أن اكتب موقع باللغة العربية, في الدرس السابق تحدثت عن العنوان أو title و نعرف كُلنا مكانه وهو ايضاً يُساعد محركات البحث من خلال هذا العنوان, لا ينفع أن يكون الموقع يتحدث عن البرمجة و أنا اكتب في عنوان الموقع سياسة أو دواجن أو محروقات و غيره, هكذا غباء الموقع يتحدث عن البرمجة كيف أضع في العنوان سياسة أو غيره و هو لا يتحدث عن السياسة وكذلك العكس صحيح مثال علي ذلك.
<html>
<head>
<title> Programmer Tech </title>
</head>
<body>
</body>
</html>

شرح المثال السابق

في المثال السابق تم وضع عنوان الصفحه يخص البرمجة Programmer Tech و هكذا سوف يعرف محرك البحث أن هذا الموقع خاص بالبرمجه.

كما ذكرت سابقاً أني اريد كتابة موقع باللغة العربية و ستواجهك مشاكل في بعض الأحيان في كتابة اللغة العربية هناك متصفحات لا تعرف اللغة العربية مثل firefox وغيره و أنت كمبرمج مواقع, موقعك سيظهر في جميع محركات البحث و لا يجب أن يظهَر موقعك في بعض المتصفحات فقط, لأنك لا تعرف من أين سيبحث الزائر على موقعك, تخيل معي إن بحث على محرك بحث لا يقبل اللغة العربية كيف سيكون الخطئ ؟

لاحظ كلمة احمد قيصر لم تظهر باللغة العربية على متصفح internet Explorer


لكنها ستظهر بشكل صحيح على google chrom كما في الصورة التالية

لم يختلف شيئ نفس الكود لكن متصفح internet Explorer لا يقبل اللغة العربية عكس google chrom يقبل اللغة العربية, و أنت كمبرمج لا تعرف من أي محرك بحث سوف يدخل الزائر لموقعك, و لتفادي هذه المشكلة الحل هو عن طريق اكواد الميتا تاغ كما في المثال التالي :
<html>
<head>
<meta charset="utf-8">
<title> Programmer Tech </title>
</head>
<body>
</body>
</html>

بعد تعريف المتصفح اني اريد كتابة اللغة العربية في السورس كود من خلال الوسم meta charset و مهمته أننا نقول للمتصفح إستخدم اللغة العربية من خلال خاصية utf-8 و يتم التعرف على اللغة العربية في كل المتصفحات كما في الصورة التالية

ناتي الآن إلى وصف الموقع وهذا يساعد ايضاً محركات البحث في التعرف على محتوى موقعك من خلال وصف الموقع, دعني اعرفك على وصف الموقع و هذه الأكواد لا تظهر من خلال page source دعني أجلب لك صوره عن وصف موقع على سبيل المثال أنا ابحث على جوجل على مستشفى, سيأتي البحث لي بمجموعة من المستشفيات وجميعها لها وصف أو نبذه تعريفية عن ما يقدمه الموقع مثل هذه الصورة.

ويكون هذا الوصف او النبذة مكتوبة ضمن وسم ال meta كما في الصورة التالية

يتضح من الصورة السابقة كيف يمكنني ان اكتب النبذه التعريفية عن الموقع من خلال content وهناك اكواد ايضاً تُكتب في رأس الصفحة head وهناك بعض الأوسمة مثل style الخاصة بتنسيق css و script الخاصة بـ javascript وسنتعرف عليهم في الدورات الخاصة بهم لاحقاً.

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

لقد قمنا بإنشاء ملف style.css في نفس المجلد الموجود عليه kaissar.html و قمنا بإستعمال الوسم link لنقوم بإستحضار ملف أو أي شيئ نُريده فقط نضع المسار بين ""=href , نحن فقط اليوم نشرح لكم الأوسمة الموجوده داخل راس الموقع التي هي head بشكل بسيط للتعرف عليها.
google-playkhamsatmostaqltradent