القائمة الرئيسية

الصفحات

طريقة إضافة خريطة HTML أنيقة في موقع بلوجر. [محدث]

اقرأ أيضا

 في هذه المقالة ، سوف نتعلم عن كيفية إنشاء وإعداد خريطة موقع HTML في Blogger.

 ما عليك سوى اتباع الخطوات السهلة الواردة أدناه.



 

ولكن قبل إعداد ملف Sitemap ، دعنا نفهم ماهو ملف Sitemap وما هي مزايا وجود ملف Sitemap على موقع الويب.


ما هي خريطة الموقع؟

ملف Sitemap هو ملف تقدم فيه معلومات حول الصفحات ومقاطع الفيديو والملفات الأخرى على موقعك.كي يساعد محركات البحث مثل Google و Bing و Yahoo على الزحف إلى موقعك بكفاءة وفي النهاية يتم فهرسة الصفحات بسرعة.


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


على سبيل المثال ، يساعد في تحديد المعلومات مثل التحديث الأخير وعدد مرات تغيير الصفحة وأي إصدارات  بديلة للصفحة.


أنواع خرائط المواقع:

هناك نوعان من خرائط المواقع:

  1. خرائط مواقع HTML
  2. خرائط مواقع XML


تنقسم خرائط مواقع XML إلى الأنواع التالية:

  • خرائط مواقع الصور
  • خرائط مواقع الفيديو
  • خرائط مواقع الأخبار
  • خرائط مواقع الجوال

خريطة موقع HTML:

خريطة موقع HTML هي صفحة HTML يتم فيها إدراج جميع الصفحات الفرعية لموقع الويب بطريقة منظمة ، وعادةً ما توجد في منطقة التذييل في موقع الويب.


➤ يمكنك أيضًا العثور على خريطة موقع HTML لموقعنا على الويب هنا.



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


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


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



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


خطوات إضافة خريطة موقع HTML في Blogger

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


الخطوة 1: انتقل إلى لوحة تحكم Blogger وافتح قسم الصفحة.

الخطوة 2: إنشاء صفحة جديدة وتحويل المحرر إلى عرض HTML.

خطوة 3: الآن انسخ الكود أدناه والصقه فيه.

الخطوة 4: الآن قم بتعيين العنوان كملف Sitemap وانشر الصفحة.


لقد نجحت الآن في إنشاء خريطة موقع HTML الأنيقة الخاصة بك على موقع Blogger على الويب.


التعليمات البرمجية لخريطة موقع HTML:


<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-s3kuUoVBLD4/Xx1if5ogHbI/AAAAAAAAAUU/EshioquzFfYPf2n49rUhm0_kjdeSMUnFACLcBGAsYHQ/s1600/Sitemap%2BArlina%2BCode.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Sitemap Arlina Code" class="lazyload" style="border: none;" data-original-height="444" data-original-width="1200" src="https://3.bp.blogspot.com/-s3kuUoVBLD4/Xx1if5ogHbI/AAAAAAAAAUU/EshioquzFfYPf2n49rUhm0_kjdeSMUnFACLcBGAsYHQ/s1600/Sitemap%2BArlina%2BCode.png" title="Sitemap Arlina Code" /></a></div>

<div id="bp_toc">
</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=99999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1{display:none}#bp_toc{color:#000;margin:0 auto;max-height:686px;overflow:hidden;overflow-y:auto}span.toc-note{margin:0 auto 25px auto;text-align:center;line-height:normal;display:table;position:relative;overflow:hidden;font-size:14px;padding:10px 20px;background:#007bff;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-size:100%;color:#fff;border-radius:99em;font-weight:500;transition:all .3s}span.toc-note:hover{background-size:200%}.toc-header-col1{padding:10px;background-color:#f5f5f5;width:250px}.toc-header-col2{padding:10px;background-color:#f5f5f5;width:75px}.toc-header-col3{padding:10px;background-color:#fff;width:125px}#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:1px solid rgba(0,0,0,0.05);background:#fff}#bp_toc td.toc-header-col1{}#bp_toc td.toc-header-col2{}#bp_toc td.toc-header-col3{}.post td{background:transparent}#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:1px solid rgba(0,0,0,0.05)}#bp_toc td a{background:transparent;color:#222;float:none;border-radius:0;padding:0;font-size:100%;display:initial;box-shadow:none}#bp_toc td a:hover{color:#0984e3}.toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:13px;text-decoration:none;color:#aaa;font-weight:500;letter-spacing:0.5px}.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none}.toc-entry-col1,.toc-entry-col2,.toc-entry-col3{padding:10px 5px;font-size:90%}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{color:#000}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#3498db}#bp_toc table{width:100%;margin:0 auto;counter-reset:rowNumber}.toc-entry-col1{counter-increment:rowNumber}#bp_toc table tr td.toc-entry-col1:first-child::before{content:counter(rowNumber);display:inline-block;min-width:38px;margin-right:.7em;background:#fc5c65;color:#fff;border-radius:99em;font-weight:500;text-align:center;font-size:12px;padding:0;line-height:1.7}
#bp_toc td.toc-entry-col1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}
#bp_toc::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}#bp_toc::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}#bp_toc::-webkit-scrollbar-track{background-color:transparent}#bp_toc::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)}
@media screen and (max-width:768px) {
#bp_toc td.toc-entry-col1{white-space:normal;overflow:visible;text-overflow:initial;max-width:100%}#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3,#bp_toc table tr td.toc-entry-col1:first-child::before{display:none}}
</style>

 

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




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


أيضًا ، شارك بتعليقاتك حول خريطة موقع HTML الأنيقة الجديدة هذه على Blogger وشاركها مع أصدقائك.


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


  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
إظهار التعليقات