SEO
Meta Tags / Open Graph Generator
توليد وسوم meta بلغة HTML لتحسين SEO وOpen Graph (فيسبوك) وTwitter Card — مع معاينة للبطاقة.
The meta tags in a page's <head> control how it appears in search results and in the preview card when it's shared on social media or messaging apps. This tool generates a full set of SEO, Open Graph, and Twitter Card tags along with a live preview of the card.
How to use it
- Fill in the page's title, description, URL, and image — the tags generate instantly, and a preview shows how the card will look on Facebook, X (Twitter), and similar services.
- Copy the finished HTML block and paste it into the page's <head>.
- Check the title and description length — values that are too long get truncated by the search engine or social platform.
Common uses
- Setting up Open Graph for a page so the link looks polished when shared on Telegram, Slack, or social media.
- Writing a title and meta description targeting a specific search query for a new page.
- Quickly sanity-checking a page's existing meta tags through the card preview before publishing.
Things to keep in mind
Open Graph and Twitter Card are separate standards; most platforms except X read og: tags directly, so duplicating the main fields under twitter: isn't always required, but it improves compatibility.
The og:image must be reachable at an absolute URL, not a relative path — otherwise the social platform's crawler won't be able to fetch it.
مقالة عن هذه الأداة: الوسوم الوصفية: أيها يؤثر فعلًا في البحث ووسائل التواصل
الأسئلة الشائعة
لماذا أحتاج إلى وسوم Open Graph وTwitter Card منفصلة إذا كانتا تؤديان نفس الوظيفة؟
تقرأ Facebook وLinkedIn ومعظم المنصات الأخرى وسوم Open Graph (og:title، og:image، إلخ)، بينما لدى Twitter مجموعة وسوم خاصة به (twitter:card، twitter:title) — يعود Twitter إلى وسوم Open Graph إذا كانت وسومه الخاصة مفقودة، لكن إضافة كليهما يضمن معاينات متسقة.
ما الحجم الذي يجب أن تكون عليه صورة og:image فعليًا؟
1200×630 بكسل هو الحجم الموصى به على نطاق واسع — يُعرض بشكل صحيح كبطاقة معاينة كبيرة على معظم المنصات دون اقتصاص غير ملائم، ويبقى ضمن حدود حجم الملف الشائعة.
هل يرسل إنشاء هذه الوسوم محتواي إلى خادم؟
لا. تُنشأ الوسوم بالكامل مما تكتبه، مباشرة في متصفحك — لا شيء يُرفَع إلى أي مكان.
ماذا يفعل وسم canonical URL؟
يخبر محرك البحث بالنسخة الأساسية من صفحة ما عندما يكون المحتوى نفسه متاحًا عبر عدة عناوين (بـwww ودونه، بمعاملات مختلفة، إلخ) — يساعد هذا على تجميع ترتيب الصفحة في مكان واحد بدلًا من توزيعه بين النسخ المكررة.
ما الفرق بين meta robots noindex ومنع robots.txt؟
يمنع noindex في الوسم الوصفي فهرسة محتوى صفحة تم زحفها بالفعل، بينما يمنع Disallow في robots.txt الروبوت من زحف الصفحة أصلًا — وهذا بالضبط سبب عدم عمل noindex على صفحة محظورة في robots.txt: لن يرى محرك البحث ذلك الوسم إطلاقًا.