{"id":27460,"date":"2021-07-29T15:00:25","date_gmt":"2021-07-29T13:00:25","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=27460"},"modified":"2021-08-11T11:32:38","modified_gmt":"2021-08-11T09:32:38","slug":"how-to-create-visual-sitemap-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-create-visual-sitemap-in-wordpress\/","title":{"rendered":"How to Create a Visual Sitemap in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]When it comes to boosting the ranking and search engine visibility of your site, adding a sitemap is always a great idea. After all, <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-sitemap\/\">an XML sitemap<\/a> helps search engines crawl and index your pages more easily, letting them know of your pages\u2019 existence and thus helping them reach higher ranks with time. But what if you decided to also use a sitemap on your site that will act as a perfect roadmap for your visitors, not just search engines?[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This is exactly what you can achieve by <strong>creating a so-called visual sitemap to your WordPress site,<\/strong> and in this article, we will show you how to do just that. But first, let\u2019s take a look at some of the benefits of using a visual sitemap, as well as the differences between XML and visual sitemaps.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We will cover:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#what-is-a-visual-sitemap\">What Is a Visual Sitemap<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#the-difference-between-an-xml-sitemap-and-a-visual-sitemap\">The Difference Between an XML Sitemap and a Visual Sitemap<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#benefits-of-having-a-visual-sitemap\">What Are the Benefits of Having a Visual Sitemap on Your Site<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-a-visual-sitemap-with-a-plugin\">Adding a Visual Sitemap to Your WordPress Site With a Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"what-is-a-visual-sitemap\"><\/a>What Is a Visual Sitemap<\/h2>\n<p>[\/vc_column_text][vc_column_text]An HTML, or a visual sitemap is a <strong>handy element of your <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-website-navigation\/\">website navigation<\/a> you can use to help users get around your site more easily<\/strong> and get the idea of your website structure fast. Usually created in an HTML format, it consists of most (if not all) of your page links and is especially useful in cases when users want to find a particular page that is not easily reachable even when they use the main navigation. A visual sitemap can even serve as a good starting spot, or it can act as a point of reference in case they get lost between pages.[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"the-difference-between-an-xml-sitemap-and-a-visual-sitemap\"><\/a>The Difference Between an XML Sitemap and a Visual Sitemap<\/h2>\n<p>[\/vc_column_text][vc_column_text]The core difference between an XML and a visual sitemap lies in the fact that an XML sitemap is added for search engines so that they can find your pages more easily. By listing different site URLs and metadata related to your pages, an XML sitemap allows Google to crawl and index all your pages in order to make them more visible in SERPs. In turn, this also helps them rank your pages accordingly. Of course, a better site ranking is achieved by using some additional <a href=\"https:\/\/qodeinteractive.com\/magazine\/seo-basics\/\">SEO strategies<\/a> aside from simply adding an XML sitemap.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]On the other hand, an <strong>HTML-based sitemap is used to help actual humans get a better idea of what they can find when it comes to your pages and posts<\/strong>. This kind of sitemap also lists all the pages as clickable links, but does so in a way that is convenient, user-friendly and visually appealing to humans.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"benefits-of-having-a-visual-sitemap\"><\/a>What Are the Benefits of Having a Visual Sitemap on Your Site<\/h2>\n<p>[\/vc_column_text][vc_column_text]Without a doubt, one of the best things about adding a visual sitemap to your site is the fact that it <strong>allows you to showcase the entire website structure to users in a way that is clear, logical and intuitive.<\/strong> Depending on the type of website you have, as well as the number of pages, it can provide a useful visual context to users who have very little time to browse through your site, or have difficulties when exploring websites in general. It can serve as an excellent orientation tool, or a roadmap of sorts \u2013 showing them the \u201croad\u201d of your site and all the places they can go to next, all listed in a form of your page links. So, not only does a visual sitemap provide additional context to users, it also helps them save time by allowing them to understand your site structure right from the get-go.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Visual sitemaps are particularly useful for sites that have plenty of content and\/or many pages in general, like comprehensive blogs or magazines, huge online stores with many products and product categories, and the like. Still, it wouldn\u2019t be wrong to use a sitemap even if your website does not have that many pages as they can only make it more accessible and user-friendly to your visitors.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-a-visual-sitemap-with-a-plugin\"><\/a>Adding a Visual Sitemap to Your WordPress Site With a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]For adding a visual sitemap to your WordPress site, we recommend a plugin called <a href=\"https:\/\/wordpress.org\/plugins\/simple-sitemap\/\" target=\"_blank\" rel=\"noopener\">Simple Sitemap<\/a>. It is among the most popular free solutions out there, with over 90,000 installs on wp.org.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap.jpg\" class=\"attachment-full size-full\" alt=\"Simple Sitemap\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This plugin allows you to insert an HTML sitemap on your page or post using blocks (it has two different blocks so far) and lets you see a preview directly in your editor. If you want, you can also use shortcodes to add a sitemap to your page or post. As the name of the plugin suggests, Simple Sitemap is easy to use and allows you to add your sitemap in mere seconds \u2013 no coding required whatsoever.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Once you <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">install the plugin<\/a> and activate it, <strong>head to the <em>Simple Sitemap<\/em> page in your admin dashboard.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"580\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Page.jpg\" class=\"attachment-full size-full\" alt=\"Simple Sitemap Page\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Page.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Page-300x180.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Page-768x460.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Page-620x371.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Here you will be able to access a few of the sections related to the plugin and its settings.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After you click on the <em>Expand<\/em> button in the Sitemap Settings section, a dropdown will open, uncovering a few options.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"515\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Sitemap Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Settings-300x159.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Settings-768x408.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Settings-620x330.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Here you can enable the removal of parent page links. If you want to remove any specific links, you can enter a comma-separated list with parent page IDs. In case you want to remove all parent page links, just mark the box next to the message that says \u201cRemove parent page links?\u201d If not, simply leave this field blank.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You should hit the <em>Save Changes<\/em> button once you\u2019re done. And in case you change your mind, you can always hit the \u201cReset plugin options\u201d button and your settings will go back to their default state.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you expand the<em> Available Blocks<\/em> field, you will see more info about the two available blocks. The first one is used to insert a standard sitemap, and the second one to display a list of posts that are grouped by taxonomy. Here you will also have access to some usage instructions.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"564\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Blocks.jpg\" class=\"attachment-full size-full\" alt=\"Sitemap Blocks\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Blocks.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Blocks-300x175.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Blocks-768x447.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Blocks-620x361.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In case you want to get informed about the available shortcodes, you can simply expand the <em>Sitemap Shortcodes<\/em> section.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"434\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Shortcodes.jpg\" class=\"attachment-full size-full\" alt=\"Sitemap Shortcodes\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Shortcodes.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Shortcodes-300x134.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Shortcodes-768x344.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Shortcodes-620x278.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Clicking on each shortcode will lead you to the full documentation page related to that specific shortcode.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The same goes for the <em>Shortcode Attributes &amp; Default Values<\/em> section \u2013 once you expand it you will see a list of all available attributes you can include to override the values you want to change.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"693\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Shortcode-Attributes.jpg\" class=\"attachment-full size-full\" alt=\"Shortcode Attributes\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Shortcode-Attributes.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Shortcode-Attributes-300x215.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Shortcode-Attributes-768x549.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Shortcode-Attributes-620x443.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019re ready to create your sitemap, simply go to the page (or post) you wish to add your sitemap to and <strong>search for a block called \u201cSimple Sitemap\u201d<\/strong>. We will be using the Gutenberg editor to show you how to use the plugin\u2019s block to add your sitemap, but don&#8217;t worry \u2013 you&#8217;ll see that this plugin works with other page builders and editors as well.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Block.jpg\" class=\"attachment-full size-full\" alt=\"Simple Sitemap Block\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Block.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Block-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Block-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Simple-Sitemap-Block-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will instantly be able to see a list of links in your block as soon as you add it to your page.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"538\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/List-of-Links.jpg\" class=\"attachment-full size-full\" alt=\"List of Links\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/List-of-Links.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/List-of-Links-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/List-of-Links-768x426.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/List-of-Links-620x344.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now, to adjust the specific block settings, you can<strong> use the <em>Block<\/em> tab located in your page or post sidebar on the right side of the screen<\/strong>. Here you will be able to select the post types to display (pages and\/or posts), order by title, date, ID, etc. Also, you will be able to show (or hide) an excerpt within your sitemap, show a post type label (whether the link in question is a page, post, or another custom post type), enable or disable sitemap links, tabs, and so on.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"619\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Block-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Block Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Block-Settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Block-Settings-300x192.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Block-Settings-768x491.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Block-Settings-620x396.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Of course, if you want you can also use any of the plugin\u2019s shortcodes (available in the Sitemap Shortcodes section) and add your sitemap using the shortcode block instead.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Paste-Sitemap-Shortcode.jpg\" class=\"attachment-full size-full\" alt=\"Paste Sitemap Shortcode\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Paste-Sitemap-Shortcode.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Paste-Sitemap-Shortcode-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Paste-Sitemap-Shortcode-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Paste-Sitemap-Shortcode-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Hit the <em>Publish\/Update<\/em> button once you\u2019re satisfied with the look of your sitemap.<\/strong> Then, you can go ahead and preview the way your sitemap looks live.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"1174\" height=\"618\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Result.jpg\" class=\"attachment-full size-full\" alt=\"Sitemap Result\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Result.jpg 1174w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Result-300x158.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Result-1024x539.jpg 1024w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Result-768x404.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Result-970x511.jpg 970w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/07\/Sitemap-Result-620x326.jpg 620w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In case you want to generate your sitemap using the Classic editor, you simply need to paste the previously copied shortcode (that you can find in the plugin\u2019s settings) within the editor. For Elementor, you need to paste the same shortcode into the Shortcode element.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]Visual sitemaps are a handy navigation element you can use to help improve the user experience of your visitors. By allowing them to see a visual hierarchy of all your links and pages in one place, you give them a better insight into your website structure and help them get to all your pages quickly and efficiently. We recommend using a Simple Sitemap plugin to add your sitemap anywhere you want on your WordPress site. The plugin is rather simple to use and allows you to insert blocks or shortcodes to create and add a sitemap to your pages or posts. Just make sure to follow our instructions carefully and you\u2019ll be able to generate an easily accessible and intuitive sitemap for your site visitors in no time.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A sitemap is a great orientation tool that can provide some visual context to users who browse your site. Here&#8217;s how to create a visual sitemap in WordPress.<\/p>\n","protected":false},"author":2,"featured_media":27487,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[127,4,13],"class_list":["post-27460","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-sitemap","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/27460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=27460"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/27460\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/27487"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=27460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=27460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=27460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}