كيرليون
مولد أكواد Meta Tags الاحترافي لبلوجر
v5.0
البيانات الأساسية
Open Graph (فيسبوك وتيليجرام)
Twitter Card (تويتر / X)
إعدادات SEO والروبوتات
أرشفة (index)
بدون أرشفة (noindex)
تتبع (follow)
بدون تتبع (nofollow)
معاينة في محركات البحث والسوشيال
🌐 معاينة جوجل
https://www.example.com
عنوان الصفحة الخاص بك
وصف الصفحة الخاص بك سيظهر هنا في نتائج بحث جوجل. اكتب وصف جذاب يشجع الزائر على الضغط...
🐦 معاينة تويتر / X
🖼️ صورة OG
عنوان الصفحة الخاص بك
وصف الصفحة الخاص بك سيظهر هنا في نتائج بحث جوجل. اكتب وصف جذاب يشجع الزائر على الضغط...
www.example.com
📋 نسخ أكواد Meta Tags
انسخ الكود والصقه فوق </head> في قالب بلوجر
📖 طريقة التركيب في بلوجر خطوة بخطوة
1
ادخل لوحة تحكم بلوجر ثم اضغط على المظهر (Theme) وبعدين تعديل HTML
2
ابحث عن وسم </head> والصق الكود فوقه مباشرة — اضغط Ctrl+F للبحث
3
اضغط حفظ التغييرات واختبر بالدخول على أي صفحة واعرض المصدر (View Source) وتأكد إن الأكواد موجودة
4
اختبر المعاينة فعلياً على Google Rich Results Test أو Facebook Sharing Debugger عشان تتأكد إن كل حاجة تمام
💡 نصائح SEO مهمة لتحسين ظهورك في محركات البحث
عنوان الصفحة لازم يكون بين 50-60 حرف عشان جوجل ما يقصهوش في نتائج البحث — حاول تحط الكلمة المفتاحية في البداية عشان تاخد أعلى ترتيب
الوصف المثالي بين 150-160 حرف — اكتب وصف يجذب الضغطات ويحتوي على الكلمة المفتاحية بشكل طبيعي ومقنع للزائر
صورة OG لازم تكون 1200x630 بكسل عشان تظهر تمام على فيسبوك وتويتر وواتساب بدون أي قص أو تشويه أو تحجيم
استخدم noindex في الصفحات اللي مش عايز جوجل يأرشفها زي صفحات البحث الداخلية وصفحات التسجيل والتصنيفات المتكررة
رابط Canonical بيمنع مشاكل المحتوى المكرر وبيوضح لجوجل الرابط الأصلي — مهم جداً لو عندك صفحات بتتشابه في المحتوى
تحقق من أكوادك باستخدام Facebook Sharing Debugger و Twitter Card Validator عشان تتأكد إن المعاينة بتظهر صح على كل المنصات
أسئلة شائعة حول Meta Tags و SEO
🔍 ما هي Meta Tags ولماذا هي مهمة لموقعي؟
▼
Meta Tags هي أكواد HTML مخفية يتم وضعها في وسم head داخل صفحتك، وهي تعمل كجسر تواصل بين موقعك ومحركات البحث ومنصات السوشيال ميديا. هذه الأكواد تخبر جوجل عن عنوان صفحتك ووصفها وكلماتها المفتاحية، وتخبر فيسبوك وتويتر كيف يجب أن يعرضوا رابطك عند مشاركته. بدون Meta Tags صحيحة، موقعك سيظهر بشكل سيء في نتائج البحث وستفقد الكثير من الزيارات المجانية. هذه الأداة تولّد لك كل الأكواد المطلوبة بشكل تلقائي ومنسق وجاهز للنسخ واللصق مباشرة في قالب بلوجر.
🔗 ما الفرق بين og:title و title العادي؟
▼
وسم title هو العنوان الأساسي الذي يظهر في تبويب المتصفح وفي نتائج بحث جوجل. أما og:title فهو عنوان مخصص لمنصات السوشيال ميديا (فيسبوك، تيليجرام، واتساب، تويتر) ويظهر عندما يشارك شخص رابط صفحتك. يمكنك جعلهم مختلفين — مثلاً عنوان SEO قد يكون أطول ويحتوي كلمات مفتاحية، بينما og:title قد يكون أقصر وأكثر جاذبية للسوشيال. لو ممللتش og:title، المنصات بستخدم title العادي تلقائياً لكن النتيجة مش دايماً تكون الأفضل.
🌐 ما هو رابط Canonical ومتى أستخدمه؟
▼
رابط Canonical هو وسم يخبر محركات البحث بالرابط الأساسي والأصلي للصفحة. تستخدمه عندما يكون نفس المحتوى متاح عبر عدة روابط مختلفة — مثلاً: example.com/post و example.com/post?ref=fb و example.com/post?utm_source=twitter كلهم نفس الصفحة. بدونه، جوجل قد يعاملها كصفحات منفصلة وينتشر الـ Page Rank بينها. ضع الرابط Canonical يشير للنسخة الأساسية (بدون معاملات إضافية) عشان تركز كل قوة الـ SEO في مكان واحد وتتجنب عقوبة المحتوى المكرر.
🤖 ما معنى noindex و nofollow ومتى أستخدمهم؟
▼
noindex يعني "لا تؤرشف هذه الصفحة في محركات البحث". استخدمه في صفحات مثل: صفحات البحث الداخلية، صفحات تأكيد الطلب، صفحات الدخول/التسجيل، صفحات tags المتكررة، أو أي صفحة محتوى مؤقت. nofollow يعني "لا تتبع الروابط الموجودة في هذه الصفحة" — يعني جوجل مش هيدي قوة SEO للصفحات اللي فيها لينكات من الصفحة دي. استخدمه في صفحات التعليقات أو المحتوى المولّد من المستخدمين. المفروض تكون غالبية صفحاتك index,follow — لا تستخدم noindex/noindex إلا لصفحات محددة ولها سبب واضح.
🐦 ما هو Twitter Card وما الفرق بين أنواعه؟
▼
Twitter Card هو وسم خاص بيخبر تويتر كيف يعرض رابطك عند مشاركته. summary_large_image هو الأفضل لمعظم الحالات — بيعرض صورة كبيرة وأسفلها العنوان والوصف، وبياخد مساحة أكبر في التغريدة وبيجذب إنتباه أكتر. summary هو كارت أصغر — بيظهر صورة صغيرة على اليمين والعنوان والوصف على الشمال. استخدم summary_large_image دائماً لو عندك صورة OG بجودة عالية (1200x630). لو مفيش صورة OG، استخدم summary عشان الشكل يكون أنظف ومش هيظهر مساحة فارغة.
🎯 كيف أتأكد إن Meta Tags شغالة صح بعد التركيب؟
▼
هناك عدة أدوات مجانية للتحقق من صحة أكوادك: 1) Facebook Sharing Debugger (developers.facebook.com/tools/debug) — بيعرضلك كيف بيظهر رابطك على فيسبوك وبيعمل force crawl لتحديث الصورة فوراً. 2) Twitter Card Validator (cards-dev.twitter.com/validator) — بتأكد إن Twitter Card شغال وبيعرض معاينة حية. 3) Google Rich Results Test (search.google.com/test/rich-results) — بيتحقق من أكوادك المنظمة والبيانات المرتبطة. 4) Meta Tags Analyzer (metatags.io) — عرض شامل لكل الـ meta tags في صفحتك في مكان واحد. بعد أي تعديل في الأكواد، ادخل الأداة واعمل force crawl عشان تحدّث المعاينة لأن المنصات بتخزن نسخة مؤقتة من المشاركة القديمة.
📐 ما هي البيانات المنظمة (Structured Data) وهل أحتاجها مع Meta Tags؟
▼
البيانات المنظمة (Structured Data أو JSON-LD) هي أكواد إضافية بتضيفها في الـ head بتاع صفحتك عشان توضح لجوجل نوع المحتوى بشكل أدق — مثلاً: هل الصفحة دي مقال؟ منتج؟ وصفة طبخ؟ فيديو؟ مراجعة؟ هذه البيانات ممكن تخلي جوجل يعرض نتائجك بشكل مميز (Rich Snippets) زي عرض نجوم التقييم أو السعر أو صورة المنتج مباشرة في نتائج البحث. Meta Tags والبيانات المنظمة يكملوا بعض — Meta Tags بتخبر جوجل عن الصفحة بشكل عام، والبيانات المنظمة بتخبره عن تفاصيل المحتوى. لو عندك مدونة بلوجر، أضف على الأقل بيانات Article Schema عشان تظهر اسم الكاتب وتاريخ النشر في نتائج البحث.
✅
تم النسخ بنجاح!