an seo friendly website redesign process - tools, tips and techniques

35
SEO & the Website Redesign Process Traps, Tricks, Techniques & Tools Laurence O’Toole Director – AnalyticsSEO.com [email protected] + 44 208 977 4465 www.analyticsseo.com @analyticsseo www.websiteredevelopment.com

Upload: analytics-seo

Post on 12-May-2015

2.149 views

Category:

Self Improvement


1 download

DESCRIPTION

Website not performing? Learn how to go about re-designing and re-developing your website in a user friendly and search-engine friendly manner.

TRANSCRIPT

Page 1: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

SEO & the Website Redesign Process

Traps, Tricks, Techniques & Tools

Laurence O’TooleDirector – [email protected]

+ 44 208 977 4465www.analyticsseo.com

@analyticsseo www.websiteredevelopment.com

Page 2: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Who are we?A UK software business on a mission to:

“Have the time of our lives building software that changes our customers' lives”

• Analytics SEO is a suite of online SEO tools for SEO agencies and companies with multiple websites

• We also redesign a few websites every now and then!

Page 3: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Website Redesign PitfallsProblems stem from:• Redesigning on a whim• No concerted plan or running before walking• Fallen out with designers/developers• Not analytical enough – changing pages that convert well• No research or survey data• No benchmarks or targets• Lack of understanding and knowledge of SEO• Unrealistic budget, resources or timescales• Inadequate security

Page 4: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Website Redesign PitfallsCommon Traps:• Change of domain or TLD – no redirection• Change in URLs – no redirects or global redirects• Indexed pages in search engines are not found (404 error)• Loss of site traffic• Loss of conversions on previously good converting pages• Loss of position in the SERPs• Loss of site in the SERPs• Loss of job?

Page 5: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Example Google Malware Page

Page 6: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Typical Website Redesign ProcessProject Definition

Site Structure

Visual Design

Site Development

Test & Refine

Launch

Page 7: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

SEO & Website Redesign ProcessProject Scope

Site Architecture

Visual Design

Site Development

Test & Refine

Launch

Benchmarking

Ongoing Updates

Celebration

+ Website Analytics, SEO Analytics

+ Webmaster Tools

+ Website Analytics, SEO Analytics+ User Tests & Survey Results

+ User Tests & Survey Results

+ Continuous Website & SEO monitoring

+ KPIs, Targets, Benchmarks

Project Scope

Benchmarking

Ongoing Updates

Celebration

Test & Refine

Launch

Site Development

Test & Refine

Launch

Visual Design

Site Development

Test & Refine

Launch

Site Architecture

Visual Design

Site Development

Test & Refine

Launch

Project Scope

Benchmarking

Ongoing Updates

Project Scope

Benchmarking

Celebration

Ongoing Updates

Project Scope

Benchmarking

Page 8: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Project Scope• Why do you need a redesign?• Establish Commercial Goals• Establish Project Goals• Analysis, Research & Reality Check• Agree Website & SEO KPIs/Targets• Budget• Team & Timescales Useful questionnaires

www.web-redesign.com

Page 9: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Project Scope: Analytics & Research• Website statistics

– Site Visits, Popular Content, Conversion Analysis– Screen size, browsers, Traffic sources

• Customer & User survey– Likes and dislikes

• Log files– 404s, other errors

Page 10: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Project Scope: SEO Research• Website Analytics

– Add analytics & Webmaster Tools to old site (if not already added)• SEO Analysis

– Basic Site Audit & On-Site Analysis – highlights obvious site issues– Competitive analysis

• PPC Campaign analysis– Which keywords are converting?– Consider using them in your redesign

• Strategic Planning Gap– How large is the gap between my site and my competitors?– Do I have the resources and desire to commit?

Page 11: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Basic SEO Site Audit

Page 12: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Competitive SEO Audit

Page 13: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Project Scope: Project GoalsSet Project Targets & Benchmarks:• Create a set of benchmarks that you can compare at

Campaign Start & Campaign End– Keyword ranking comparison– Competitive benchmarking – League Tables

• Website Analytics KPIs:– Revenue, Sales conversions, Visits, Goals,– No. Keywords & %Pages bringing organic traffic– Unique Visitors, Page Views, Bounce Rate, Time on

site, Brand engagement

Page 14: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Benchmark Analytics Data

Page 15: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Example: Organic Breadth & Depth

Page 16: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Project Scope: Project Planning• Excel• Basecamp• Fogbugz

Page 17: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Site Architecture• SEO Friendly – information architecture, navigation

URLs, Meta Tags, coding (separation of HTML and CSS) – Not using JS links

• W3C compliant• Old sitemap and hierarchy vs New Sitemap &

hierarchy - Treejack (“Analytics for a website you haven’t built yet”)

• Plan 301 redirects• Plan to make it fast…

Page 18: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Site Architecture

Page 19: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Visual Design• Sketches – sharing initial thoughts and ideas• Wireframes – sharing with the client• Test initial design

– Internal team– Client– User groups

Page 20: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques
Page 21: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques
Page 22: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

• Which Content Management System ?• Proprietary?• Free/Open Source

– Drupal– Joomla– Wordpress

• Numerous SEO Plug-ins• XML Sitemap generator

Site Development

Page 23: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Content• Golden opportunity - How can you improve your site?• What did your customers/users tell you?

– “If you were running our business how would you improve our website?”

• Video - DIY Video Suite - Animoto• Avatars - Site Pal• Update Plan - build in feedback - Kampyle• Make it easy for people to link to your content, e.g.

tweetmeme• Community support – Get Satisfaction 2.0• Organising Content – Optimal Sort

Page 24: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

TestingType of testing:• Functional & Performance• X-Browser testing• UsabilityOptions:• Friends and family• Focus groups – internal and external• Usability testing labs & eye tracking toolsOnline Tools:

– Five Second Test – initial test of designs – clicks and keywords– Litmus – X-browser testing for websites and email– Crazy Egg – visualise user behaviour – heatmaps and clicks– Userfly – watch videos of your users– Feedback Army – Ask users questions and get them to perform specific tasks– Mechanical Turk – Human Intelligence Task– Jmeter - Scalability & performance - record interactions, playback multiple threads– Yslow, Google Web Toolkit – Browser plug-ins and developer toolkits

Page 25: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Usability TestingHow much testing should I do?• Jacob Nielsen one of the best-known usability gurus, says:• “The best results come from testing no more than 5 users and running as many

small tests as you can afford.”

http://www.useit.com

Page 26: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques
Page 27: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Launch• SEO• PPC• Blogging• Social Media• Email• PR• Video

Sorry, there’s just not enough time to cover all the tools you could use to

support your re-launch.

Page 28: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Benchmarking• Compare initial results with campaign start• Post launch questionnaires and compare results with

campaign start– Survey Monkey– 4Q

• Feedback Tools– Kampyle.com– Get Satisfaction

• Ensure you have a system for automatically monitoring website and SEO changes - AnalyticsSEO

Page 29: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Benchmark Ranking Data

Page 30: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Benchmark Ranking Data

Page 31: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Competitive League Table

Page 32: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Benchmark Analytics Data

Page 33: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

• Fresh content• Landing Page Optimisation

– Ensure your analytics software tracks conversions– Benchmark against performance before redesign– Objections/Counter Objections– Landing Page Checklist – Have you thought of everything?– Test – Split A/B or Multivariate

• Online PR campaign• Link building• Track your ongoing SEO Campaign – Analytics SEO• Do interesting stuff and get people talking about it!

Ongoing Site & SEO Development

Page 34: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Project Scope Web Design Process University of Texas Integrated Website & SEO Analysis www.analyticsseo.comQuestionnaires www.web-redesign.com Bulk domain name checker www.databasepower.net Questionnaire Templates www.esurveyspro.com Project Management www.basecamphq.com Survey tools www.4qsurvey.com Project Management www.fogbugz.com Survey tools www.polldaddy.comE-mail clients www.mailchimp.comE-mail clients www.dotmailer.com

Site Architecture Webmaster Tools Google W3C Validation http://validator.w3.org Webmaster Tools YahooWebmaster Tools Bing

Visual Design Site Design http://balsamiq.com Initial Design Testing http://fivesecondtest.com Site Development Content Management Systems Drupal DIY Video Editor Animoto

Content Management Systems Joomla Avatars Site Pal Content Management Systems Wordpress Word of mouth tweetmemeSEO Plug-ins Drupal SEO-plug-ins Organising Content Optimal Sort SEO Plug-ins Joomla SEO-plug-ins Organising Content XML Sitemap generatorSEO Plug-ins Wordpress SEO

Testing Usability Testing Jacob Nielsen Community support Kampyle.com Test Designs Five Second Test Community support Get SatisfactionUser videos Userfly User behaviour Crazy EggX-Browser tests Litmus User feelings & task completion Feedback Army Functional & Performance Jmeter User feelings & task completion Mechanical Turk Functional & Performance Yslow Functional & Performance Google Web Toolkit

Launch Too many to mention! Benchmarking Automated Benchmarking Tools AnalyticsSEO Feedback tools Kampyle.com

Survey tools www.4qsurvey.com Feedback tools Get SatisfactionSurvey tools www.polldaddy.com

Ongoing Development Ongoing SEO Campaign Management Analytics SEO Page Optimisation Tools Google Website Optimzer Landing Page Checklist Wilson Web Page Optimisation Tools Vertster

Page Optimisation Tools Maxymiser Page Optimisation Tools Pagealizer

SEO Website Redesign Process Tools

Page 35: An SEO Friendly Website Redesign Process - Tools, Tips and Techniques

Celebration (Post-launch)• Take pride in your re-designed website and enjoy a hot…

• Or a cold…

• Come and meet us on Stand 420 - We’ll show you some of our website redesign and SEO tools and some other good ones that didn’t make the presentation

Laurence O’Toole – [email protected] - + 44 208 977 4465www.analyticsseo.com [email protected]