مولّد وسوم الميتا
اكتب وسوم الترويسة التي تحتاجها صفحة للبحث والمشاركة، مع معاينة حيّة لشكل الرابط حين يُشارَك.
تتم المعالجة على جهازك — بلا رفع
كيف سيبدو الرابط حين يُشارَك
example.com
عنوان صفحتك يظهر هنا
والوصف تحته، مقصوصًا ليتّسع في البطاقة.
علامات الاقتباس وعلامات العطف في نصّك مهرَّبة تلقائيًا. وعلامة اقتباس غير مهرَّبة داخل سمة content تُنهي السمة مبكرًا، وهكذا ينتهي وصف مقتطَعًا عند أول فاصلة عليا — وهو يحدث في صمت، لأن الترميز يبقى صالحًا.
كيف تولّد وسوم ميتا
- املأ العنوان والوصف والرابط.
- أضف صورة معاينة.
- الصق الوسوم في ترويسة صفحتك.
كيف يعمل
ثلاثة جماهير تقرأ هذه الوسوم. فمحرّكات البحث تأخذ العنوان والوصف. وفيسبوك ولينكدإن وواتساب وسلاك تقرأ خصائص Open Graph. وإكس يقرأ خصائص تويتر، عائدًا إلى Open Graph حيث تنقص. وهي متداخلة تداخلًا شديدًا، ولهذا تعني كتابتها يدويًا كتابة الجملة نفسها أربع مرات.
والأطوال حدود عرض لا عوامل ترتيب. فنحو 60 محرفًا للعنوان و155 للوصف هي ما يتّسع قبل أن يقتطع غوغل. والتجاوز لا يعاقبك — بل يعني أن نهاية جملتك تُستبدَل بنقاط، والنهاية هي عادةً حيث كان سبب النقر.
والوصف لا يُقرأ إشارة ترتيب إطلاقًا. فغوغل قال ذلك منذ سنين وكثيرًا ما يعيد كتابته من الصفحة رغم ذلك. وهو نصّ إعلاني لنتيجة البحث — اكتبه للشخص الذي يقرّر هل ينقر.
والرابط الأساسي يقول أي عنوان هو الحقيقي. فالصفحة التي تُبلَغ عبر ?ref=twitter وعبر رابطها النظيف صفحةٌ واحدة، ووسم الرابط الأساسي يوحّدهما. وبدونه تنافس نفسك.
وينبغي أن تكون og:image بمقاس 1200 × 630. وتلك نسبة 1.91:1، وهي ما تقصّ نحوه كل منصّة. وإعلان العرض والارتفاع يتيح للزاحف حجز المساحة قبل جلب الملف، ولهذا تظهر المعاينة متأخّرة أحيانًا بدونهما.
مثال عملي
وبطاقة المعاينة هي الجزء الذي يستحق الاستعمال. اكتب عنوانًا فوق 60 محرفًا فيصير العدّاد كهرمانيًا؛ وانظر إلى البطاقة فترى أين سيُقطع. ومعظم الناس يكتبون العنوان، ويعدّون المحارف في رؤوسهم، ويكتشفون شكله بعد أن يكونوا قد شاركوه في مكان عامّ.
والتهريب ليس تجميلًا. ضع فاصلة عليا أو علامة عطف في وصفك — «Ahmad's beans & blends» — وانظر إلى المخرجات. كلتاهما مهرَّبة. فعلامة الاقتباس غير المهرَّبة داخل سمة content تُنهي السمة مبكرًا، ويصير باقي وصفك سمات شاردة يُسقطها المحلّل. ويبقى الترميز صالحًا، ولا شيء يخطئ، ويُقتطع وصفك في صمت عند الفاصلة العليا. وهي من أشيع العلل في وسوم الميتا المكتوبة يدويًا.
ولا صورة يعني لا بطاقة كبيرة. فبلا og:image، تعود معظم المنصّات إلى معاينة نصّية صغيرة تشغل جزءًا يسيرًا من المساحة في خلاصة. وهو أعلى وسم عائدًا في القائمة بمفرده — صورة واحدة، معاد استعمالها عبر قسم كامل من موقع، تغيّر شكل كل رابط منه.
وأين تذهب الوسوم. داخل <head>. فزواحف المنصّات الاجتماعية لا تشغّل JavaScript عمومًا، فالوسوم المضافة بشفرة على جهة العميل بعد تحميل الصفحة كثيرًا ما لا تُرى. ويجب أن تكون في HTML الذي يرسله الخادم.
وللتأكّد أن الوصف يُقرأ جيّدًا عند طوله المقصود، عدّاد الكلمات يعطي عدد محارف دقيقًا، وحاسبة نسبة الأبعاد تؤكّد أن صورة المعاينة بالشكل الصحيح.
أسئلة
هل تساعد وسوم الميتا في تحسين محرّكات البحث؟
العنوان يساعد. والوصف لا يؤثّر في الترتيب، لكنه يقرّر هل ينقر أحد النتيجة، وذلك شيء آخر يستحق الاهتمام.
كم ينبغي أن يكون طول العنوان والوصف؟
نحو 60 محرفًا للعنوان و155 للوصف. وذلك ما يتّسع قبل الاقتطاع. والأطول لا يُعاقَب، بل يُقطع فحسب.
هل يؤثّر وصف الميتا في الترتيب؟
لا. فقد صرّح غوغل بأنه ليس عامل ترتيب وكثيرًا ما يعيد كتابته من الصفحة. وهو يؤثّر في نقر الناس، وذلك يهمّ لسبب آخر.
أي مقاس ينبغي أن تكون og:image؟
1200 × 630 بكسل، وهي نسبة 1.91:1. وأبقِ المحتوى المهمّ بعيدًا عن الحواف — فالمنصّات المختلفة تقصّ على نحو مختلف.
هل أحتاج وسوم تويتر إن كان لديّ Open Graph؟
لا في الغالب — فإكس يعود إلى Open Graph. والوسم الذي يستحق الإضافة هو twitter:card، فهو يقرّر بين صورة كبيرة وملخّص صغير.
ماذا يفعل وسم الرابط الأساسي؟
يسمّي العنوان الحقيقي لصفحة تُبلَغ عبر روابط عدّة، فتوحّدها محرّكات البحث في واحدة بدل معاملتها مكرّرات.
لماذا يعرض رابطي المشارَك الصورة الخطأ؟
المنصّات تخبّئ المعاينات بشراسة. استعمل مصحّح المشاركة في فيسبوك أو فاحص المنشورات في لينكدإن لفرض تحديث بعد تغيير الوسوم.
هل أضيف هذه الوسوم بـJavaScript؟
ليس بموثوقية. فالزواحف الاجتماعية لا تنفّذ JavaScript عادةً، فالوسوم تحتاج أن تكون في HTML الذي يعيده الخادم.
ماذا يفعل noindex فعلًا؟
يطلب من محرّكات البحث إبقاء الصفحة خارج النتائج. استعمله لصفحات الشكر ونتائج البحث الداخلية والبيئات التجريبية — وافحص بعناية قبل شحنه على أي شيء آخر.
هل مولّد وسوم الميتا مجاني على الإنترنت؟
نعم — مجاني، بلا حساب، وبلا حد يومي، وبلا علامة مائية. يعمل في متصفّحك عبر الإنترنت، ولأن المعالجة تجري على جهازك فإنه يستمر في العمل دون اتصال بعد تحميل الصفحة.
أدوات Web ذات صلة
حاسبة نسبة الأبعاد
أوجد البُعد الناقص لأي نسبة أبعاد، وانظر مقاسات الفيديو والطباعة والتواصل الشائعة دفعة واحدة.
افتح$termiva color --hexمحوّل الألوان
حوّل لونًا بين كل صيغة تقبلها ورقة أنماط، مع منتقٍ واسم CSS حيث يوجد.
افتح$termiva contrast --wcagفاحص التباين
افحص النص مقابل خلفيته لتباين WCAG، واحصل على أقرب درجة تنجح حين لا ينجح.
افتح$termiva palette --triadicمولّد لوحات الألوان
ابنِ لوحة من لون واحد — متمّمة وثلاثية ومتجاورة — مع سلّم 50–900 الذي يحتاجه نظام تصميم.
افتح