كيفية الاستخدام
- أدخل عنوان الصفحة ووصفًا من جملة أو جملتين.
- أضف العنوان الأساسي URL، وحدد ما إذا كان مسموحًا لمحركات البحث بفهرسة الصفحة واتباع روابطها.
- أدخل صورة Open Graph وأي حقول تختلف عن العنوان والوصف، ثم اختر نوع بطاقة Twitter.
- انسخ HTML الذي تم إنشاؤه أو نزّله، ثم ألصقه داخل <head> في صفحتك.
كيف تعمل الأداة
لا ينشئ المولّد سوى الوسوم التي تحتاج إليها. تُحوَّل جميع القيم إلى صيغ HTML آمنة (تُحوَّل الرموز & و< و> و" و' إلى كيانات)، لذا لا يمكن لعنوان يتضمن علامات اقتباس أو أقواس زاوية أن يُفسد بنية الترميز.
وظيفة كل وسم: يحدد charset ترميز النص في المتصفح، وينبغي أن يأتي أولًا داخل head؛ ويجعل viewport تخطيط الصفحة ملائمًا لعرض الجهاز على الهواتف؛ ويظهر العنوان في علامات تبويب المتصفح ونتائج البحث؛ وقد يُستخدم الوصف التعريفي كنص مقتطف في نتائج البحث، لكنه لا يؤثر في ترتيب النتائج؛ ويحدد الرابط canonical عنوان URL الأساسي للصفحة عند وجود نسخ مكررة؛ ويُخرج robots مع noindex الصفحة من نتائج البحث، بينما يطلب nofollow من برامج الزحف عدم اتباع روابطها. لا يعمل وسم robots إلا إذا تمكنت برامج الزحف من الوصول إلى الصفحة، لذا لا تحظرها أيضًا في robots.txt.
تتحكم وسوم Open Graph (og:…) في معاينات الروابط في كثير من تطبيقات التواصل الاجتماعي والمحادثة. إذا كانت قيم og:title أو og:description أو og:url فارغة، فستُستخدم قيم العنوان والوصف والعنوان الأساسي URL بدلًا منها. وتستخدم المنصات التي تقرأ وسوم Twitter card قيم Open Graph بديلًا للعنوان والوصف والصورة، لذا لا يُنشأ سوى twitter:card.
أمثلة
مقالة مدونة
يوفر العنوان والوصف والعنوان الأساسي URL وصورة og:image بأبعاد 1200×630 وsummary_large_image نحو عشرة أسطر تغطي نتائج البحث ومعاينات الروابط.
إخفاء صفحة الشكر من نتائج البحث
أزل علامة الاختيار من «السماح بالفهرسة» لإضافة <meta name="robots" content="noindex, follow">. تظل الصفحة متاحة للزوار، لكن يُفترض ألا تظهر في نتائج البحث.
عنوان يتضمن علامات اقتباس
يُكتب العنوان Ask "Anything" & <Learn> بصيغة Ask "Anything" & <Learn>، وتعرضه المتصفحات كما أُدخل تمامًا.
الأسئلة الشائعة
هل يساعد وسم الكلمات المفتاحية الوصفية في تحسين SEO؟
لا. لم تعد محركات البحث الكبرى تأخذ الكلمات المفتاحية الوصفية في الحسبان عند ترتيب النتائج منذ سنوات عديدة، لذا لا يتضمنها هذا المولّد.
هل أحتاج إلى وسوم Open Graph وTwitter card معًا؟
عادةً لا تحتاج إلى إضافة سوى twitter:card إلى جانب Open Graph، لأن العنوان والوصف والصورة تُؤخذ تلقائيًا من قيم og:.
أين أضع هذه الوسوم؟
داخل عنصر <head> في كل صفحة. في أطر العمل مثل Next.js، وقوالب WordPress، ومولّدات المواقع الثابتة، استخدم إعدادات البيانات الوصفية فيها لإخراج الوسوم نفسها.
هل ينبغي أن تحتوي كل صفحة على وسم canonical؟
يُستحسن ذلك، خصوصًا عندما يكون المحتوى نفسه متاحًا عبر عدة عناوين URL (مثل عناوين تتضمن معلمات التتبع أو خيارات الفرز، أو تستخدم http وhttps). ويمكن للصفحة أن تحدد عنوانها بوصفه العنوان الأساسي.
الخصوصية
تُنشأ الوسوم في متصفحك. لا يُرفع أي شيء تكتبه ولا يُخزّن.