كيفية إنشاء صفحة خريطة الموقع HTML على بلوجر

قبل المضي قدمًا لإضافة صفحة ملف Sitemap ، من المهم للغاية فهم الفرق بين ملف Sitemap بتنسيق HTML وخريطة موقع XML.

ما هو ملف Sitemap XML؟

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

ما هو ملف Sitemap بتنسيق HTML؟

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

كيفية إضافة صفحة خريطة الموقع في مدون

ملاحظة: هذه هي صفحة خريطة الموقع المبنية على التصنيفات ، ويمكنك فقط تطبيق السمات القائمة على التصنيفات عليها.
الخطوة 1. قم بتسجيل الدخول إلى حساب Blogger الخاص بك ، ثم انتقل إلىPages > New page..
كيفية إنشاء صفحة  خريطة  الموقع HTML على بلوجر
الخطوة 2. أدخل " خريطة الموقع " Site Map في حقل عنوان الصفحة.
الخطوة 3. التبديل إلىوضع HTML .
كيفية إنشاء صفحة  خريطة  الموقع HTML على بلوجر
الخطوة 4. أدخل  الكود التالي داخل حقل فارغ.
ملاحظة: امسح أي رمز افتراضي داخل حقل HTML قبل لصق الشفرة المتوفرة.
<script type='text/javascript'>

var postTitle = new Array();
var postUrl = new Array();
var postPublished = new Array();
var postDate = new Array();
var postLabels = new Array();
var postRecent = new Array();
var sortBy = "titleasc";
var numberfeed = 0;

function bloggersitemap(a) {
    function b() {
        if ("entry" in a.feed) {
            var d = a.feed.entry.length;
            numberfeed = d;
            ii = 0;
            for (var h = 0; h < d; h++) {
                var n = a.feed.entry[h];
                var e = n.title.$t;
                var m = n.published.$t.substring(0, 10);
                var j;
                for (var g = 0; g < n.link.length; g++) {
                    if (n.link[g].rel == "alternate") {
                        j = n.link[g].href;
                        break
                    }
                }
                var o = "";
                for (var g = 0; g < n.link.length; g++) {
                    if (n.link[g].rel == "enclosure") {
                        o = n.link[g].href;
                        break
                    }
                }
                var c = "";
                if ("category" in n) {
                    for (var g = 0; g < n.category.length; g++) {
                        c = n.category[g].term;
                        var f = c.lastIndexOf(";");
                        if (f != -1) {
                            c = c.substring(0, f)
                        }
                        postLabels[ii] = c;
                        postTitle[ii] = e;
                        postDate[ii] = m;
                        postUrl[ii] = j;
                        postPublished[ii] = o;
                        if (h < 10) {
                            postRecent[ii] = true
                        } else {
                            postRecent[ii] = false
                        }
                        ii = ii + 1
                    }
                }
            }
        }
    }
    b();
    sortBy = "titledesc";
    sortPosts(sortBy);
    sortlabel();
    displayToc();
}

function sortPosts(d) {
    function c(e, g) {
        var f = postTitle[e];
        postTitle[e] = postTitle[g];
        postTitle[g] = f;
        var f = postDate[e];
        postDate[e] = postDate[g];
        postDate[g] = f;
        var f = postUrl[e];
        postUrl[e] = postUrl[g];
        postUrl[g] = f;
        var f = postLabels[e];
        postLabels[e] = postLabels[g];
        postLabels[g] = f;
        var f = postPublished[e];
        postPublished[e] = postPublished[g];
        postPublished[g] = f;
        var f = postRecent[e];
        postRecent[e] = postRecent[g];
        postRecent[g] = f
    }
    for (var b = 0; b < postTitle.length - 1; b++) {
        for (var a = b + 1; a < postTitle.length; a++) {
            if (d == "titleasc") {
                if (postTitle[b] > postTitle[a]) {
                    c(b, a)
                }
            }
            if (d == "titledesc") {
                if (postTitle[b] < postTitle[a]) {
                    c(b, a)
                }
            }
            if (d == "dateoldest") {
                if (postDate[b] > postDate[a]) {
                    c(b, a)
                }
            }
            if (d == "datenewest") {
                if (postDate[b] < postDate[a]) {
                    c(b, a)
                }
            }
            if (d == "orderlabel") {
                if (postLabels[b] > postLabels[a]) {
                    c(b, a)
                }
            }
        }
    }
}

function sortlabel() {
    sortBy = "orderlabel";
    sortPosts(sortBy);
    var a = 0;
    var b = 0;
    while (b < postTitle.length) {
        temp1 = postLabels[b];
        firsti = a;
        do {
            a = a + 1
        } while (postLabels[a] == temp1);
        b = a;
        sortPosts2(firsti, a);
        if (b > postTitle.length) {
            break
        }
    }
}

function sortPosts2(d, c) {
    function e(f, h) {
        var g = postTitle[f];
        postTitle[f] = postTitle[h];
        postTitle[h] = g;
        var g = postDate[f];
        postDate[f] = postDate[h];
        postDate[h] = g;
        var g = postUrl[f];
        postUrl[f] = postUrl[h];
        postUrl[h] = g;
        var g = postLabels[f];
        postLabels[f] = postLabels[h];
        postLabels[h] = g;
        var g = postPublished[f];
        postPublished[f] = postPublished[h];
        postPublished[h] = g;
        var g = postRecent[f];
        postRecent[f] = postRecent[h];
        postRecent[h] = g
    }
    for (var b = d; b < c - 1; b++) {
        for (var a = b + 1; a < c; a++) {
            if (postTitle[b] > postTitle[a]) {
                e(b, a)
            }
        }
    }
}



function displayToc() {
    var a = 0;
    var b = 0;
    while (b < postTitle.length) {
        temp1 = postLabels[b];
        document.write("");
        document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div class="ct-columns">');
        firsti = a;
        do {
            document.write("<p>");
            document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + "");
            if (postRecent[a] == true) {
                document.write(' - <strong><span>New!</span></strong>')
            }
            document.write("</a></p>");
            a = a + 1
        } while (postLabels[a] == temp1);
        b = a;
        document.write("</div></div>");
        sortPosts2(firsti, a);
        if (b > postTitle.length) {
            break
        }
    }
}

</script>

<script src="http://www.pendsoft.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap" type="text/javascript"></script>
ملاحظة: استبعد أي نوع من أخطاء HTTPS.
الخطوة 5. التكوين
- استبدال .www.pendsoft.comمع رابط بلوق الخاص بك.

الخطوة 6. ضمن Page settings > داخل حقل "بحث الوصف" Search Description، أضف وصف الصفحة .الخطوة 7. اضغط على خيارات >Options  تحت تعليقات القراء> حددDon't allow > Done.
كيفية إنشاء صفحة  خريطة  الموقع HTML على بلوجر
الخطوة 8. انقر فوق نشر Publish .
ملاحظة: هذا البرنامج التعليمي على وشك إضافة خريطة موقع HTML بسيط . يمكنك تطبيق سمات ملونة مختلفة على خريطة الموقع هذه.
سعيد التدوين!
لقد نجحت في إضافة Site Map صفحة خريطة موقع معتمدة  على HTML في مدونتك. ضع رابط صفحة خريطة الموقع ، أينما تريد عرض صفحة خريطة الموقعيمكنك أيضًا تطبيق سمات مختلفة على خريطة الموقع هذه المقدمة من Pendsoft. لأية مشاكل تتعلق أعلاه البرنامج التعليمي يرجى التعليق أدناه. تحديث البقاء ، استعرض Howbloggerz! :)

ليست هناك تعليقات:

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

Abstract photo created by freepik - www.freepik.com