كيف اضافة صفحة فهرس لمدونة بلوجر بشكل بسيط وانيق واحترافي

كيف اضافة صفحة فهرس لمدونة بلوجر بشكل بسيط وانيق واحترافي

كيف اضافة صفحة فهرس لمدونة بلوجر بشكل بسيط وانيق واحترافي

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


 والتي تعتبرإضافة فهرس Index مدونة إلى صفحتك الرئيسية


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


- تقديم عام 

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


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


ملفات Sitemap كما تعلمون جميعًا تشبه تمامًا ملخصًا لموقعك على الويب / مدونتك التي تجمع بين جميع المشاركات في المدونة وتعرضها على صفحة واحدة أنشأتها.


1- كيف إنشاء فهرس Index لمدونه

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


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


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


2- ما هي فهرسة الموقع

اليوم ، سأوضح لكم يا رفاق كيفية إنشاء وإضافة صفحة أخرى أنيقة لخريطة الموقع إلى موقع Blogger الخاص بك. 


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


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


3- فهرس لمدونة بلوجر

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


وإظهار جميع المواضيع المتواجدة في مدونتك مما يسمح لزائرين مدونتك بالاطلاع على جميع المواضيع الموجودة في مدونتك, غالباً يتم استخدام الفهرس للبحث عن موضوع ما.


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


4- نقدم لكم صفحة فهرس احترافي لمدونة بلوجر

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


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


لان الغاية والهدف الرئيسية من صفحة الفهرس هو عرض بسيط للمواضيع وعرض اكبر قدر من المواضيع ببساطة, وصفحة الفهرس تكون من عنون الموضوع وتاريخ النشر فقط .


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


5- معاينة الفهرس

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


6- طريقة تركيب صفحة فهرس احترافي وأنيق لمدونة بلوجر

  1. أولى يجب أن نشاء صفحة لذالك 
  2. نتوجه إلى لوحة التحكم في بلوجر للمدونة المطلوبة 
  3. تم من القائمة الجانبية على اليمين نضغط على الصفحات 
  4. تم نضغط على صفحة جديدة.
  5. نقوم بوضع عنوان للصفحة والأفضل أن يتم وضع عنوان انجليزي تم بعد النشر نرجع نعدله عربية
  6. نضغط على HTML ونحذف الكل باستخدام ctrl + a تم نضع الكود التالي :

- بالنسبة لنمودج الاول افقي جميل

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="tabbed-toc" id="tabbed-toc">
</div>
<link href="https://fonts.googleapis.com/css?family=Cairo&amp;display=swap" rel="stylesheet"></link>

<script>
var tabbedTOC={blogUrl:"<www.chrohat.com >",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["يناير" , "فبراير" , "مارس","أبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:red;">New</em>'};
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/InSEO@master/daftarisikeren.js"></script>
<style scoped="" type="text/css">
body{font-family: 'Cairo', sans-serif;}
.tabbed-toc{direction: rtl;margin:0 auto;position:relative;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;animation:Gradient 15s ease infinite}
.tabbed-toc .loading{display:block;padding:2px 12px;color:#fff}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li{margin:0;padding:0;list-style:none}
.tabbed-toc .toc-tabs{width:20%;float:right}
.tabbed-toc .toc-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.tabbed-toc .toc-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.tabbed-toc .toc-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:right;background-color:#fff;box-sizing:border-box}
.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;left:0;bottom:0}
.tabbed-toc .panel{position:relative;z-index:5}
.tabbed-toc .panel li a{text-decoration: none;color:#1277cb;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.tabbed-toc .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:left}
.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}
.tabbed-toc .panel li{background-color:#f9f9f9;margin:0}
.tabbed-toc .panel li:nth-child(even){background-color:#fff}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.tabbed-toc .panel li a em{background:#f39c12;color:#fff!important;font-style:initial;font-size:11px;margin:0 0 0 5px;padding:2px 10px;border-radius:22px}
.tabbed-toc .panel li:before{display:none}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (max-width:768px){.tabbed-toc .toc-tabs,.tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline;float:left}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-content{border:none}.tabbed-toc .toc-line,.tabbed-toc .panel li time{display:none}}
</style></div>



- بالنسبة لنمودج تاني جميل

<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="bp_toc">
انتظر قليلا<a href="<www.chrohat.com />"></a>....</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script></div>


<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="bp_toc">
انتظر قليلا<a href="<www.chrohat.com />"></a>....</div>

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<div id="toc">
<script src="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="http://www.YourBlogURL.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>




  1. نغير الرابط www.chrohat.com 
  2. برابط المدونة تم ننشر الصفحة.

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


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

- استنتاج

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


نظرًا لأن معظم تقنيات تسويق المحتوى تتغير يومًا بعد يوم. البقاء مع المنهجية الحالية أمر ضروري. لذا ابق على اتصال مع التقنيات الحالية وطبق جميع الاستراتيجيات المقترحة أعلاه.


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


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


- أقرأ أيضا : كيف اضافة موقعك لاخبار جوجل Google News شرح تفصيلي


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

أضف تعليق

أحدث أقدم

Comments