Web SEO Tools Free: Blogger News HTML Sitemap Generator

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>News HTML Sitemap Generator For Blogger</title>
<style>
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 20px;
    }
    h1 {
        text-align: center;
    }
    ul {
        list-style-type: none;
        padding: 0;
    }
    li {
        margin-bottom: 5px;
    }
</style>
</head>
<body>
<h1>News HTML Sitemap Generator For Blogger</h1>
<div id="sitemap"></div>
<script>
    // Function to fetch the latest posts from the Blogger website
    function fetchLatestPosts() {
        var websiteUrl = 'https://example.blogspot.com'; // Replace with your Blogger website URL
        var feedUrl = websiteUrl + '/feeds/posts/default?alt=json';

fetch(feedUrl)
            .then(response => response.json())
            .then(data => {
                var entries = data.feed.entry;

if (!entries || entries.length === 0) {
                    console.log('No posts found on the website.');
                    return;
                }

// Filter posts from the last 2 days
                var currentDate = new Date();
                var twoDaysAgo = new Date(currentDate);
                twoDaysAgo.setDate(twoDaysAgo.getDate() - 2);
                var recentPosts = entries.filter(entry => {
                    var publishedDate = new Date(entry.published.$t);
                    return publishedDate >= twoDaysAgo;
                });

// Generate the sitemap
                var sitemap = document.getElementById('sitemap');
                var sitemapList = document.createElement('ul');
                sitemap.innerHTML = '';

recentPosts.forEach(post => {
                    var title = post.title.$t;
                    var link = post.link.find(link => link.rel === 'alternate').href;
                    var listItem = document.createElement('li');
                    var listItemLink = document.createElement('a');
                    listItemLink.textContent = title;
                    listItemLink.setAttribute('href', link);
                    listItem.appendChild(listItemLink);
                    sitemapList.appendChild(listItem);
                });

sitemap.appendChild(sitemapList);
            })
            .catch(error => {
                console.error('Error fetching latest posts:', error);
            });
    }

// Fetch latest posts initially
    fetchLatestPosts();

// Fetch latest posts every 5 minutes
    setInterval(fetchLatestPosts, 5 * 60 * 1000); // 5 minutes in milliseconds
</script>
</body>
</html>

Just replace the URL: "https://example.blogspot.com" with your Blogspot web URL to copy and paste all the code into your sitemap page.

HTML Sitemap Generator for Blogger News Websites

Effortlessly generate a dynamic HTML sitemap for your Blogger news website, showcasing the latest articles from the past 1 or 2 days according to your requirement. Enhance SEO, user experience, and search engine visibility with automatic updates.

Google recommends updating your sitemap frequently to ensure it reflects the latest content on your website. For news websites or websites with frequently updated content, including recent posts in the sitemap can be particularly important for SEO purposes.

Features:

Customizable Date Range: Users can select whether to include posts from the last 1 or 2 days, tailoring the sitemap to showcase the most recent content.
Automatic Updates: The sitemap dynamically updates with the latest posts based on the selected date range, ensuring visitors always have access to the freshest news articles.
User-Friendly Interface: The tool offers a straightforward interface, making it easy for users to choose their preferred date range and generate the sitemap with just a few clicks.
SEO Enhancement: Including recent posts in the sitemap improves the website's search engine optimization (SEO) by allowing search engines to quickly discover and index new content, boosting visibility in search results.

Benefits:

Timely Content Discovery: By including recent posts in the sitemap, news websites ensure that their latest articles are promptly discovered and indexed by search engines, maximizing exposure to potential readers.
Improved User Experience: A regularly updated sitemap facilitates navigation for visitors, enabling them to easily find and access the most recent news articles on the website, enhancing user satisfaction.
Enhanced Search Engine Visibility: Including recent posts in the sitemap signals to search engines like Google that the website's content is fresh and relevant, potentially leading to higher rankings in search results for relevant queries.
Efficiency and Convenience: The automatic updating feature saves website owners time and effort by eliminating the need for manual sitemap maintenance, allowing them to focus on creating compelling news content.

How to Use:

Select Date Range: Choose whether to include posts from the last 1 or 2 days by selecting the corresponding option from the dropdown menu.
Generate Sitemap: Click the "Generate Sitemap" button to generate the HTML code for the sitemap based on the selected date range.
Embed on Blogger Website: Copy the generated HTML code and paste it into the desired location on your Blogger news website. This code will display the HTML sitemap with links to the latest news articles within the specified date range.
Automatic Updates: Once embedded on the website, the sitemap will automatically update with the latest news articles from the selected date range at regular intervals. This ensures that visitors always have access to the freshest content without manual intervention.

Importance for News Websites on Blogger:

For news websites built on Blogger.com, where content is frequently updated, including recent posts in the sitemap is crucial. It helps Google and other search engines quickly discover and index new articles, ensuring timely exposure to readers searching for news topics.

By providing a regularly updated sitemap, Blogger news websites can enhance their SEO performance, improve user experience, and increase visibility in search results. This, in turn, contributes to higher traffic, engagement, and credibility for the news website.

Web SEO Tools Free

Blogger News HTML Sitemap Generator

HTML Sitemap Generator for Blogger News Websites

No comments:

Post a Comment

Website Copier