نشرت الصفحة، ثم شاركت رابطها فظهر اسم الموقع بلا صورة ووصف قديم لا علاقة له بالمحتوى. غالبًا ليست المشكلة في المنصة؛ صفحة <head> ناقصة أو غير متناسقة.

لاختبار مولّد وسوم الميتا على حالة حقيقية، أدخلنا عنوان هذا الدليل ووصفه ورابطه وصورة المشاركة واسم NasrTech. أنشأت الأداة حزمة جاهزة تضم <title> وmeta description ورابط canonical ووسوم Open Graph وTwitter Card. المعاينة تغيرت مع الكتابة، ولم نحتج إلى ربط الموقع أو رفع ملف.

لكن المولّد لا يستطيع كتابة رسالة مقنعة نيابة عنك، ولا يضمن أن Google أو أي منصة ستعرض النص حرفيًا. الأداة تضبط البنية وتمنع أخطاء النسخ؛ أما دقة العنوان والوصف والصورة فتحتاج قرارًا تحريريًا. هذا الدليل يجمع الاثنين في سير عمل واحد.

ما هي وسوم الميتا التي تحتاجها فعلًا؟

ابدأ بالمجموعة التي تخدم عرض الصفحة وفهم عنوانها:

<title>عنوان واضح يصف الصفحة</title>
<meta name="description" content="ملخص محدد يشرح ما سيجده القارئ.">
<link rel="canonical" href="https://example.com/page/">

وسم <title> يعطي المتصفح ومحركات البحث عنوان الصفحة. وmeta description يقدم ملخصًا قد تستخدمه Google في مقتطف النتيجة. أما canonical فيشير إلى النسخة الأساسية عندما يمكن الوصول إلى المحتوى عبر أكثر من عنوان.

للمشاركة الاجتماعية أضف Open Graph:

<meta property="og:type" content="article">
<meta property="og:title" content="عنوان المشاركة">
<meta property="og:description" content="وصف المشاركة">
<meta property="og:url" content="https://example.com/page/">
<meta property="og:image" content="https://example.com/og-image.jpg">

ثم وسوم البطاقة المستخدمة عند مشاركة الرابط على X ومنصات أخرى:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="عنوان المشاركة">
<meta name="twitter:description" content="وصف المشاركة">
<meta name="twitter:image" content="https://example.com/og-image.jpg">

هذه هي الحزمة التي ولّدتها الأداة في اختبارنا، مع og:site_name أيضًا بعد إدخال اسم NasrTech.

تجربة المولّد خطوة بخطوة

افتح مولّد وسوم الميتا واملأ الحقول بالترتيب التالي:

  1. عنوان الصفحة: اكتب وصفًا مباشرًا لموضوع واحد.
  2. الوصف: لخّص الفائدة أو الإجابة التي تقدمها الصفحة.
  3. الرابط: استخدم الرابط النهائي الكامل الذي يبدأ بـ https://.
  4. صورة المشاركة: أدخل رابط صورة عامة يمكن للمنصات الوصول إليها.
  5. اسم الموقع ونوع المحتوى: اختر article للمقال وwebsite للصفحات العامة.
  6. راجع معاينة البحث والمشاركة، ثم انسخ الكود إلى <head>.

في تجربتنا استخدمنا رابطًا حقيقيًا من nasrtech.dev وصورة 1200×630. المولّد كرر العنوان والوصف والرابط والصورة في المواضع المطلوبة بدل كتابتها يدويًا عدة مرات. هذا يقلل خطأ شائعًا: تحديث og:title ونسيان twitter:title، أو وضع رابط مختلف في canonical.

بعد النسخ، افتح مصدر الصفحة المنشورة وتأكد أن القيم موجودة مرة واحدة. وجود وسمين مختلفين للوصف أو canonical قد يرسل إشارات متعارضة.

كيف تكتب عنوانًا يستحق النقر؟

العنوان الجيد يصف الصفحة قبل أن يحاول إغراء القارئ. ضع الموضوع الأساسي مبكرًا، وأضف زاوية مفيدة إذا كانت حقيقية:

  • ضعيف: دليل رائع ومذهل لا يفوتك
  • أفضل: ضغط الصور للموقع: خطوات عملية دون فقد واضح للجودة

لا تكرر الكلمة المفتاحية بصيغ متعددة، ولا تعد بنتيجة غير موجودة في الصفحة. عنوان مثل "أفضل أداة في العالم" لا يضيف معلومة، بينما "مجاني، دون رفع" يوضح فرقًا يمكن للزائر التحقق منه.

لا يوجد طول سحري يضمن ظهور العنوان كاملًا؛ العرض يتغير حسب الجهاز والكلمات. نستخدم 60 حرفًا تقريبًا كحد تحرير مريح، لا كقانون ترتيب. وتوضح إرشادات Google للعناوين أن Google تنشئ رابط العنوان آليًا من عدة إشارات، وقد تختار نصًا مختلفًا إذا كان العنوان لا يمثل الصفحة جيدًا.

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

كتابة وصف ميتا مفيد لا قائمة كلمات

الوصف الناجح يجيب بسرعة عن سؤالين: ما هذه الصفحة، ولماذا أفتحها؟

اكتب جملة أو جملتين محددتين. اذكر الأداة أو النتيجة أو الخطوات الموجودة بالفعل. تجنب حشد مرادفات الكلمة المفتاحية؛ هذا يجعل الوصف يبدو آليًا ولا يساعد القارئ.

تقول وثائق Google الرسمية عن المقتطفات إن المقتطف يُنشأ أساسًا من محتوى الصفحة، وقد تستخدم Google meta description عندما يكون وصفًا أدق. أي أن الوصف اقتراح قوي، وليس نصًا مضمون العرض لكل عملية بحث.

لهذا يجب أن يطابق الوصف المقدمة والمحتوى. إذا وعدت "مقارنة أسعار" ولم توجد أسعار في الصفحة، قد يغادر الزائر سريعًا حتى لو نقر. الزيارات التي لا تجد ما وُعدت به ليست هدفًا جيدًا للموقع أو لأدسنس.

صورة Open Graph والرابط الصحيح

الصورة ليست زينة منفصلة عن الصفحة. اختر صورة تمثل المقال أو المنتج، بنسبة مناسبة للمشاركة، ويفضل أن تكون 1200×630 كبداية عملية للبطاقات العريضة. يمكن استخدام أداة تغيير حجم الصور لضبطها، ثم ضغطها إذا كان الملف ثقيلًا.

استخدم رابطًا مطلقًا:

https://example.com/images/page.jpg

ولا تستخدم مسارًا نسبيًا مثل:

/images/page.jpg

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

توصي إرشادات صور Google بصورة عالية الدقة ومرتبطة فعلًا بالصفحة، وتحذر من الاعتماد على صورة عامة لا تضيف معنى. صورة خاصة بالمقال تساعد القارئ على فهم الرابط قبل فتحه.

لماذا لا تتغير المعاينة بعد النشر؟

المنصات تخزن بطاقات الروابط مؤقتًا. إذا شاركت الصفحة قبل اكتمال الوسوم، قد يبقى العنوان أو الصورة القديمة حتى بعد إصلاح HTML.

افحص أولًا الصفحة نفسها:

  • هل الوسوم موجودة داخل <head>؟
  • هل الروابط كاملة وتعمل دون تسجيل دخول؟
  • هل هناك وسم مكرر بقيمة قديمة؟
  • هل الصورة تعيد استجابة ناجحة؟

بعد ذلك استخدم أداة فحص المشاركة الرسمية للمنصة لطلب قراءة الرابط من جديد إن كانت متاحة. لا تغيّر اسم ملف الصورة عشر مرات قبل التأكد من السبب؛ المشكلة قد تكون cache أو وصول الزاحف أو وسمًا مكررًا.

ما الذي لا يفعله مولّد وسوم الميتا؟

الأداة لا تزحف إلى موقعك، ولا تنشر الكود، ولا تدخل إلى WordPress أو أي CMS. أنت تنسخ الناتج وتضعه في القالب أو إعدادات SEO الخاصة بالصفحة.

المعاينة تقريبية لأن كل منصة تملك تصميمها وقواعدها، وقد تغيّرها. كذلك لا يضمن إضافة الوسوم ترتيبًا أعلى. المحتوى المفيد، والروابط الداخلية، وسهولة الاستخدام، وسمعة الموقع تظل أهم من ملء مجموعة حقول.

ولا تحتاج إلى meta keywords من أجل Google. ركّز على عنوان ووصف دقيقين ومحتوى يجيب فعلًا عن نية البحث بدل إضافة قائمة كلمات مخفية.

أسئلة شائعة

أين أضع الكود المولّد؟

داخل عنصر <head> للصفحة، قبل </head>. في أنظمة إدارة المحتوى استخدم حقول SEO أو إعدادات القالب بدل تحرير الملفات إذا كانت المنصة توفر ذلك.

هل الوصف يظهر دائمًا في Google؟

لا. قد تستخدم Google نصًا من الصفحة إذا كان أنسب لبحث المستخدم. اكتب وصفًا دقيقًا على أي حال لأنه يعطي محرك البحث خيارًا جيدًا.

ما الفرق بين title وog:title؟

<title> هو عنوان الصفحة الأساسي. og:title مخصص لبطاقة المشاركة. يمكن أن يتشابها، لكن احتفظ بالمعنى نفسه ولا تستخدم عنوان مشاركة مضللًا.

هل يرفع المولّد بيانات موقعي؟

لا. الحقول والمعاينة والتوليد تعمل داخل المتصفح. الأداة لا تفحص موقعك ولا تنشر شيئًا نيابة عنك.

الخلاصة

مولّد وسوم الميتا يزيل العمل المكرر ويعطيك بنية سليمة، لكنه لا يعفيك من كتابة عنوان ووصف وصورة تمثل الصفحة بصدق. في اختبارنا أنشأ المجموعة كاملة من إدخال واحد، وكانت المراجعة الأهم هي اتساق القيم لا كثرتها.

استخدم مولّد وسوم الميتا، الصق الناتج في <head>، ثم افحص مصدر الصفحة والرابط المنشور. الوسوم الجيدة لا تخدع القارئ إلى النقر؛ هي تشرح له بوضوح لماذا تستحق الصفحة زيارته.