مقدمة في HTML Meta العلامات: الوظائف والتطبيقات

العلامات الوصفية في HTML هي عناصر تستخدم لتوفير معلومات البيانات الوصفية حول صفحة الويب. لا يتم عرضها مباشرة على صفحة الويب ، لكنها تلعب دورًا مهمًا في توفير المعلومات لمحركات البحث ومتصفحات الويب. فيما يلي بعض العلامات الوصفية المهمة ووظائفها:

 

Meta Title بطاقة شعار

<title>

الوظيفة: تحدد عنوان صفحة الويب المعروضة في شريط عنوان المتصفح.

ملاحظة مُحسّنات محرّكات البحث: يجب أن يحتوي عنوان الصفحة على كلمات رئيسية ذات صلة بمحتوى الصفحة بينما تكون جذابة وموجزة لجذب المستخدمين.

 

Meta Description بطاقة شعار

<meta name="description" content="Web page description">

الوظيفة: توفر وصفًا موجزًا ​​لمحتوى صفحة الويب.

ملاحظة تحسين محركات البحث: يجب أن يلخص الوصف محتوى الصفحة ويحث المستخدمين على النقر فوق نتائج البحث. حدد الوصف بحوالي 150-160 حرفًا.

 

Meta Keywords بطاقة شعار

<meta name="keywords" content="keyword1, keyword2, keyword3">

الوظيفة: يسرد الكلمات الرئيسية المتعلقة بمحتوى صفحة الويب.

ملاحظة تحسين محركات البحث: يجب أن تكون الكلمات الرئيسية وثيقة الصلة بمحتوى الصفحة وتجنب التكرار المفرط. ومع ذلك ، لاحظ أن علامة الكلمات الرئيسية الوصفية لم تعد تعتبر مهمة من قبل محركات البحث.

 

Meta Robots بطاقة شعار

<meta name="robots" content="value">

الوظيفة: تحدد سلوك برامج زحف محركات البحث لصفحتك على الويب.

القيم المشتركة: "الفهرس"(يسمح بفهرسة محرك البحث) ، "nofollow"(لا يتبع الروابط على الصفحة) ، "noindex"(لا يفهرس الصفحة) ، "noarchive"(لا يخزن نسخة مخبأة من الصفحة).

 

Meta Viewport بطاقة شعار

<meta name="viewport" content="value">

الوظيفة: تحدد حجم العرض ومقياس منفذ العرض لصفحة الويب الخاصة بك على الأجهزة المحمولة.

القيمة المشتركة: "width = device-width، initial-scale = 1.0"(تمكن صفحة الويب من التكيف مع حجم شاشة الجهاز ومقياسها).

 

Meta Charset بطاقة شعار

<meta charset="value">

الوظيفة: تحدد ترميز الأحرف لصفحة الويب الخاصة بك.

القيمة المشتركة: "UTF-8"(ترميز الأحرف متعدد اللغات الأكثر استخدامًا).

 

Meta Author بطاقة شعار

<meta name="author" content="value">

الوظيفة: يحدد المؤلف أو منشئ المحتوى لصفحة الويب.

القيمة: اسم المؤلف أو منشئ المحتوى.

 

Meta Refresh بطاقة شعار

<meta http-equiv="refresh" content="value">

الوظيفة: تحديث أو إعادة توجيه صفحة الويب تلقائيًا بعد فترة زمنية محددة.

القيمة: عدد الثواني وعنوان URL المطلوب إعادة التوجيه ، على سبيل المثال: <meta http-equiv="refresh" content="5;url=https://example.com">(تحديث الصفحة بعد 5 ثوانٍ وإعادة التوجيه إلى عنوان URL " https://example.com ").

 

توفر هذه العلامات الوصفية معلومات مهمة لمتصفحات الويب ومحركات البحث لفهم صفحة الويب الخاصة بك ومعالجتها بدقة. استخدمها بشكل مناسب لتحسين موقع الويب الخاص بك وتحسين تجربة المستخدم.

 

بالإضافة إلى ذلك ، إليك بعض الاعتبارات المهمة لضمان امتثال مُحسّنات محرّكات البحث للعلامات الوصفية

  1. قم بإنشاء عناوين وأوصاف مقنعة تشجع المستخدمين على النقر فوق نتائج البحث.

  2. استخدم ذات الصلة keywords في title ، description ومحتوى صفحة الويب.

  3. تجنب استخدام التكرار المفرط للكلمات الرئيسية في العلامات الوصفية.

  4. تأكد من الطول المختصر والمعقول للوصف ، حوالي 150-160 حرفًا.

  5. الحد من استخدام علامة الكلمات الرئيسية الوصفية لأنها فقدت أهميتها في تصنيفات محرك البحث.

  6. حدد العلامات الوصفية الفريدة لكل صفحة ويب وتأكد من أنها تعكس محتوى الصفحة بدقة.

  7. استخدم أدوات تحليل تحسين محركات البحث للتحقق من العلامات الوصفية لصفحة الويب وتحسينها.

تذكر أن مُحسّنات محرّكات البحث لا تعتمد فقط على العلامات الوصفية ولكن أيضًا على عوامل أخرى مثل بنية عنوان URL وجودة المحتوى والارتباط الخارجي.