HOW SITEIMPROVE HELPS
During A Website Redesign
WEB
GUIDE
Whether it’s part of a larger rebranding process, the old website simply wasn’t achieving the goals set
out by the business, or it just needed a new look, redesigning your website is a huge undertaking. Every
department has specific needs, stakeholders have different opinions, and there will be plenty of bumps
along the way. Whatever the reason, you’ve decided to take the leap and we’re here to help make the
journey as smooth as possible.
GUIDE
overview
This report focuses on the challenges faced during a website redesign project that Siteimprove can help
alleviate.
This report is not intended to be a comprehensive guide to performing a website redesign, but rather,
is intended to demonstrate the value and importance of implementing Siteimprove’s Web Governance
Suite (WGS) in the early stages of a website redesign project.
This report will highlight the benefits of Siteimprove’s Web Governance Suite (WGS) during the 5 major
phases of a redesign project:
•Research
•Planning
•Development
• Content Population
• Test and Launch
2
TABLE
of contents
1. Research ....................................................................................................................................................... 4-5
Choosing the right CMS......................................................................................................................................................... 4
Selecting the right analytics tool........................................................................................................................................ 4
Evaluate your hosting............................................................................................................................................................. 5
Implement analytics early.................................................................................................................................................... 5
2. Planning..........................................................................................................................................................6-7
Improving navigation structure.......................................................................................................................................... 6
Reuse or rewrite content?..................................................................................................................................................... 6
Gathering user feedback........................................................................................................................................................ 7
Performing an inventory check........................................................................................................................................... 7
Website policy adherence...................................................................................................................................................... 7
3. Development................................................................................................................................................. 8-9
Spread out the debugging process.....................................................................................................................................8
Optimize early............................................................................................................................................................................ 9
Web accessibility matters..................................................................................................................................................... 9
4. Content Population................................................................................................................................... 10-11
Finding content issues..........................................................................................................................................................10
Avoid last minute panic.........................................................................................................................................................11
Content accountability.........................................................................................................................................................11
5. Test & Launch............................................................................................................................................. 12-13
Performing a final quality check....................................................................................................................................... 12
Removing duplicate style sheets...................................................................................................................................... 12
Setting up 301 redirects....................................................................................................................................................... 12
Checking your privacy statement.................................................................................................................................... 13
Launch with confidence ...................................................................................................................................................... 13
3
PHASE ONE
Research
Choosing the right CMS
Before any website redesign can succeed, it’s important to identify
and understand the issues that the redesign is intended to address.
Dig deeper than the common “our website is outdated” response and
look at your current site through your visitors’ eyes. What problems
do they encounter?
Nearly all modern-day Content Management Systems (CMSs) have
a suite of useful tools built in, and no two are created exactly the
same. In addition to that, most CMSs can be extensively customized.
So how do you know which one is best for your organization, and
how it should be customized?
The answer is surprisingly simple: look at the strengths and
weaknesses of your current website, and choose a CMS that will
minimize those weaknesses while playing to your strengths.
For example, if your pages are frequently missing page titles or <h1>
tags, consider a CMS setup that allows you to make these fields
mandatory.
Siteimprove’s Web Governance Suite (WGS) identifies issues with
your current setup, enabling you to make educated decisions when
choosing which CMS is right for your organization.
Selecting the right analytics tool
When choosing an analytics tool to measure the traffic on your
new website, consider the level of expertise your users have. Google
Analytics is a popular free program, but its complexity and lack
of customer support make it confusing for the average user. An
analytics program is useless if your web team cannot or does not
use it.
4
Choosing the right analytics tool will save you money, and countless hours in employee time and
training.
Siteimprove’s integrated analytics tool is designed with the typical user in mind. Powerful measurement
and tracking features packaged in an interface so simple, it requires an average of 30 minutes to learn.
Evaluate your hosting
Siteimprove Web Governance Suite constantly monitors your website’s uptime and response rate from
servers around the world. Reports detailing your site’s performance give you the data you need to make
an informed decision on whether or not your in-house hosting needs updating.
Siteimprove’s WGS is also useful for measuring the accuracy of an external hosting provider’s
performance and uptime guarantees, so you can make informed decisions about whether or not your
current provider is right for your new website.
Implement analytics early
Regardless of which analytics tool you choose, adding it to your current website several weeks before
launching the redesigned site is critical.
Due to differences in the way analytics programs calculate data, each will report slightly different
numbers. If you switch analytics programs when launching the new site and the numbers displayed are
suddenly 7% lower than before, how will you know if this is due to differences in reporting or a problem
with your new site?
Running multiple analytics programs on your website is common, and poses no threat to performance.
This will give you a baseline with which to gauge your new analytics results.
Analytics Program 1
Analytics Program 2
5
PHASE TWO
Planning
Improving navigation structure
What should receive placement on the main site navigation, homepage,
or other high-visibility locations? With no solid evidence leaning one
way or the other, this debate usually grinds the website planning to
a halt, sometimes for months. Missed deadlines, increased cost, and
frustration.
Siteimprove’s Web Governance Suite (WGS) helps you determine
what content should be placed where, and why.
What should be on the homepage and
main navigation?
With Siteimprove’s WGS, you can track user journeys and measure
how many clicks it takes your users to reach the content they want.
Popular content requiring several clicks to access should be brought
closer to the homepage, and information that users rarely look for
should be moved further away, if not removed entirely.
Siteimprove’s WGS also allows you to view terms that users have
been searching for to determine what information isn’t visible enough.
Armed with this data, you can create a logical site hierarchy based on
actionable data that avoids political deadlock while optimizing your
site for visitors.
Remove or rewrite content?
Rewriting content is a difficult and time consuming endeavor, but
often a necessary expense. So how do you know which content to
transfer over to the new site, and which to leave behind?
With Siteimprove’s WGS you can identify pages that get clicks, but
have a high bounce rate, which may indicate that your visitors are
interested in the content, but that it doesn’t meet their needs. In
which case, you may want to consider rewriting.
6
Unlike most other analytics programs, Siteimprove’s WGS can also identify the pages with the lowest
number of views, giving you a comprehensive list of pages you may no longer need; saving you time and
resources carrying that content over.
Gathering user feedback
Siteimprove’s WGS allows you to gather direct feedback from your website visitors. This makes it easy for
you to immediately see ratings and comments on your most popular pages, pages with high bounce rates,
or any other pages you would like to improve. This enables you to make changes to your website based on
user feedback and enhance your user experience right away.
Performing an inventory check
Use Siteimprove’s WGS to create exportable lists of your site’s media files, documents, cookies, phone
numbers, addresses and more. This can save you countless hours of searching through your site and
ensure that nothing is missed when transferring to the new site.
This also provides you with an opportunity to audit your media files and content for outdated information
that may need to be updated or removed.
Siteimprove’s WGS features a PDF Checker that scans your site’s PDFs for broken links and misspellings,
and alerts you to any potential errors.
Website policy adherence
Failing to follow web policies is the fastest way to turn a
beautiful new website into a mess. So how do you ensure that
the new web policies will be adhered to?
The best method is to take a look at your current policy
violations, and determine why they happened. If the document
outlining policies and guidelines for publishing to your current
website are obsolete or nonexistent, then your content
contributors are likely to use whatever styles seem best to them
in the moment. This “Wild West” approach, where everyone
does as they please, can make any website seem stodgy and
outdated. If this root problem isn’t properly addressed, your
new website will soon begin to look like your existing site.
Siteimprove’s WGS allows you to see an overview of the content
on your website, so you can determine which elements of your
web policy are being ignored, so you can adjust accordingly.
Most common
policy violations:
Broken links
Misspellings
Missing page
titles
Missing <h1>
tags
Oversized
images
7
PHASE THREE
Development
Spread out the debugging process
Establishing a debugging process from the beginning ensures a
smoother launch by spreading out the revision work, giving you more
time to fix problems. This will also save significant amounts of time by
catching issues with templates before they spread to every page on
your site.
During development, websites undergo countless revisions and
changes, often causing links and images to break. These may go
unnoticed, and can find their way into thousands of pages as the site
develops. Avoiding mistakes entirely is unrealistic, so catching and
correcting them quickly is critical to a smooth development process.
Web accessibility matters
The development phase is also the best time to ensure that all your
page templates meet accessibility requirements. This will optimize
your site for all visitors (especially those with disabilities), increase
search engine visibility, and prevent lawsuits.
1 in 5 adults now live with a disability1. This includes visual impairments
such as dyslexia and color-blindness, hearing impairments, cognitive
disorders, and physical disabilities. The range and severity of these
disabilities are as varied as the people affected by them.
Many of these users rely on assistive technologies, like screen readers,
to navigate the web. For them, even the most common website
interactions can be frustrating, difficult experiences if the site hasn’t
been built properly or with accessibility in mind.
Websites that don’t meet modern accessibility standards risk
alienating 20% of their potential audience.
1
8
http://www.disabled-world.com/disability/statistics/
Siteimprove’s WGS Accessibility tool will analyze your site for WCAG 2.0 and Section 508 web accessibility
compliance. This will allow you to easily test for, and correct, accessibility issues before you add thousands
of pages of content that may be affected by subsequent changes to the templates.
Optimize content early
Implementing Siteimprove’s WGS during the development phase will allow you to optimize your site for
both people and search engines, helping to ensure that your new site performs well in online searches.
If your organization uses its website as a major marketing or communication tool, even a single week of
poor search engine results can have catastrophic effects on your long-term goals.
Broken Links
Misspellings
Old website
Missing
Page Titles
Missing <h1>
tags
Development Phase
Oversized
images
Test Phase
9
PHASE FOUR
Population
Finding content issues
As content is being added, edited, and removed, there is a great risk of
creating problems. Often, hurried content contributors will use URL’s
on the current website that link to pages and images, intending for
the link to be temporary, but then forget to relink upon completion of
the redesign. During development these links may work perfectly, but
then suddenly break upon the launch of the site.
Worse yet, they may link to images hosted on a different website
entirely, opening liability to copyright claims as well as broken images
in the event that the picture is taken down or moved on the external
site.
Another common mistake is uploading large images at full resolution
to be resized in the browser, which slows the page load time
considerably - especially on mobile devices. The picture may look
perfectly normal, but this will turn visitors into bounces, as visitors
are easily frustrated with slow load times. Remember to format your
images before uploading them to save hassles and headaches.
Siteimprove’s WGS identifies broken links, as well as links at risk of
breaking upon launch.
Contributors are especially prone to submitting platform-specific
documents during the population phase. Microsoft Word, Excel, and
PowerPoint documents are the most common examples, and are
often the most problematic. Today, more than 24% of all computers
with Microsoft Office installed use an outdated version, and would
not be able to open a document created in a Microsoft Office 2010
program.1
10
1
http://www.statowl.com/microsoft_office.php
Avoid last-minute panic
As large amounts of content are being added
to your website, issues such as spelling errors,
broken links, and missing files will inevitably pile
up. Waiting until a few days before launch creates
unnecessary stress for all parties involved, and
strongly increases the likelihood that damaging
mistakes will slip through the cracks.
Deploying Siteimprove‘s WGS during the
population phase will allow you to correct issues as
you go, spreading the workload over a much more
manageable period of time. This also gives you
the ability to make any necessary adjustments to
guidelines and processes to minimize production
issues.
Launching with
Siteimprove WGS:
“3 Broken links?” No
problem!”
Content accountability
When many contributors are adding content simultaneously, it becomes difficult to keep track of the
information on your site, and who’s responsible for it. When a mistake is found, who should fix it?
Siteimprove’s Web Governance Suite gives you an overview of your entire website, allowing you to delegate
responsibilities and send automated reports to each content contributor for the sections of the website
under their responsibility.
Our Content Policy tool allows you to flag single words, numbers, and phrases up to 500 characters
in order to ensure content consistency. By enabling you to identify brand specific language, industry
terminology, and legal or regulatory disclaimers, Siteimprove’s WGS makes it easy to quickly identify the
pages where new content needs to be added and unwanted content needs to be removed.
Launching without Siteimprove WGS:
“Cross your fingers. Here goes nothing!”
11
PHASE FIVE
Test & Launch
Performing a final quality check
If ongoing quality checks have been performed during the
development and population phases, pre-launch testing should be
much less stressful.
Use Siteimprove’s Web Governance Suite to perform a final check for:
• Broken links
• Links to the current website
•Misspellings
• Accessibility issues
• SEO issues
Removing duplicate stylesheets
In addition to re-checking for these issues, you can run a final
development check to ensure that no pages are linked to old style
sheets. Often times during this stage, pages are still linked to
development copies of a stylesheet, which may be identical to the
correct stylesheet, and therefore very difficult to find manually.
However, if a change is made in the future to the main stylesheet, it
will not update across the entire site unless all development copies of
the CSS file have been removed.
You can also use Siteimprove’s WGS to find any remaining “Lorem
Ipsum” placeholder text that may have been forgotten during
template development.
Setting up 301 redirects
Chances are, you have put a lot of time and resources into your
current website’s SEO. Protect that investment by redirecting
traffic from your old website to your new one. This will allow you to
retain your site traffic and search engine rankings. However, setting
up redirects for every page is far too lengthy a process for larger
websites because each page must be manually redirected.
12
With Siteimprove’s WGS you can identify the pages with the most traffic from external sources, to create
a list of the most important pages to redirect.
Checking your privacy statement
Making sure that your organization’s privacy statement is properly accessible on every page is one of the
best ways to avoid misunderstandings. Sometimes the link to the privacy statement in the footer of a web
page can break, leaving your organization open to litigation. Use Siteimprove’s WGS to make sure that the
footer on every page has the correct link to your privacy statement and prevent costly mistakes.
Launch with confidence
Once you have finished these final checks, you can launch with confidence and peace of mind.
To learn how Siteimprove can help you better manage and maintain your website, please visit us at
Siteimprove.com
Launch with confidence
&
peace of mind
13
GET
a
free
DEMO
go.siteimprove.com/demo
Who is Siteimprove?
Siteimprove is the only web governance software that helps you better manage and maintain your
website through quality assurance, accessibility, web analytics, SEO, and response – all in one tool.
EBVVFFNA1214
siteimprove.com