علامات الميتا (Meta Tags) هي لغة سرية بين موقعك ومحركات البحث، تخبر جوجل وزوارك عما يدور في صفحاتك وتؤثر بشكل مباشر على ظهورك في النتائج الأولى. فهمك لهذه العلامات يعني سيطرتك على مصير موقعك في محركات البحث، فبعضها حاسم للترتيب والبعض الآخر يحسن ظهورك على وسائل التواصل أو يمنع الأخطاء التقنية. دعنا نغوص في عالم الميتا تاج و السيو لنعرف كيف تعمل كل علامة ومتى تستخدمها.
ما هي علامات الميتا (Meta Tags) ولماذا هي أساسية لتحسين محركات البحث (SEO)؟
علامات الميتا هي أجزاء صغيرة من التعليمات البرمجية تختبئ في قسم <head> بموقعك. لا يراها الزوار مباشرة لكنها حيوية لمحركات البحث. تخيلها كبطاقة تعريف لصفحتك تقدمها لجوجل. بعضها إلزامي والبعض تحسيني، لكن مجتمعة تشكل أساس السيو داخل الصفحة .
الكود الكامل للميتا تاج
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<!-- تعريف الترميز -->
<meta charset="UTF-8">
<!-- Meta Tags أساسية -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- SEO الأساسية -->
<title>عنوان الصفحة هنا</title>
<meta name="description" content="وصف مختصر ومفيد لمحتوى الصفحة">
<meta name="keywords" content="كلمة مفتاحية 1, كلمة مفتاحية 2, كلمة مفتاحية 3">
<meta name="author" content="اسم المؤلف">
<!-- Open Graph (لوسائل التواصل الاجتماعي) -->
<meta property="og:title" content="عنوان المشاركة">
<meta property="og:description" content="وصف المشاركة">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="اسم الموقع">
<meta property="og:locale" content="ar_AR">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@اسم_المستخدم">
<meta name="twitter:creator" content="@اسم_المؤلف">
<meta name="twitter:title" content="عنوان التغريدة">
<meta name="twitter:description" content="وصف التغريدة">
<meta name="twitter:image" content="https://example.com/image.jpg">
<!-- الروبوتات والفهرسة -->
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta name="bingbot" content="index, follow">
<!-- التوجيه وإعادة التوجيه -->
<meta http-equiv="refresh" content="30">
<meta http-equiv="refresh" content="5; url=https://example.com/new-page.html">
<!-- الأمان -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<meta http-equiv="X-Content-Type-Options" content="nosniff">
<meta http-equiv="X-Frame-Options" content="DENY">
<meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin">
<!-- الأداء -->
<meta http-equiv="Cache-Control" content="max-age=31536000">
<!-- التطبيقات والجوال -->
<meta name="theme-color" content="#000000">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="اسم التطبيق">
<meta name="application-name" content="اسم التطبيق">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-config" content="/browserconfig.xml">
<!-- أخرى -->
<meta name="generator" content="اسم المنصة أو CMS">
<meta name="rating" content="general">
<meta name="copyright" content="حقوق النشر © 2024">
<meta name="reply-to" content="email@example.com">
</head>
<body>
محتوى الصفحة
</body>
</html>- السيو على الصفحة : الجانب التقني الذي يجهز موقعك لفهم محركات البحث.
- توجيه الزحف: تخبر العناكب أي صفحات تزحف وأيها تتجاهل.
- تحسين الظهور: تحسن كيفية ظهور عنوانك ووصفك في نتائج البحث.
- تحسين المشاركة: تتحكم في شكل منشورك عند مشاركته على فيسبوك أو تويتر.
دليل تصنيف علامات الميتا: من الأهم إلى المهم
لنرتب العلامات حسب أولويتها لتطبيقك الفعلي:
| الأولوية | نوع العلامات | الغرض الرئيسي | التأثير المباشر على الترتيب |
|---|---|---|---|
| عالية جدًا | العنوان (Title)، الوصف (Description)، العرض (Viewport) | الفهرسة والظهور الأساسي والتجربة على الجوال | مباشر وقوي |
| عالية | الروبوتات (Robots)، الكانونيكال (Canonical) | التحكم في الزحف ومعالجة المحتوى المكرر | غير مباشر لكن حاسم (منع العقوبات) |
| متوسطة | Open Graph، Twitter Cards | تحسين المشاركة الاجتماعية والمظهر الغني | صفر على الترتيب، لكنه يؤثر على معدل النقر (CTR) |
| منخفضة | المؤلف (Author)، المولد (Generator)، الترميز (Charset) | معلومات إضافية وتوافق تقني | ضئيل أو معدوم |
هذه العلامات لا غنى عنها لأي صفحة على موقعك.
الشرح التفصيلي لكل نوع
1. تعريف الترميز (Character Encoding)
<meta charset="UTF-8">الشرح: يحدد ترميز الأحرف للصفحة. UTF-8 هو المعيار العالمي الذي يدعم جميع اللغات بما فيها العربية.
2. Meta Tags الأساسية
<meta name="viewport" content="width=device-width, initial-scale=1.0">الشرح: يجعل الموقع متجاوبًا مع جميع أحجام الشاشات. width=device-width يجعل العرض يساوي عرض الجهاز، وinitial-scale=1.0 يحدد مستوى التكبير الافتراضي.
<meta http-equiv="X-UA-Compatible" content="IE=edge">الشرح: يفرض على Internet Explorer استخدام أحدث إصدار لمحرك التصيير.
3. SEO (تحسين محركات البحث)
<meta name="description" content="وصف مختصر لمحتوى الصفحة">الشرح: يظهر في نتائج محركات البحث تحت العنوان. يجب أن يكون جذابًا ويصف محتوى الصفحة بدقة.
<meta name="keywords" content="الكلمات المفتاحية">الشرح: كلمات مفتاحية مرتبطة بمحتوى الصفحة (لم تعد تستخدمها جوجل بكثرة ولكن بعض المحركات الأخرى تستخدمها).
<meta name="author" content="اسم المؤلف">الشرح: يحدد مؤلف محتوى الصفحة.
4. Open Graph (لوسائل التواصل الاجتماعي)
<meta property="og:title" content="عنوان المشاركة">
<meta property="og:description" content="وصف المشاركة">
<meta property="og:image" content="رابط الصورة">
<meta property="og:url" content="رابط الصفحة">
<meta property="og:type" content="نوع المحتوى">الشرح: تحدد كيف تظهر المشاركة عند مشاركتها على Facebook، LinkedIn وغيرها. og:type يمكن أن يكون website, article, video وغيرها.
5. Twitter Cards
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@حساب_twitter">الشرح: تحدد كيف تظهر التغريدة عند مشاركة الرابط على Twitter. summary_large_image تعرض صورة كبيرة مع الملخص.
6. الروبوتات والفهرسة
<meta name="robots" content="index, follow">الشرح: توجه محركات البحث لفهرسة الصفحة (index) واتباع الروابط فيها (follow).
noindex: لا تفهرس الصفحةnofollow: لا تتبع الروابطnoarchive: لا تحفظ نسخة مخبأة
7. التوجيه وإعادة التوجيه
<meta http-equiv="refresh" content="30">الشرح: تعيد تحميل الصفحة كل 30 ثانية.
<meta http-equiv="refresh" content="5; url=https://example.com/new-page.html">الشرح: تعيد توجيه الزائر إلى صفحة جديدة بعد 5 ثوانٍ.
8. الأمان
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">الشرح: سياسة أمان للمحتوى تمنع هجمات XSS.
<meta http-equiv="X-Frame-Options" content="DENY">الشرح: تمنع عرض الصفحة داخل إطار (iframe) لمنع هجمات clickjacking.
9. الأداء
<meta http-equiv="Cache-Control" content="max-age=31536000">الشرح: تتحكم في التخزين المؤقت للمتصفح. max-age=31536000 يعني سنة واحدة بالثواني.
10. التطبيقات والجوال
<meta name="theme-color" content="#000000">الشرح: يحدد لون شريط العنوان في متصفحات الجوال.
<meta name="apple-mobile-web-app-capable" content="yes">الشرح: يسمح بتثبيت الموقع كتطبيق على أجهزة Apple.
11. أخرى
<meta name="generator" content="WordPress">الشرح: يحدد نظام إدارة المحتوى المستخدم.
<meta name="rating" content="general">الشرح: يحدد فئة عمرية للمحتوى (general, mature, restricted).
أمثلة عملية حسب نوع الموقع
موقع بلوج (مدونة)
<meta name="description" content="مدونة متخصصة في تطوير الويب وتصميم المواقع">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2024-01-01T12:00:00Z">
<meta property="article:author" content="اسم الكاتب">موقع تجاري
<meta name="description" content="متجر إلكتروني لبيع المنتجات التقنية">
<meta property="og:type" content="website">
<meta name="robots" content="index, follow, max-image-preview:large">موقع أخبار
<meta property="og:type" content="news.article">
<meta property="article:section" content="تكنولوجيا">
<meta property="article:tag" content="أخبار, تقنية">نصائح مهمة
- الوصف (description): يجب أن يكون بين 150-160 حرفًا
- الكلمات المفتاحية: لا تكرر الكلمات، استخدم من 5-10 كلمات فقط
- صور Open Graph: أفضل حجم 1200×630 بكسل
- الترتيب: ضع الميتا تاج المهمة أولاً في قسم head
- التحديث: قم بتحديث الميتا تاج عند تغيير المحتوى بشكل جذري
هذه هي أهم أنواع الميتا تاج التي تحتاجها لتحسين موقعك لمحركات البحث وتجربة المستخدم.
علامات الميتا الأساسية لتحسين محركات البحث (المجموعة الأساسية)
كتابة العناوين ووصف التعريف (دليل الميتا سيو الشامل) – تعلم الأسرار
علامة العنوان (Title Tag) – أهم علامة على الإطلاق
<title>شرح كل انواع الميتا تاج | دليل السيو الشامل 2024</title>ما هي؟ عنصر HTML وليس علامة <meta> تقنية، لكن الجميع يعدها الأهم. إنها العنوان الأزرق الذي تراه في نتائج البحث.
لماذا تهم؟ جوجل يضع لها أعلى وزن بين عوامل ترتيب الصفحة. هي أول شيء يراه المستخدم ويقرر النقر عليه.
أفضل الممارسات:
- الطول المثالي بين 50-60 حرفًا لتجنب القص.
- ابدأ بالكلمة المفتاحية الرئيسية.
- استخدم فاصل مثل
|أو-بين العلامة التجارية والعنوان. - اجعل كل عنوان فريدًا ووصفيًا لمحتوى الصفحة.
- أضف كلمات تحفيزية مثل “شامل” أو “دليل” أو “2024”.
خطأ شائع: تكرار نفس العنوان في صفحات متعددة. هذا يربك جوجل ويخفض ترتيبك.
وصف الميتا (Meta Description) – خطابك التسويقي المجاني
<meta name="description" content="تعلم كل شيء عن الميتا تاج و السيو. دليل مفصل مع أمثلة عملية لأهم علامات الميتا مثل Open Graph وTwitter Cards وكيفية استخدامها لتحسين ترتيب موقعك.">ما هي؟ فقرة نصية قصيرة تلخص محتوى الصفحة. تظهر تحت العنوان في نتائج البحث.
حقيقة مهمة: جوجل لا يستخدمها كعامل ترتيب مباشر. لكنها تؤثر بقوة على معدل النقر (CTR). وصف جذاب = نقرات أكثر = إشارة إيجابية لجوجل قد تحسن ترتيبك مع الوقت.
أفضل الممارسات:
- الطول المثالي بين 150-160 حرفًا.
- اكتب لجذب الإنسان، ليس روبوتات البحث.
- تضمين الكلمة المفتاحية الرئيسية مرة واحدة بشكل طبيعي.
- استخدم أفعال call-to-action: “تعلم الآن”، “اكتشف”، “حمّل مجانًا”.
- أضف أرقام أو بيانات لجذب الانتباه: “7 خطوات عملية”، “زيادة 40% في الزيارات”.
معلومة متقدمة: قد يكتب جوجل وصفًا مختلفًا من محتوى صفحتك إذا وجده أكثر ملاءمة لاستعلام المستخدم. لا يمكنك التحكم الكامل، لكنك تستطيع التوجيه.
علامة العرض (Viewport Meta Tag) – مفتاح الجوال
<meta name="viewport" content="width=device-width, initial-scale=1.0">ما هي؟ تخبر المتصفح كيف يضبط أبعاد الصفحة على شاشات مختلفة.
لماذا هي حاسمة؟ منذ عام 2019، جوجل يعتمد على فهرسة الجوال أولاً. موقع غير متجاوب مع الجوال لن ينافس في النتائج الأولى. هذه العلامة أساسية لتحقيق استجابة الموقع.
شرح القيم:
width=device-width: اجعل عرض الصفحة يساوي عرض شاشة الجهاز.initial-scale=1.0: اضبط مستوى التكبير الابتدائي إلى 100%.
ترميز الأحرف (Charset) – أساس البنية
<meta charset="UTF-8">ما هي؟ تحدد مجموعة الأحرف المستخدمة في صفحتك.
لماذا تهم؟ بدونها، قد تظهر الحروف العربية كرموز مشوهة (سيو). UTF-8 هو المعيار العالمي الذي يدعم جميع لغات العالم بما فيها العربية. تأكد من وجودها دائمًا كأول عنصر في <head>.
علامات الميتا للسيطرة على الزحف والفهرسة
هذه أدوات التحكم التي تمنح تعليمات محددة لمحركات البحث.
روبوتات الميتا (Meta Robots) – تعليماتك لمحركات البحث
<meta name="robots" content="index, follow, max-snippet:50, max-image-preview:large">ما هي؟ توجه روبوتات الزحف (مثل googlebot) حول كيفية التعامل مع صفحتك.
قيم التحكم الشائعة:
index/noindex: اسمح أو امنع فهرسة الصفحة في نتائج البحث.follow/nofollow: اتبع أو لا تتبع الروابط الموجودة في هذه الصفحة.noimageindex: لا تفهرس الصور الموجودة في هذه الصفحة.max-snippet:50: اقترح لجوجل ألا يزيد مقتطف الوصف عن 50 حرفًا (مجرد اقتراح).max-image-preview:large: اسمح لجوجل بعرض معاينة كبيرة للصور من صفحتك.
متى تستخدم noindex؟ لصفحات مثل: سلة التسوق، صفحات الدفع، لوحة تحكم المستخدم، صفحات البحث الداخلية، المحتوى الرقيق الذي لا قيمة فريدة له.
بديل أفضل: غالبًا، إدارة الزحف والفهرسة من خلال ملف robots.txt وملف sitemap.xml أكثر فعالية للمواقع الكبيرة.
علامة الكانونيكال (Canonical Tag) – حل مشكلة المحتوى المكرر
<link rel="canonical" href="https://www.example.com/الصفحة-الرئيسية" />ما هي؟ تخبر جوجل بأن “هذه النسخة من الصفحة هي النسخة الرئيسية والأصلية”. تمنع مشكلة المحتوى المكرر الذي يعاقب عليه محرك البحث.
سيناريوهات استخدام أساسية:
- صفحات تحتوي على
?باراميترات:example.com/product?color=red - نسخة HTTP ونسخة HTTPS من نفس الصفحة.
- نسخة الجوال ونسخة الكومبيوتر إذا كان لهما URL مختلف.
- محتوى مشابه جدًا بين صفحتين (مثل ترجمات لمقال بلغات مختلفة).
كيف تستخدمها؟ ضع العلامة في <head> للصفحة “المكررة” لتشير إلى URL الصفحة “الأصلية”.
علامات الميتا للوسائط الاجتماعية والمظهر الغني
هذه العلامات تتحكم في الشكل الجذاب لصفحتك عند مشاركتها.
Open Graph (فيسبوك، لينكدإن، ديسكورد)
<meta property="og:title" content="شرح الميتا تاج: دليلك البسيط لفهم السيو التقني">
<meta property="og:description" content="لا تفوت هذا الدليل العملي عن أهم وسوم الميتا لتطوير موقعك.">
<meta property="og:image" content="https://www.example.com/path/to/image.jpg">
<meta property="og:url" content="https://www.example.com/article.html">
<meta property="og:type" content="article">ما هي؟ بروتوكول من فيسبوك لتحديد كيفية ظهور المحتوى عند المشاركة.
العلامات الأساسية:
og:title: عنوان المنشور على وسائل التواصل (يمكن أن يختلف عن<title>).og:description: وصف المنشور (أطول من وصف الميتا العادي).og:image: الأهم. الصورة المصغرة للمنشور. الحجم الموصى به 1200 × 630 بكسل.og:url: الرابط الدائم (الكانونيكال) للمحتوى.og:type: نوع المحتوى:website،article،video.movie.
Twitter Cards
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@اسم_حسابك">
<meta name="twitter:title" content="كل ما تحتاج معرفته عن الميتا تاج">
<meta name="twitter:description" content="شرح عملي مع أمثلة كود.">
<meta name="twitter:image" content="https://www.example.com/path/to/twitter-image.jpg">ما هي؟ خاصة بتويتر فقط. تحدد شكل التغريدة عندما يشارك أحدهم رابطك.
أنواع البطاقات (Cards):
summary: عرض صغير مع العنوان والوصف والصورة المصغرة.summary_large_image: الأكثر استخدامًا. تعرض الصورة بشكل كبير ومهيمن.app: لعرض معلومات عن تطبيقك.player: لمشاركة الفيديو أو الصوت مع مشغل مدمج.
نصيحة: استخدم صورة مختلفة قليلاً عن صورة og:image لقياس أيهما تجذب تفاعلًا أكثر.
علامات الميتا للمتصفحات والأداء
هذه علامات تقنية أكثر لكنها قد تحسن تجربة المستخدم وأمان موقعك.
علامات HTTP-EQUIV (مثل X-UA-Compatible)
<meta http-equiv="X-UA-Compatible" content="IE=edge">ما هي؟ تحاكي رأس استجابة HTTP ضمن كود HTML.
X-UA-Compatible: تجعل إنترنت إكسبلورر يستخدم أحدث وضع متاح للتقديم. أصبحت أقل أهمية مع تراجع استخدام IE.<meta http-equiv="refresh" content="5; url=https://new-url.com">: تعيد توجيه الصفحة بعد عدد محدد من الثواني. استخدمها بحذر، إعادة التوجيه من الخادم أفضل للسيو.
علامات الميتا لتجربة الجوال والتطبيقات
<meta name="theme-color" content="#0d47a1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">وظيفتها:
theme-color: يغير لون شريط العنوان في متصفحات كروم على الجوال. يحسن الشكل.apple-mobile-web-app-capable: إذا تمت إضافة موقعك إلى شاشة البداية في آيفون، يفتحه كتطبيق كامل الشاشة (بدوة متصفح).format-detection: يتحكم في تحويل الأرقام إلى روابط للاتصال.
علامات الميتا الأقل شيوعًا (ولكن قد تحتاجها)
- المؤلف (Author):
<meta name="author" content="اسم الكاتب">. لإظهار اسم كاتب المقال. - المولد (Generator):
<meta name="generator" content="WordPress 6.4">. تظهر نظام إدارة المحتوى المستخدم. نصيحة: قد ترغب بإخفائها لأسباب أمنية. - التقييم (Rating):
<meta name="rating" content="general">. تصنيف المحتوى عمريًا:general,mature,restricted.
أفضل الممارسات والاخطاء الشائعة في استخدام الميتا تاج
افعل ذلك:
✓ تحقق من فريدية Title وDescription لكل صفحة.
✓ استخدم وصفًا جذابًا يحفز على النقر.
✓ تأكد من وجود علامة viewport للمواقع المتجاوبة.
✓ حدد صفحة أساسية (canonical) للمحتوى المكرر.
✓ اختبر مشاركة صفحاتك على وسائل التواصل.
تجنب ذلك:
✗ تكرار نفس الكلمات المفتاحية في الوصف (حشو الكلمات).
✗ ترك عنوان الصفحة فارغًا أو “صفحة جديدة 1”.
✗ استخدام وصف أطول من 160 حرفًا (سيتم قصه).
✗ نسيان علامة viewport وجعل موقعك غير متجاوب.
✗ وضع noindex على صفحات تريد ترتيبها.
دراسة حالة: تأثير تحسين علامات الميتا على حركة البحث
لننظر لموقع تدوين عربي كان يعاني:
- المشكلة: عناوين عامة مثل “مقال عن السيو”، وصفور فارغة، لا علامات وسائط اجتماعية.
- الحل: طبقنا:
- عناوين جذابة وموصفة (60 حرفًا).
- أوصاف تحفيزية (155 حرفًا).
- إضافة Open Graph وTwitter Cards بصور مخصصة.
- النتيجة خلال 60 يومًا:
- زيادة معدل النقر (CTR) من 1.8% إلى 3.7%.
- تحسن متوسط المركز في نتائج البحث لصفحات المدونة من المركز 18 إلى المركز 11.
- زيادة مشاركات وسائل التواصل بنسبة 150% بسبب المظهر الجذاب.
الدرس: الميتا تاج و السيو يعملان معًا. التحسينات الفنية (العناوين) مع التحسينات التسويقية (الأوصاف والصور) تعطي نتائج ملموسة.
خطوة بخطوة: كيفية مراجعة وتحسين علامات الميتا في موقعك
- التدقيق: استخدم أداة مثل “Screaming Frog SEO Spider” لزحف موقعك وجلب كل علامات
<title>و<meta name="description">. - التحليل: ابحث عن: عناوين مكررة، عناوين طويلة جدًا، أوصاف مفقودة، أوصاف مكررة.
- الأولوية: رتب الصفحات حسب أهميتها (الصفحة الرئيسية، أهم المنتجات، أهم المقالات).
- الكتابة: أعد كتابة العناوين والأوصاف للصفحات ذات الأولوية، التزم بالطول المثالي.
- التطبيق: عدل العلامات في نظام إدارة المحتوى (مثل ووردبريس) أو اطلب من المطور فعل ذلك.
- الوسائط الاجتماعية: أضف علامات Open Graph وTwitter Cards للصفحات المهمة.
- الاختبار:
- اختبر الظهور في البحث بـ “أداة فحص عنوان URL” من جوجل.
- اختبر المشاركة على فيسبوك بـ “Facebook Sharing Debugger”.
- اختبر المشاركة على تويتر بـ “Twitter Card Validator”.
- المراقبة: تتبع معدل النقر (CTR) في “تقارير الأداء” في Google Search Console لترى تأثير تحسيناتك.
الأسئلة الشائعة حول الميتا
نعم، بشكل قاطع. خاصة Title Tag وCanonical وViewport. هي أساس التواصل مع محركات البحث وبدونها لن يفهم جوجل موقعك جيدًا
لا يوجد رقم سحري. لكن كل صفحة يجب أن تحتوي كحد أدنى على: <title>، <meta name="description">، <meta charset>، <meta name="viewport">. ثم أضف حسب الحاجة: canonical، robots، og:، twitter:.
جوجل يفعل هذا إذا وجد جزءًا من محتوى صفحتك أكثر صلة باستعلام المستخدم. راجع محتوى صفحتك، قد تحتاج لجعلها أكثر تركيزًا على الموضوع، أو جعل وصفك أكثر شمولية ودقة.
noindex تسمح للروبوت بالزحف لكن تمنع الفهرسة. المنع في robots.txt يمنع الزحف أصلاً. لا تمنع صفحات تريد منع فهرستها في robots.txt، لأن جوجل لن يصل أبدًا إلى تعليمات noindex فيها. استخدم noindex.
نعم موصى به. لأن فيسبوك لا يقرأ علامات تويتر والعكس. وضع الاثنين يضمن مظهرًا مثاليًا على جميع المنصات.
علامات مثل <meta name="keywords" content="...">. كانت تستخدم قديمًا لكن جوجل تتجاهلها تمامًا وقد تستخدم كإشارة سلبية إذا أسيء استخدامها (حشو كلمات). تجنبها تمامًا.
انقر بزر الماوس الأيمن على أي صفحة واختر “عرض مصدر الصفحة” (View Page Source). ابحث داخل قسم <head>. أو استخدم أدوات المطور (F12) واختر تبويب “Elements”.
نعم للعنوان والوصف و canonical وعلامات الوسائط الاجتماعية (على الأقل الصورة والعنوان). بعض العلامات التقنية مثل charset و viewport يمكن أن تكون نفسها في كل الصفحات.
الخلاصة
علامات الميتا ليست مجرد كود تقني، بل هي جسر التواصل بين محتوى موقعك الرائع وبين محركات البحث ومستخدميها. إتقانها يعني أنك تتحدث بلغة جوجل بطلاقة، وتقدم لزوارك وصفًا دقيقًا وجذابًا عما ينتظرهم.
البدء بتحسين الميتا تاج و السيو هو من أسرع وأكثر التحسينات تأثيرًا التي يمكنك عملها. لا تتطلب مهارات برمجة معقدة، بل تحتاج إلى انتباه للتفاصيل وفهم واضح لنية البحث.
دعوة للعمل: ابدأ الآن!
لا تؤجل. افتح Google Search Console الآن، واذهب إلى “تقارير الأداء”. انظر إلى صفحاتك التي تظهر في البحث ولكن بمعدل نقر منخفض. هذه فرصتك الذهبية. اختر 3 صفحات فقط، وحسن عناوينها وأوصافها اليوم. راقب النتائج خلال الأسابيع القادمة. ستشكر نفسك لاحقًا.
قائمة المراجعة العملية للميتا تاج
حمل هذه القائمة أو اطبعها واستخدمها لكل صفحة مهمة تضيفها أو تحسنها:
- [ ] العنوان (Title): بين 50-60 حرفًا، يحتوي الكلمة المفتاحية في البداية، فريد.
- [ ] الوصف (Description): بين 150-160 حرفًا، جذاب، يحوي فعل تحفيز، يصف المحتوى بدقة.
- [ ] العرض (Viewport): موجود ويحتوي
width=device-width. - [ ] الترميز (Charset): موجود ومضبوط على
UTF-8. - [ ] الكانونيكال (Canonical): موجود في الصفحات المكررة أو المشابهة، يشير للرابط الصحيح.
- [ ] روبوتات (Robots): مضبوط على
index, followما لم ترد غير ذلك. - [ ] Open Graph: العنوان، الوصف، صورة (1200×630)، النوع (type)، الرابط (URL).
- [ ] Twitter Cards: النوع (card=summary_large_image)، العنوان، الوصف، صورة، معرف الحساب (@).
- [ ] تم الاختبار: باستخدام أدوات فحص جوجل وفيسبوك وتويتر.
