مدمن ويب: تطوير بلوجر

كيفية إزالة ?m=1 من روابط مدونات بلوجر لتحسين محركات البحث

كيفية حذف ?m=1 من روابط مدونات بلوجر لتحسين محركات البحث

عادة ما تظهر اللاحقة ?m=1 في رابط مدونات بلوجر عندما يتم تصفح المدونة من أجهزة الجوال الأمر الذي يبدو غريباً بعض الشيء ومعظم المستخدمين لا يحبونه. بالإضافة إلى أن بعض مدونات بلوجر قد تواجه مشكلات تكرار المحتوى في تحسين محركات البحث بسبب m=1 في روابط في مدونة بلوجر. والكثير يرغبون بإزالة اللاحقة m=1 أو m=0 من روابط مدونات بلوجر والتي يواجهوان صعوبة في معرفة كيفية عمل ذلك. لذا في هذا المقال سأقدم لك أسهل طريقة آمنة لحذف ?m=1 من روابط مدونات بلوجر لتحسين محركات البحث وحل مشكلة المحتوى المكرر.

Faisal2n فبراير 27, 2022

أفضل نسخة معربة ومطورة من قالب Median UI ميديان للتحميل مجانا

تطوير بلوجر تطوير ويب قوالب بلوجر

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

مدمن ويب فبراير 14, 2022

طريقة تحويل الكلمات الرئيسية إلى روابط ذكية لتحسين محركات البحث في مدونات بلوجر

تحسين محركات البحث SEO تطوير بلوجر تطوير ويب شروحات

بعد توقفي لفترة عن مقالات تطوير بلوجر، عدت لكم اليوم بشرح رائع لإضافة مميزة لإنشاء الروابط الذكية لتحسين محركات البحث SEO Smart Link في مدونات بلوجر. والتي هي في الواقع إضافة أو أحد المكونات الإضافية المميزة في منصة ووردبريس ولكن هذا المقال سأشرح لكم كيفية تركيب إضافة تحويل الكلمات الرئيسية إلى روابط ذكية لتحسين محركات البحث في مدونات بلوجر Blogspot.

مدمن ويب فبراير 05, 2022

مالفرق بين noopener و noreferrer و nofollow؟ وماهي إستخداماتها؟

تطوير بلوجر تطوير ويب مقتطفات

noreferrer و noopener و nofollow هي سمات HTML لأنواع من الروابط يتم إضافتها إلى الروابط الخارجية. فما هي أنواع الروابط؟ وما الفرق بين noreferrer و noopener وما عمل كلا منها؟ و كيف تؤثر في تحسين محركات البحث SEO لموقعك ؟

لنفترض أنك مهتم وباحث في مجال تطوير الويب وتحسين محركات البحث SEO، ومن المحتمل أنك تعثرت في هذه العلامات noopener أو noreferrer أو nofollow. وتتسائل ما هي noopener noreferrer و nofollow؟

في هذا المقال، سأحاول الإجابة عن أسئلتك حول العلامات noopener أو noreferrer أو nofollow وسأشرحها بالتفصيل وتأثيرها في تحسين موقعك لمحركات البحث وأمن موقعك.

ملحوظة: في لغة HTML، تشير أنواع الروابط إلى العلاقة بين مستندين، حيث يرتبط أحدهما بالآخر باستخدام العلامات أو Tag التالية: <a>، <area>، <form>، <link>.

مدمن ويب نوفمبر 09, 2021

العلامات الشرطية في بلوجر وإستخداماتها

تطوير بلوجر تطوير ويب

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

لذا في هذا المقال، مدمن ويب سيقوم بسرد أهم العلامات الشرطية في بلوجر ومعرفة كيفية استخدامها من خلال إعطاء بعض الأمثلة والتطبيقات. ضع في اعتبارك أنه باستخدام علامة شرطية ، يجب علينا أيضًا استخدام عبارة شرطية أو يمكننا ببساطة قول عبارة "if-else" جنبًا إلى جنب مع بعض المعاملات الأخرى كـ (==) و (! =).

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

إقرأ أيضا: كيفية إزالة ?m=1 من روابط مدونات بلوجر لتحسين محركات البحث.

{tocify} {$title=ستقرأ في هذا المقال}

مدمن ويب أكتوبر 19, 2021

طريقة إضافة صندوق مراجعة وتقييم المنتجات لمدونات بلوجر

تطوير بلوجر تطوير ويب شروحات

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

كما أن صندوق مراجعة وتقييم المنتجات تم تصميمه بإحترافيه (بأكواد HTML و CSS فقط) ليتوافق مع جميع المدونات وللعرض على مختلف الشاشات بشكل متجاوب ومميز ولا يحتاج إلى جافا سكربت كما أن طريقة تركيبه بسيطة جدا وبإمكان أي شخص أن يضيفها إلى مدونته على بلوجر.

يمكنكم مشاهدة مثال لصندوق مراجعة وتقييم المنتجات من هنا

Faisal2n أكتوبر 17, 2021

كيفية تخصيص كل تسمية أو تصنيف بلون مخصص في بلوجر (التصنيفات بألوان مختلفة)

تطوير بلوجر تطوير ويب شروحات

كيفية تخصيص لون لكل تسمية أو تصنيف في بلوجر (التصنيفات بألوان مختلفة)

في هذا المقال، سأشارككم ميزة أو إضافة أكثر من رائعة لمدونات بلوجر، حيث سأقدم شرح لكيفية تخصيص لون معيّن لكل تسمية أو تصنيف (كل تسمية/تصنيف له لون مختلف) في مدونات بلوجر من خلال إستخدام كود CSS فقط، لإعطاء المدونة مظهر جمالي أكثر من رآئع ومميز بإظهار التسميات أو التصنيفات بألوان مختلفة.

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

بالإمكان إستخدام هذه الميزة أو الإضافة لتخصيص (لون الخط، حجم الخط، الخلفية، نوع الخط، تأثير الرابط وغيره) لتسمية أو تصنيف مُعيّن فقط أو لعدة منها أو لجميعها.

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

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

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

مدمن ويب أكتوبر 05, 2021

إضافة صندوق قابل للطي [Spoiler] في مواضيع بلوجر أو صفحات المواقع الإلكترونية

تطوير بلوجر تطوير ويب شروحات

اليلام عليكم، اليوم سأقدم لكم ضمن سلسلة دروس تطوير بلوجر طريقة إضافة صندوق قابل للطي [Spoiler] في مواضيع بلوجر بستايل مميز وبسيط وبدون أي سكربتات، هذه الإضافة تم إنشاءها فقط بلغتي CSS و HTML أي لن تحتاج لإضافة أكزاد جافا سكربت أو روابط خارجية والتي قد تتسبب ببطء سرعة تصفح الموقع.

طريقة عمل الإضافة نفس طريقة عمل إضافة صندوق محتوى المواضيع (Table of Contents) باستثناء أنه يمكنك إضافة أي محتوى داخل هذا الصندوق ووضعه في أي مكان في صفحة الموضوع أي في أي صفحات ثابتة على بلوجر أو حتى على مواقع تعمل على منصات إدارة محتوى آخر.

فبإمكانك الإستفادة من هذه الإضافة على سبيل المثال لفقرات إضافية أو لأكواد HTML في جسم موايع بلوجر.

Faisal2n سبتمبر 24, 2021

شرح تركيب تعليقات Disqus مع خاصية التحميل الكسول (Lazy Loading)

تطوير بلوجر تطوير ويب شروحات

سأشارككم اليوم ضمن سلسلة دروس تطوير بلوجر طريقة تركيب تعليقات ديسكس Disqus comments على مدونات بلوجر أو أي موقع إلكتروني مع خاصية التحميل البطيء (Lazy Loading) عند التمرير للأسفل Disqus for blogger with Lazy Loading on Scroll لتسريع المدونة أو الموقع وتجنب مشكلة تحميل الجافا سكربت الخاص بتعليقات Disqus والذي يتسبب عادة بزيادة حجم الصفحة وهو ما ينتج عنه بطىء تصفح المدونة وهو ماقد يترتب عليه أثر سلبي في تحسين أدآء الموقع لدى محركات البحث كمحرك جوجل والذي يعتبر سرعة تصفح الموقع عامل رئيسي في تحسين ظهور صفحات المدونة في نتائج البحث.

ما هو ديسكس-Disqus ؟

Disqus - ديسكس هي منصة ويب توفر نظام تعليقات مميز يمكنك استخدامه على العديد من منصات المدونات وانظمة ادارة المحتوى للمواقع الالكترونية، وأصبح استخدام تعليقات Disqus الآن هو الخيار الأفضل لأنه يحتوي على ميزات أفضل مقارنة بنظام التعليقات الافتراضي على Blogger. يعد نظام تعليق Disqus شائعًا في المواقع التي تقوم بتضمينه وفي المدونات كما أنني أيضا أستخدم نظام تعليقات ديسكس في مدونة مدمن ويب.

Faisal2n سبتمبر 13, 2021

شرح إضافة سمة اللغة (Lang attribute) إلى قوالب بلوجر

تحسين محركات البحث SEO تطوير بلوجر تطوير ويب شروحات

شرح إضافة سمة اللغة "lang" إلى قوالب بلوجر

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

فلمعرفة أهميتها، قم أجرب معكم اختبار أداء موقع مدمن ويب قبل إضافة هذه السمات وبعدها ومعرفة درجة التحسين من خلال الأداة الرائعة لإختبار أداء المواقع web.dev، والتي كنت قد تحثت عنها في مقال سابق أفضل أداة لإختبار المواقع و SEO وأداءها وسرعتها وتحليلها.

تؤدي إضافة السمة "lang" إلى علامة html إلى تحديد اللغة الافتراضية لمحتوى موقع الويب. بعض سمات اللغة الشائعة هي "en" للغة الإنجليزية ، و "ja" للغة اليابانية ، و "es" للإسبانية ، و "fr" للفرنسية وما إلى ذلك.

مدمن ويب سبتمبر 06, 2021

موقع مرجع لأصحاب مدونات بلوجر ومصممي قوالب بلوجر

تطوير بلوجر تطوير ويب مقتطفات مواقع إلكترونية

موقع كنز لأصحاب مدونات بلوجر ومطوري قوالب بلوجر

أثنآء تصفحي للإنترنت بحثا عن أحد الأكواد في مواقع متخصصة في تطوير مدونات بلوجر وقوالبها، وجدت مدونة (Blogger Code PE) والتي حقيقة أعتبرها كنز بمعنى الكلمة بمحتواها المتميز والثري حول كل شيء ذو علاقة بمدونات بلوجر وتصميم قوالب بلوجر وبإسلوب مميز وشرح تفصيلي ودقيق لكل عنصر ومكوّن في مدونات بلوجر وقوالب بلوجر.

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

مدمن ويب أغسطس 24, 2021

أهم وأفضل أكواد الميتا تاج (العلامات الوصفية HTML5) لتحسين الأرشفة وتصدر نتائج محركات البحث

تحسين محركات البحث SEO تطوير بلوجر تطوير ويب شروحات

أكواد الميتا تاج أو لعلامات الوصفية (Meta Tags) هي علامات أو أكواد (HTML5) تصف وتوضح محتوى مقعك أو مدونتك لزواره وتصف وتوضح لمحركات البحث محتوى موقعك أو مدونتك ونوعه وكيفية أرشفته. تظهر العلامات الوصفية في كود الصفحة فقط (كود المصدر "Source Code") ، ويمكن لأي شخص التحقق منها والإطلاع عليها من خلال إظهار شفرة مصدر موقع الويب.

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

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

مدمن ويب أغسطس 14, 2021

بلوجر: قالب خبر الإحترافي والمتجاوب

تطوير بلوجر تطوير ويب قوالب بلوجر

خبر هو عبارة عن قالب بلوجر على شكل مجلة ألكترونية بشكل أنيق ومريح للعين , يتميز القالب بالأنسيابية في الآداء وسهولة التخصيص وتم توفير فيه بعض الخصائص المتقدمة.

إقرأ أيضا :

مميزات القالب :

متجاوب مع جميع الأجهزة معاينة
لوحة تحكم قوية شاملة جميع اجزاء القالب معاينة
يدعم اضافة قائمة منسدلة من التخطيط مباشرة
يدعم اضافة قائمة منسدلة متعددة من التخطيط مباشرة
يدعم اضافة قائمة منسدلة (مواضيع) من التخطيط مباشرة
يدعم تحديد عدد المواضيع في الصفحات
يتوفر على 9 أدوات احترافية لجلب المواضيع حسب الاقسام
يحتوي على سلايد شو تلقائي خاص بالقالب
امكانية اخفاء السلايد شو او اي اداة اخرى بكل سهولة
بحتوي على اضافة مواقع التواصل الاجتماعي بشكل أنيق من التخطيط مباشرة
مبني بأحدث التقنيات HTML - CSS3 - jQuery
يحتوي على صفحة تحميل أنيقة
يدعم مصمم النماذج أي يمكنك تغيير الألوان والخلفيات كما تحب
زر البحث بشكل أنيق

Faisal2n يونيو 22, 2016

قالب بلوجر بداية نقطة الإحترافي

تطوير بلوجر قوالب بلوجر

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

Faisal2n يونيو 22, 2016

بلوجر: قالب Value الإحترافي (النسخة العربية)

تطوير بلوجر قوالب بلوجر

قالب Value الإحترافي بالعربي معرب بإحترافية

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

Faisal2n يونيو 19, 2016