السبت، 29 نوفمبر 2014

حصريا: جميع/أهم أوامر الميتا تاج Meta Tag التي يجب تواجدها في اي صفحة html
  • mohamed morabit, med morabit
  • محمد المرابط
السبت، 29 نوفمبر 2014

مرحبا بك أخي الكريم في هذا الدرس الحصري والجديد على مدونة مسترم.هذا الدرس عبارة عن تلخيص لأهم أوامر الميتا تاج في html أي انه موجه بشكل خاص الى مبرمجي الويب ,سنتطرق فيه الى ذكر جميع وأهم أوامر الميتا تاج Meta Tag التي يجب تواجدها في أي صفحة html على الأنترنت.
أوامر الميتا تاج تتواجد بمنطقة head في صفحة html وهي عديدة لا تعد و لا تحصى,لكن ما سنتطرق الى استعراضه هي الأوامر التي تلعب دور مهما في الموقع...
عندما نقوم بكتابة اي صفحة او موقع html فمن الضروري كتابة أوامر الميتا تاج Meta Tag في منطقة head التي توجد هي الأخرى داخل وسمي الــ<html></html>.لكن هذا الأمر لن نتطرق اليه فأي مبرمج مواقع يعلم بهذا.سنبدأ على بركة الله.

**********************************************
<meta charset="utf-8"/>
-هذا الأمر يقوم بتفعيل اللغة العربية في صفحة html وهو ضروري كتابته بالنسبة للمواقع العربية...
**********************************************
<meta name="viewport" conten="width=device-width, initial-scale=1"/>
-هذا الكود خاص بـحجم الشاشة عندما يتصفح محرك البحث موقعك
**********************************************
<meta name="description" conten="يتم وضع وصف الموقع هنا">
-هذا الأمر لوصف الموقع ,يتم فيه ذكر تخصص و هدف...الموقع ,يتم وضع الوصف في المكان الموضح بالأحمر
**********************************************
<meta name="keywords" conten="الكلمات المفتاحية للموقع"/>
-هذا الأمر ضروري جدا لمحركات البحث,حيث ان من خلال سيتعرف محرك البحث على تخصص موقعك وبالتالي توجيه الزوار الى موقعك من خلال الكلمات المفتاحية.
نقوم بكتابة الكلمات التي تكون من تخصص الموقع والتي سيبحث عنها الناس في محركات البحث.وتكتب على الشكل التالي:
**********************************************
<meta name="robots" conten="index,follow,archive,all"/>
هنا شرح للأوامر التي يمكن كتابتها داخل الميتا تاج Meta Tag:
- noindex : أي لا تؤرشف هذه الصفحة
- nofollow : لا تتبع الروابط(سيتم إتباع الروابط و لكن هذه الروابط ستحرم من كسب تصنيف الصفحة الـ (PageRank)  
- noarchive : لا توضع الصفحة في الكاش أو كنسخة مخبأة في Google
- none : اختصار للأوامر التالية : noindex, nofollow, noarchive اي لا تقم بأي شيء
- index : يمكنك أرشفة الصفحة (قيمة افتراضية)
- follow : اتبع الروابط (قيمة افتراضية)
- archive : يمكنك وضع الصفحة في الكاش أو كنسخة مخبأة
- all : اختصار للأوامر التالية : “index, follow, archive” 
- noodp : المعطيات الموجودة عن الصفحة في Dmoz لا يجب اعتبارها في عرض النتائج
- noydir : المعطيات الموجودة عن الصفحة في دليل Yahoo لا يجب اعتبارها في عرض النتائج
لا لاتزعج نفسك بهذه الأوامر,اهم ما يجب كتابته في صفحة html هو الميتا تاج الأول فقط.
**********************************************
<meta name="rating"  content="general"/>
-هذا الكود لتحديد الفئة المستهدفة و general تعني عام ,لكن يمكن تغيره ان كان موقعك للبالغين فقط او لصغار...
**********************************************
<meta name="author" content="Mohamed Morabit" />
-اكتب اسمك بالإنجليزي في المكان الموضح بالأحمر
**********************************************
<meta name="language" content="Arabic,English" />
-هذا الكود لتحديد لغة الموقع
**********************************************
<meta name="Country" content="Morocco" />
-ضع بلدك بالإنجليزي في المكان الموضح بالأحمر
**********************************************
<meta name="revisit-after" content="2 days" />
-هذا الكود يقوم بتحديد المذة التي سيعود فيها محرك البحث لتصفح جديد الموقع,ويمكن تغيير المدة الموضحة بالأحمر
**********************************************
<meta name="Copyright" content="2014 جميع الحقوق محفوضة لمسترم/>
-كود خاص بحقوق الملكية للموقع
**********************************************
<meta name="Abstract" content="ضع ماهية (هدف) الموقع بإختصار/>
-ضع في المكان الموضح بالأحمر هدف الموقع باختصار مثلا "مواكبة جديد التكنولوجية"
**********************************************
<meta name="Classification" content="تخصص الموقع/>
-لتحديد تخصص الموقع مثلا "شروحات تقنية...
**********************************************
<meta name="email" content="بريدك الإلكتروني/>
-ضع بريدك الإلكتروني في المكان المحدد بالأحمر مثلا "Morabit.pro@aim.com"
**********************************************
كما قلت سابقا هناك العديد من أوامر الميتا تاج Meta Tag لكن هذه أهمها,ومن الضروري تواجدها في اي صفحة html
قريبا سأتطرق الى استعراض جميع/احدث/أهم أوامر CSS بنسختها الثالتة CSS3...
لذا تابعنا على صفحة مسترم للإعلاميات في الفيس بوك لتوصل بجميع اخبار مدونة مسترم,وشكرا لك على حسن المتابعة
بقلم محمد المرابط




شارك الموضوع مع اصدقائك
mohamed morabit محمد المرابط
مصمم جرافيك و مطور ويب حر. حاصل على شهادة infographic design. مسوق بالعمولة سابق لدى شركة orange للاتصالات المغربية. لي خبرة 5سنوات في تطوير المواقع بالـ php , html5 , css3 , mysql , javascript ...