Meta Tags
هدير
ما هو Meta Tags؟
ما هي الميتا تاج (Meta Tags)؟
العلامات الوصفية هي وسم ميتا تاج (Meta Tags) هي أجزاء من كود HTML توفر معلومات وبيانات وصفية (Meta Data) لمحركات البحث والمتصفحات، هذه الأكواد لا تظهر للمستخدمين العاديين عند تصفح الموقع، لكنها تلعب دور مهم في تحسين محركات البحث (SEO) وظهور الموقع في نتائج البحث لأنها تُستخدم في تحديد وصف الصفحة والتحكم في فهرستها في محركات البحث.
إليك مثال على العلامات الوصفية ميتا تاج في صفحة ويب:
<head>
<meta charset="UTF-8">
<meta name="description" content="دليل تعلم السيو من لينكاوي: يحتوي هذا الدليل على كل ما تحتاجه لفهم وتعلم أساسيات السيو والبدء في تحسين محركات البحث">
<meta name="robots" content="noarchive">
</head>هذا الكود يخبر المتصفح ومحركات البحث أن ترميز الأحرف للصفحة هو UTF-8، ويحدد وصف الصفحة لمحركات البحث ومواقع التواصل الاجتماعي، ويطلب من محركات البحث عدم تخزين نسخة من الصفحة.
أهم أنواع الميتا تاج
هناك العديد من علامات الميتا تاج المخصصة لمحركات البحث والعملاء المختلفين، هنا سنغطي تلك المهمة لتحسين محركات البحث (SEO) والتي تفهمها محركات البحث مثل جوجل.
1. Meta Title (عنوان الصفحة)
يظهر في عنوان المتصفح وفي نتائج البحث.
ويُفضَّل أن يحتوي على الكلمة المفتاحية الرئيسية ولا يتجاوز 60 حرف.
مثال:
<title>دليل تعلم تحسين محركات البحث- لينكاوي/title>2. Meta Description (وصف الصفحة)
مسؤل عن عرض ملخص مختصر لمحتوى الصفحة يظهر تحت العنوان في نتائج البحث.
يُفضل أن يكون بين 150-160 حرفًا، ويحتوي على CTA (دعوة لاتخاذ إجراء) مثل “تعرف على المزيد”.
مثال:
<meta name="description" content="يحتوي هذا الدليل على كل ما تحتاجه لفهم وتعلم أساسيات السيو والبدء في تحسين محركات البحث."/>3. Meta Robots (وسم التحكم في الأرشفة)
يحدد ما إذا كان يمكن لمحركات البحث فهرسة الصفحة وأرشفتها أم لا.
مثال:
# index, follow (السماح بالفهرسة وتتبع الروابط)
<meta name="robots" content="index, follow"># noindex, nofollow (منع الفهرسة وعدم تتبع الروابط).
<meta name="robots" content="noindex, nofollow">4. Meta Keywords (الكلمات المفتاحية الوصفية)
كانت تُستخدم سابقًا لإخبار محركات البحث بالكلمات المفتاحية المرتبطة بالمحتوى، ولم تعد Google و Bing تستخدمانها لتحديد ترتيب الصفحات. ومع ذلك، لا يزال بإمكانك استخدامها لأغراض أخرى، مثل محركات البحث الداخلية لبعض المواقع.
مثال:
<meta name="keywords" content="SEO, تحسين محركات البحث, تسويق رقمي, كلمات مفتاحية, سيو">Google أوقفت دعمها منذ 2009 بسبب إساءة استخدامها في “حشو الكلمات المفتاحية” (Keyword Stuffing)، ولم يعد لها تأثير على الترتيب في نتائج البحث.
5. Meta Viewport (تحديد عرض الصفحة)
يُستخدم لضبط عرض الصفحة على الأجهزة المختلفة، خاصةً الهواتف الذكية.
مثال:
<meta name="viewport" content="width=device-width, initial-scale=1">6. Meta Charset (تحديد ترميز النص)
يحدد ترميز الأحرف لضمان ظهور النصوص بشكل صحيح، خاصةً في اللغات غير اللاتينية.
مثال:
<meta charset="UTF-8">7. Meta Refresh (إعادة التوجيه التلقائي)
يُستخدم لإعادة توجيه المستخدم إلى صفحة أخرى بعد مدة محددة.
مثال:
<meta http-equiv="refresh" content="5; url=https://example.com">(هذا الكود ينقل المستخدم بعد 5 ثوانٍ إلى الصفحة المحددة).
لماذا تعتبر علامات الميتا مهمة لتحسين محركات البحث (SEO)؟
علامات الميتا جزء مهم من تحسين محركات البحث، حيث توفر معلومات لجوجل عن محتوى صفحة الويب، وتتحكم في الفهرسة والزحف، ويمكن أن تغير طريقة ظهور الصفحة في نتائج البحث.
أسئلة شائعة
هل لا يزال إستخدام الكلمات الوصفية (Meta Keywords) مفيد؟
ما هي عناوين الميتا تايتل (Meta Title)؟
