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
-
Website Form Doesn't Work for Visitors from Google Search App
I've got a strange issue where if visitor is viewing a website from within the Google Search App, the app doesn't seem to be able to handle online forms. The form relies users on entering data, which is then POSTed to an external booking engine site. Normally this works fine, except when Google Search App is acting as the browser, the post payload is empty and the URL breaks. We're a bit stumped as to how to move forward. So far the only lead is that Android users can override having the app behave as a browser - but doesn't seem like iOS users can. Any additional ideas/tips are welcome here - thanks. 🙂
Web Design | | mirabile0 -
HTML and XML sitemaps for one website.
Hi all, First, we have created a HTML sitemap for our wordpress website. Then we again generated XML sitemap and submitted same in search console. It's been more than a week and still new XML sitemap has not been indexed yet. I can still only see HTML sitemap for search results "company sitemap". Also search console do have only XML sitemap. Both sitemaps are accessible but only HTML has been indexed. Is there anything wrong having 2 sitemaps? Why XML sitemap not been indexed? Thanks
Web Design | | vtmoz0 -
What is the best way to handle annual events on a website?
Every year our company has a user conference with between 300 - 400 attendees. I've just begun giving the event more of a presence on our website. I'm wondering, what is the best way to handle highlights from previous years? Would it be to create an archive (e.g. www.companyname.com/eventname/2015) while constantly updating the main landing page to promote the current event? We also use an event website (cvent) to handle our registrations. So once we have an agenda for the current years event I do a temporary redirect from the main landing page to the registration website. I don't really like this practice and I feel like it might be better to keep all of the info on the main domain. Wondering if anybody has any opinions or feedback on that process as well. Just looking for best practices or what others have done and have had success with.
Web Design | | Brando161 -
Seperating Different Parts Of The Website
Hi There, I have a client with two parts to his business both for different types of customer with different language and copy needed. At the moment they have one website and I am trying to figure out the most search engine friendly way to present these different types. So for example if a client came in looking for service A, he would see the home page for service A and if he came in looking for service B he would come across the home page for service B. I know I could have seperate service pages for each service he provides, but I think it would be off putting to come to a home page of a site and see completely unrelated services on one page. I hope I am explaining myself here. As far as I can see the options are:- subdomains for servicea.examplesite.com, serviceb.examplesite.com and a split page (see attachement) where you click which you are interested in (don't like this idea) seperate websites a home page which shows all the services (too confusing) Any advice would be most grateful. Regards Neil MpYSKqN
Web Design | | nezona0 -
Website Traffic Drop After Switch
Hey guys, two weeks ago we switched over to the new website, however we've experienced about a 20% drop in Google Organic traffic and it does not appear we are getting indexed correctly by Google. On search results it's not using the meta description and the links still point to the old pages. Robots is fine We are using the same IP address Re-directs are in for the pages in question. Sitemap was submitted to Google in Webmaster tools What else do we need to do?
Web Design | | ScottOlson0 -
Looking to remove SSL because it is causing very slow website download speeds. Does WP have a plugin that redirects SSL urls to non SSL urls?
After some extended debate with our web development team we are considering dropping the SSL from our website because it is adding almost 2 additional seconds to our download speeds. We know there is a SEO boost from having a SSL but we believe the extended download speeds maybe outweighing the benefit. However we are concerned about the SEO implications of having no method possible of redirect SSL to non SSL webpages. Does anybody know of a Wordpress Plugin that can force redirect SSL urls to non SSL urls?
Web Design | | RosemaryB0 -
SEO while designing the website and continuous SEO
What's the difference between SEO while designing/developing a website (ie, setting up a website so it is crawled by search engines) and the SEO that people talk about that needs to be viewed analyzed and changed all the time? I don't have a ton of money to spend on SEO right now but I do want to make sure my website is set up by an SEO expert (if possible) so when I do have money to spend on SEOthe website is set up properly to work with more advanced forms of SEO. I guess I don't understand where you can draw the line (if forced due to money constraints) between SEO in the beginning and continued SEO. What do I need to look for with SEO and the design of my website. How do I get some type of SEO without breaking the bank??
Web Design | | CapitolShine0 -
I need to buy a website template with seo focus - any tip? what technology is better?
Due to lack of resources, my company usually buys website templates and we adjust it internally. So we can always be with new designs, spending less money. With all this changes of google panda recently, I will change my website again. Usually we buy then from templatemonster, but some templates are far away from seo standards. Do you have tips where to buy than? Should I search for a specific technology or layout? Is this JS Animated website a goog choice?
Web Design | | Naghirniac0