How do you visualize website structure
-
How do you visualize a website structure in terms of (categories of) pages and interlinking. I use such visuals for discussing what you are actually doing now and what can be improved. I have made visuals I few times myself (basically making boxes representing categories of pages and lines representing internal links), but I found that I soon ran into a scheme of huge proportions and needed more paper and more time. Appreciate your thoughts!
-
DYNO Mapper is great at visualizing a website's structure. It is the best Sitemap Generator that I have used because it also performs a content audit and includes Google Analytics integration. It's pretty sweet how you can sort and filter pages based on Google Analytics metrics. If you are looking for a great discovery and planning tool I would give it a try.
-
I played around with Cytoscape and I'd definitely be interested of the spreadsheet as well!
-
Online-Tool diagramly (free) You can Save it as XML, JPG, PNG and SVG.
Or Lovely Charts (not free), but you can put in text-Sitemaps for a "Autovisualisation". -
I print it out and lay it out on a large table in the office. Just seeing it visually lets me get to grips with it a lot easier than scrolling through unconnected pages on a screen.
Print small and get a big table and you can fit a large sitemap there Get a lot of A4s and some scissors and tape and you will be surprised how much better your understanding is by the time you've finished
-
I'm a big fan of Smart draw but just recently had a colleague share a chart with me via Google Docs which appeared to work very well for creating a flow chart and mapping out site structure.
-
-
Open Office Draw is free and has a series of flow chart icons but it's a manual job and takes a bit of getting used to (price is right though). Anything like this falls apart for larger sites though as you would be there all week.
Would love to know if there is a firm favourite amongst people as it's certainly helpful to visualise interlinking and structure.
-
Damien, I'd be interested in taking a look at this as well, if you're OK sending it over to me. We used to use a profiler program that now seems to be dead.
-
You can also download a trial of Black Widow - http://download.cnet.com/1770-20_4-0-.html?query=black+widow&searchtype=downloads&tag=opensearch
Once you've scanned a site, it builds a site architecture that looks like Windows Explorer. You can take screen shots and place them in your documents as needed.
-
Glad to.
I'm in the middle of rewriting the macro at the moment as my first attempt was a tad on the slow side. I can skype it across to you when I finish it (today or tomorrow).
-
This sounds like a great idea. I'm certainly interested in seeing how you handle the Xenu data if you're willing to share!
-
I'm currently using a combination of (mainly free) apps to map my company's website to visualise link flow and indentify isolated content that hasn't been correctly linked in.
I start with a site crawl using Xenu's Link Sleuth from which I can export a list of all pages as well as a list of all the links. I import the two lists into Excel where the data gets cleaned and additional information extracted by a macro. The final step is to import the link and page data in Cytoscape which performs the visualisation.
Don't be fooled by the biological focus of Cytoscape, it will work with any data as long as it's broken down into nodes (pages) and edges (links). It incorporates a number of visualisation algorithms, and allows you to filter a selection of nodes which can then be copied to a subnetwork and visualised separately.
It handles our small site of 2k pages and 50k internal links with ease, and I know a geneticist who uses it to map networks of over 7k genes with some 300k interactions.
If you're interested, I can provide a copy of the spreadsheet I use for manipulating the raw Xenu data.
-
ProtoShare.com is the best tool of that kind for me
-
Thanks Nick, really handy, appreciate it.
-
I like using post-its, but that can get ridiculous as well. Here is one of my faves for mind-mapping, and it's completely free: https://bubbl.us -
-
Apart from everything mentioned already - bubbl.us is a great free online tool that lets you save and export your visualisations.
-
You might want to check out this link, which works for new versions of Omigraffe.
Let me know what you think.
-
I hadn't noticed that - shame, could have been interesting if they kept up development.
-
I checked out WriteMaps, and it was very very nice for small sites. It is a pity that it does not seem to be maintained anymore. Last communication from the creator seems to be from 2009.
-
I checked out WriteMaps, and it was very very nice for small sites. It is a pity that it does not seem to be maintained anymore. Last communication from the creator seems to be from 2009.
-
Smart Draw is seriously awesome; just downloaded for a 7 day free trial. I used Mockingbird in the past but SD looking way better now.
-
I'm a little late to the party (just trying out the new Q&A for the first time).
I was looking for a solution myself yesterday and found two free ones that, while definitely not as full-featured as those shared by ninjamarketer, might do the trick.
WriteMaps is a nifty tool (free to use) that looks to have some potential.
SlickMap is an HTML/CSS template you can use to add up to three levels of hierarchy, and it looks pretty sharp (though it's clearly not as quick/convenient as some of the other tools).
-
I use Visio to start with and when I go in to more details in terms of pages, I use https://gomockingbird.com/
This allows me to share the drawings easily.
-
Another vote for Smartdraw!
-
I'll use the mac software omnigraffle to chart out my site. Also someone came up with a cool applescript that will take a regular xml sitemap and turn it into omnigraffle.
-
Great.Thanks
-
Sure. Your welcome.
-
Thanks Sameer, I will check these out.
-
I have used PowerMapper and am relatively happy with it. It fails miserably on large scale websites. I've spent days researching website structure visualistion and found that there are no rubust industry strength solutions out there available to general community. We're in the process of writing our own software for that reason.
-
Hey Jos: I use a vector based drawing program (CorelDraw) and draw boxes with lines like you. I can highlight main pages by border thickness and colors.
It's probably not nearly as elegant as Sameer's suggestions, but I've used it for so many years, it's as comfortable as a pair of old jeans
-
I second the smartdraw software.
I've been happy with it because you can do several other things with it.
-
Thanks Sameer, I'll have to check these out
-
Great question. I tend to just map it out by hand categories / sub categories / products/services but I can see how that can get quite daunting on very large sites.
-
I would assume you are referring to site architecture. If this is the case then there are several good tools in market that are used by dev / designers to map out the site artchitecture or sitemaps.
Microsoft visio http://office.microsoft.com/en-us/visio/
Power mapper http://www.powermapper.com/
Smart draw http://www.smartdraw.com/
I have used smart draw for flow charts and found it lot easier to use.
Hope this helps.
Thanks
Sameer
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Is the size of website a ranking factor?
I've heard it said that by increasing the number of pages on a website (by adding new content) that this in iself can boost a site's ranking. Is this an old wives tale or is there a grain of truth here? My website - www.skydas.lv metāla durvis Metāla durvju montāža - http://sosdienests.lv
Web Design | | Felter0 -
What’s the best tool to visualize internal link structure and relationships between pages on a single site?
I‘d like to review the internal linking structure on my site. Is there a tool that can visualize the relationships between all of the pages within my site?
Web Design | | QBSEO0 -
Any second opinions as to why our organic search website traffic hasn't recovered from website rebrand (domain change, website redesign)?
I am hoping to see if anyone in the Moz community would be able to help troubleshoot or lend any advice on a major organic search traffic issue we've been experiencing over the last 8 months. In a nutshell, we decided our ~4.5-year-old business needed to undergo a rebrand in October 2015. After changing domains & redesigning our website (more below), our search-driven sessions have dropped 20% in 2016 v.s. 2015. We made quite a few on-site modifications (with some success) post-redesign but are still deep in a rut and not sure what more we can do to recover. I've listed my theories below as to why we're still suffering this hit. If anyone could weigh in on these and/or share any other troubleshooting ideas, I would greatly, greatly appreciate it (and owe you a lunch/beverage of your choice the next time I'm in your city!). ****Backlinks - despite our efforts to 301 all links, I sense we have lost many backlinks. According to Open Site Explorer, our old domain has 1,172 backlinks (some from some very authoritative pages domains), 1,068 of which are passing link equity. In contrast, our new domain has 367 backlinks, 321 are passing link equity, and very few overlap with our old domain. Domain Age - we may have lost much of our reputation with Google as our new domain is much younger than our old domain (1-year-old v.s. 5.5 years old). Domain Name - although I thought to have common keywords in one's domain was a myth, I am now questioning that belief. Our old domain contained a popular, topical keyword and our new domain is derived from a term that is topical, but very uncommon. New URLs - our developer has insisted all links were moved to the new domain, but I have a hunch they were not. When conducting a "site search" (i.e. "site:websitename.com"), the new domain returns 7,740 results. Prior to our switch, a site search with the old domain yielded 30,000+ results. 404s - we found and fixed 100-200 404'd links after the domain switch. We still see a few pop-up today and I'm wondering if this is a red flag in Google's eyes. For a little more background too, here are the nitty gritty details with a rough timeline: Pre-October 12, 2015 - registered new domain and designed the new website on Wordpress, while researching a range of articles and resources for a successful site migration (e.g. this and this Moz guide). October 12, 2015 - flipped the switch on the website design, domain, minor content reorganization, and social handles. We announced the change to our audience via an article, newsletter, and social; informed Google Webmaster Tools (GWT) of the new address, 301'd all links from the old to the new domain, and submitted new sitemap in GWT. October 12 - 16, 2015 - traffic is normal, everything seems to be okay. October 17, 2015 - search traffic drops by 54% v.s. the same day of week pre-rebrand. October 26, 2015 - search traffic rises, so now only down by 30% v.s. the same day of week pre-rebrand. November/December 2015 - re-added numerous elements from the old website such as category, tag, and page pagination and a few sidebar modules that linked to other important pages and tags. Search traffic rises slightly in November (down 27% year-on-year), dips again in December (down 31% year-on-year). January 2016 - today (June 17, 2016) - we published more content on a daily basis and search traffic fluctuates around the 20% versus the same period in 2015. January 2016 - down 23% year-on-year February 2016 - down 17% year-on-year March 2016 - down 20% year-on-year April 2016 - down 21% year-on-year May 2016 - down 21% year-on-year June 2016 (until the 17th) - down 23% year-on-year Thank you all in advance for your time and help, please let me know if you have any questions!
Web Design | | nick490 -
SEO Consulting for HUGE Website. How Big Is TOO Big Of A Change?
SEO Consulting for a HUGE Website. Their h1 tags have instagram/twitter, h2 have their menu/what's trending and h3 is the article title. Here's what I want to do... MY MAIN QUESTION: This site has tens of thousands of pages, all articles beyond the few dozen category/tag pages they have. If I change the structure to the following, will it be too much of a system shock to Google? Will this actually HURT them? Currently on the site: - h1 tags point to Twitter/Instagram sidebar widgets
Web Design | | BrianGilmore
h2 tags point to the menu/what’s trending section (which is the same on every page)
h3 points to the Title of the Article I want to change it to this: - h1 tags should delineate the article's name. That's all they should really be used for.
h2-4 should be reserved for article subheadings to be used by the editorial staff. EDIT: 30% of their >11 million monthly uniques come from search. I don't want to eff with that, but the way that NONE of their pages have optimized words, they have no sitemap, webmaster tools and are still doing this well makes me think that even putting in minimal changes to tidy things up will help them bring it to 70% organic search.0 -
How can a Pincode finder website be SEO optimised?
Guys, I wanted to build a simple Pincode finder website for India. The targeted visitors as is obvious will be from India. Alike other Pincode finder websites, the users in this case too will have to key in the location / area of whose pincode he is looking for and they will get Pincode from that very location / area. Other than this, users will also come to this website when they search for something like " <location name="">pincode</location>" on Google (for instance, users will search for something like "Hiranandani Gardens Powai Pincode") Along with data fethced from our sources via Indian postal departments and other data available in public domain, we shall be using data from Google Maps API too. My question in regards to the same is as follows: What should the page-structure / structure of the website be for ranking well on Google? What should be the URL structure? Other suggestions to rank well on Google in this regards? Competition: (You can search for the term "Hiranandani Gardens Powai Pincode" to know how these sites show data) http://www.getpincode.info http://www.pincode.net.in Pls. help...
Web Design | | ShalinTJ0 -
Would you consider these website designs an upgrade?
Hello everyone, I've asked a few questions in here regarding website design, etc. So first I want to thank you guys for the responses, and second I want to apologize I hope I am not boring you guys. I just feel like this is a forum of qualified people and I value your opinions greatly. Now to my question, I am considering a redesign as we are not happy with our current site located http://www.studentdebtrelief.us/. We think it feels outdated, not structured well, no good call to actions, ten different fonts, blurry images, does have good integration with social media, boring and bland news page, etc. I just wanted some opinions on these other sites that were designed by the fellow we are considering hiring. I've gotten some feedback from a friend that he doesn't think they would be an upgrade from our current site, which I totally disagree with. Though I am the first to admit design/creativity is not my strong suit, so I don't value my own opinion on this very much either, lol. I am hoping I can get some insight from you guys here. Do you think the designs below are of higher quality than our current site? Would you be more inclined to continue reading these sites than our own? Is there one in particular you think is the best? http://www.jayhafling.com/wp-content/uploads/2010/08/archive.jpg http://www.jayhafling.com/wp-content/uploads/2010/08/zazachat.jpg http://www.jayhafling.com/wp-content/uploads/2013/03/jetpeppers3.jpg http://www.jayhafling.com/wp-content/uploads/2013/05/pbs_9001.png http://www.jayhafling.com/wp-content/uploads/2013/05/fidgetfeed.png http://www.jayhafling.com/wp-content/uploads/2013/03/haute.jpg http://www.jayhafling.com/wp-content/uploads/2010/08/worketc-732x1362.jpg Thanks for the help
Web Design | | DemiGR0 -
Looking for a website review.
Hello, Our web team and I have been building a e-commerce website for the past couple of months. The project is nearing its end and I was just wondering if there are any big issues on this website that jump out at anyone, besides the fact that it hasn't been submitted anywhere or there has been no link building done yet. The website is wheelchairparts.com All feedback and constructive criticism is appreciated! Thanks!
Web Design | | Mike.Bean0 -
Any advice for best practice for mobile versions of websites?
Hi Mozzers, I am looking to develop a mobile version of one of my sites and was wondering what was considered best practice for the following: Where to host it: m.domain.com or domain.com/mobile ? Is rel='canonical' enough to avoid mobile version being indexed or should I use "noindex" on mobile version? How to handle tablets? Which screen size sees mobile version? Which sees full site version? Thanks in advance Geoff
Web Design | | SEM-Freak1