مولد وسوم الميتا

ولّد وسوم ميتا لتحسين محركات البحث وخصائص Open Graph وترميز بطاقات Twitter من نموذج واحد. يشمل رابط canonical وفحصًا مباشرًا لطول العنوان والوصف.

ولّد وسوم SEO وبطاقات Open Graph وTwitter من نموذج واحد. املأ الحقول مرة واحدة واحصل على كتلة <head> كاملة. يُفحص طول العنوان والوصف مباشرةً مقابل الحدود التي تستخدمها محركات البحث قبل الاقتطاع.

وسوم ميتا تنجز شيئًا فعلًا

القائمة القصيرة المهمة

معظم وسوم الميتا التي ستجدها في الدروس القديمة تُتجاهل. التي ما زالت تؤثر فيما يراه المستخدمون قليلة:

  • <title> — أهم عنصر في الصفحة على الإطلاق. يصبح العنوان القابل للنقر في نتائج البحث وتسمية تبويب المتصفح.
  • <meta name="description"> — ليس عامل ترتيب، لكنه عادةً يصبح المقتطف تحت العنوان، لذا يؤثر مباشرة في معدل النقر.
  • <link rel="canonical"> — يخبر محركات البحث أي رابط هو النسخة الموثوقة عندما يكون المحتوى نفسه متاحًا عبر عدة عناوين.
  • خصائص Open Graph وبطاقة Twitter — تتحكم في بطاقة المعاينة عند مشاركة الصفحة على المنصات الاجتماعية وتطبيقات المراسلة.

اللافت غياب <meta name="keywords">. أكدت جوجل توقفها عن استخدام الوسم للترتيب عام 2009 بعد سنوات من إساءة الاستخدام. أُدرج هنا فقط لأن حفنة من أنظمة البحث الداخلية ما زالت تقرؤه.

حدود الطول عن بكسل لا أحرف

تقتطع محركات البحث العناوين والأوصاف لتلائم عرض بكسل ثابت، لذا فالعنوان المكوّن من أحرف ضيقة يتسع لنص أكثر من الممتلئ بالأحرف الكبيرة. عدد الأحرف تقريب عملي: نحو 60 حرفًا للعنوان و160 للوصف يبقيك داخل حد الحاسوب معظم الوقت. نتائج الجوال أضيق من ذلك.

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

Open Graph، ولماذا وسوم Twitter اختيارية عادةً

نشأت Open Graph في فيسبوك لكنها الآن المعيار الفعلي الذي تقرؤه LinkedIn وSlack وDiscord وWhatsApp وiMessage ومعظم المنصات الأخرى. أربع خصائص تنجز كل العمل تقريبًا: og:title وog:description وog:url وog:image.

محلل تويتر يتراجع إلى Open Graph عندما تغيب وسومه الخاصة، لذا فالمجموعة الكاملة من خصائص twitter:* ضرورية فقط عندما تريد عنوانًا أو وصفًا أو صورة مختلفة على تلك المنصة وحدها. الوسم الجدير بالضبط صراحةً هو twitter:card، الذي يختار بين تخطيط الصورة الكبيرة الرئيسية والصورة المصغرة المدمجة.

ضبط صورة المعاينة بشكل صحيح

هنا يفشل معظم التطبيقات. استخدم رابطًا مطلقًا — الروابط النسبية تنكسر في كل زاحف. استهدف 1200 في 630 بكسل، النسبة 1.91:1 التي تملأ البطاقة الكبيرة دون قص. أبقِ الملف تحت نحو 1 ميجابايت، واستخدم JPEG أو PNG، وتأكد أن الرابط متاح للعامة دون مصادقة أو ملفات تعريف ارتباط أو سلسلة إعادة توجيه. أي نص على الصورة يجب أن يكون كبيرًا، لأن البطاقة كثيرًا ما تُعرض بجزء صغير من حجمها الطبيعي.

التخزين المؤقت، ولماذا لم يظهر تغييرك

كل منصة كبرى تخزن المعاينة مؤقتًا بعنف، غالبًا لأيام. بعد تحديث وسومك ستظل البطاقة القديمة تظهر حتى تنتهي صلاحية التخزين أو تفرض تحديثًا عبر أداة تصحيح المنصة نفسها. فيسبوك وLinkedIn وتويتر كل منها يوفر واحدة. إذا ما زالت المعاينة تبدو خاطئة بعد التحديث، تحقق أن الزاحف يستطيع الوصول إلى الصفحة فعلًا: جدار تسجيل دخول أو حظر robots.txt أو محتوى مقيد جغرافيًا كلها تنتج بطاقة فارغة.

إشعار مفتوح المصدر: منفذ بقالب سلاسل بسيط يتبع بروتوكول Open Graph وتوثيق بطاقات Twitter. لا تُستخدم أي مكتبة خارجية.

الأسئلة الشائعة

هل وسم الكلمات المفتاحية ما زال يساعد في تحسين محركات البحث؟
لا. توقفت جوجل علنًا عن استخدامه للترتيب عام 2009 بعد إساءة استخدامه بشكل منهجي، وتبعتها محركات رئيسية أخرى. إدراجه غير ضار، وحفنة من أنظمة البحث الداخلية أو العمودية ما زالت تقرؤه، لكنه لن يؤثر في موقعك.
كم يجب أن يكون طول العنوان والوصف؟
نحو 60 حرفًا للعنوان و160 للوصف. الاقتطاع في الواقع قائم على عرض البكسل، لذا فهذه الأرقام تقديرية — ضع الكلمات المهمة أولًا ليبقى المعنى إذا اقتُطع.
هل أحتاج وسوم بطاقة Twitter إذا كان لدي Open Graph؟
عادةً لا. محلل تويتر يتراجع إلى Open Graph عندما تغيب مكافئات twitter:*. الاستثناء هو twitter:card، الذي يحدد التخطيط، وأي حالة تريد فيها عمدًا محتوى مختلفًا على تلك المنصة.
ما الحجم الذي يجب أن تكون عليه صورة المعاينة؟
1200 في 630 بكسل هو المعيار الآمن. تملأ بطاقة الملخص الكبيرة بالنسبة المتوقعة 1.91:1، وتتقاصر بنظافة للمنصات التي تعرض مصغرة أصغر.
لماذا ما زالت المعاينة القديمة تظهر؟
تخزن المنصات الاجتماعية البيانات المجردة مؤقتًا، أحيانًا عدة أيام. استخدم مصحح المشاركة في المنصة لفرض إعادة تجريد، وتأكد أن الزاحف يستطيع الوصول إلى الصفحة دون جدار تسجيل دخول أو إعادة توجيه.
هل يجب أن تكون وسوم الميتا في head؟
نعم. الوسوم الموضوعة في body تُتجاهل من معظم الزواحف. يجب أن تظهر أيضًا في استجابة HTML الأولية — البيانات الوصفية المحقونة لاحقًا بجافا سكريبت غير موثوقة، لأن كثيرًا من الزواحف الاجتماعية لا تنفذ السكربتات إطلاقًا.