إذا كنت تدير مدونة على Blogger، فقد تحتاج إلى صندوق تنبيه أو زر تحميل أو طريقة آمنة لعرض كود داخل المقال. وقد ترغب قبل النشر في فحص العناوين والصور والروابط وبيانات الصفحة. تجمع صفحة أدوات Blogger خمس أدوات مجانية تعمل داخل المتصفح: أربعة مولدات للأكواد والإعدادات، ومحلل للمقالات.
افتح صفحة أدوات Blogger
ما الأدوات الموجودة؟
الأدوات الأربع الأولى تتبع طريقة عمل متقاربة: أدخل البيانات، أنشئ النتيجة، راجع المعاينة، ثم انسخ الكود إلى مقالك. أما محلل المقالة فيقرأ النص أو HTML ويعرض تقريراً إرشادياً بالأولويات.
| الأداة | ماذا تفعل؟ | فتحها |
|---|---|---|
| مولد صندوق التنبيه | ينشئ صندوق معلومة أو تحذير أو تنبيه خطير أو نجاح، مع معاينة حية. | افتح الأداة |
| مولد ملفات الأرشفة | ينشئ قواعد robots.txt وروابط خرائط الموقع، ويفحص الملف الحالي. | افتح الأداة |
| مولد صندوق الكود | يعرض HTML أو CSS أو JS أو XML داخل صندوق منسق مع خيار النسخ. | افتح الأداة |
| مولد زر التحميل | ينشئ زرّاً لرابط تحميل أو رابط مهم، مع أنماط وألوان وتأثير اختياري. | افتح الأداة |
| محلل المقالة | يعطي مؤشراً من 100 وملاحظات مرتبة عن المحتوى والصور والروابط والبيانات. | افتح الأداة |
قبل استخدام الأدوات
لا تحتاج إلى تثبيت برنامج أو كتابة الكود يدوياً. وللحصول على نتيجة صحيحة، انتبه إلى القواعد التالية:
- ولّد الكود بعد آخر تعديل: تغيير أحد الإعدادات يخفي النتيجة القديمة في أدوات التوليد. اضغط زر التوليد مرة أخرى قبل النسخ.
- الصق الأكواد في عرض HTML: في محرر Blogger انتقل إلى HTML view قبل لصق الكود؛ لا تلصقه في عرض التأليف.
- ضمّن CSS عند الحاجة: إذا استخدمت أكثر من عنصر من النوع أو النمط نفسه في المقال، فعادةً يكفي تضمين CSS في العنصر الأول، ثم أوقف الخيار في العناصر التالية. وإذا غيّرت نمط صندوق الكود أو الزر، تأكد من تضمين تنسيق ذلك النمط.
- راجع النتيجة على الهاتف: بعض القوالب قد تغيّر المسافات أو الألوان، لذلك افحص المقال بعد نشره.
- الألوان توضّح الحالة: الأخضر للنجاح، والأصفر للتنبيه إلى حقل أو ملاحظة، والأحمر لخطأ أو تحذير مهم.
1. مولد صندوق التنبيه
يبرز صندوق التنبيه معلومة أو تحذيراً داخل المقال، ويساعد القارئ على ملاحظتها أثناء القراءة. اختر نوع الرسالة، واكتب محتواها، ثم راجع المعاينة قبل نسخ HTML.
الأنواع والخيارات
- معلومة: أيقونة ضوء وعنوان افتراضي «معلومة مفيدة».
- تحذير: أيقونة تحذير وعنوان افتراضي «تنبيه مهم».
- تنبيه خطير: أيقونة منع وعنوان افتراضي «تنبيه خطير».
- نجاح: أيقونة علامة صح وعنوان افتراضي «تم بنجاح».
يمكنك كتابة عنوان خاص يصل إلى 80 حرفاً، أو تركه فارغاً لاستخدام عنوان النوع. محتوى التنبيه مطلوب، وحده الأقصى 1500 حرف. تحفظ الأداة فواصل الأسطر، لكنها تعرض وسوم HTML التي تدخلها كنص عادي بدلاً من تنفيذها.
تتضمن الأداة 14 لوناً قابلاً للاختيار، إلى جانب الألوان الافتراضية حسب نوع التنبيه. يغيّر اللون خلفية الصندوق وحده الجانبي ولون العنوان، بينما تبقى الأيقونة مرتبطة بنوع الرسالة. ويمكن تشغيل حركة ظهور خفيفة؛ وتتوقف الحركة تلقائياً لدى من يفعّل تقليل الحركة في جهازه.
في المقال الواحد، ضمّن CSS في أول صندوق تنبيه، ثم أوقف تضمينه في الصناديق التالية. ولإعادة استخدام هذه الصناديق في مقالات متعددة، يمكن وضع التنسيق مرة واحدة في القالب بدلاً من تكراره داخل كل مقال.
2. مولد ملفات الأرشفة ومدقق robots.txt
يساعدك مولد ملفات الأرشفة على إنشاء قواعد robots.txt لمدونة Blogger وروابط خرائط الموقع. وتحتوي الصفحة أيضاً على مدقق تلصق فيه ملفك الحالي ليبحث عن أخطاء شائعة ويشرح الملاحظات.
إدخال الدومين واختيار القواعد
أدخل اسم موقعك، مثل https://www.example.com. يقبل المولد الدومين، ويزيل المسار إذا لصقت رابط صفحة كاملة. وإذا كتبت الدومين من دون https:// يضيفها، وإذا أدخلت http:// يحوّله إلى https://. يرفض الإدخال الذي يتضمن مسافات أو عنوان IP أو اسم نطاق غير صالح.
تتوفر ثلاثة أوضاع لملف robots.txt:
- افتراضي: يحجب مسارات البحث التي تبدأ بـ
/searchويسمح بزحف بقية الموقع. هذا هو الإعداد الافتراضي في الأداة. - السماح بكل شيء: لا يضيف حجباً عاماً للمسارات.
- حجب الموقع كاملاً: يمنع زواحف البحث من الزحف إلى الموقع. يظهر تحذير، ولا ينتج الكود إلا بعد تأكيدك. استخدمه لموقع تحت الإنشاء فقط، لا لمدونة منشورة.
خيارات خرائط الموقع
sitemap.xmlلخريطة المقالات؛ وهي الخيار الأساسي.sitemap-pages.xmlلخريطة الصفحات الثابتة مثل «من نحن» و«اتصل بنا». أوقف الخيار إذا لم تنشئ صفحات ثابتة.- السماح لزاحف
Mediapartners-Google، وهو خيار مفعّل افتراضياً في الأداة. rss.xmlرابط اختياري يظهر في النتائج، لكنه لا يُضاف إلى ملف robots.txt، ولا حاجة إليه إذا أضفتatom.xml.
في الإعدادات الافتراضية تكون خريطتا sitemap.xml وsitemap-pages.xml والسماح لزاحف AdSense مفعّلة، بينما يكون خيار rss.xml متوقفاً. إذا لم تنشئ صفحات ثابتة، أوقف خيار خريطتها قبل التوليد.
يعرض المولد ملف robots.txt مع شرح عربي للقواعد، وروابط sitemap.xml وsitemap-pages.xml وخلاصة atom.xml. وتعرض خلاصة Atom آخر 500 مقال في الرابط المولد؛ لذلك لا تعتمد عليها بديلاً عن sitemap.xml، خصوصاً إذا كان لديك أكثر من 500 مقال.
تطبيق الملف وفحصه
- في Blogger افتح «الإعدادات»، ثم قسم «الزحف والفهرسة»؛ قد تختلف التسمية بحسب لغة لوحة التحكم.
- فعّل خيار
Custom robots.txt، والصق الملف الذي راجعته، ثم احفظ. - في Google Search Console أضف مسار
sitemap.xml. أضفsitemap-pages.xmlإذا كانت لديك صفحات ثابتة، ويمكنك إضافةatom.xmlاختيارياً. تجنب إرسال روابط مكررة مثل رابط ينتهي بـ?refresh. - افتح
/robots.txtبعد اسم نطاقك في المتصفح للتحقق مما تم حفظه.
يبحث المدقق عن أمثلة مثل حجب مسارات المقالات أو الصفحات الثابتة أو الخلاصات، حجب زاحف AdSense، قواعد قبل أول سطر User-agent، القواعد المكررة، ورابط Sitemap غير صالح. ويعرض الأخطاء الأشد قبل التحذيرات متى أمكن.
3. مولد صندوق الكود
إذا كنت تشرح HTML أو CSS أو JavaScript أو XML، يعرض مولد صندوق الكود النص البرمجي بتنسيق يسهل قراءته ونسخه. يظل الكود داخل الصندوق نصاً معروضاً، ولا تنفّذ وسوم HTML التي تضعها فيه.
اللغات والأنماط
اختر لغة HTML أو CSS أو JS أو XML. ويمكنك إضافة عنوان اختياري للصندوق، ثم الاختيار من ستة أنماط: داكن كلاسيكي، فاتح، نافذة ماك، نيون، شريط جانبي، أو رأس ملون. يتوفر أيضاً اختيار من عشرة ألوان، أو ترك اللون الافتراضي المرتبط بالنمط.
الصق الكود في الحقل، أو استخدم زر اللصق من الحافظة إذا سمح المتصفح بذلك. الحد الأقصى للحقل 20,000 حرف. يعرض المولد الأسطر والرموز كما أُدخلت، ويعرض الكود من اليسار إلى اليمين حتى داخل المقال العربي.
يمكنك إظهار زر «نسخ» في رأس الصندوق أو إخفاؤه. إذا منع المتصفح اللصق من الحافظة، اضغط مطولاً داخل الحقل واختر «لصق» من قائمة الجهاز.
تحقق من زر النسخ بعد نشر المقال؛ فقد لا يعمل داخل محرر «عرض التأليف»، لأن صفحة المعاينة في المحرر لا تمثل دائماً سلوك الصفحة المنشورة.
4. مولد زر التحميل
يصمم هذا المولد زرّاً بارزاً لرابط تنزيل أو رابط مهم، بدلاً من ترك الرابط كنص عادي. اكتب عبارة الزر والرابط، ثم اختر الشكل واللون وراجع المعاينة.
النص والرابط والتصميم
يمكن أن يصل نص الزر إلى 60 حرفاً، والنص الافتراضي هو «اضغط هنا لتحميل الملف». الأفضل كتابة وصف واضح لما سيحصل عليه القارئ، مثل اسم الملف أو نوعه، بدلاً من الاكتفاء بعبارة «اضغط هنا».
أدخل رابطاً كاملاً يبدأ بـhttps:// أو http://. إذا لم تكتب البادئة، يحاول المولد إضافة https:// تلقائياً. يفحص الرابط ويرفض المسافات أو النطاق غير الصالح قبل إنشاء الكود.
يتوفر ثمانية أنماط: كلاسيكي، كبسولة، حدود فقط، متدرج، ثلاثي الأبعاد، مسطح مربع، بأيقونة، وتوهج. اختر من عشرة ألوان، أو فعّل تأثير النبض الاختياري. كما يمكن ضبط فتح الرابط في تبويب جديد؛ وعند تفعيله يضيف الكود خصائص noopener noreferrer.
تتوقف حركة النبض عند تفعيل إعداد تقليل الحركة في جهاز القارئ. والضغط على الزر داخل المعاينة لا يفتح الرابط؛ المعاينة لعرض الشكل فقط.
5. محلل المقالة
محلل المقالة مختلف عن المولدات: لا ينشئ عنصراً لتلصقه، بل يفحص النص أو HTML ويعرض مؤشراً إرشادياً من 100 وملاحظات مرتبة بحسب الأولوية، مع إجراء مقترح لكل ملاحظة.
ما الذي تدخله؟
- أدخل الكلمة المفتاحية المستهدفة إن أردت فحص ورودها وكثافتها؛ هذا الحقل اختياري.
- أدخل وصف البحث إن أردت فحصه مباشرة، أو اتركه فارغاً ليحاول المحلل قراءته من HTML عند توفره.
- الصق نص المقال أو HTML. للحصول على فحص أدق للعناوين والصور والروابط وبيانات الصفحة، الصق HTML الكامل المتاح لديك، لا النص وحده.
- اضغط «تحليل المقال». على الحاسوب يمكنك أيضاً استخدام Ctrl+Enter داخل مربع المقال.
إذا أردت فحص وسوم الصفحة مثل title وcanonical وrobots وبيانات Schema، يحتاج المحلل إلى HTML يتضمن head. إذا أدخلت جسم المقال فقط، فالوسوم التي لا تظهر فيه لا تُعد تلقائياً مفقودة من الصفحة الحقيقية.
كيف تقرأ النتيجة؟
يعرض التقرير درجة عامة من 100، وستة محاور: جودة المحتوى، وتحسين الصفحة، والصور، والروابط، وSchema، والبيانات الوصفية. إذا وجد ملاحظة عالية الأولوية، لا تتجاوز الدرجة 85 وفق منطق الأداة.
- 80 فأكثر: جيد جداً.
- من 55 إلى 79: مقبول.
- أقل من 55: يحتاج إلى تحسين.
تظهر الملاحظات على ثلاث درجات: أولوية عالية، وتحسينات مهمة، وفرص اختيارية. اضغط على المحاور للانتقال إلى تفاصيلها، وعلى الصفوف القابلة للتوسيع لرؤية قوائم الصور أو العناوين أو الروابط.
ما الجوانب التي يفحصها؟
- عنوان المقال، الفقرات، عدد الكلمات، والعناوين من H1 إلى H6.
- الكلمات والعبارات المتكررة، والكلمة المستهدفة عند إدخالها، مع تجاهل عدد من اختلافات الكتابة العربية مثل التشكيل وبعض صيغ الألف والياء والتاء المربوطة.
- الصور ونصوصها البديلة ALT وأبعادها، ووجود
loading="lazy"للصور اللاحقة للصورة الأولى. - الروابط الداخلية والخارجية وروابط الفهرس، والتنبيه إلى بعض الروابط الداخلية التي تحتوي على
?m=1. - عنوان الصفحة ووصف البحث وcanonical وتوجيه robots ووسوم Open Graph وTwitter Card عند توفر HTML الصفحة.
- صياغة JSON-LD الأساسية وحقول Article، والمقارنة بين القيم المشتركة في JSON-LD وMicrodata.
يفصل التقرير نقاط القوة عن الأولويات، ويتيح نسخ ملخص النتائج. وعند لصق HTML، يعرض أيضاً معلومات إضافية عن التعليقات وقواعد CSS والعناصر الفارغة أو النص المخفي. هذه المعلومات تشخيصية؛ فقد تكون بعض قواعد CSS مستخدمة في قالب المدونة لا في الكود الملصق نفسه.
المحلل مضبوط على نطاق tunisie44.com عند تصنيف الروابط. إذا فحصت HTML لمدونة أخرى، فقد تُصنّف روابطها الداخلية على أنها خارجية. ويعتمد فحص عناصر الصفحة على ما تلصقه، فلا يمكنه تأكيد محتوى لم يدخل في التحليل.
طريقة لصق الكود في Blogger
- افتح أداة التوليد المناسبة، أدخل الخيارات المطلوبة، واضغط زر التوليد.
- راجع المعاينة، ثم انسخ الكود الناتج.
- في لوحة Blogger افتح المقال الجديد أو المقال الذي تريد تعديله.
- بدّل المحرر إلى «عرض HTML» من قائمة العرض في أعلى المحرر.
- ضع المؤشر في موضع ظهور العنصر، ثم الصق الكود. لا تفصل أسطر الكود الناتج يدوياً.
- ارجع إلى عرض التأليف لمراجعة الشكل، ثم انشر المقال.
- افتح المقال المنشور على الهاتف، وتحقق من التنسيق. اختبر زر النسخ من الصفحة المنشورة إذا أضفته إلى صندوق كود.
أخطاء شائعة وحلولها
| المشكلة | السبب المحتمل | ما الذي تفعله؟ |
|---|---|---|
| الصندوق يظهر بلا ألوان أو تنسيق | لم يُضمّن CSS في أول عنصر يحتاج إلى ذلك النمط. | أعد التوليد مع تفعيل تضمين CSS لأول صندوق من ذلك النوع أو النمط. |
| العنصر الثاني بلا شكل أو بلا حركة | التنسيق الخاص بالنمط أو بتأثير النبض لم يُضمّن. | فعّل تضمين CSS في أول عنصر يستخدم هذا التنسيق، ثم أعد توليد الكود. |
| الكود يظهر كنص داخل المقال | لُصق في عرض التأليف بدلاً من عرض HTML. | افتح عرض HTML والصق الكود في الموضع المطلوب. |
| زر النسخ لا يعمل | تُجرّبه داخل المحرر قبل النشر. | اختبره في المقال المنشور، وتأكد من أن المتصفح يسمح بنسخ النص. |
| الأداة لا تولّد نتيجة | حقل مطلوب فارغ أو رابط غير صالح. | اقرأ الرسالة التي تظهر تحت زر التوليد وأكمل الحقل أو صحح الرابط. |
| المولد يرفض رابط الموقع | الرابط يحتوي مسافات أو عنواناً غير صالح أو ليس نطاقاً. | أدخل الدومين فقط، مثل www.example.com. |
| اللصق من الحافظة لا يعمل | المتصفح لم يمنح الصفحة صلاحية الوصول إلى الحافظة. | اضغط مطولاً داخل حقل الإدخال واختر «لصق» من الجهاز. |
| المحلل لا يجد وسوم الصفحة أو Schema | أُدخل نص عادي أو جسم المقال من دون head. | الصق HTML الصفحة الكامل المتاح إذا أردت فحص البيانات التقنية. |
| درجة المحلل لا تتجاوز 85 | يوجد بند عالي الأولوية في التقرير. | راجع البنود عالية الأولوية أولاً، ثم أعد التحليل بعد التعديل. |
الأسئلة الشائعة
هل الأدوات مجانية؟
نعم، صفحة الأدوات تقدم المولدات والمحلل مجاناً، وتعمل من المتصفح من دون تثبيت برنامج.
هل أحتاج إلى معرفة بالبرمجة؟
لاستخدام الإعدادات الأساسية، تختار الخيارات وتولّد الكود ثم تلصقه. تحتاج إلى معرفة برمجية فقط إذا أردت تعديل الكود الناتج يدوياً.
هل يُرسل نص المقال إلى خادم؟
بحسب طريقة عمل الأدوات، تتم معالجة ما تدخله داخل المتصفح ولا يُرسل إلى خادم الأداة.
هل أستطيع تعديل الكود الناتج؟
نعم، لكن تغيير أسماء الكلاسات أو حذف أجزاء من التنسيق قد يكسر مظهر العنصر أو وظائفه. احتفظ بنسخة من الكود الأصلي قبل التعديل.
هل تعمل المولدات على مدونات غير Tunisie-44؟
الأكواد الناتجة مستقلة ويمكن استخدامها في مدونات Blogger أخرى. أما محلل المقالة فيستخدم tunisie44.com نطاقاً داخلياً عند تصنيف الروابط؛ لذلك قد يتعامل مع روابط مدونة أخرى على أنها خارجية.
كيف أشارك أداة واحدة بدلاً من صفحة الأدوات كاملة؟
استخدم رابط الصفحة مع اللاحقة المناسبة: #alert لصندوق التنبيه، #robots للأرشفة، #codebox لصندوق الكود، #button لزر التحميل، أو #analyzer لمحلل المقالة.
هل يضمن robots.txt فهرسة المقالات؟
لا. الملف يوجه الزحف ولا يضمن فهرسة الصفحات أو ظهورها أو ترتيبها. راجع قواعده بعناية قبل الحفظ.
هل تعني درجة المحلل أن ترتيبي في Google سيتحسن؟
لا. الدرجة مؤشر داخلي للمراجعة التقنية والتنظيمية، وليست نتيجة من Google ولا ضماناً لتحسين الترتيب.
الخصوصية وحدود التحليل
تعمل الأدوات في المتصفح، بما في ذلك محلل المقالة؛ والنص الذي تلصقه يُعالج محلياً بحسب طريقة عمل الصفحة. ومع ذلك، يعرض المحلل ما يستطيع استخراجه من النص أو HTML الذي قدمته فقط، ولا يفحص تلقائياً صفحات لم تلصقها في الحقل.
كما أن نتائج المحلل إرشادية: قد تختلف قراءته عندما يكون الإدخال مقتطفاً، وقد لا تعكس كل إعدادات قالب Blogger أو ما تراه محركات البحث عند زحف الصفحة المنشورة. استخدم التقرير كقائمة مراجعة، لا كبديل عن مراجعة المقال أو إعدادات Blogger.
ابدأ بالأداة التي تحتاجها
ابدأ بمولد واحد على مقال حقيقي، وتأكد من لصق الكود في عرض HTML. وإذا كنت تراجع مقالاً قبل نشره، الصق HTML المتاح في المحلل وابدأ بالملاحظات عالية الأولوية، ثم راجع النتيجة بنفسك.
انتقل إلى أدوات Blogger الخمسصُنع بشغف، وطُوّر لخدمتكم
تم إعداد هذا المحتوى وتطوير هذه الأدوات بعناية على يد فريق 0internet0، بهدف تقديم حلول عملية ومجانية تساعد صُنّاع المحتوى على تطوير مقالاتهم وتحسين تجربتهم على منصة Blogger، وذلك لفائدة زوّار موقع Tunisie-44.
تعليقات
إرسال تعليق