Advance Sitemap page Create Only Html For Blogger And WordPress

Advanced Sitemap Page Creation for Blogger and WordPress free

Creating a sitemap for your blog or website is a crucial step in enhancing its visibility on search engines. A sitemap is essentially a page that lists all the content on your site, helping search engines like Google crawl and index your pages effectively. This guide will walk you through creating an advanced sitemap page for Blogger and WordPress using only HTML, along with tips for adding search descriptions to boost your site's SEO.

 

Why Create a Sitemap?

A well-structured sitemap ensures that all your content, including those hard-to-find pages, are indexed properly, improving your site's overall SEO performance. This leads to better visibility in search results, potentially driving more traffic to your site.

Step-by-Step Guide to Creating a Sitemap on Blogger

Follow these steps to create a sitemap page on Blogger:

1. Access Blogger Dashboard: Log in to your Blogger account and go to the dashboard.
2. Open the Pages Section: Click on the "Pages" option from the sidebar menu.
3. Create a New Page: Click the plus (+) icon to create a new page.
4. Set the Page Title: Name your new page "Sitemap."
5. Switch to HTML View: Click on the menu and switch to the HTML view.
6. Insert the HTML Code: Copy and paste the HTML code provided below.

<link href='https://cdn.jsdelivr.net/gh/IamArpain/blogger-sitemap-generator-script/Script/arpain-sitemap-css.css' rel='stylesheet' type='text/css'/>
<style>
/* Add your custom styles here to modify the default sitemap design */
</style>

<div class="arpian-sitemap" id="arpian-sitemap">
    <span class="loading">Loading…</span>
</div>

<script>
    var arpianSitemapData = {
        blogUrl: "https://www.gr8trick.blogspot.com", // Enter your blog URL here
        containerId: "arpian-sitemap", // ID of the container where sitemap will appear
        activeTab: 1, // Default tab index (starting from 1)
        showDates: false, // Set to true to display post dates
        showSummaries: false, // Set to true to display post summaries
        numChars: 200, // Character limit for summaries
        showThumbnails: false, // Enable to show post thumbnails (not recommended)
        thumbSize: 40, // Size of thumbnails
        noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // Placeholder thumbnail URL
        monthNames: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ],
        newTabLink: true, // Open links in new tabs
        maxResults: 999, // Maximum number of posts displayed
        cpreload: 0, // Load time (in milliseconds)
        sortAlphabetically: false, // Set to true to sort posts alphabetically
        showNew: 7, // Number of recent posts marked as "New!"
        newText: ' – <em style="color:red;">New!</em>' // Markup for "New!" text
    };
</script>
<script src="https://cdn.jsdelivr.net/gh/IamArpain/blogger-sitemap-generator-script/Script/arpain-sitemap.js"></script>

  

Additional Tips for Blogger

1. Enhance Your Sitemap's Visibility: After creating your sitemap page, go to the "Settings" tab in your Blogger dashboard and select "Search Preferences."
2. Add a Meta Description: Under the "Meta tags" section, add a brief description like, "A complete list of all the pages on our site, making it easy for search engines to crawl and index our content." This improves the click-through rate from search engine results.

Creating an Advanced Sitemap on WordPress

For WordPress users, creating an HTML-based sitemap can also be straightforward. The steps are similar: use a suitable plugin or manually create an HTML page, following the Blogger process as a guide, and insert the custom HTML code to suit your WordPress theme.