39
Case Studies in Web Design & Usability and SEO Barry Adams Pierce Communica�ons

Case Studies in Web Design, Usability and SEO

  • Upload
    campone

  • View
    402

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Case Studies in Web Design, Usability and SEO

Case  Studies  in  Web  Design  &  Usability  and  SEO  

Barry  Adams  Pierce  Communica�ons  

Page 2: Case Studies in Web Design, Usability and SEO

Shameless  Self-­‐Promo�on    Digital  Services  Director  at  Pierce  Communica�ons  –  Winner  of  two  2012  DANI  Awards:  Social  Media  &  B2C  Campaigns  –  Shortlisted  for  ‘Best  Agency’  at  2012  European  Search  Awards  

  Built  my  first  website  in  ’95,  became  a  web  professional  in  ‘97    Specialisa�on  in  SEO    Dutch  (yes,  really)    Editor  &  blogger  for  StateofSearch.com  –  Awarded  ‘Best  Blog’  at  2012  European  Search  Awards  

Page 3: Case Studies in Web Design, Usability and SEO

Agenda    JNWine.com  case  study  – Web  Design  &  Usability  

  Bedeckhome.com  case  study  – Advanced  on-­‐site  SEO  

Page 4: Case Studies in Web Design, Usability and SEO

JNWine.com  redesign    

The  Old  Design  

Page 5: Case Studies in Web Design, Usability and SEO
Page 6: Case Studies in Web Design, Usability and SEO

The  old  design    Based  on  “search  for  wine”  use  case  – Wine  search  func�on  is  most  prominent  feature  of  the  site  

– Addi�onal  func�ons  in  top  naviga�on  –  but  not  always  clearly  named  

  Many  core  features  and  promo�ons  linked  in  images  

Page 7: Case Studies in Web Design, Usability and SEO

Pierce  Communica�ons  redesign    Part  1:  Start  with  the  user  –  Iden�fy  the  most  common  use  cases  of  the  JNWine.com  website’s  target  audience  1.  Users  want  professional  advice  and  

recommenda�ons  2.  Users  want  special  offers  3.  Wine  search  turned  out  to  be  ter�ary  use  case  

Page 8: Case Studies in Web Design, Usability and SEO

Pierce  Communica�ons  redesign    Part  2:  Make  the  naviga�on  and  structure  as  self-­‐evident  as  possible  –  Name  things  how  the  user  expects  them  to  be  

named  (Informa�on  Architecture)  –  Tell  the  user  what  they  can  do  on  the  site  

  Strong  calls-­‐to-­‐ac�on  

Page 9: Case Studies in Web Design, Usability and SEO

Informa�on  Architecture  for  websites  

Page 10: Case Studies in Web Design, Usability and SEO

Pierce  Communica�ons  redesign    Part  3:  Make  it  pre�y    The  “look  and  feel”  of  a  website  has  the  greatest  impact  on  

users’  credibility  assessments,  with  professional  site  designs  heavily  influencing  credibility  percep�ons.  

 Once  users  have  seen  a  web  page,  it  is  difficult  to  overcome  the  

first  impressions  they  form  based  on  the  professional  appearance  of  a  page’s  design.    

[Fogg,  B.J.,  Soohoo,  C.,  Danielson,  D.R.,  Marable,  L.,  Stanford,  J.,  and  Tauber,  E.R.    -­‐How  do  users    evaluate  the  credibility  of  Web  sites?:  A  study  with  over  2,500  par�cipants.  DUX  2003,  1-­‐15.]  

 [McKnight,  D.  and  Kacmar,  C.    -­‐Factors  and  effects  of  informa�on  credibility.  ICEC  2007,  423-­‐432.]  

Page 11: Case Studies in Web Design, Usability and SEO

The  New  Design  

Page 12: Case Studies in Web Design, Usability and SEO
Page 13: Case Studies in Web Design, Usability and SEO

Cleaner  look  More  white  space  Stronger  logo  font-­‐type  Simpler  layout  

Page 14: Case Studies in Web Design, Usability and SEO

Emphasis  on  JN  Wine’s  exper�se  Recommended  wines  Wine  tas�ngs  Blogs  and  videos  about  vineyards,  wine  produc�on,  events,  opinion,  etc.  

Page 15: Case Studies in Web Design, Usability and SEO

Simpler  naviga�on  Self-­‐evident  naviga�on  items  Less  clicks  to  reach  intended  target  

Page 16: Case Studies in Web Design, Usability and SEO

Strong  product  pages  Vivid  descrip�ons  of  the  wine  Strong  calls-­‐to-­‐ac�on  User-­‐generated  content:  reviews  

Page 17: Case Studies in Web Design, Usability and SEO

Mul�ple  conversion  points  Mailing  list  Social  Media  Tas�ng  events  JN  Club  

Page 18: Case Studies in Web Design, Usability and SEO

The  Results  

Page 19: Case Studies in Web Design, Usability and SEO

JNWine.com  redesign  results*  In  first  year  since  site  re-­‐launch:    UK  revenue  grew  by  60%    RoI  revenue  grew  by  72%  

*Disclaimer:  we  also  did  some  digital  marke�ng  for  them…  

Page 20: Case Studies in Web Design, Usability and SEO

Bedeckhome.com    

Advanced  on-­‐site  SEO  

Page 21: Case Studies in Web Design, Usability and SEO

Bedeck    Seller  of  luxury  bed  linens    Own  brand  as  well  as  third  party  brands    Ecommerce  website:  www.bedeckhome.com    Re-­‐launched  site  in  October  2011  – Strong  visibility  on  branded  search  terms  – Zero  visibility  on  generic  search  terms  

Page 22: Case Studies in Web Design, Usability and SEO

Bedeck  SEO  project    Targeted  keywords:      bedding  sets    designer  bed  linen      designer  bedding      duvet  sets      goose  feather  pillows      hotel  luxury  bedding      hotel  luxury  bedlinen      luxury  bed  linen      luxury  bedding      quality  bed  linen  

Page 23: Case Studies in Web Design, Usability and SEO

Basic  On-­‐Site  SEO    Title  tags:  

  Meta  descrip�ons:  

  Content.  

Page 24: Case Studies in Web Design, Usability and SEO

Special  Challenges  Special  challenges  with  large  ecommerce  websites:    Large  amount  of  pages:  –  Homepage  –  Category  pages  –  Subcategory  pages  –  Product  pages  –  Suppor�ng  informa�on  (delivery,  T&Cs,  stores,  etc)  –  Blog/News  pages  

  Ge�ng  product  pages  in  Google’s  index    Poten�al  duplicate  content  issues  

Page 25: Case Studies in Web Design, Usability and SEO

Indexing    Has  Google  indexed  all  pages?  

This  used  to  be  a  very  inaccurate  ‘guess�mate’  

Page 26: Case Studies in Web Design, Usability and SEO

Indexing    Google  Webmaster  Tools  –  Index  Status  report  (Since  July  2012)  

Page 27: Case Studies in Web Design, Usability and SEO

Indexing    Google  Webmaster  Tools  –  Index  Status  report  

What  happened?  

Page 28: Case Studies in Web Design, Usability and SEO

Index  Status  advanced  report  

Page 29: Case Studies in Web Design, Usability and SEO

Is  this  a  good  thing?  

Huge  gap  

A  lot  of  pages  not  included  

Page 30: Case Studies in Web Design, Usability and SEO

Yes,  that’s  a  good  thing    Bedeckhome.com  uses  ‘faceted  naviga�on’  (a.k.a.  ‘layered  naviga�on’  or  ‘addi�ve  filters’)    This  almost  always  causes  duplicate  content  issues:  – Page  a�er  page  a�er  page  of  product  lists  

– Google  not  sure  which  to  include  

Page 31: Case Studies in Web Design, Usability and SEO

Ensuring  Google  indexes  the  right  pages    ‘Index  sculp�ng’  – “noindex,  follow”  meta  robots  tag  – Robots.txt  blocking  –  JavaScript-­‐generated  faceted  links  – Rel=nofollow  links  

  Google  Webmaster  Tools  – URL  Parameters  configura�on  

Page 32: Case Studies in Web Design, Usability and SEO

URL  Parameters  in  GWT  

Page 33: Case Studies in Web Design, Usability and SEO

XML  Sitemaps  

Page 34: Case Studies in Web Design, Usability and SEO

Addi�onal  on-­‐site  op�misa�on    Structured  data  – Schema.org  microformats  

  Load  speed  op�misa�on  – 4  seconds  or  less  

Page 35: Case Studies in Web Design, Usability and SEO

Did  it  work?  

Page 36: Case Studies in Web Design, Usability and SEO

Google.co.uk  keyword  rankings  

Keyword   Oct-­‐11   Sep-­‐12   Change    bedding  sets   (outside  top  100)   9   +91    designer  bed  linen   9   5   +4    designer  bedding   4   3   +1    duvet  sets   (outside  top  100)   16   +84    goose  feather  pillows   25   9   +16    hotel  luxury  bedding   91   2   +89    hotel  luxury  bedlinen     35   4   +31    luxury  bed  linen   68   5   +63    luxury  bedding   17   5   +12    quality  bed  linen   5   6   -­‐1  

Page 37: Case Studies in Web Design, Usability and SEO

Generic  search  growth  Oct  11  –  Sept  12  

0  

2000  

4000  

6000  

8000  

10000  

12000  

Visits  from  Generic  Search  

£0.00  

£1,000.00  

£2,000.00  

£3,000.00  

£4,000.00  

£5,000.00  

£6,000.00  

£7,000.00  

£8,000.00  

£9,000.00  

Revenue  from  Generic  Search  

Page 38: Case Studies in Web Design, Usability and SEO

Year  on  year  comparison  

0  

20,000  

40,000  

60,000  

80,000  

100,000  

120,000  

Oct  2010  -­‐  Sept  2011   Oct  2011  -­‐  Sept  2012  

Generic  Search  traffic   Generic  Search  revenue  

Growth:  Branded  Search  traffic   31%  Generic  Search  traffic   117%  Generic  Search  revenue   151%  

Page 39: Case Studies in Web Design, Usability and SEO

Ques�ons?        badams@piercecommunica�ons.co.uk  h�p://www.piercecommunica�ons.co.uk  @badams