How to Make a Numberic Sitemap on a Blog (WordPress & Blogger) Easily
A Guide to Repeating Numberic Sequences and their Messages and Meanings. You are most welcome to share these Numberic messages with others, although I do request that you include this website address, credit your source/page links and author.
.jpeg)
How to Make a Numberic Sitemap on a Blog (WordPress & Blogger) Easily
April 19, 2023 Post a Comment
How to Make a Numberic Sitemap on a Blog (WordPress & Blogger) Easily
how to make a sitemap on a blog
Making it easier for search engines to index blogs is very important. One way is to create a sitemap. Then how do you make a sitemap on a blog?
Soon you will get the guide...
How to Make a Numberic Sitemap on a Blog (WordPress & Blogger) Easily
But before that, you need to understand that search engines are one of the ways people use to access various sites.
If your site wants to be visited by many visitors, then your website or blog must be friendly to how search engines work.
One way is to implement a sitemap on your site.
List of contents
Get to know what a sitemap is
Difference between XML Sitemap & HTML Sitemap
How to Make an HTML Sitemap on a Blog
Create a Blogger HTML Sitemap
Create WordPress HTML Sitemaps
How to Create an XML Sitemap
Create Blogger XML
Create WordPress XMLs
Conclusion
Get to know what a sitemap is
know what a sitemap is
A sitemap is a tool used by webmasters to make it easier to index their website or blog.
A sitemap will help Google crawl your site. Your website's visibility in search engines will be easier to find. Thus your site will be quickly indexed in the Google search engine.
For the record, a sitemap will not increase your site's ranking in search engines.
In a Sitemap there is an algorithm that can show the main links and new links on a site.
From there search engines can index the following sites every time they update their content, then display them in the SERP.
Difference between XML Sitemap & HTML Sitemap
There are 2 types of sitemaps that are currently known in general, namely:
XML sitemaps. The XML sitemap contains metadata and website URLs. The metadata contains information about the last update, update routine, and update time of a site. This sitemap is intended for search engines. This sitemap will make it easier for your site to be indexed in search engines.
HTML sitemaps. An HTML sitemap will provide navigation that will make it easier for web visitors to understand the various pages on a site. This sitemap can improve the user experience of a site.
Okay, next we will discuss how to create an HTML and XML sitemap on a blog with the Blogger and WordPress platforms.
How to Make an HTML Sitemap on a Blog
Create a Blogger HTML Sitemap
Follow these steps:
Login to your Blogger account.
You need to create a new Page or pages.
On the administrator page, select the menu Page -> New Page.
how to make an html sitemap on a blogspot blog 1
After the new page has been successfully created, go to the HTML Editor.
To do this, click the icon as shown in the following image.
how to make an html sitemap on a blogspot blog 2
After that click HTML View
how to make an html sitemap on a blogspot blog 3
Copy the following code, then paste it on the page. The code is an HTML Sitemap template. This visualization of the HTML sitemap will match the code you input.
<style type="text/css">
.tabbed-toc {margin:0 auto;background-color:#2f77bd;box-shadow: 0 0 7px rgba(5, 5, 5, 0.34);overflow:hidden;
position:relative;color:#333;border: 1px solid #9C9C9C;}
.tabbed-toc .loading {display:block;padding:10px 12px;font:normal bold 12px/normal Helmet,FreeSans,Sans-Serif;
color:white;}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li {margin:0;padding:0;list-style:none;}
.tabbed-toc .toc-tabs {width:20%;float:left;}
.tabbed-toc .toc-tabs li a {display:block;font:normal bold 12px/28px Helmet,Freesans,Sans-Serif;overflow:hidden;text-overflow:ellipsis;color:#fff;text-transform:uppercase;text-decoration:none;
padding:7px 15px;cursor:pointer;box-shadow: 0px 1px 1px rgb(255, 255, 255);}
.tabbed-toc .toc-tabs li a:hover {background-color:#4086E0;color:white;box-shadow: 0 0 7px rgba(0,0,0,.7);}
.tabbed-toc .toc-tabs li a.active-tab {background-color:#FFF;color:black;box-shadow: 0 0 7px rgba(0,0,0,.7);
z-index:5;margin:0 -1px 0 0;/* cursor:text; */}
.tabbed-toc .toc-content,.tabbed-toc .toc-line {width:80%;float:right;background-color:white;border-left:5px solid #1E84BC;box-sizing:border-box;}
.tabbed-toc .toc-line {float:none;display:block;position:absolute;top:0;right:0;bottom:0;box-shadow:0 0 7px rgba(0,0,0,.7);}
.tabbed-toc .panel {position:relative;z-index:5;font:normal normal 10px/normal Helmet,FreeSans,Sans-Serif;}
.tabbed-toc .panel li a {display:block;position:relative;font-weight:bold;font-size:12px;color:#000;line-height:20px;padding: 10px 12px;
text-decoration:none;outline:none;overflow:hidden;}
.tabbed-toc .panel li time {display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right;}
.tabbed-toc .panel li .summary {display:block;padding:10px 12px 10px;font-style:italic;
border-bottom:4px solid #275827;overflow:hidden;}
.tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;padding:4px;
width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa;}
.tabbed-toc .panel li:nth-child(even) {background-color:#66A9FF}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li a:hover time,.tabbed-toc .panel li.bold a {
background-color:#333;color:white;outline:none;}
.tabbed-toc .panel li.bold a:hover,
.tabbed-toc .panel li.bold a:hover time {background-color:#222}
@media (max-width:700px) {
.tabbed-toc {border:2px solid #333}
.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,.tabbed-toc .toc-tabs li a.active-tab {background-color:#2f77bd;box-shadow:2px 0 7px rgba(0,0,0,.4);}
.tabbed-toc .toc-tabs li a.active-tab {background-color:white;color:#333;}
.tabbed-toc .toc-content {border:none}
.tabbed-toc .toc-line,
.tabbed-toc .panel li time {display:none}
.tabbed-toc .panel li a{height: auto;}
</style>
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "https://bloganda.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
BACA JUGA
How to Make a Numberic Sitemap on a Blog (WordPress & Blogger) Easily
How to Make a Numberic Sitemap on a Blog (WordPress & Blogger) Easily
GRAMMAR CHECK WITH PROOFREADING NUMBERIC BASED RULER
monthNames: [ // Array of month names
"January",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: ' – <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>
<script src="https://cdn.jsdelivr.net/gh/tovic/dte-project@2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>
Di antara code tersebut, cari code bertuliskan blogurl:
Ganti link https://bloganda.com/ dengan nama domain dari blog kamu.
cara membuat sitemap html di blog blogspot 4
Klik Publish. Selesai. Halaman sitemap HTML di blog kamu sudah jadi.
Kamu bisa melakukan konfigurasi untuk membuat menu Sitemap tampil di footer atau sidebar, atau tempat lain yang kamu inginkan.
Membuat Sitemap HTML WordPress
Membuat sitemap HTML di wordpress lebih mudah karena kamu hanya perlu menginstall plugin.
Masuk ke halaman wp-admin dari blog wordpress milik kamu.
Pilih menu Plugin -> Add New
Di kolom search cari, WP Sitemap Page. Setelah ketemu, klik Install -> Activate.
cara membuat sitemap html di blog wordpress 1
Create new Pages: Click Pages -> Add New.
On the new page, enter the code [wp_sitemap_page]. You can copy the code, then paste it directly on the new page.
how to make an html sitemap on a wordpress blog 2
When finished, click publish.
The HTML sitemap is ready.
The WordPress HTML sitemap visualization of this plugin is not very pretty. But it's functional enough as a mapping.
You can configure to display the sitemap menu on web pages. You can put it in the footer or sidebar according to your taste.
But avoid putting it on the menu bar because your web navigation will look weird.
How to Create an XML Sitemap
Create Blogger XML
Follow these steps:
Enter Google Search Console, you can click here.
If you have entered and indexed a blog before, you must add your new blog. At the top left click Add Property. If you have never done indexing, you will immediately enter the next stage.
how to make xml sitemap on blogger blog 1
You will be asked to enter your domain name. Select in a column. Click Continue -> Done.
how to make xml sitemap on blogger blog 2
When finished, you will return to the Google Search Console page.
Click on the Sitemaps menu. In the "Enter Sitemap URL" field, enter the code: sitemap.xml. Then click Submit.
how to make xml sitemap on blogger blog 3
In the table below, it should be written in the status section of success.
Do the method just now, with a different code, namely:
atom.xml?redirect=false&start-index=1&max-results=500
Repeat the method just now, with a different code again, namely:
feeds/posts/default?max-results=400
Try searching for XML Generator on Google. Enter your domain in the XML Generator. you will get some code. Copy the code.
On the administrator page, click the Settings menu. Scroll to the Crawlers & Indexing section.
Click the Enable Custom Robot txt option. Then, click Custom robot.txt.
how to make xml sitemap on blogger blog 4
Paste the code from the XML generator into Custom robot.txt, when finished click Save.
how to make xml sitemap on blogger blog 5
Finished.
The XML sitemap on your Blogger blog is complete.
Create WordPress XMLs
Follow these steps:
Enter your WordPress blog dashboard page.
Select the Plugin menu -> Add New -> in the Search Bar enter Google XML Sitemaps -> Install -> Activate.
how to make an xml sitemap in wordpress
Actually there are several plugins that can be used to create a sitemap on WordPress, but this time I will only use Google XML Sitemaps.
Once this plugin is activated, a sitemap for your site will be automatically generated.
You can configure it via the Settings menu -> XML-Sitemaps.
You also need to submit a sitemap to Google Search Console.
Enter the Google Search Console like the previous method above. Make sure your blog on WordPress is using self hosting and has a domain.
Click on the Sitemaps menu. In the "Enter Sitemap URL" field, enter the code: sitemap.xml. Then click Submit.
Your WordPress site already has a sitemap now.
Also Read:
Tutorial on How to Upload Web to Hosting! Complete, Full Picture!
How to Create a Blog on Blogger for Beginners (Free + Equipped with Images)
5 Differences between Website and Blog, from Definition to Content
Conclusion
That's a little guide on how to make a sitemap on a blog. Although not mandatory, a sitemap is an important element for the growth of your blog.
You can enhance the user experience with an HTML sitemap. With an XML sitemap, you can also increase the visibility of your blog on search engines. This will facilitate and speed up the indexing process by search engines.
Without using a sitemap, your blog will take a very long time to be indexed by search engines.
Hope it is useful
Convert Text to Numberic in Excel – A Step By Step Tutorial - Learn Excel
Post a Comment for "How to Make a Numberic Sitemap on a Blog (WordPress & Blogger) Easily"