مولّد الوسوم الوصفية

ما مولّد الوسوم الوصفية؟

هو أداة تأخذ القليل الذي تحتاجه نتيجةُ البحث وبطاقةُ المشاركة — عنوانًا ووصفًا ورابطًا وصورة — وتكتب الوسوم التي تحملها: عنصر title، والوصف التعريفي، وخصائص Open Graph التي يقرؤها فيسبوك ولينكدإن، وأسماء بطاقة تويتر. تنسخ الكتلة إلى رأس صفحتك وينتهي الأمر.

وهذه الأداة تعاين النتيجة أيضًا وتقيسها. وكل شيء يجري في متصفحك: لا يُرفع شيء ولا حساب يُنشأ.

والقياس هو الجزء الجدير بالشرح، لأن أكثر أدوات هذا الباب تقيس غير المطلوب.

طريقة الاستعمال

1. املأ الحقول. العنوان والوصف والرابط واسم الموقع وصورة المشاركة. ثم اختر نوع المحتوى وشكل بطاقة تويتر. والحقول الفارغة تُترك، إذ وسمٌ قيمتُه فارغة شرٌّ من ألا يكون وسم.
2. حرّك عرض المعاينة. فتُعاد المعاينة، وتخبرك اللوحة أيتّسع عنوانك عند هذا العرض أم يُقتطع. ولا يوجد إعداد صحيح واحد، وهذا هو المقصود بعينه.
3. انسخ الوسوم. تُولَّد الكتلة وكل قيمة فيها مهروبة لخاصية HTML، فلا يستطيع رمزُ العطف في عنوانك ولا علامةُ الاقتباس في وصفك أن يفسدا الترميز.

قاعدة الستين حرفًا تقيس الكمية الخطأ

النصيحة في كل مكان: لا تتجاوز ستين حرفًا في العنوان ولا مئة وخمسة وخمسين في الوصف. ويحسن السؤال عن مصدر هذين الرقمين، فتوثيق جوجل نفسه يقول غير ذلك. ففي الصفحة التي تصف كيف تُولَّد روابط العناوين تكتب جوجل أن رابط العنوان يُقتطع في نتائج البحث عند الحاجة «ليناسب عادةً عرض الجهاز». عرضُ الجهاز. لا عددَ حروف ولا ميزانيةَ بكسل ثابتة: فالهاتف والشاشة العريضة يقطعان في موضعين مختلفين، فلا رقم واحد يصلح لهما معًا.

وتستحق الصفحة نفسها القراءة لسبب ثانٍ. فهي تعدّد المصادر التي تستقي منها جوجل رابط العنوان: عنصر title، والعنوان المرئي الرئيس، وعناصر العناوين، ووسم og:title، وسائر النص الكبير البارز، بل ونصّ الروابط المشيرة إلى الصفحة من مواقع أخرى. فعنصر العنوان عندك مدخلٌ من مداخل عدة. وضبطه على عدد حروف معاملةٌ له معاملةَ مخرَجٍ مضمون، وليس كذلك.

فما قيمة عدّ الحروف إذن دليلًا على العرض؟ قِسنا ذلك. فستون حرفًا من Arial بحجم 20 بكسل تساوي 267 بكسلًا إن كانت كلها لام لاتينية صغيرة، و1133 بكسلًا إن كانت كلها W كبيرة، أي بمعامل 4.2. وليس هذا تقريبًا له هامش خطأ، بل هو كمية أخرى صادف أنها مرتبطة بالأولى.

وعلى النص الحقيقي يتحسن الارتباط لكنه يبقى فضفاضًا. ففي 1,193 عنوان صفحة حقيقيًا بخمس لغات — عناوين هذا الموقع نفسه، مقيسةً من HTML المبني — تراوح عددُ الحروف الذي يتّسع في ميزانية ثابتة بين 47 و72. فقاعدة «الستين حرفًا» مصيبة في المتوسط ومخطئة بمقدار الخُمس في أي عنوان بعينه. ثم إن الخلاف بين القاعدتين متوقف كليًا على ميزانية البكسل التي تفترضها: فهما تختلفان في 16.7% من تلك العناوين عند 512 بكسلًا، وفي 5.0% عند 580، وفي 7.2% عند 600. وأطرف هذه الأرقام أوسطها. فقاعدة الحروف تبدو أحسن ما تبدو قرب 580 بكسلًا لأن هناك يقع ستون حرفًا من النثر المتوسط، وهذا يجعلها مصادفةً معايَرةً على تخمينٍ لميزانيةٍ لا ينشرها أحد، لا قاعدةً.

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

حدود معلنة بصراحة

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

ولا أحد خارج جوجل يعرف الميزانية، والمصادر التي تذكر رقمًا تختلف بينها بأكثر من 17%: فـ512 و580 و600 بكسل كلها متداولة، وكذلك 18 و20 بكسلًا لحجم الخط. وهذه الصفحة تختار Arial بحجم 20 بكسلًا للعنوان لأنه أكثر التركيبات ذكرًا، وتقول صراحةً إن ذلك نقلٌ لا مواصفة.

والقياس يجري بلوحة رسم المتصفح لا بجدول عروض مضمَّن، وهذا الاختيار أثقل مما يبدو. فالجدول لا يستطيع تطبيق التقنين بين الحروف، وهو في الخط المتصل ليس ناقص الدقة فحسب بل خطأ: إذ تتصل الحروف العربية ويتغير شكلها بحسب جاراتها، فالنص المرسوم أضيق من مجموع حروفه المنفصلة. وفي نص القياس عندنا هذا العيب بعينه، ولذلك تبالغ أرقامه العربية في العرض، ولذلك لا تعمل الأداةُ التي بين يديك على هذا النحو.

وعدّ الحروف هنا يعدّ ما تسميه أنت حروفًا، بتقطيع الرسوم الحرفية. وليس هذا ما تفعله أكثر العدّادات. فإيموجي الصاروخ حرفٌ واحد ووحدتان عند String.length في جافاسكربت، وإيموجي الأسرة المؤلَّف من أربعة أشخاص موصولين بروابط عديمة العرض حرفٌ واحد وإحدى عشرة وحدة، والحرف المشكول المكتوب أساسًا مع علامة مركَّبة حرفٌ واحد ووحدتان. فإن كان في عنوانك شيء من ذلك فالعدّاد المصنوع على الطريقة المعتادة يبلّغك رقمًا لا يعدّ شيئًا يراه القارئ، وهذه الأداة تريك الرقمين معًا.

وأخيرًا، الوسوم تُولَّد ولا تُتحقق من صحتها أمام زاحف حقيقي. فهل صورة مشاركتك متاحة، وهل نسبتها صحيحة، وهل تمنعها قاعدة في robots؟ لا يجيب عن ذلك إلا طلبٌ فعلي، وطلبُ رابطك يقتضي خادمًا، وهذا الموقع لا يستعمل الخادم لشيء سوى نموذج نصي.

لماذا هذه الأداة مجانية؟

كتابةُ اثني عشر سطرًا من الترميز وقياسُ شيء من النص عملٌ يؤديه جهازك في جزء من الألف من الثانية. فلا رفع، ولا حساب، ولا شيء يُختم بعلامة مائية.

وإن أردت مراجعة HTML الذي ستلصق فيه ذلك، فمرمّز كيانات HTML ومنسّق HTML في هذا الموقع يتوليان ذلك الجانب، ودون رفع شيء كذلك.