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
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
-
Setting up analytics for a website redesign
Hey all, so in the past when I make changes to a site, I make the changes, review the analytics in the wake of the changes, analyze and go from there. Little things here and there, no biggie. With my new company, we're doing a full website redesign from scratch (Currently on Wordpress, moving to custom). They are asking me about analytics and reporting and I was hoping to get some insight here. When the new site is ready, they are launching it at www2.ourdomain.com and sending 25% of traffic to ourdomain.com to that with the other 75% going to www.ourdomain.com (current site). So two questions- how would you go about setting up analytics for that? And how do you ensure the www2 version doesn't get indexed but stay in Google's good graces? If you de-index your "home page" that 25% are seeing I can't imagine that's helpful for SEO. Hopefully that makes sense! Trying to look at how to A/B test to ensure the new site is working and converting before pushing all traffic to it.
Web Design | | DanDeceuster0 -
New Website
With all the changes in web design, I feel it best to seek advice from my fellow Mozzers. We are definitely going with a custom design and I know it MUST be responsive and faster load speed than we currently employ. What other requirements should I seek from our designer? Approximately 50 product pages w/ ECWID shopping cart holding a dozen or less products. TY,
Web Design | | KevnJr
KJr0 -
URL Structure
Hello, Within the last few months, my company launched a brand new website for our clients. Unfortunately, the web developers we went through aren't very knowledgeable on SEO practices and as a result, our URL structure is a total mess. I'm looking for some advice on the best way to go about a possible restructure of the URL's or what you suggest I should do from here. Any advice helps. Thanks! Lauren McLaughlin
Web Design | | LMcLaughlin0 -
Website organic traffic unchanged, impressions took a 98% drop in the last week.
Hi all, I have a very curious predicament and I'd be grateful if someone could shed some light on the situation. As mentioned in the title, organic traffic to our website has remained unchanged, but organic impressions have taken a 98% drop in the last week. This happened suddenly over one day; on October 22, impressions were 700, on October 23, they were 500, and on October 24 they drastically dropped to 50. The next two days they were at 22 and then up to 35. Organic traffic, however, showed the normal "weekend drop" as of October 24, and is still showing normal level (even increased a bit) continuing into this week. These are organic impressions according to Google Analytics and Google Webmaster tools. We did perform a complete site redesign a month ago. Could this be an effect from the redesign? We also noticed drop in Domain Authority, but our competitors suffered a similar (if not greater) drop as well, so we wondered if it could be due in part to the algorithm update. If anyone could shed some light on the situation I would be so appreciative! Thanks!
Web Design | | Joanne_Pendon0 -
Website Drops Some Traffic after Redesign. What's Happening?
What it is NOT: No Link was broken. I have used Moz, Screaming Frog, Excel, etc - there are not broken links. We have not added spammy links. We kept the same amount of links and content on the homepage - with an exception of 1 or 2. All the pages remained canonical. Our blog uses rel=prev rel=next, and each page is canonicalized to itself. We do not index duplicated content. Our tags are content="noindex,follow" We are using the Genesis Framework (we were not before.) Load time is quicker - we now have a dedicated server. Webmaster tools has not reported any crawl report problems. What we did that should have improved our rankings and traffic: Implemented schema.org Responsive design Our bounce rate is down - Average visit length is up. Any ideas?
Web Design | | Thriveworks-Counseling0 -
Does meta "Expires" tag affect website cacheing or indexing?
One of our client has a meta expire tag across all pages of their website. Does that tag affect the website overall caching or indexing? Their website pages including home page is crawled every 10 days, however the website is popular high traffic websites, receiving 240,000 visits/month. Please advise what impact this tag will have on the website indexing and caching? Thanks Atomic Team
Web Design | | JamesDixon700 -
Need some advice on changing website around.
I want to make some changes to my personal website and need a little help. I originally hired someone to create this site for me several years ago. Most of the site (including the home page) is html, but the blog part (/blog) is wordpress. The main site hasn't been updated in a few years (although the blog has been updated more often.) I'm not really targeting any keywords on my site (other than just my name) so I'm not really concerned about loosing any rank or anything. I"m just curious what the best route to go should be. Would you suggest keeping the site's format "as is" so to speak? (make the front page a landing page so to speak that links to my various sites, a little bio, etc; keep an about page, contact, /blog, etc...? ) Or should I go the more traditional route and make the blog the front page? Another route is to someone keep the most recent (1,2,or 3) posts on the home page (landing page) and sort of make it a landing page / recent post page. It's sort of like that now, only the main page just links to the most recent post instead of actually adding the post, if that makes sense. There maybe some themes out there that would work well, so feel free to suggest one if you know one that would work. I think the Aboutme.com pages look pretty nice and will let you use a custom domain, but I'm not sure. (And it's not a complete theme, so not sure that's the best option.) Thanks!
Web Design | | NoahsDad0 -
What's the best was to structure Product page information on my site?
Hi - I run a hobby related niche new / article / resource site (http://tinyurl.com/4eavaj4). One of the most critical components of the site is our product database. We don't actually sell anything directly - instead we monetize them by displaying relevant affiliate product feeds and price comparisons. However since the Panda update was implemented in February my traffic (particularly my long tail, product related traffic) has dropped off considerably. I had about a 20% drop in overall traffic, but have made up some of the ground in the past week. However I want to know once and for all how I should structure my product related information as I have a ton of great content that is ready to be published in this section but want to be sure I structure it the best possible way from a SEO standpoint. Here are a few different options I've come up with for displaying information about products on my site. For the purpose of these examples I am going to refer to all of the information that makes up my product pages collectively as "product profiles". Please let me know which is the best SEO wise (or if you have a better way of doing it let me know): - Option 1 - Current Method - Divide Content Sections into different pages / urls Example: http://tinyurl.com/4tpdlbl This is how the majority of my product profiles are currently structured. I did this to improve load times and to keep the total number of links per page down. In addition to the core product profile subpages: "Product Details","Compare Prices", **"**Product Review", "Hot Auctions", and "Checklists", I have the Checklists area further segmented by subset, each of which is on its own page that is only accessible through the main Checklists tab of the profile. - Option 2 - Everything on one url / page the old fashioned way, with everything available by scrolling vertically. This would make the page go on forever though. - Option 3 - Everything on one url / page, but visually segmented using css / javascript tabs. Example: http://tinyurl.com/4kqhauh I looked at the source code and all the page text is there, so it looks like it would be spider-able but you tell me. Or would another method of tabbing be better? My site is wordpress based so the functionality comes from a plugin. - Option 4 - Use post tabs that are technically all on the same page, but make each individual tab be accessible through its own suburl, all of which share the same core canonical url. Example: http://tinyurl.com/4bs9pjs Clicking on any of the individual tabs will result in something like ?postTabs=2 being appended to the core url. Example: http://tinyurl.com/4gvgufc Any input would be greatly appreciated asap! Thanks Mike
Web Design | | MikeATL0