إضافة ترميز الأسئلة الشائعة  FAQs  باستخدام البيانات المنظَّمة إلى مدونة بلوجر

إضافة ترميز الأسئلة الشائعة FAQs باستخدام البيانات المنظَّمة إلى مدونة بلوجر

 تعتبر الاسئلة الشائعة من العوامل التي باتت بها أهمية لدى محركات البحث و التي من شانها أن تزيد من زيارات موقعك من محرك البحث لانها تجيب المستخدم عن الأسئلة التي يبحث عنها



ما هي قائمة الأسئلة الشائعة FAQs  

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


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

طريقة إضافة ترميز الأسئلة الشائعة  FAQs  باستخدام البيانات المنظَّمة إلى مدونة بلوجر

لاضافتها الى مدونة بلوجر فان الامر سهل للغاية  فقط توجه للمقالة الخاصة بك و اضف الكود التالي في جهة html



ثم عدل ماهو مطلوب

شرح كيفية إضافة روابط الأقسام Google Sitelinks أسفل محرك البحث في مدونة بلوجر

شرح كيفية إضافة روابط الأقسام Google Sitelinks أسفل محرك البحث في مدونة بلوجر

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


ما هي روابط أقسام الموقع


 Google Sitelinks بإختصار عندما تبحث عن موقعك في محرك البحث فإنك ستجد رابط موقعك أسفله روابط تقود للأقسام او التصنيفات الخاصة بمدونتك


ليس بالضرورة أن تكون كلها تصنيفات بل يمكن أن تكون صفحات مثل إتصل بنا او سياسة الخصوصية إلخ


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


هل تظهر روابط الأقسام في جميع المواقع ؟

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


أهيمة ظهور روابط الأقسام في موقعك

  1. تزيد مصداقية و ثقة الزائر بمدونتك
  2. تخفض نسبة النقر إلى الظهور ctr
  3. تعرف الزائر بمدونتك
  4. تتيح للمستخدم تصفح المزيد من الصفحات
  5. و الكثير من المميزات الاخرى لهذه الميزة


طرق إظهار روابط الأقسام في مدونتك أسفل محرك البحث

فيما يلي بعض الطرق لإظهار هذه الخاصية على مدونتك :


1 - يجب ان يكون إسم الموقع الخاص بك فريدا

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

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


2 - يجب ان يكون إسم موقعك يظهر في اول نتيجة البحث

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

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


3 - أضف البيانات المنظمة لموقعك

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

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

    <ul itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>


4 - جعل التنقل في موقعك سهل و واضح

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

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


5 - أضف ملفات السايتماب و الروبوتكس

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


كانت هذه مجموعة من النصائح التي يمكنك إتباعها لتظهر روابط الأقسام بسرعة و تذكر بأن الزيارات من محركات البحث عامل مهم لظهورها 

قالب جوراجان | تحميل قالب juragan معرب بدون حقوق

قالب جوراجان | تحميل قالب juragan معرب بدون حقوق

 جوراجان هو قالب بلوجر بسيط و خفيف له العديد من المميزات فهو متجاوب و سريع و الأهم من ذلك انه صديق للسيو , تم تعريب القالب بعناية تامة ليتلائم مع كل المدونات العربية



مميزات قالب juragan 

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


معاينة و تحميل


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

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

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

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

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

 

لمعاينة القالب من هنا 

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

  1. مجاني و غير مكرك
  2. سريع و خفيف
  3. متوافق مع جميع الأجهزة
  4. يدعم الوضع اليلي
  5. صديق للسيو
  6. يدعم مسارات التنقل
  7. شكل انيق 
  8. يدعم المشاركة المميزة
  9. مربع بحث إحترافي
  10. صفحة خطئ مميزة
  11. قائمة متجاوبة
  12. أداة القائمة البريدية
  13. خطوط عربية إحترافية
  14. صندوق اكواد إحترافي
  15. شكل مميز للقوائم في المقالات
  16. و المزيد من المميزات الاخرى


ماذا أضفنا للقالب

  1. تعريب كامل 
  2. جعله أكثر توافقا مع الجوال
  3. صندوق اكواد إحترافي
  4. إضافة الوضع الليلي
  5. إزالة تعليقات الديسك الغبية و استبدالها بتعليقات بلوجر منسقة


ماذا سيشمل التحديث القادم

  1. صفحة إعادة توجيه الروابط
  2. قوائم فرعية
  3. تعديل من التخطيط فقط


تحميل القالب

لتحميل القالب يرجى النقر هنا 

 

شرح كيفية التعديل على القالب

اولا قالب التنظيف الذي ستحتاجه لتنظيف اكواد القالب القديم



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:skin><![CDATA[/*
-----------------------------------------------
Name : arabedash Cleaning Template
Designer URL  : http://arabedash.com
year          : 2020
----------------------------------------------- */
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id="Blog1" locked="true" type="Blog" />
</b:section>
</body>
</html>


ثانيا لاضافة مربع اكواد للمقالة الخاصة بك توجه الى هذه الاخيرة ثم الى جهة الاكواد (html) بعدها قم بوضع الكود التالي



<pre><code>
هنا يجب أن تضيف الكود تذكر ليس في جهة html
</code></pre>


و نهاية ارجو ان ينال القالب اعجابك

مقارنة شاملة بين أكثر القوالب العربية  مبيعا قالب سيو بلس و قالب سكويز

مقارنة شاملة بين أكثر القوالب العربية مبيعا قالب سيو بلس و قالب سكويز

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



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

مقارنة بين قالب سيو بلس و قالب سكويز


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

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

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

الكثير ممن يزورون مدونتك يبحثون عن الوضع الليلي الخفيف للعين و لا سيما إن تمت زيارة مدونتك ليلا فهو يعد من الإضافات التي تظفي طابعا أنيقا على مدونتك


ما هي إضافة الوضع الليلي

إذا زرت مدونة عرب داش فإنك ستجد في الاعلى  زرا صغير إذا ضغطت عليه ستتحول الوان الموقع فالابيض سيصبح أسودا و الاسود سيصبح أبيضا و هذا ما يسمى بالوضع الليلي أو المظلم "drak mode or night mode"





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

لمعاينة الإضافة على موقع عرب داش

مميزات الوضع الليلي

  1. يحمي العين 
  2. يقلل من معدل الإرتداد في موقعك
  3. خفيف و سريع
  4. يضفي طابعا أنيقا على مدونتك

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

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


<div class='Switchbtn'>
<span class='nightly'>Night Mode</span> <input class='togglenight togglenight-switch' id='nightmode' type='checkbox'/>
<label class='togglenight-btn' for='nightmode'/></div>
<script type='text/javascript'>
//<![CDATA[
// Night Mode
$("#nightmode").click(function(){$("body").toggleClass("nightmode")}),$("body").toggleClass(localStorage.toggled),$("#nightmode").click(function(){"nightmode"!=localStorage.toggled?($("body").toggleClass("nightmode",!0),localStorage.toggled="nightmode"):($("body").toggleClass("nightmode",!1),localStorage.toggled="")});
//]]>
</script>
 
ثاني شيئ أضف كود css التالي فوق /head


<style type='text/css'>
/* Night Mode */
.nightly{color:#999;font-size:13px}
.Switchbtn{position:fixed;text-align:center;display:inline-block;align-items:center;z-index:100;right:20px;top:20px}
.togglenight{display:none;}
.togglenight + .togglenight-btn{outline:0;display:inline-block;width:45px;height:10px;position:relative;cursor:pointer;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.togglenight + .togglenight-btn:after,.togglenight + .togglenight-btn:before{position:relative;display:block;content:&quot;&quot;;width:50%;height:100%}
.togglenight-switch + .togglenight-btn{background:#d5d2fc;border-radius:99em;transition:all .4s ease}
.togglenight-switch + .togglenight-btn:after{content:&#39;&#39;;border-radius:100px;background:#887fff;transition:left 0.3s cubic-bezier(0.175,0.885,0.32,1.275),padding 0.3s ease,margin 0.3s ease;position:absolute;width:20px;height:20px;top:-5px;left:0;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}
.togglenight-switch:checked + .togglenight-btn{background:rgba(255,255,255,.15)}
.togglenight:checked + .togglenight-btn:after{content:&#39;&#39;;left:55%;background:#ff9f43}
.nightmode{background:#202124;color:rgba(255,255,255,.7)}
.nightmode a{color:rgba(255,255,255,.7)!important}
.nightmode a:hover{color:rgba(255,255,255,.4)!important}
.nightmode .class-baru{}
.nightmode .class-baru{}
</style>

إنتبه جيدا لأخر كودين هنا يجب عليك التعديل على حسب القالب الخاص بك مثال
.nightmode h1{color:#fff}
بحيث أننا قمنا بتعديل h1 بإستخدام nightmode فهنا عند الضغط على زر الوضع المظلم سيظهر h1 باللون الأبيض 
و أخيرا قم بإضافة كود css التالي للتحكم في مكان ظهور زر الوضع المظلم


.Switchbtn{position:fixed;text-align:center;display:inline-block;align-items:center;z-index:100;right:20px;top:20px}

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