الخبير عامر بشير

‏إظهار الرسائل ذات التسميات BloggerWidgets. إظهار كافة الرسائل

حل مشكلة مسارات التنقل " data-vocabulary.org " كتبها: المدون التقني - الخبير عامر بشير

ظهرت في الأوان الأخيرة الكثير من التحذيرات حول رصد مشكلة في مسارات التنقل data-vocabulary.org Schema

Deprecated الموجه بشكل خاص لأصحاب مدونات بلوجر.

ما هو الغرض من هذا التحذير؟ كيف تحل مشكلة data-vocabulary ؟

يهدف التحذير إلى إبلاغ مشرف موقع جوجل بأن Google تفضل هياكل بيانات schema.org بدلاً من data-vocabulary.org. إليك بعض المقتطفات التي أخذتها من مدونة Google الرسمية لمشرفي المواقع :

تُستخدم مخططات البيانات المنظمة مثل schema.org و data- vocabulary.org لتحديد الهياكل ذات المعنى المشترك للتطبيقات القائمة على الترميز على الويب. مع تزايد استخدام وشهرة موقع الويب schema.org ، قررنا تركيز تطويرنا على مخطط SD واحد. اعتبارًا من 6 أبريل 2020 ، لن يكون ترميز data-vocabulary.org مؤهلاً لميزات النتائج المنسقة من Google.

وهذا يعني أن جميع مواقع الويب أو المدونات التي تستخدم ترميز مخطط data-vocabulary.org في المستقبل لن تستوفي متطلبات ميزة النتائج المنسقة من Google.

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

لذلك ، سيكون من اللطيف بالنسبة لنا أصحاب مواقع الويب أو المدونات مواكبة العصر والتكنولوجيا.

لتحديد ما إذا كنت تواجه هذه المشكلة أم لا ، يمكنك زيارة Google Search Console. إذا تلقيت تحذيرًا ، فأنت بحاجة إلى إصلاحه.

كيفية إصلاح مشاكل data-vocabulary.org Schema Deprecated

في الواقع ، بالنسبة للمطورين ، هذه مشكلة خفيفة للغاية.

ما عليك سوى تغيير مخطط data-vocabulary.org إلى بيانات منظمة schema.org.

في ما يلي نموذج لمثال من معظم قوالب بلوجر:

الرئيسية الرئيسية

هنا ، يمكننا تغيير data-vocabulary.org إلي schema.org :

لتغييره ، اتبع الشرح التالي:

أدخل لوحة تحكم بلوجر ⇐ المظهر ⇐ تعديل HTML ⇐ إضغط على مفتاح CTRL + F على لوحة المفاتيح ⇐ وابحث عن الرمز التالي :

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

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

#breadcrumb a:not(:first-child)::before { content: '/'; margin: 0 5px; }

كيفية التحقق من تصحيح مشاكل Data-Vocabulary

عند إجراء التغييرات أعلاه ، قم بزيارة Google Search Console.

إضغط على التحذير واضغط على زر التحقق من الإصلاح.

سوف يتطلب هذه الإصلاحات القليل من الوقت.

بالإضافة إلى ذلك ، يمكنك أيضًا اختبارها بإستخدام أداة إختبار النتائج المنسقة من Google.

إضافة صفحة خطأ 404 إحترافية لمدونة بلوجر كتبها: المدون التقني - الخبير عامر بشير

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

Error 404 "لم يتم العثور على الصفحة" هي صفحة الخطأ التي يتم عرضها عندما يبحث شخص ما عن صفحة لا تتوفر ببساطة على موقعك.

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

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

خطأ 404 "لم يتم العثور على" ليس هو نفسه خطأ "لم يتم العثور على الخادم" الذي تراه كلما تعذر تأسيس إتصال بالخادم الوجهة على الإطلاق.

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

الخطوات

إبحث عن الوسم التالي

ثم ضع الكود التالي أسفله مباشرة

الصفحة غير موجودة ~ <data:blog.title/><br />

ثم إبحث مرة أخرى عن أحد الوسمين التاليين

أو

ثم ضع الكود التالي تحت إحدى الوسمين أعلاه

خطأ في الرابط

هذه الصفحة ليست موجودة , أو قد تم حذفها من قبل أحد مشرفي المدونة

الرجوع للصفحة الرئيسية

قم بحفظ التغييرات.

ملاحظة : إذا واجهت أي مشكل فلا تترد في وضع في التعليقات في الأسفل وشكرا.

Admin Amer لا يوجد تعليق Blogger BloggerWidgets فبراير 08, 2020

كيفية إضافة أداة الإشتراك في القائمة البريدية بشكل إحترافي كتبها: المدون التقني - الخبير عامر بشير

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

لن أطيل عليكم متابعي الكرام ونمر مباشرة لإضافة صندوق القائمة البريدية بطريقة إحترافية...

أولا توجه إلى بلوجر ⇐ المظهر ⇐ تحرير HTML ⇐ إبحث عن الوسم التالي

بعد أن تجد الوسم أعلاه، ضع الكود التالي فوقه

HTML/JavaScript ⇐ بعدها توجه إلى ⇐ التخطيط ⇐ إضافة أداة

ثم إلصق الكود التالي في أي مكان تريده أن يظهر فيه صندوق القائمة البريدية.

النشرة الإخبارية

إذا أعجبك المقالات في هذه المدونة ، فيرجى الاشتراك مجانًا عبر البريد الإلكتروني.

MudawinPro', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
MudawinPro" />

انتبه إلى الكود الذي تم وضع علامة عليه ، واستبدل الكل بعنوان فيدبورنر في مدونتك.

إذا لم يكن لديك عنوان feedburner ، يمكنك زيارة هذا الرابط https://feedburner.google.com/fb/a/myfeeds وإضافة مدونتك.

Admin Amer لا يوجد تعليق AdSense Blogger BloggerWidgets فبراير 01, 2020

كيفية إضافة ملف Ads.txt مخصص في مدونة بلوجر كتبها: المدون التقني - الخبير عامر بشير

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

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

قبل إضافة ملف ads.txt على مدونتك الإلكترونية ، أخبرنا ما هو ads.txt بالضبط وكيف سيفيدنا.

ما هو ملف Ads.txt ؟

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

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

مزايا استخدام Ads.txt :

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

خطوات لإضافة ملف مخصص Ads.txt في بلوجر ؟

تحتاج فقط إلى اتباع دليل خطوة بخطوة لإضافة ملف ads.txt مخصص في مدونتك الإلكترونية.

قم بتسجيل الدخول إلى لوحة التحكم بلوجر وحدد المدونة المرغوبة التي تريد إضافة ملف ads.txt إليها.

انقر فوق علامة تبويب الإعدادات ، ثم ابحث في تفضيلات البحث.

تحت عنوان تحقيق الدخل ، سترى خيارًا لتعديل ads.txt المخصص. (راجع لقطة للشاشة)

ستظهر لك مربع نص وعليك إدخال ملف ads.txt المطلوب. هناك العديد من شبكات الإعلانات ولديها هوية مختلفة لـ ads.txt.

إذا كنت تستخدم Google Adsense فقط كشريك لتحقيق الدخل ، فاستخدم ملف Ads.txt أدناه.

google.com, pub-xxxxxxxxxxxxxxxx, DIRECT, f08c47fec0942fa0

استبدل pub-xxxxxxxxxxxxxxxx بمعرف ناشر أدسنس الخاص بك.

أيضًا ، إذا كنت تبيع مساحة إعلانات أدسنس على مدونتك ، فهذا يعني أنك تستخدم أدسنس لشخص آخر على مدونتك ، فأنت بحاجة إلى استبدال DIRECT بـ RESELLER لمصادقة نفسك كمورد لمعرف ناشر أدسمس المحدد ، مثل :

google.com, pub-xxxxxxxxxxxxxxxx, RESELLER, f08c47fec0942fa0

بمجرد الانتهاء من ذلك! انقر فوق حفظ التغييرات.

هذا هو ملف ads.txt الخاص بك الآن مباشرة على بلوق الخاص بك. يمكنك التحقق من ملف ads.txt الخاص بك عن طريق الانتقال إلى الرابط التالي

https://ab-expert.blogspot.com/ads.txt

ملاحظة: لا تنس استبدال رابط مدونتي باسم نطاقك.

Admin Amer لا يوجد تعليق AdSense Blogger BloggerWidgets Tutorials فبراير 01, 2020

كيفية وضع إعلانات جوجل أدسنس بين المشاركات في بلوجر كتبها: المدون التقني - الخبير عامر بشير

جوجل أدسنس (بالإنجليزية: Google AdSense) هو أفضل برنامج مُختَص بالإعلانات تابع لشركة جوجل، ويسمح لأصحاب المواقع الإلكترونية وضع إعلانات على مواقعهم بطريقة مجانيّة وبسيطة.

كيفية وضع إعلانات أدسنس بين المشاركات في بلوجر

لا شك أن Google Adsense هي أفضل شبكة للدفع لكل نقرة والتي تتيح للناشرين استثمار موقع الويب الخاص بهم وتحويل شغفهم إلى مهنة. ولكن في الوقت الحاضر مشكلة AdSense هي النقر من خلال معدل (CTR). يمكنك رؤية الناشرين في كل مكان ، يشكون من انخفاض نسبة النقر إلى الظهور لديهم وبالتالي لا يمكنهم تحقيق إيرادات كبيرة حسب إمكاناتهم.

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

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

كيف يعمل هذا ؟

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

يحتوي على خيارات مرنة وسهلة الاستخدام من شأنها أن تساعدك على تخصيص وحداتك الإعلانية ، أي تغيير معرِّف الناشر ومعرف الوحدة الإعلانية وضبط الإضافة / الارتفاع وما إلى ذلك.

تعرض هذه الإضافة إعلانات أدسنس داخل المنشور حيث وضعت استراحة قفزة. لذا تأكد من النقر على زر Jump Break في محرر Postger ، حيث تريد عرض إعلانات أدسنس.

ما هي أداة فاصل الصفحات ؟

يتم استخدام فاصل قفزة الصفحة لكسر الصفحة بحيث يتم عرض ارتباط قراءة المزيد على الصفحة الرئيسية لمدونتك لعرض المنشور الكامل.

يمكن الوصول إليها عند تعديل المشاركات، تحقق من الصورة أدناه.

كيفية وضع إعلانات أدسنس بين المشاركات في بلوجر ؟

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

انتقل إلى Blogger.com ⇦ المظهر ⇦ تحرير HTML ⇦ داخل البحث عن الترميز لعلامة .

بعد العثور على العلامة ، أسفلها ،قم بلصق كود jQuery Coding التالي:

تذكر : لا تنس إدراج معرف الناشر الخاص بك وكذلك معرف الوحدة الإعلانية من الترميز التالي.

(للحصول على معرف الناشر ومعرف الشريحة الإعلانية ، قم بإنشاء وحدة إعلانية جديدة مطلوبة في حسابك في أدسنس.)

ثم قم بحفظ التغييرات.

الآن تخصيص الترميز أعلاه وفقا لاحتياجاتك. أدخل معرف الناشر ومعرف الوحدة الإعلانية في الأماكن المحددة. أيضًا ، يمكنك تغيير عرض الإعلانات وارتفاعها حسب الوحدة الإعلانية التي تم إنشاؤها. بعد تخصيص شفرة الإعلان وفقًا لاحتياجاتك ، فقط اضغط على الزر "حفظ القالب" البرتقالي.

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

اسمحوا لي أن أعرف استفساراتكم واقتراحاتكم في التعليقات.

Admin Amer لا يوجد تعليق Blogger BloggerWidgets فبراير 01, 2020

كيفية حذف النافبار في مدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

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

How to Remove Blogger (Blogspot) Navbar?

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

اليوم في هذا الموضوع سوف أريكم أفضل 3 طرق لإخفاء و إزالة Navbar تماما من مدونتك في بلوجر بسهولة.

الطريقة الأولى

انتقل إلى قسم التخطيط في مدونتك في بلوجر.

أنقر على "تحرير" أداة Navbar ويجب أن تكون في إطار تكوين Navbar.

مدون navbar نافذة التكوين.

إختر "إيقاف" وانقر على زر "حفظ".

الطريقة الثانية

إنتقل إلى المظهر ⇐ تحرير HTML.

إبحث عن الوسم التالي :

وفوقه فقط قم بلصق الكود التالي :

#navbar-iframe {display:none !important;}

وأنقر على زر "حفظ".

الطريقة الثالثة

انتقل إلى المظهر ⇐ تحرير HTML ⇐ الانتقال إلى القطعة من القائمة المنسدلة ⇐ Navbar 1

يمكنك مشاهدة الأسطر التالية :

حدد وإزالة كل هذه الأسطر. (فقط إزالة الخطوط كما هو الحال في الصورة أدناه

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

Admin Amer لا يوجد تعليق Blogger BloggerWidgets يناير 31, 2020

كيفية إنشاء رابط مباشر للمتابعة في مدونة بلوجر كتبها: المدون التقني - الخبير عامر بشير

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

How to Make a Direct Link to Follow via GFC {For Blogger Users}

1. تسجيل الدخول إلى بلوجر.

2. انقر على "مشاركة جديدة".

3. في حين أن مشاركتك الجديدة في المسودة ، انظر إلى عنوان URL.

أنظر أين يظهر "blogID ="؟ قم بنسخ الرقم الذي يليه - على طول الطريق حتى علامة (#).

4. لإنشاء رابط المتابعة.

استبدل blogID (الجزء باللون الأحمر فقط) في عنوان URL أدناه بالرقم الذي قمت بنسخه للتو من منشورك الجديد.

http://www.blogger.com/follow-blog.g?blogID=blogID

لاتنسى الإشتراك على قناتي في اليوتيوب مع الإعجاب بصفحتي في الفيسبوك ومتابعة المدونة وإلى موضوع قريب.

Admin Amer لا يوجد تعليق Blogger BloggerWidgets يناير 30, 2020

حل مشكل الرد على التعليقات في مدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

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

المشكل يكمن في كود التعليقات الذي ستجده في الأسفل والذي يخص التعليقات في بلوجر دون تغيير شكل الصندوق في التعليقات.

إنتقل إلى ⇐ بلوجر ⇐ المظهر ⇐ تحرير HTML ⇐ ثم إبحث عن الكود التالي

<[[

ثم ضع الكود التالي فوقه

/*--- comments By ab-expert.blogspot.com ----*/
.comments h2 {
font-weight: normal;
font-size: 20px;
text-align: center;
margin: 0px;
padding: 5px;
background: none repeat scroll 0% 0% #E74C3C;
color: #FFF;
font-family: GESSTwoMediumRegular;
}
.comments .comment-block {
background: #F9F9F9;
color: #555;
box-shadow: 0 4px 10px #EEEEEE;
position: relative;
margin-top: 10px;
margin-right: 89px;
padding: 10px;
border: 4px solid #E74C3C !important;
border-radius:10px;
font-family: droid arabic kufi;
font-size: 14px;
}
.comment-thread li .comment-block:before {
position: absolute;
display: block;
right: -28px;
color: #E74C3C;
content: "\25C4";
font-size: 30px;
}
.comments .avatar-image-container {
width: 60px;
height: 60px;
max-height: 60px;
margin:0px 0px 0 -28px;
padding: 0px;
border: 7px solid #E74C3C;
border-radius:60px;
}
.comments .avatar-image-container img {
overflow:hidden;
width: 60px;
height: 60px;
max-width: 60px;
border:0 !important;
border-radius:60px;
}
.comments .comment-thread.inline-thread {
background: none;
}
.comments .continue {
border-top: 0px solid transparent;
}
.comments .comments-content .datetime {
float: left;
font-size: 11px;
}
.comments .comments-content .user a{
font-size: 18px;
color: #498EC9;
}
.comments .comments-content .datetime a:hover{
color: #777;
text-decoration: none;
}
.comments .comments-content .comment:first-child {
padding-top: 0px;
}
.comments .comments-content .comment {
margin-bottom: 0px;
padding-bottom: 0px;
}
.comments .continue a {
padding: 0px;
}
.comments .comments-content .icon.blog-author {
background-image: none;
}
/*--- comments By ab-expert.blogspot.com ----*/

إذا لم يتم حل المشكل أترك تعليق في الأسفل به حسابك في الفيسبوك لأراسلك.

Admin Amer لا يوجد تعليق Blogger BloggerWidgets يناير 30, 2020

طريقة زيادة سرعة تحميل مدونة بلوجر كتبها: المدون التقني - الخبير عامر بشير

مرحبًا يا شباب ، لقد مرت فترة طويلة جدًا ، لم أكتب أي شيء (كنت بعيدًا عن لوحة المفاتيح لمدة 5 أشهر) ولكنني عدت مرة أخرى بمحتوى جديد وفريد ومذهل.

سنتحدث اليوم عن موضوع مهم للغاية وقد تلقيت العديد من الرسائل عنه وهو "زيادة سرعة تحميل مدونة بلوجر"

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

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

وهذا سوف يساعد على تقليل معدل مدونتك بلوجر وربما سيعززحركة المرور وترتيب مدونتك الخاصة بك في بلوجر.

مدون برو، قل لي لماذا تستغرق مدونتي الكثير من الوقت للتحميل تماما ؟

هناك الكثير من الأسباب المحتملة لذلك ، معظمها قد يكون :

1. بنية مدونة CSS x HTML الثقيلة أو إستخدام الترميز القديم لـ CSS x HTML.

2. إستخدام العديد من الإضافات.

3. المتضخم المحتوى ، الكثير من الصور والصور.

4. تخطيط غير لائق للمدونة.

5. وحدات الإعلانية أكثر من الحد الأقصى.

أعتقد أن هذه هي أكثر أسباب فقدان وقت تحميل الصفحة.

قبل القيام بأي شيء ، يتيح لك التحقق من سرعة موقع الويب الخاص بك لتحديد مقياس مدونتك.

يمكنك إستخدام المواقع التالية للتحقق من سرعة التحميل الحالية لموقعك أو مدونتك.

1. Pingdom Website Speed Test

2. GTmetrix

نصائح لزيادة سرعة تحميل المدونة !

هذه هي أهم 5 عوامل تتعلق بتقليل وقت تحميل الصفحة. لقد قدمت الروابط التي قد تساعدك في زيادة سرعة مدونتك!

1. تصغير وضغط CSS

ماذا يعني الضغط من CSS ؟

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

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

تصغير CSS سهل للغاية.

لتقليل أكواد CSS الخاصة بك ، ما عليك سوى الانتقال إلى CSSMinifier ، وقم بنسخ كود CSS الخاص بك من قالب المدونة وإلصقه في المربع Input CSS ، ثم انقر فقط على Minify، وستحصل على كود CSS مصغر في Minification Output ، وانسخه وإستبدله بـ بنفسك.

2. ضغط HTML

هذه واحدة من أفضل الطرق لزيادة وقت تحميل مدونتك حيث أن ضغط HTML سيساعد في تحميل تصفح المدونة الخاصة بك بأسرع ما يمكن.

هناك معادلة بسيطة

لا رموز غير ضرورية = لا تحميل الصفحة = أقل وقت التحميل.

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

3. إزالة الحاجيات غير المرغوب فيها، الإضافات

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

وهكذا فقط للحفاظ على إضافات بلوجر المختارة والضرورية فقط.

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

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

4. وحدات الإعلان المناسبة

الكثير من الوحدات الإعلانية (AdSense أو أي وحدات إعلانية أخرى) ستؤدي بالتأكيد إلى إبطاء مدونتك نظرًا لأنها مصممة للتحميل قبل تحميل مدونتك تمامًا، لذا تأكد من إستخدام قدر معين من الوحدات الإعلانية ( أيضًا قد تسبب الكثير من الإعلانات في إزعاج المستخدمين ، مما يؤدي إلى عدم عودة المستخدمون ) العدد المثالي لوضع الوحدات الإعلانية يتراوح بين 2 و 3 (يمكنك وضع حتى 5 وحدات إعلانية بواسطة Google DFP، ولكن ذلك سيؤدي إلى إبطاء مدونتك، و رأيي، الأموال ليست كل شيء ، إذا كنت ترغب في القيام بذلك، بل إصنعها بطرق حقيقية ).

لذلك من خلال وضع وحدتين أو 3 وحدات إعلانية أو تحديد ما إذا كنت لا تضع أي إعلان (حسب رغبتك)، سيؤدي ذلك إلى تقليل وقت تحميل الصفحة.

5. تحسين محتوى المدونة

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

حاول تحسين مقالات مدونتك ، فقد يكون ذلك مفيدًا في زيادة سرعة صفحة مدونتك!

6.القياس والتحليل

الآن إذا قمت بتحسين مدونتك وفقًا للعوامل المذكورة أعلاه، فحينئذٍ يحين الوقت لإتخاذ التدابير ! مثل إستخدام pingdom و getmatrix ، قم بإجراء الإختبارات مرة أخرى، ستحصل على نتائج محسنة !

هذا كل شيء إنتهيت !

ملاحظة هامة : هناك أداة عبر الإنترنت مقدمة من قِبل مطوّري برامج Google تقدم معلومات صحيحة ومفصلة حول بنية مدونتك ومحتواها، مما يساعد في تحليل مدونتك وتحسينها.

أنصحك بتجربتها حالا.

PageSpeed Insights (أداة عبر الإنترنت)

أدخل رابط المدونة أو الموقع الويب الخاص بك ، وإضغط على enter !

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

ما الذي يجب إصلاحه وما الذي يجب مراعاته فيما يتعلق بسرعة الصفحة وتجربة المستخدم !

آمل أن تشعر أنك إستفدت في هذه المقالة، إذا كان لديك أي مشاكل أو إستفسارات بشأن هذه المقالة، فما عليك سوى وضع تعليقاتك أسفل هذا الموضوع أو لا تتردد في الإتصال بي !

وإطرح رأيك مع الآراء ، وسيتم تقدير وجهات النظر !

كن مشتركًا، إبق على إتصال مع الخبير عامر بشير!

شكرا لك على المتابعة.

Admin Amer لا يوجد تعليق Blogger BloggerWidgets يناير 19, 2020

إضافة أزرار مواقع التواصل بشكل رائع لمدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

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

طريقة التركيب

أبحث أولا عن هذا الوسم التالي

]]>

ثم ضع فوقه الكود التالى

.social-follow:after {
content: "\f184";
font-family: FontAwesome;
margin-right: 5px;
position: relative;
top: 1px;
}
.social-followrs ul li.rss a {
background: #f29a1d
}
.social-followrs ul li.googleplus a {
background: #DD4B39
}
.social-followrs ul li.twitter a {
background: #55acee
}
.social-followrs ul li.facebook a {
background: #3b5998
}
.social-followrs ul li.instagram a {
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.social-followrs ul li.youtube a {
background: #cb322c
}
.social-followrs ul li .social-follow {
float: left
}
.social-followrs ul li .social-name {
float: right;
margin-left: 8px
}
.social-followrs ul li a {
display: block;
color: #fff;
padding: 10px 18px;
font-size: 18px;
transition: 0.2s;
}
.social-followrs ul li {
overflow: hidden;
width: 20%;
float: right;
}
.social-followrs ul li a:hover {
padding: 10px 31px
}
.social-followrs {
display: block;
overflow: hidden;
margin: 15px 0;
}