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
-
What are the most common reasons for a website being slow to load
I've been advised that too many requests are being sent (presumably to the server?), how can I reduce these and were else should I look to increase speed?
Web Design | | FBS1 -
SEO Value to Improving HTML Code of Website That Validates According to W3C?
Greetings MOZ Community: My real estate website www.nyc-officespace-leader.com, originally designed in Drupal, was relaunched using Wordpress in 2013. The code for all URLs validates. The relaunch was performed by developers in Argentina. As part of an SEO campaign, I very reputable design/coding company in the has provided new wire frames to correct useability issues holding back conversions. In the course of the design adjustments they inspected the code and have told me that it is inefficient, that a number of shortcuts were taken and that the code does not conform to Wordpress best practices. What concerns me most is their claim that the quality of coding makes it more difficult for Google to index the site and this may be detrimental to ranking. Is it possible for the original developers to clean up this code if the deficiencies are pointed out to them? Or once coding shortcuts are taken are they impossible to fix? Would it make sense for me to request that the new design team put together a list of HTML deficiencies and provide to the original developers and ask them to correct? I am spending tens of thousands of dollars on content optimization, content marketing. It would be absurd if these coding issues would ultimately prevent improvement in ranking and traffic. At the same time, I hate to be a cynic but the domestic design/coding firm, while being very professional, does have an incentive in getting me to ditch the original design so I commit to an costly rebranding. If these issues are really minor maybe it is not worth making the effort to clean up the code (assuming that is even possible) and focus the budget on content marketing. Any thoughts?
Web Design | | Kingalan10 -
Best Practice For Website Redesign & Migration
Hi, I'm looking to redesign my current live website to a new Wordpress site using "Studiopress Enterprise Theme". I'm new to Wordpress and therefore will be embarking on lots of testing & development.
Web Design | | Mark_Ch
I do not want to hurt my current live website whilst testing the new Wordpress site. However, it would be nice to bring the test site into the current live environment without changing untold urls, etc. Question
What is the best practice to setup this new Wordpress environment for my domain: www.sampledomain.co.uk How would you restrict Google, Bing, etc from indexing, etc. whilst testing in the live environment. What other consideration should I be aware of Thanks Mark0 -
What is the best way to point newly built website on new domain name to the original more well known domain?
Live website on abc.com domain is being totally redone and moved to a new platform. to facilitate full testing and compliance, the new look and content was built on a different url - xyz.com for example. Now that all content is approved and testing, we want people visiting the abc.com domain to see the xyz.com website without necessarily redirecting abc.com to xyz.com What is the best to do this? Thanks all
Web Design | | wkismb0 -
What do YOU look for when reviewing technical website criteria?
Wanted to get everyone's thoughts on this. One of my clients was asking me what they thought of a certain website design company. They wanted to use this company because their designs were very beautiful but wanted to be sure that contracting them would be the right decision. After I made my formal review and recommendation I thought this might be a great topic of discussion for the amazing SEOMOZ community. So, what factors do you look at when determining which design firms are worth their weight?
Web Design | | JusinDuff0 -
Thoughts on my site structure? (And a quick thank you!)
I've learned a lot through this site (and the community built around it) about everything SEO related. It's been extremely helpful in helping us help others to learn that all people (even those with a "disability") deserve respect and integrity. (Wow, that's a lot of helps!) So I wanted to give a quick thanks to everyone on this site who has helped, supported, and encouraged us. We really appreciate it. One thing I've been trying to do on my site is look at my categories and over all site structure. I've pruned a lot of things from the menu bar; pruned away and tightened up the categories, and even rearranged the navigation of the site. As you can see, I have several drop down categories up top. I wanted to see if I could get some feedback on how what I'm doing looks thus far, specifically as it relates to my categories / menus / navigation. Although any feedback you'd like to provide would be more than appreciated. One thing I'm curious about (and not sure how to tackle it) is regarding the top most item in the main menus. For instance you'll see I have a top level category called "Down Syndrome Resources" which takes them to all of the posts in that category. Under that, there is a drop down menus that gives them other categories, and even some pages that fall under the topic of Down syndrome resources. I'm not sure if people would know the top most item is a link, or just look at the ones below it. (If that makes sense.) (On a side note I have therapy as a category as well as parenting, the truth is those could all be sub-categories I guess since everything on my site pretty much could fall under "down syndrome resources." Maybe this is a huge FAIL I made when setting up my categories.) I'm also not sure if I should use some sub-categories as well. For instance I have a main category for Therapy. Under that I have posts about speech therapy, physical therapy, and occupational therapy. Right now they are all grouped into therapy. Do you think I should use sub-categories on those 3 terms, leave as is, or perhaps another option? Another question I have is regarding landing pages. It seems like I need to have a landing page for my top "key words." For example therapy. Now if you visit my /therapy you get the category index page, not a "landing page." Same would go for the sub-categories if I were to create them. So I'm not sure if I should make a new post or page naming it something else (maybe "Down syndrome therapy" another named "Down-syndrome-physical-therapy" etc) or something else. (Although therapy isn't really the keyword I want to rank for, I'm thinking more along the lines of children therapy, pediatric therapy, therapy for children with Down syndrome, etc. So maybe I need to rename my categories? I was going for shorter names, so I very well may have done this incorrectly.) All of these questions are things I'm not to sure about, so I'd appreciate any feedback or advice you can give me. And since I'm learning, I could be doing things wrong that I don't even know to ask. So feel free to tell me what you see that's wrong, you won't hurt my feelings. I promise. 🙂 Thanks in advance.
Web Design | | NoahsDad0 -
URL structure for multiple cities?
Hi, i am in the process of setting up a business directory site that will be used in a number of cities, though i am initially launching with only one city. My question is, what is the best URL structure to use for the site and should i start using this URL structure from day one? At the moment i am using www.mysite.com.au as my primary website where it contains all listings for the the one initial launch city. Though to plan for the future i was considering this URL structure: www.mysite.com.au/cityname so for example, if i launch in the city Sydney initially then all website traffic that goes to www.mysite.com.au would simply be redirected (302 temp redirect?) to www.mysite.com.au/sydney. When i expand to other cities www.mysite.com.au would simply be a "select your city" screen that then redirects to the city of choice (similar to www.groupon.com page). How would doing a 302 redirect from www.mysite.com.au to www.mysite.com.au/city impact on SEO for the initial launch? Or should i just place this on the root domain since no other cities exist at the moment?
Web Design | | adamkirk0 -
What is Best Platform to Build Website - SEO in mind
Hello... I am going to be creating two new websites shortly that will need to be built with SEO in mind. These will not be e-commerce sites, but instead will be informational with a couple pages of content on each. One will be used to get people to input their contact info and that info will be sent to our call center where we will call them back from. The other site will be heavily used for graphics, but still needs to have room for content (seo purposes)... Can you guys please recommend what platform i should have these sites written on (and please remember I need to do this on whatever is the most SEO-Friendly)... Thanks
Web Design | | Prime850