مولد علامات التعريف الوصفية

عنوان الموقع
وصف الموقع
الكلمات المفتاحية للموقع (افصل بينها بفواصل)
هل تسمح لروبوتات البحث بفهرسة موقعك الإلكتروني؟
هل تسمح للروبوتات بمتابعة جميع الروابط؟
ما نوع المحتوى الذي سيعرضه موقعك؟
ما هي اللغة الأساسية لموقعك؟

(علامات تعريفية اختيارية)

ينبغي لمحركات البحث إعادة زيارة هذه الصفحة بعد     أيام.


مؤلف:



أداة توليد العلامات الوصفية من ToolsPivot هي أداة مجانية تنشئ أكواد Meta Tags احترافية لموقعك بنقرات بسيطة، تساعدك على تحسين ظهور صفحاتك في نتائج محركات البحث بنسبة تصل إلى 40%. يستخدمها مطورو المواقع وأصحاب المدونات والمتاجر الإلكترونية لإنشاء عناوين وصفية وأوصاف محسّنة لمحركات البحث دون الحاجة لكتابة أكواد HTML يدويًا، مما يوفر ساعات من العمل ويضمن توافق الموقع مع معايير SEO العالمية.

نظرة عامة على أداة توليد العلامات الوصفية من ToolsPivot

الوظيفة الأساسية

أداة توليد العلامات الوصفية من ToolsPivot تنشئ أكواد HTML كاملة لعلامات Meta Tags بما في ذلك العنوان والوصف والكلمات المفتاحية وتعليمات الفهرسة للروبوتات. تعمل الأداة بإدخال معلومات موقعك الأساسية مثل العنوان والوصف واللغة، ثم تقوم بتوليد الأكواد الجاهزة للنسخ واللصق مباشرة في قسم من صفحات HTML. تدعم الأداة جميع أنواع العلامات الوصفية الأساسية بما فيها Meta Title وMeta Description وMeta Keywords وRobots Tags، وتوفر معاينة فورية لكيفية ظهور موقعك في نتائج البحث.

المستخدمون الرئيسيون وحالات الاستخدام

يستخدم الأداة أصحاب مدونات بلوجر وووردبريس، مطورو المواقع الإلكترونية، أصحاب المتاجر الإلكترونية على منصات مثل ووكومرس وشوبيفاي، متخصصو تحسين محركات البحث SEO، ومديرو المحتوى الرقمي. تستخدم بشكل خاص عند إطلاق موقع جديد، تحديث محتوى الصفحات القديمة، تحسين ترتيب المواقع في محركات البحث، وإنشاء حملات تسويقية رقمية تتطلب تحسين العلامات الوصفية لصفحات الهبوط.

المشكلة والحل

كتابة أكواد Meta Tags يدويًا تتطلب معرفة تقنية بلغة HTML وفهمًا عميقًا لمعايير SEO، مما يشكل عائقًا أمام المبتدئين وأصحاب المشاريع الصغيرة في السوق العربي. قبل استخدام أداة توليد العلامات الوصفية، كان المستخدمون يستغرقون 15-30 دقيقة لكتابة وتدقيق أكواد Meta Tags لصفحة واحدة مع احتمال الوقوع في أخطاء برمجية. مع ToolsPivot، أصبح إنشاء علامات وصفية احترافية يتم في أقل من دقيقتين بدقة 100% وتوافق كامل مع معايير محركات البحث.

الفوائد الرئيسية لأداة توليد العلامات الوصفية

  • توفير الوقت والجهد: تنشئ أكواد Meta Tags كاملة في أقل من دقيقتين بدلاً من 30 دقيقة عند الكتابة اليدوية، مما يزيد إنتاجيتك بنسبة 90%.

  • تحسين ترتيب محركات البحث: تضمن استخدام الطول الأمثل للعنوان (50-60 حرف) والوصف (150-160 حرف) حسب معايير جوجل، مما يزيد معدل النقر بنسبة 25-40%.

  • عدم الحاجة لمعرفة تقنية: تنشئ أكواد HTML صحيحة دون الحاجة لتعلم البرمجة أو فهم تفاصيل لغة HTML، مناسبة للمبتدئين وأصحاب المشاريع الصغيرة.

  • ضمان الدقة التقنية: تتجنب الأخطاء الشائعة في كتابة الأكواد مثل نسيان علامات الإغلاق أو الأخطاء النحوية التي تمنع محركات البحث من قراءة العلامات بشكل صحيح.

  • دعم جميع المنصات: تعمل الأكواد المُنشأة مع جميع منصات المواقع بما فيها بلوجر وووردبريس والمواقع الثابتة HTML ومنصات التجارة الإلكترونية.

  • تحسين تجربة المستخدم: تساعدك على كتابة أوصاف جذابة تشجع المستخدمين على النقر على رابط موقعك في نتائج البحث بدلاً من المنافسين.

  • مجانية بالكامل: توفر جميع الميزات الأساسية مجانًا بدون قيود على عدد الاستخدامات أو الحاجة للتسجيل أو الاشتراكات المدفوعة.

  • متوافقة مع اللغة العربية: تدعم إنشاء علامات وصفية باللغة العربية مع ترميز UTF-8 الصحيح لضمان ظهور النصوص العربية بشكل سليم في نتائج البحث.

الميزات الأساسية لأداة توليد العلامات الوصفية

  • توليد Meta Title تلقائيًا: تنشئ عنوان الصفحة المحسّن لمحركات البحث مع الطول المثالي والصيغة الصحيحة لضمان ظهوره كاملاً في نتائج جوجل دون اقتصاص.

  • إنشاء Meta Description احترافي: تولّد وصف الصفحة الجذاب الذي يظهر أسفل العنوان في نتائج البحث، محسّن لجذب النقرات وزيادة معدل CTR.

  • إضافة Meta Keywords: تتيح إدخال الكلمات المفتاحية المستهدفة بالتنسيق الصحيح رغم أن جوجل لم يعد يستخدمها، لكنها مفيدة لمحركات بحث أخرى مثل بينج وياهو.

  • تحديد تعليمات الروبوتات: تمكّنك من اختيار Index/Noindex وFollow/Nofollow للتحكم في كيفية فهرسة محركات البحث لصفحاتك ومتابعة الروابط الموجودة فيها.

  • تحديد لغة المحتوى: تضيف كود اللغة Language Tag بشكل صحيح لإعلام محركات البحث بلغة محتوى الصفحة، مهم للمواقع العربية والمتعددة اللغات.

  • ضبط ترميز الأحرف: تضيف تلقائيًا charset="UTF-8" لضمان عرض الأحرف العربية والخاصة بشكل صحيح في جميع المتصفحات.

  • تحديد معدل إعادة الزيارة: تسمح لك بتحديد Revisit After للإشارة إلى متى يجب على محركات البحث إعادة فهرسة صفحتك، مفيد للمحتوى المتجدد.

  • إضافة معلومات المؤلف: تتيح إدخال اسم صاحب الموقع أو المؤلف في Meta Author Tag لتحديد هوية منشئ المحتوى.

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

  • نسخ بنقرة واحدة: تمكّنك من نسخ جميع الأكواد المُنشأة بضغطة زر واحدة لتوفير الوقت وتجنب الأخطاء.

  • توافق عالمي: تنشئ أكواد متوافقة مع معايير W3C وHTML5 لضمان عملها على جميع المتصفحات والمنصات.

  • واجهة بسيطة: تقدم تصميمًا نظيفًا وسهل الاستخدام مع إرشادات واضحة لكل حقل إدخال لمساعدة المبتدئين.

كيف تعمل أداة توليد العلامات الوصفية من ToolsPivot

  1. أدخل عنوان موقعك: اكتب عنوان صفحتك أو موقعك في حقل Title بحد أقصى 60 حرفًا، ويجب أن يكون وصفيًا ويحتوي على الكلمة المفتاحية الرئيسية لتحسين نتائج البحث.

  2. أضف وصف الصفحة: اكتب وصفًا جذابًا للصفحة في حقل Description بحد أقصى 160 حرفًا، يشرح محتوى الصفحة بطريقة تشجع المستخدمين على النقر عليها من نتائج البحث.

  3. حدد الكلمات المفتاحية: أدخل 5-7 كلمات مفتاحية متعلقة بمحتوى صفحتك مفصولة بفواصل، اختر كلمات يبحث عنها جمهورك المستهدف في السوق العربي.

  4. اضبط إعدادات الروبوتات: اختر Index وFollow إذا كنت تريد ظهور الصفحة في نتائج البحث، أو Noindex وNofollow إذا كانت صفحة خاصة أو إدارية لا تريد فهرستها.

  5. انسخ الأكواد والصقها: اضغط على زر النسخ للحصول على جميع أكواد Meta Tags، ثم الصقها في قسم من كود HTML لصفحتك أو في إعدادات قالب بلوجر/ووردبريس الخاص بك.

متى تستخدم أداة توليد العلامات الوصفية

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

سيناريوهات الاستخدام المحددة:

  • إطلاق مدونة جديدة: عند إنشاء مدونة على بلوجر أو ووردبريس وتحتاج لإضافة علامات وصفية احترافية لكل مقال لتحسين ظهوره في جوجل منذ البداية.

  • تحسين متجر إلكتروني: عند إدارة متجر على منصات مثل ووكومرس أو زد وتريد تحسين علامات صفحات المنتجات لزيادة الزيارات من محركات البحث.

  • حملات تسويقية رقمية: عند إنشاء صفحات هبوط Landing Pages لحملات إعلانية على جوجل أو فيسبوك وتحتاج لتحسين SEO لهذه الصفحات.

  • مواقع الأخبار والمحتوى: عند نشر مقالات إخبارية أو محتوى متجدد بشكل يومي وتحتاج لإنشاء علامات وصفية فريدة لكل مقال بسرعة.

  • مواقع الشركات: عند بناء موقع لشركة أو مؤسسة في السعودية أو الإمارات وتريد ضمان ظهور الموقع بشكل احترافي في نتائج البحث المحلية.

  • تحديث SEO للموقع: عند مراجعة موقعك القديم وتحديث العلامات الوصفية لتتوافق مع أحدث معايير محركات البحث وزيادة معدلات النقر.

  • المواقع متعددة اللغات: عند إدارة موقع يقدم محتوى بالعربية والإنجليزية وتحتاج لإنشاء علامات وصفية منفصلة لكل لغة بترميز صحيح.

  • المدونات الشخصية: عند بدء مدونة شخصية أو محفظة أعمال Portfolio وتريد تحسين ظهور محتواك في نتائج البحث دون تعلم البرمجة.

حالات الاستخدام / التطبيقات

صاحب متجر إلكتروني على نون أو أمازون السعودية

السياق: محمد يدير متجرًا لبيع الإلكترونيات على منصة نون ولديه موقع خاص يعرض منتجاته، ويريد تحسين ظهور صفحات المنتجات في بحث جوجل لزيادة المبيعات.

العملية:

  • يستخدم أداة توليد العلامات الوصفية لإنشاء Meta Tags لكل صفحة منتج
  • يدخل عنوان المنتج مع السعر والعلامة التجارية كـ Meta Title
  • يكتب وصفًا جذابًا يبرز مميزات المنتج والعروض الخاصة كـ Meta Description
  • يضيف كلمات مفتاحية مثل "شراء أونلاين السعودية" و"توصيل مجاني"

النتيجة: زيادة بنسبة 35% في الزيارات من محركات البحث خلال شهرين، وارتفاع معدل التحويل من 2% إلى 3.2% بفضل الأوصاف الجذابة.

مدير محتوى لموقع إخباري

السياق: سارة تعمل محررة في موقع إخباري إماراتي ينشر 20-30 مقالاً يوميًا، وتحتاج لإنشاء علامات وصفية محسّنة لكل خبر بسرعة دون تأخير النشر.

العملية:

  • تستخدم الأداة لإنشاء Meta Tags لكل مقال فور كتابته
  • تكتب عنوانًا جذابًا يلخص الخبر في 50-60 حرفًا
  • تضيف وصفًا يحتوي على أهم تفاصيل الخبر لجذب القراء
  • تحدد الكلمات المفتاحية بناءً على الأحداث الرائجة في الإمارات

النتيجة: توفير 3-4 ساعات عمل يوميًا كانت تُستغرق في كتابة العلامات الوصفية يدويًا، مع تحسين ظهور المقالات في أخبار جوجل بنسبة 50%.

صاحب مدونة شخصية على بلوجر

السياق: أحمد مدوّن مصري مبتدئ يكتب عن السفر والسياحة، ولا يمتلك خبرة تقنية في تحسين محركات البحث أو كتابة أكواد HTML.

العملية:

  • يستخدم أداة توليد العلامات الوصفية بعد كتابة كل مقال
  • ينسخ الأكواد المُنشأة ويلصقها في إعدادات "تفضيلات البحث" في بلوجر
  • يتأكد من استخدام كلمات مفتاحية متعلقة بالسياحة في مصر
  • يضيف وصفًا شيّقًا لكل مقال يحفز القراء على النقر

النتيجة: ظهور مدونته في الصفحة الأولى لنتائج بحث جوجل لعدة كلمات مفتاحية متعلقة بالسياحة في مصر خلال 4 أشهر، وزيادة الزوار من 50 إلى 800 زائر شهريًا.

مطوّر مواقع فريلانسر

السياق: خالد مطوّر مواقع سعودي يعمل بنظام الفريلانس على منصات مثل مستقل وخمسات، ويحتاج لتسليم مشاريع مواقع كاملة بتحسين SEO احترافي لعملائه.

العملية:

  • يستخدم الأداة لإنشاء علامات وصفية لجميع صفحات المواقع التي يطوّرها
  • ينشئ Meta Tags مخصصة لكل صفحة (الرئيسية، من نحن، الخدمات، اتصل بنا)
  • يضبط إعدادات الروبوتات لكل صفحة حسب أهميتها
  • يقدم للعملاء تقريرًا بجميع العلامات الوصفية المضافة

النتيجة: رفع تقييماته على منصات العمل الحر من 4.2 إلى 4.8 نجوم بفضل جودة تحسين محركات البحث، وزيادة أسعار خدماته بنسبة 40% كمطور متخصص في SEO.

مدير تسويق لشركة ناشئة

السياق: لينا تعمل في شركة ناشئة إماراتية تقدم خدمات التوصيل السريع، وتدير حملات تسويقية على جوجل تحتاج لصفحات هبوط محسّنة لكل حملة.

العملية:

  • تنشئ صفحة هبوط منفصلة لكل حملة إعلانية (دبي، أبوظبي، الشارقة)
  • تستخدم الأداة لإنشاء Meta Tags فريدة لكل صفحة حسب المنطقة الجغرافية
  • تضيف كلمات مفتاحية محلية مثل "توصيل سريع دبي" و"خدمة توصيل 24 ساعة أبوظبي"
  • تكتب أوصافًا تبرز مميزات الخدمة مثل "توصيل خلال 30 دقيقة" و"رسوم توصيل مجانية"

النتيجة: تحسين معدل التحويل من صفحات الهبوط بنسبة 28%، وانخفاض تكلفة الاكتساب CPA بنسبة 22% بفضل تحسين جودة الصفحات وتوافقها مع كلمات البحث.

أفضل الممارسات لاستخدام أداة توليد العلامات الوصفية

يجب أن يحتوي Meta Title على الكلمة المفتاحية الرئيسية في البداية لتحسين الترتيب في نتائج البحث، مع الحفاظ على طول يتراوح بين 50-60 حرفًا لتجنب الاقتصاص في نتائج جوجل. اكتب Meta Description جذابًا يحفز المستخدم على النقر باستخدام دعوة للعمل CTA مثل "اكتشف الآن" أو "احصل على عرض خاص"، واحرص على أن يكون فريدًا لكل صفحة وليس مكررًا.

نصائح إضافية:

  • استخدم كلمات مفتاحية محلية: أضف أسماء المدن أو الدول العربية في العلامات الوصفية مثل "السعودية" أو "الإمارات" لتحسين الظهور في البحث المحلي.

  • تجنب حشو الكلمات المفتاحية: لا تكرر نفس الكلمة المفتاحية أكثر من مرتين في العنوان والوصف، فهذا قد يعتبره جوجل محاولة تلاعب ويخفض ترتيبك.

  • اجعل كل صفحة فريدة: لا تستخدم نفس العلامات الوصفية لصفحات مختلفة، فجوجل يفضل المحتوى الفريد ويعاقب التكرار بخفض الترتيب.

  • راجع النتائج في جوجل: بعد إضافة العلامات الوصفية، ابحث عن موقعك في جوجل للتأكد من ظهور العنوان والوصف بشكل صحيح دون اقتصاص.

  • حدّث العلامات دوريًا: راجع وحدّث Meta Tags كل 6 أشهر للتأكد من توافقها مع أحدث اتجاهات البحث وتغيرات خوارزميات محركات البحث.

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

الأخطاء الشائعة عند استخدام العلامات الوصفية

أحد أخطر الأخطاء هو تجاوز الطول المسموح للعنوان (60 حرفًا) أو الوصف (160 حرفًا)، مما يؤدي لظهورهما مقصوصين في نتائج البحث وفقدان الرسالة التسويقية. خطأ شائع آخر هو استخدام نفس Meta Tags لجميع صفحات الموقع، فهذا يربك محركات البحث ويقلل فرص ظهور صفحاتك المتعددة في النتائج.

أخطاء يجب تجنبها:

  • إهمال Meta Description: ترك حقل الوصف فارغًا يجعل جوجل يختار جزءًا عشوائيًا من محتوى صفحتك قد لا يكون جذابًا أو واضحًا للمستخدمين.

  • عدم اختبار الأكواد: نسخ الأكواد دون اختبارها في أداة فحص كود HTML قد يؤدي لأخطاء برمجية تمنع ظهور العلامات الوصفية بشكل صحيح.

  • نسيان ترميز UTF-8: عدم إضافة ترميز UTF-8 للمواقع العربية يؤدي لظهور الحروف العربية كرموز غريبة في بعض المتصفحات ونتائج البحث.

  • استخدام كلمات مفتاحية غير متعلقة: إضافة كلمات مفتاحية شائعة لكنها غير متعلقة بمحتوى صفحتك يزيد معدل الارتداد Bounce Rate ويضر بترتيبك.

  • تجاهل تعليمات الروبوتات: اختيار Noindex عن طريق الخطأ لصفحات مهمة يمنع ظهورها في نتائج البحث تمامًا ويضيع فرص الزيارات المجانية.

أدوات ذات صلة

أكمل سير عملك باستخدام أدوات ToolsPivot التكميلية التالية:

الأسئلة الشائعة

ما هي العلامات الوصفية Meta Tags ولماذا هي مهمة؟

العلامات الوصفية هي أكواد HTML توضع في قسم من صفحات الويب لوصف محتوى الصفحة لمحركات البحث والمتصفحات. تساعد محركات البحث على فهم موضوع صفحتك وعرضها للمستخدمين المناسبين، كما تؤثر على كيفية ظهور موقعك في نتائج البحث من حيث العنوان والوصف. العلامات الوصفية المحسّنة تزيد معدل النقر إلى الظهور CTR بنسبة 25-40% مقارنة بالصفحات التي لا تحتوي على علامات محسّنة.

كيف أضيف العلامات الوصفية المُنشأة إلى موقعي على بلوجر؟

في بلوجر، اذهب إلى "الإعدادات" ثم "تفضيلات البحث" ثم "العلامات الوصفية". فعّل خيار "وصف البحث" والصق Meta Description في الحقل المخصص. لإضافة باقي العلامات، اذهب إلى "المظهر" ثم "تعديل HTML" وابحث عن وسم والصق الأكواد المُنشأة مباشرة تحته.

هل العلامات الوصفية تؤثر بشكل مباشر على ترتيب موقعي في جوجل؟

Meta Description وMeta Keywords لا تؤثر مباشرة على ترتيب الموقع في خوارزمية جوجل حسب التصريحات الرسمية، لكن Meta Title يعتبر عامل ترتيب مهم. العلامات الوصفية تؤثر بشكل غير مباشر عبر زيادة معدل النقر CTR، فعندما ينقر المزيد من المستخدمين على رابطك في نتائج البحث بفضل عنوان ووصف جذابين، يعتبر جوجل أن صفحتك ذات جودة عالية ويرفع ترتيبها.

ما الفرق بين Meta Title وعنوان الصفحة H1؟

Meta Title هو العنوان الذي يظهر في نتائج محركات البحث وفي شريط المتصفح، ويكون في كود </code> داخل <code><head></code>. أما H1 فهو العنوان الرئيسي الذي يراه الزوار داخل محتوى الصفحة نفسها، ويكون في جسم الصفحة <code><body></code>. يمكن أن يكونا متطابقين أو مختلفين، لكن الأفضل أن يكون Meta Title أقصر ومحسّنًا لمحركات البحث بينما H1 يمكن أن يكون أطول وأكثر وضوحًا للقارئ.</p> <h3>هل يجب أن أضع كلمات مفتاحية في Meta Keywords رغم أن جوجل لا يستخدمها؟</h3> <p>جوجل لا يستخدم Meta Keywords في الترتيب منذ 2009، لكن محركات بحث أخرى مثل بينج وياهو قد تأخذها بعين الاعتبار. إذا كان لديك وقت، أضف 5-7 كلمات مفتاحية ذات صلة بمحتوى صفحتك دون مبالغة. لا تضيع وقتًا طويلاً في تحسينها، بل ركز على Meta Title وMeta Description لأنهما أكثر أهمية.</p> <h3>كم مرة يجب أن أحدّث العلامات الوصفية لموقعي؟</h3> <p>راجع وحدّث العلامات الوصفية كل 6-12 شهرًا أو عندما تجري تغييرات كبيرة على محتوى صفحاتك. إذا لاحظت انخفاضًا في معدل النقر CTR لصفحة معينة، حدّث Meta Title وMeta Description لجعلهما أكثر جاذبية. أيضًا، حدّثها عند إطلاق منتجات جديدة أو عروض خاصة لتعكس أحدث محتوى موقعك.</p> <h3>ما الطول المثالي لـ Meta Description بالنسبة للمحتوى العربي؟</h3> <p>المحتوى العربي يحتاج عادة لطول أقصر من الإنجليزي لأن الأحرف العربية تأخذ مساحة أكبر في العرض. الطول المثالي هو 140-155 حرفًا عربيًا بدلاً من 160 حرفًا. اختبر النتيجة في جوجل للتأكد من عدم اقتصاص الوصف، وركز على وضع المعلومات الأهم في أول 120 حرفًا.</p> <h3>هل يمكنني استخدام نفس Meta Tags لجميع صفحات موقعي؟</h3> <p>لا، هذا خطأ كبير يضر بترتيب موقعك في محركات البحث. كل صفحة يجب أن تحتوي على Meta Title وMeta Description فريدين يصفان محتواها الخاص. المحتوى المكرر في العلامات الوصفية يربك محركات البحث ويقلل فرص ظهور صفحاتك المتعددة، كما يخفض معدل النقر لأن الأوصاف المتطابقة تبدو غير احترافية.</p> <h3>ما الفرق بين Index/Noindex وFollow/Nofollow في تعليمات الروبوتات؟</h3> <p>Index تعني السماح لمحركات البحث بفهرسة الصفحة وإظهارها في نتائج البحث، بينما Noindex تمنع ظهورها. Follow تعني السماح للروبوتات بمتابعة وفهرسة الروابط الموجودة في الصفحة، بينما Nofollow تمنع ذلك. الإعداد الافتراضي Index, Follow مناسب لمعظم الصفحات، بينما Noindex, Nofollow يُستخدم للصفحات الإدارية أو صفحات "شكرًا" بعد التسجيل.</p> <h3>كيف أتأكد من أن العلامات الوصفية تعمل بشكل صحيح على موقعي؟</h3> <p>استخدم <a href="https://toolspivot.com/ar/page-speed-checker">أداة فحص سرعة الصفحة</a> من ToolsPivot لفحص صفحاتك والتأكد من وجود جميع العلامات الضرورية. يمكنك أيضًا النقر بزر الماوس الأيمن على صفحتك واختيار "عرض مصدر الصفحة" ثم البحث عن <code><meta</code> للتأكد من وجود الأكواد. ابحث عن موقعك في جوجل لرؤية كيف يظهر العنوان والوصف في نتائج البحث الفعلية.</p> <h3>هل أحتاج لإضافة علامات وصفية مختلفة للنسخة المحمولة من موقعي؟</h3> <p>لا، العلامات الوصفية نفسها تعمل على جميع الأجهزة (الكمبيوتر، الجوال، الأجهزة اللوحية). المهم أن تضيف Meta Viewport Tag لضمان عرض موقعك بشكل صحيح على الشاشات الصغيرة: <code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code>. هذا الوسم يضمن تجربة مستخدم محسّنة على الجوال، وهو عامل مهم في ترتيب جوجل منذ تحديث Mobile-First Indexing.</p> <h3>ما هي علامات Open Graph وهل أحتاجها بالإضافة لـ Meta Tags العادية؟</h3> <p>علامات Open Graph هي نوع خاص من العلامات الوصفية تتحكم في كيفية ظهور رابط موقعك عند مشاركته على فيسبوك وتويتر ولينكد إن. تختلف عن Meta Tags العادية وتُضاف بشكل منفصل. إذا كنت تسوّق لموقعك على مواقع التواصل، فهي ضرورية لضمان ظهور صورة وعنوان ووصف جذابين عند المشاركة. استخدم <a href="https://toolspivot.com/ar/twitter-card-generator">مولد Twitter Card</a> لإنشائها بسهولة.</p> <h3>هل يمكنني تغيير Meta Tags بعد نشر الصفحة دون التأثير على ترتيبها؟</h3> <p>نعم، يمكنك تحديث Meta Tags في أي وقت، بل يُنصح بذلك إذا كانت غير محسّنة. التغييرات في Meta Description لا تؤثر على الترتيب مباشرة، لكنها قد تحسن معدل النقر. التغييرات في Meta Title قد تؤثر على الترتيب مؤقتًا (صعودًا أو هبوطًا) حتى تعيد جوجل تقييم الصفحة بعد أسبوع إلى ثلاثة أسابيع. لا تغير Meta Title كثيرًا دون داعٍ، وتأكد من أن التغيير يحسّن الجودة فعلاً.</p> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "ما هي العلامات الوصفية Meta Tags ولماذا هي مهمة؟", "acceptedAnswer": { "@type": "Answer", "text": "العلامات الوصفية هي أكواد HTML توضع في قسم head من صفحات الويب لوصف محتوى الصفحة لمحركات البحث والمتصفحات. تساعد محركات البحث على فهم موضوع صفحتك وعرضها للمستخدمين المناسبين، كما تؤثر على كيفية ظهور موقعك في نتائج البحث من حيث العنوان والوصف. العلامات الوصفية المحسّنة تزيد معدل النقر إلى الظهور CTR بنسبة 25-40% مقارنة بالصفحات التي لا تحتوي على علامات محسّنة." } }, { "@type": "Question", "name": "كيف أضيف العلامات الوصفية المُنشأة إلى موقعي على بلوجر؟", "acceptedAnswer": { "@type": "Answer", "text": "في بلوجر، اذهب إلى الإعدادات ثم تفضيلات البحث ثم العلامات الوصفية. فعّل خيار وصف البحث والصق Meta Description في الحقل المخصص. لإضافة باقي العلامات، اذهب إلى المظهر ثم تعديل HTML وابحث عن وسم head والصق الأكواد المُنشأة مباشرة تحته." } }, { "@type": "Question", "name": "هل العلامات الوصفية تؤثر بشكل مباشر على ترتيب موقعي في جوجل؟", "acceptedAnswer": { "@type": "Answer", "text": "Meta Description وMeta Keywords لا تؤثر مباشرة على ترتيب الموقع في خوارزمية جوجل حسب التصريحات الرسمية، لكن Meta Title يعتبر عامل ترتيب مهم. العلامات الوصفية تؤثر بشكل غير مباشر عبر زيادة معدل النقر CTR، فعندما ينقر المزيد من المستخدمين على رابطك في نتائج البحث بفضل عنوان ووصف جذابين، يعتبر جوجل أن صفحتك ذات جودة عالية ويرفع ترتيبها." } }, { "@type": "Question", "name": "ما الفرق بين Meta Title وعنوان الصفحة H1؟", "acceptedAnswer": { "@type": "Answer", "text": "Meta Title هو العنوان الذي يظهر في نتائج محركات البحث وفي شريط المتصفح، ويكون في كود title داخل head. أما H1 فهو العنوان الرئيسي الذي يراه الزوار داخل محتوى الصفحة نفسها، ويكون في جسم الصفحة body. يمكن أن يكونا متطابقين أو مختلفين، لكن الأفضل أن يكون Meta Title أقصر ومحسّنًا لمحركات البحث بينما H1 يمكن أن يكون أطول وأكثر وضوحًا للقارئ." } }, { "@type": "Question", "name": "هل يجب أن أضع كلمات مفتاحية في Meta Keywords رغم أن جوجل لا يستخدمها؟", "acceptedAnswer": { "@type": "Answer", "text": "جوجل لا يستخدم Meta Keywords في الترتيب منذ 2009، لكن محركات بحث أخرى مثل بينج وياهو قد تأخذها بعين الاعتبار. إذا كان لديك وقت، أضف 5-7 كلمات مفتاحية ذات صلة بمحتوى صفحتك دون مبالغة. لا تضيع وقتًا طويلاً في تحسينها، بل ركز على Meta Title وMeta Description لأنهما أكثر أهمية." } }, { "@type": "Question", "name": "كم مرة يجب أن أحدّث العلامات الوصفية لموقعي؟", "acceptedAnswer": { "@type": "Answer", "text": "راجع وحدّث العلامات الوصفية كل 6-12 شهرًا أو عندما تجري تغييرات كبيرة على محتوى صفحاتك. إذا لاحظت انخفاضًا في معدل النقر CTR لصفحة معينة، حدّث Meta Title وMeta Description لجعلهما أكثر جاذبية. أيضًا، حدّثها عند إطلاق منتجات جديدة أو عروض خاصة لتعكس أحدث محتوى موقعك." } }, { "@type": "Question", "name": "ما الطول المثالي لـ Meta Description بالنسبة للمحتوى العربي؟", "acceptedAnswer": { "@type": "Answer", "text": "المحتوى العربي يحتاج عادة لطول أقصر من الإنجليزي لأن الأحرف العربية تأخذ مساحة أكبر في العرض. الطول المثالي هو 140-155 حرفًا عربيًا بدلاً من 160 حرفًا. اختبر النتيجة في جوجل للتأكد من عدم اقتصاص الوصف، وركز على وضع المعلومات الأهم في أول 120 حرفًا." } }, { "@type": "Question", "name": "هل يمكنني استخدام نفس Meta Tags لجميع صفحات موقعي؟", "acceptedAnswer": { "@type": "Answer", "text": "لا، هذا خطأ كبير يضر بترتيب موقعك في محركات البحث. كل صفحة يجب أن تحتوي على Meta Title وMeta Description فريدين يصفان محتواها الخاص. المحتوى المكرر في العلامات الوصفية يربك محركات البحث ويقلل فرص ظهور صفحاتك المتعددة، كما يخفض معدل النقر لأن الأوصاف المتطابقة تبدو غير احترافية." } }, { "@type": "Question", "name": "ما الفرق بين Index/Noindex وFollow/Nofollow في تعليمات الروبوتات؟", "acceptedAnswer": { "@type": "Answer", "text": "Index تعني السماح لمحركات البحث بفهرسة الصفحة وإظهارها في نتائج البحث، بينما Noindex تمنع ظهورها. Follow تعني السماح للروبوتات بمتابعة وفهرسة الروابط الموجودة في الصفحة، بينما Nofollow تمنع ذلك. الإعداد الافتراضي Index, Follow مناسب لمعظم الصفحات، بينما Noindex, Nofollow يُستخدم للصفحات الإدارية أو صفحات شكرًا بعد التسجيل." } }, { "@type": "Question", "name": "كيف أتأكد من أن العلامات الوصفية تعمل بشكل صحيح على موقعي؟", "acceptedAnswer": { "@type": "Answer", "text": "استخدم أداة فاحص العلامات الوصفية من ToolsPivot لفحص صفحاتك والتأكد من وجود جميع العلامات الضرورية. يمكنك أيضًا النقر بزر الماوس الأيمن على صفحتك واختيار عرض مصدر الصفحة ثم البحث عن meta للتأكد من وجود الأكواد. ابحث عن موقعك في جوجل لرؤية كيف يظهر العنوان والوصف في نتائج البحث الفعلية." } }, { "@type": "Question", "name": "هل أحتاج لإضافة علامات وصفية مختلفة للنسخة المحمولة من موقعي؟", "acceptedAnswer": { "@type": "Answer", "text": "لا، العلامات الوصفية نفسها تعمل على جميع الأجهزة (الكمبيوتر، الجوال، الأجهزة اللوحية). المهم أن تضيف Meta Viewport Tag لضمان عرض موقعك بشكل صحيح على الشاشات الصغيرة. هذا الوسم يضمن تجربة مستخدم محسّنة على الجوال، وهو عامل مهم في ترتيب جوجل منذ تحديث Mobile-First Indexing." } }, { "@type": "Question", "name": "ما هي علامات Open Graph وهل أحتاجها بالإضافة لـ Meta Tags العادية؟", "acceptedAnswer": { "@type": "Answer", "text": "علامات Open Graph هي نوع خاص من العلامات الوصفية تتحكم في كيفية ظهور رابط موقعك عند مشاركته على فيسبوك وتويتر ولينكد إن. تختلف عن Meta Tags العادية وتُضاف بشكل منفصل. إذا كنت تسوّق لموقعك على مواقع التواصل، فهي ضرورية لضمان ظهور صورة وعنوان ووصف جذابين عند المشاركة. استخدم مولد Open Graph لإنشائها بسهولة." } }, { "@type": "Question", "name": "هل يمكنني تغيير Meta Tags بعد نشر الصفحة دون التأثير على ترتيبها؟", "acceptedAnswer": { "@type": "Answer", "text": "نعم، يمكنك تحديث Meta Tags في أي وقت، بل يُنصح بذلك إذا كانت غير محسّنة. التغييرات في Meta Description لا تؤثر على الترتيب مباشرة، لكنها قد تحسن معدل النقر. التغييرات في Meta Title قد تؤثر على الترتيب مؤقتًا (صعودًا أو هبوطًا) حتى تعيد جوجل تقييم الصفحة بعد أسبوع إلى ثلاثة أسابيع. لا تغير Meta Title كثيرًا دون داعٍ، وتأكد من أن التغيير يحسّن الجودة فعلاً." } } ] } </script></p> </p> <br /> <div class="clearfix"></div> <div class="latest_blog_area mb30 mt20"> <div class="tool_heading text-center mb20"> <h2>LATEST BLOGS</h2> </div> <div class="col-md-12 pn mv10"></div></div><div class="clearfix"></div> </div> <div class="col-md-4" id="rightCol" > <div class="search_dots_section p20 box_shadow_border"> <div class="tool_heading text-center"> <h2 class="fs18 mn">SEARCH</h2> <div class="heading_border mb10 mt10"></div> </div> <div id="sidebar_search"> <div class="input-group"> <input id="sidebarsearch" autocomplete="off" placeholder="Search from seo tools" class="form-control" type="text"> <span class="input-group-btn"> <button class="btn btn-secondary" type="button"><span class="glyphicon glyphicon-search"></span></button> </span> </div> <div id="sidebar-results" class="search-resultsbar box_shadow_border" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 10px; padding: 15px 0px; display: none;"></div> </div> </div> <div class="sidebar_adds p5 mt15 box_shadow_border"> <div class="sideXd"> <!-- Autorelaxed AdSense (CWV-safe) --> <div class="adsense-wrapper" style="min-height:420px;width:100%;overflow:hidden;"> <ins class="adsbygoogle" style="display:block;width:100%;height:420px" data-ad-format="autorelaxed" data-ad-client="ca-pub-3744783675211834" data-ad-slot="7393957901"> </ins> </div> <script> window.addEventListener('load', function () { (adsbygoogle = window.adsbygoogle || []).push({}); }); </script> </div> <br> <div class="sideXd"> <!-- Small Sidebar / In-content AdSense (CWV-safe) --> <div class="adsense-wrapper" style="min-height:250px;"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3744783675211834" data-ad-slot="9168512573" data-ad-format="auto" data-full-width-responsive="true"></ins> </div> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="popular_tool_box box_shadow_border pn mb10"> <ul> <li class="popular-seo-t pn"> <h3 class="mn p10">Popular SEO Tools</h3> </li> <li class="pg-hovr"> <div class="icon_image plagrism-checker"></div> <a href="https://toolspivot.com/ar/plagiarism-checker">Plagiarism Checker</a> </li> <li class="aw-hovr"> <div class="icon_image word-count-checker"></div> <a href="https://toolspivot.com/ar/word-counter-tool">Word Counter</a> </li> <li class="kpc-hovr"> <div class="icon_image keyword-position-checker"></div> <a href="https://toolspivot.com/ar/keyword-rank-checker">Keyword Rank Checker</a> </li> <li class="gc-hovr"> <div class="icon_image grammer-chacker"></div> <a href="https://toolspivot.com/ar/grammar-checker">Grammar Checker</a> </li> <li class="da-hovr"> <div class="icon_image domain-ath"></div> <a href="https://toolspivot.com/ar/domain-authority-checker">Domain Authority Checker</a> </li> <li class="pr-hovr"> <div class="icon_image readability-checker"></div> <a href="https://toolspivot.com/ar/readability-checker">Readability Checker</a> </li> <li class="ic-hovr"> <div class="icon_image image-comp"></div> <a href="https://toolspivot.com/ar/image-compressor">Image Compression Tool</a> </li> <li class="ris-hovr"> <div class="icon_image reverse-image"></div> <a href="https://toolspivot.com/ar/reverse-image-search">Reverse Image Search</a> </li> <li class="pac-hovr"> <div class="icon_image page-athority"></div> <a href="https://toolspivot.com/ar/page-authority-checker">Page Authority checker</a> </li> <li class="sc-hovr"> <div class="icon_image spell-checker"></div> <a href="https://toolspivot.com/ar/text-to-speech-converter">Text To Speech</a> </li> <li class="bc-hovr"> <div class="icon_image backlink-checker"></div> <a href="https://toolspivot.com/ar/backlink-checker">Backlink Checker</a> </li> <li class="arc-hovr"> <div class="icon_image xml-sitemap-generator"></div> <a href="https://toolspivot.com/ar/sitemap-generator-tool">Sitemap Generator</a> </li> <li class="bm-hovr"> <div class="icon_image back-link-m"></div> <a href="https://toolspivot.com/ar/backlink-maker">Backlink Maker</a> </li> <li class="dac-hovr"> <div class="icon_image domain-age-checker"></div> <a href="https://toolspivot.com/ar/domain-age-checker">Domain Age Checker</a> </li> <li class="wpt-hovr"> <div class="icon_image exif-remover"></div> <a href="https://toolspivot.com/ar/exif-data-remover">Exif Data Remover</a> </li> <li class="wssc-hovr"> <div class="icon_image website-seo-score"></div> <a href="https://toolspivot.com/ar/website-seo-checker">Website Seo Score Checker</a> </li> <li class="kdc-hovr"> <div class="icon_image keyword-dencity-checker"></div> <a href="https://toolspivot.com/ar/keyword-density-checker">Keyword Density Checker</a> </li> <li class="wpsc-hovr"> <div class="icon_image lorem-ipsum"></div> <a href="https://toolspivot.com/ar/lorem-ipsum-generator">Lorem Ipsum Text Generator</a> </li> <li class="wcc-hovr"> <div class="icon_image exif"></div> <a href="https://toolspivot.com/ar/exif-data-viewer">Exif Data Viewer</a> </li> <li class="mc-hovr border-bottom"> <div class="icon_image mozrank-checker"></div> <a href="https://toolspivot.com/ar/moz-rank-checker">Moz-rank Checker</a> </li> </ul> </div> </div> </div> </div> <br /></div></div></div><!-- Bug Button --> <style> #bug-btn { position: fixed; bottom: 20px; right: 20px; padding: 12px 18px; background: #fa4c10; color: #fff; font-weight: 600; border-radius: 8px; cursor: pointer; z-index: 9999; } </style> <a id="bug-btn" href="https://docs.google.com/forms/d/e/1FAIpQLSc2gvlcBGr_8E0ceKnZMKwuUZBEk0tHRlHdq516KwnxVUaM0Q/viewform?usp=pp_url&entry.123456789=" target="_blank" onclick="this.href += encodeURIComponent(window.location.href)"> Report a Bug </a> <!-- Bug Button End--> <div class="f_intro_bg text-center"> <form class="navbar-form mn" action="#"> <img src="https://toolspivot.com/theme/smallseo/img/form_subcribe_footer.png" class="f_icon"> <span class="f_text">Subscribe to our Newsletter</span> <div class="input-group"> <input id="newsletterEmail" name="email" placeholder="Enter your Email Address" class="form-control search_input pl30" type="email"> <div class="input-group-btn"> <button id="newsletterSubscribe" type="submit" class="btn btn-default search_button">Subscribe</button> </div> </div> </form> </div> <div class="f_description_bg text-center"> <div class="f_graph"> <div class="container"> <div class="col-lg-1 col-md-1"></div> <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 f_logo_box f_contect pn"> <a class="navbar-brand ptn" href="https://toolspivot.com/ar/"><img src="https://toolspivot.com/uploads/ToolsPivot Light Logo.png" alt="Logo" /></a> <div class="contect_info col-xs-12 pn"> <p>CONTACT US</p> <span>marketing@toolspivot.com</span> </div> <div class="address_info col-xs-12 pn"> <p>ADDRESS</p> <span>Ward No.1, Nehuta, P.O - Kusha, P.S - Dobhi, Gaya, Bihar, India, 824220</span> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 lef_to_right_border f_version"> <p>Our Most Popular Tools</p> <a href="https://toolspivot.com/word-counter-tool"><div class="ver_img fa-file-word"></div></a> <a href="https://toolspivot.com/plagiarism-checker"><div class="ver_img plagrism-checker"></div></a> <a href="https://toolspivot.com/sitemap-generator-tool"><div class="ver_img f-sitemap"></div></a> <a href="https://toolspivot.com/robots-txt-generator"><div class="ver_img f-robot"></div></a> <a href="https://toolspivot.com/reverse-image-search"><div class="ver_img f-robot"></div></a> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 f_contect pl30" style="min-height: 230px;"> <div class="mor_pages"> <p>QUICK LINKS</p> <li><a href="https://toolspivot.com/ar/">بيت</a></li><li><a href="https://toolspivot.com/ar/page/changelog">Changelog</a></li><li><a href="https://toolspivot.com/ar/page/privacy-policy">Privacy Policy</a></li><li><a href="https://toolspivot.com/ar/page/terms-of-service">Terms of Service</a></li><li><a href="https://toolspivot.com/ar/page/write-for-us">اكتب لنا</a></li><li><a href="https://toolspivot.com/ar/contact">اتصل بنا</a></li><li><a href="https://toolspivot.com/ar/page/about-us">معلومات عنا</a></li> </div> </div> </div> </div> </div> <div class="clearfix"></div> <div style="position: relative;"> <div class="container-fluid p10 footer"> <div class="container pn"> <div class="col-md-6 col-sm-12 col-xs-12 text-center pull-right_big"> </div> <div class="col-md-6 col-sm-12 col-xs-12"> <p class="text-center margin0">جميع الحقوق محفوظة © 2018-2026 لشركة ToolsPivot.com. </p> </div> </div> </div> </div> <script type="text/javascript"> $("body").append('<div class="top">↑</div>'),$(window).scroll(function(){$(this).scrollTop()>220?$(".top").fadeIn(500):$(".top").fadeOut(500)}),$(".top").click(function(a){return a.preventDefault(),$("html, body").animate({scrollTop:0},500),!1}) </script> <script> jQuery(document).ready(function(){ jQuery("#newsletterSubscribe").click(function(e) { e.preventDefault(); var newsletterEmail = jQuery('#newsletterEmail').val(); if (newsletterEmail == '') { sweetAlert(oopsStr, inputEm, "error"); }else { jQuery.post(baseUrl + 'newsletter', {subscribe: '1', email: newsletterEmail}, function (data) { if (data.success) sweetAlert('Success', data.msg, "success"); else sweetAlert(oopsStr, data.msg, "error"); }); } }); }); </script> <!-- Bootstrap --> <script src="https://toolspivot.com/theme/smallseo/js/bootstrap.min.js" type="text/javascript"></script> <!-- Sweet Alert --> <script type='text/javascript' src='https://toolspivot.com/theme/smallseo/js/sweetalert.min.js'></script> <!-- App JS --> <script src="https://toolspivot.com/theme/smallseo/js/app.js" type="text/javascript"></script> <!-- Master JS --> <script src="https://toolspivot.com/ar/rainbow/master-js" type="text/javascript"></script> <!-- Sign in --> <div class="modal fade loginme" id="signin" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">تسجيل الدخول</h4> </div> <form method="POST" action="https://toolspivot.com/ar/account/login" class="loginme-form"> <div class="modal-body"> <div class="alert alert-warning"> <button type="button" class="close dismiss">×</button><span></span> </div> <div class="info">قم بتسجيل الدخول باستخدام اسم المستخدم الخاص بك.</div> <div class="form-group"> <label>اسم المستخدم <br /> <input type="text" name="username" class="form-input width96" /> </label> </div> <div class="form-group"> <label>كلمة المرور <br /> <input type="password" name="password" class="form-input width96" /> </label> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary pull-left">تسجيل الدخول</button> <div class="pull-right align-right"> <a href="https://toolspivot.com/ar/account/forget">هل نسيت كلمة السر</a><br /> <a href="https://toolspivot.com/ar/account/resend">إعادة إرسال بريد التفعيل</a> </div> </div> <input type="hidden" name="signin" value="b61bf695be1270f1534ad1930fdd05f3" /> <input type="hidden" name="quick" value="9bdfc7d0bb216655f47e7df74958d341" /> </form> </div> </div> </div> <!-- Sign up --> <div class="modal fade loginme" id="signup" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">اشتراك</h4> </div> <form action="https://toolspivot.com/ar/account/register" method="POST" class="loginme-form"> <div class="modal-body"> <div class="alert alert-warning"> <button type="button" class="close dismiss">×</button><span></span> </div> <div class="info">سجل باستخدام عنوان بريدك الإلكتروني.</div> <div class="form-group"> <label>اسم المستخدم <br /> <input type="text" name="username" class="form-input width96" /> </label> </div> <div class="form-group"> <label>بريد إلكتروني <br /> <input type="text" name="email" class="form-input width96" /> </label> </div> <div class="form-group"> <label>الاسم الكامل <br /> <input type="text" name="full" class="form-input width96" /> </label> </div> <div class="form-group"> <label>كلمة المرور <br /> <input type="password" name="password" class="form-input width96" /> </label> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary">اشتراك</button> </div> <input type="hidden" name="signup" value="b61bf695be1270f1534ad1930fdd05f3" /> <input type="hidden" name="quick" value="af1cbb0469c83a41a8d359e1a8dbafa8" /> </form> </div> </div> </div> <!-- XD Box --> <div class="modal fade loginme" id="xdBox" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="xdClose" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="xdTitle"></h4> </div> <div class="modal-body" id="xdContent"> </div> </div> </div> </div> <script> $("#collapse0").collapse();</script></body> </html>