مولّد وسوم الميتا
أنشئ وسوم ميتا لـ SEO وOpen Graph وarticle وبطاقة تويتر مع عدّادات مباشرة لطول العنوان والوصف وخيارات robots وtheme-color والمؤلف.
مولّد وسوم الميتا — أدخل عنوان صفحتك ووصفها ورابطها الأساسي والصورة واسم الموقع لتحصل على كتلة جاهزة للصق من وسوم ميتا لتحسين محركات البحث وOpen Graph وبطاقة تويتر داخل وسم head في HTML. تعرض المعاينات المباشرة لنتائج بحث Google وبطاقة التواصل الاجتماعي كيف ستبدو الصفحة في البحث وعند مشاركتها. كل شيء يُنشأ في متصفحك — ولا يُرفع أي شيء من صفحتك. تقارن العدّادات المباشرة عنوانك ووصفك بالأطوال الموصى بها، وتضيف الحقول الاختيارية وسوم robots وviewport وcharset وtheme-color والمؤلف إلى جانب وسوم Open Graph الخاصة بالمقالات، وتقرأ الأداة رابط صورتك لتحذّرك من صورة معاينة مفقودة أو ذات حجم غير معتاد.
ما هي مولّد وسوم الميتا؟
مولّد وسوم الميتا أداة مجانية على الإنترنت تحوّل بضع تفاصيل عن الصفحة إلى مجموعة كاملة من وسوم ميتا في HTML: وسوم SEO القياسية (title وmeta description ورابط canonical)، ووسوم Open Graph (og:title وog:description وog:type وog:url وog:image وog:site_name)، ووسوم بطاقة تويتر (twitter:card وtwitter:title وtwitter:description وtwitter:image). يستخدمها المسوّقون والمدوّنون والمطوّرون عند إطلاق صفحة أو مقالة للتحكم في طريقة ظهورها في نتائج بحث Google وفي كيفية انعراض رابطها على Facebook وLinkedIn وX/Twitter وSlack وDiscord. اختر og:type (website أو article أو product أو profile أو video.other) ونمط twitter:card (summary أو summary_large_image أو app أو player)، وستكتب الأداة فقط الأسطر الخاصة بالحقول التي تملؤها. تُخرج وسوم HTML خالصة — فهي لا تزحف على موقعك ولا تقرأ الصفحة نيابةً عنك. تحذّر العدّادات المباشرة عندما يصبح العنوان (نحو 60 حرفًا) أو الوصف (نحو 160) طويلاً جدًا، وتحمّل الأداة رابط صورتك لقراءة أبعادها الحقيقية بالبكسل والتحذير من صورة مفقودة أو كبيرة/صغيرة جدًا. تضيف الحقول الاختيارية توجيه robots ووسمي viewport وcharset بترميز UTF-8 وtheme-color ومؤلفًا، إضافة إلى article:published_time وarticle:author وarticle:section عندما يكون og:type مساويًا لـ article.
كيفية استخدام مولّد وسوم الميتا
- اكتب عنوان صفحتك — يصبح هذا وسوم <title> وog:title وtwitter:title.
- اكتب وصف ميتا (نحو 150–160 حرفًا) لوسوم description وog:description وtwitter:description.
- أدخل الرابط الأساسي للصفحة ورابط صورة مطلق لمعاينة الرابط.
- أضف اسم موقعك واختر og:type وtwitter:card من القوائم المنسدلة.
- انسخ كتلة HTML المُنشأة من مربع الإخراج والصقها في وسم <head> لصفحتك.
- استخدم معاينتي نتائج بحث Google وبطاقة التواصل للتحقق من شكل النتيجة قبل النشر.
- راقب عدّادات الطول المباشرة للعنوان والوصف، وافتح خيارات ⚙ لإضافة وسوم robots وviewport وcharset وtheme-color والمؤلف أو وسوم المقال.
أمثلة
وسوم مقالة مدونة
المدخل
العنوان: How to Bake Sourdough الوصف: A beginner's guide to baking sourdough bread at home. URL: https://blog.example.com/sourdough og:type: article
المخرج
<title>How to Bake Sourdough</title> <meta name="description" content="A beginner's guide to baking sourdough bread at home." /> <link rel="canonical" href="https://blog.example.com/sourdough" /> <meta property="og:title" content="How to Bake Sourdough" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary_large_image" />
بطاقة تواصل بصورة كبيرة
المدخل
الصورة: https://example.com/og.png twitter:card: summary_large_image
المخرج
<meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://example.com/og.png" />
تُهرَّب الأحرف الخاصة
المدخل
العنوان: Tips & Tricks for "Pros"
المخرج
<title>Tips & Tricks for "Pros"</title>
مقال مع وسوم robots ووسوم المقال
المدخل
العنوان: How to Bake Sourdough og:type: article Robots: index, follow article:published_time: 2024-05-01T09:00 article:section: Food
المخرج
<meta name="robots" content="index, follow" /> <meta property="og:type" content="article" /> <meta property="article:published_time" content="2024-05-01T09:00" /> <meta property="article:section" content="Food" />
الأسئلة الشائعة
- ما وسوم الميتا التي تنشئها هذه الأداة؟
- تنتج وسوم SEO القياسية (<title> وmeta description ورابط canonical)، ووسوم Open Graph (og:title وog:description وog:type وog:url وog:image وog:site_name)، ووسوم بطاقة تويتر (twitter:card وtwitter:title وtwitter:description وtwitter:image). لا تُضمَّن إلا الأسطر الخاصة بالحقول التي تملؤها، لذا لن تحصل أبدًا على وسوم نائبة فارغة.
- ما الفرق بين og:type وtwitter:card؟
- يخبر og:type المنصات بنوع الكائن الذي تمثّله الصفحة — website أو article أو product أو profile أو video.other — وهو ما يؤثر في طريقة انعراض الرابط. أما twitter:card فيحدد التخطيط على X/Twitter: summary صورة مصغّرة صغيرة، وsummary_large_image يعرض صورة بانر كبيرة، بينما app وplayer مخصصان للتطبيقات والوسائط. اختر الزوج الذي يناسب محتواك.
- هل يجب أن يكون رابط الصورة مطلقًا؟
- نعم. يجب أن يكون og:image وtwitter:image روابط مطلقة كاملة تبدأ بـ https:// لأن الزواحف تجلبها من خارج موقعك — فالمسار النسبي مثل /og.png لن يُحمَّل. للحصول على أفضل نتيجة استخدم صورة 1200×630 للبطاقات الكبيرة.
- هل تزحف هذه الأداة على صفحتي المنشورة أو تقرؤها؟
- لا. إنها تنسّق فقط القيم التي تكتبها إلى وسوم ميتا في HTML. وهي لا تجلب أي رابط ولا تزحف عليه ولا تحلله — يُكتب الرابط الأساسي ورابط الصورة في الوسوم كما هما حرفيًا دون زيارتهما.
- هل تُرسل بياناتي إلى خادم؟
- لا. تُبنى الوسوم بالكامل في متصفحك باستخدام JavaScript. لا شيء مما تكتبه — بما في ذلك العناوين والروابط والأوصاف غير المنشورة — يُرفع أو يُخزَّن أو يُرسل إلى أي مكان، لذا فاستخدامها آمن على الصفحات الخاصة أو السابقة للإطلاق.
- ما الطول المناسب للعنوان والوصف؟
- استهدف نحو 60 حرفًا أو أقل للعنوان وحوالي 120–160 للوصف؛ إذ تقتطع محركات البحث النص الأطول. تعرض الأداة عدّادًا مباشرًا لكل منهما يتحول من حالة النجاح إلى تحذير بمجرد تجاوزك الطول الموصى به.
- ما وسوم الميتا الإضافية التي يمكنني إضافتها، وكيف تعمل تحذيرات الصورة؟
- افتح خيارات ⚙ لإضافة توجيه robots (إعدادات index/follow المسبقة)، ووسم viewport، ووسم charset بترميز UTF-8، وtheme-color، ومؤلف؛ وعندما يكون og:type مساويًا لـ article يمكنك أيضًا إضافة article:published_time وarticle:author وarticle:section. كما تحمّل الأداة رابط صورتك في المتصفح لعرض أبعادها الحقيقية بالبكسل والتحذير إذا كانت مفقودة أو بعيدة كثيرًا عن 1200×630 الموصى به.
أدوات ذات صلة
أداة إنشاء وسوم hreflang
أنشئ وسوم link hreflang لصفحة متعددة اللغات من قائمة أزواج من اللغة والـ URL، مع x-default اختياري ووسم ذاتي المرجعية.
مولّد JSON-LD
أنشئ بيانات منظَّمة JSON-LD صالحة لمخططات Article وProduct وFAQPage وHowTo وLocalBusiness وEvent وRecipe وBreadcrumbList وOrganization من نموذج بسيط.
مدقق كثافة الكلمات المفتاحية
حلّل تكرار الكلمات وكثافة الكلمات المفتاحية لعبارات من 1 أو 2 أو 3 كلمات، مع تصفية الكلمات الشائعة والبحث عن كلمة مستهدفة.
معاينة Open Graph وبطاقات التواصل الاجتماعي
عاين كيف ينتشر الرابط كبطاقة اجتماعية على X وLinkedIn وSlack وDiscord وFacebook انطلاقًا من عنوان ووصف ورابط صورة ورابط صفحة.