باختصار: لإنشاء علامات وصفية (Meta Tags) عبر الإنترنت، افتح أداة PromoPilot Meta Tag Generator المجانية، واملأ حقول العنوان والوصف والرابط الأساسي ومعلومات الروبوتات وOpen Graph وTwitter Card. ستظهر معاينة لمحتوى Google و Facebook على اليمين، بالإضافة إلى كود HTML النهائي أدناه. ما عليك سوى نسخه بنقرة واحدة ولصقه في <head> من الصفحة. يمكنك البدء من الصفر أو تنزيل العلامات الحالية من صفحة موجودة عبر رابط وتعديلها. فيما يلي شرح لكيفية ملء كل حقل وتجنب الأخطاء الشائعة.
أعمل في مجال تصميم المواقع الإلكترونية منذ 12 عامًا، وأول ما أغفله عند إعادة تصميم قالب هو العلامات الوصفية. يُعدّ هذا المولد منقذًا حقيقيًا عندما أحتاج إلى تجميع القسم المناسب لصفحة الهبوط أو الصفحة الرئيسية بسرعة دون الحاجة إلى تذكر صيغتي og: و twitter::.
ماذا يُنشئ مُولِّد العلامات الوصفية؟
المُولِّد عبارة عن نموذج مزود بتلميحات يحوّل النص إلى رمز صالح. إليك الحقول التي يملأها ووظائفها.
| مجال | ما هو الرقم الذي تدخله؟ | لماذا يحتاج الموقع إلى هذا؟ |
|---|---|---|
| عنوان | عنوان الصفحة، يُنصح بأن يتراوح طوله بين 30 و60 حرفًا | الرابط الأزرق في نتائج بحث Google وعلامة تبويب المتصفح |
| الوصف التعريفي | الوصف، يُنصح بأن يتراوح بين 120 و160 حرفًا | نص مقترح للعرض تحت العنوان |
| عنوان URL الرسمي | عنوان الصفحة الرئيسية | يدمج العناصر المكررة مع المعلمات وعلامات UTM |
| الروبوتات | فهرسة/عدم فهرسة، متابعة/عدم متابعة | يُمكّن أو يُعطّل فهرسة الصفحة. |
| الرسم البياني المفتوح | og:العنوان، og:الوصف، og:الصورة (1200×630)، og:النوع، og:اللغة المحلية | معاينة الرابط على Facebook ، لينكد إن، وتطبيقات المراسلة |
| بطاقة تويتر | twitter:card (summary_large_image or summary), title, description | رابط البطاقة في X (تويتر) |
أسفل الحقول توجد عدادات الأحرف مع النطاقات الموصى بها، وعلى اليمين توجد معاينة مباشرة لمقتطف Google ومنشور Facebook ، وفي الأسفل يوجد كود HTML المُنشأ.
كيفية إنشاء علامات التعريف الوصفية عبر الإنترنت؟
- افتح أداة إنشاء العلامات الوصفية. إذا كانت الصفحة موجودة بالفعل، فالصق عنوانها في الحقل العلوي وانقر على "تحميل" - سيتم إدراج العلامات الحالية في النموذج.
- اكتب عنوانك ووصفك ، مع مراقبة العدادات. يشير الشريط الأحمر إلى أن النص أقصر أو أطول من المعتاد.
- حدد العنوان الأساسي - عنوان الصفحة الكامل مع
https://، بدون معلمات. - حدد خيار "الروبوتات". بالنسبة للصفحات العادية،
index, follow. أماnoindexفهو مخصص فقط لصفحات الخدمات: سلة التسوق، والحساب الشخصي، ونتائج البحث في الموقع. - قم بتعبئة Open Graph وبطاقة Twitter: صورة بحجم 1200×630، والنوع (
websiteللصفحة الرئيسية،articleللمقال،productللمنتج) واللغة، على سبيل المثالru_RUأوen_US. - تحقق من المعاينة وانسخ كود HTML باستخدام زر النسخ.
سيكون الناتج شيئًا مثل هذه الكتلة، والتي يتم إدراجها في <head>:
<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">ملاحظة: ليس من الضروري أن يكون عنوان الصفحة (og:title) نسخةً حرفيةً من العنوان الأصلي. ففي وسائل التواصل الاجتماعي، قد تبدو كلمتا "علامة تجارية" و"شراء" مزعجتين، لذا يُفضّل استخدام عنوان أكثر صلةً بالموضوع، ويجب أن يعكس العنوان الأصلي عبارة البحث.
هذا هو شكل مساحة العمل: سطر لتحميل العلامات عبر رابط، ونموذج على اليسار، ومعاينة Google Facebook على اليمين.
كيفية كتابة عنوان ووصف قابلين للنقر؟
يتتبع المُولِّد طول الصفحة، لكنه لا يتتبع محتواها. إليك الصيغ التي أستخدمها لأنواع الصفحات المختلفة:
- الصفحة الرئيسية:
Что продаёте + для кого / где | Бренд- على سبيل المثال،Мебель из массива дуба на заказ | Woodline. - التصنيف:
Категория + выбор/цена/доставка | Бренд—Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord. - المنتج:
Название + ключевое свойство + действие-Рюкзак Nord 20 л из кожи — купить с гарантией 2 года. - مقال:
Вопрос или польза + уточнение-Как выбрать матрас для спины: 7 критериев и ошибки.
اكتب وصفًا موجزًا يُلخص ما سيحصل عليه الزائر في الصفحة، ولماذا عليه النقر عليها. مثال سيئ: "مرحبًا بكم في موقعنا الإلكتروني! نقدم تشكيلة واسعة من..." مثال جيد: "120 حقيبة ظهر جلدية متوفرة، التوصيل متاح في جميع أنحاء أوروبا خلال 2-4 أيام، إمكانية الإرجاع مجانًا لمدة 30 يومًا. اختر الموديل المناسب لك حسب المقاس واللون."
أخطاء البرمجة الشائعة التي يساعد المولد على تجنبها:
- يوجد وسمان للعنوان في الصفحة - أحدهما من القالب والآخر من الإضافة. بعد لصق الكود، تأكد من إزالة الوسم القديم.
- العنوان النسبي في og:image (
/img/cover.jpg) — تتوقع الشبكات الاجتماعية العنوان الكامل معhttps://. - يُعد استخدام Canonical في الصفحة الرئيسية لجميع الصفحات خطأً شائعاً في القوالب يؤدي إلى إخراج الصفحات من الفهرس.
- noindex، تم نسيانه بعد التطوير - تم إطلاق الموقع، لكن محرك البحث لا يراه.
أين ألصق الكود المُنشأ؟
يُدرج الكود في <head> ، لكن الطريقة تختلف باختلاف محرك الموقع. في المواقع المخصصة، يُدرج مباشرةً في قالب HTML للصفحة. أما في WordPress ، فمن الأسهل تجنب لصق الكود يدويًا، واستيراد النص من المُولِّد إلى حقول إضافة تحسين محركات البحث (مثل Yoast SEO أو Rank Math): حيث تقوم الإضافة تلقائيًا بإنشاء الوسوم وتجنب التكرار. في أدوات إنشاء المواقع، ابحث عن قسم "تحسين محركات البحث" في إعدادات الصفحة.
بعد النشر، تحقق من النتائج: ستخبرك مقالتنا حول تحليل العلامات الوصفية بكيفية التأكد من أن العلامات الموجودة على الصفحة المباشرة تتطابق مع العلامات المقصودة، وستخبرك مقالتنا حول معاينات نتائج البحث بكيفية رؤية المقتطف في نتائج البحث على الهاتف.
مقارنة: مولد العلامات الوصفية والبدائل
| أداة | ما هو المجاني؟ | قيود | لمن يناسب هذا المنتج؟ |
|---|---|---|---|
| PromoPilot — مولد العلامات الوصفية | العنوان، والوصف، والرابط الأساسي، ومعلومات الروبوتات، وبطاقة جوجل وتويتر، ومعاينات Google Facebook ، وصفحة HTML جاهزة | اكتب النصوص بنفسك صفحةً صفحة. | صفحة الهبوط، الصفحة الرئيسية، موقع ويب مخصص، اختبار الأفكار |
| Yoast SEO / Rank Math | العنوان والوصف وحقول OG مباشرة في محرر WordPress | خاص WordPress فقط، يلزم تثبيت إضافة | لأصحاب مواقع WordPress |
| إعدادات تحسين محركات البحث في أداة الإنشاء | حقول العنوان والوصف للصفحة | مجموعة الحقول محدودة بقدرات المنصة | مواقع إلكترونية حول أدوات البناء |
| الترميز اليدوي | تحكم كامل | من السهل ارتكاب أخطاء في بناء الجملة والتكرار. | للمطورين |
خلاصة القول: إذا كان موقعك مبنيًا على WordPress ، فاملأ الحقول في إضافة تحسين محركات البحث (SEO) واستخدم أداة إنشاء الكود كمسودة مع معاينة. أما بالنسبة للمواقع الإلكترونية المخصصة أو صفحات الهبوط المنفصلة، فإن أداة إنشاء الكود تُنتج الكود الجاهز بأسرع وقت.
بالإضافة إلى المولد، يقدم PromoPilot 87 أداة مجانية أخرى لتحسين محركات البحث ، بدءًا من مصحح أخطاء Open Graph وحتى مولد علامات Schema.
ما هي قيود مولد العلامات الوصفية؟
لا يعرف المُولِّد عبارات البحث التي يتم البحث بها، بل تختار أنت الكلمات المفتاحية في العنوان. ولا يتحقق من تفرّد الكلمات: فإذا أدرجتَ الوصف نفسه في 50 صفحة، فلن يلاحظه. ويعمل مع صفحة واحدة فقط: أما بالنسبة لمتجر يحتوي على مئات المنتجات، فتُجمَّع الوسوم باستخدام قالب في كود الموقع، وليس يدويًا.
متى لا تكفي الأداة المجانية؟
يُعدّ هذا المُولّد مثاليًا لخمس صفحات. أما لخمسمئة صفحة، فيلزم اتباع نهج مختلف. ويُستعان بمختص في الحالات التالية:
- لديك كتالوج، ويجب تعيين العلامات تلقائيًا لكل منتج جديد؛
- الموقع متعدد اللغات، وهناك حاجة إلى علامات في كل لغة مع تحديد الموقع الجغرافي الصحيح؛
- أنت لا تعرف ما هي الاستفسارات التي تجلب المشترين، والعناوين تُكتب "بالنظر"؛
- بعد تغيير نظام إدارة المحتوى، فُقدت العلامات أو تكررت.
ما الذي يمكنني فعله لموقعك الإلكتروني؟
أنا فاليري دانيوك، مطور برامج ومتخصص في تحسين محركات البحث، بخبرة ١٢ عامًا وأكثر من ٢٠٠ عميل. أقوم بتضمين العلامات الوصفية في القوالب منذ البداية حتى لا يضطر أصحاب المواقع الإلكترونية إلى القلق بشأنها في كل مرة ينشرون فيها.
تحسين محركات البحث والترويج
- تدقيق تحسين محركات البحث لموقع الويب الجاهز: أقوم بجمع الكلمات الرئيسية، وكتابة قوالب العلامات لجميع أنواع الصفحات، وتطبيقها في الكود.
- Autoblog with AI agents هو فريق تحريري يقوم بإنشاء علامات ومعاينات لكل مقال تلقائيًا.
المواقع الإلكترونية والمتاجر الإلكترونية
- موقع WordPress مزود بمساعد ذكاء اصطناعي مقابل 299 يورو ، بما في ذلك إضافة تحسين محركات البحث وقوالب الوسوم.
- أنشئ موقعًا إلكترونيًا على غرار موقع إلكتروني آخر يعجبك في دقائق - في 1001site ، يتم تكوين معاينات وسائل التواصل الاجتماعي والتصميم تلقائيًا.
- كتالوج يحتوي على 300 عنصر في غضون دقائق قليلة فقط - أوصاف وعلامات لكل عنصر عبر MCP و Claude.
- نقل متجرك من Instagram إلى موقعك الإلكتروني حتى يمكن العثور على منتجاتك في نتائج البحث، وليس فقط في موجز الأخبار الخاص بك.
إدارة علاقات العملاء والأتمتة
أرسل لي عنوان موقعك الإلكتروني عبر Telegram وسأقترح عليك صيغة عناوين لصفحاتك الرئيسية.
نتيجة
- يقوم مولد العلامات الوصفية عبر الإنترنت بتجميع كتلة رأس جاهزة: العنوان، والوصف، والرابط الأساسي، ومعلومات الروبوتات، وOpen Graph، وبطاقة تويتر مع معاينة.
- اجعل عنوانك يتراوح بين 30 و60 حرفًا، ووصفك بين 120 و160 حرفًا، وضع الكلمة الرئيسية والفائدة أولاً.
- بعد لصق الكود، تأكد من عدم تكرار العلامات وأن og:image محدد كعنوان كامل.
- بالنسبة لموقع الكتالوج والموقع متعدد اللغات، يتم جمع العلامات باستخدام قالب - أو منصة تم فيها ذلك بالفعل، مثل 1001site.
اجمع العلامات لصفحتك الرئيسية باستخدام مولد علامات التعريف المجاني - سيستغرق الأمر وقتًا أقل من قراءة هذه المقالة.
مصادر
- صفحة أداة PromoPilot Meta Tag Generator - الحقول، والنطاقات الموصى بها، والأسئلة الشائعة.
- Open Graph Protocol (ogp.me) — وصف العلامات og:title، og:image، og:type، og:locale.
- توثيق إضافات Yoast SEO و Rank Math لـ WordPress.
