Search Engine Optimization (Seo) for Developers

38
www.keyteq.no SEO FOR DEVELOPERS 1 01 02 03 04 Intro to the semantic web Technical SEO troubleshooting Improving processes Resources and tools

Transcript of Search Engine Optimization (Seo) for Developers

Page 1: Search Engine Optimization (Seo) for Developers

www.keyteq.no

SEO FOR DEVELOPERS

1

01

02

03

04

Intro to the semantic web

Technical SEO troubleshooting

Improving processes

Resources and tools

Page 2: Search Engine Optimization (Seo) for Developers

“Everyone wants to be number one in Google ”

Page 3: Search Engine Optimization (Seo) for Developers

Which is the

number one result?

Page 4: Search Engine Optimization (Seo) for Developers

“ Being number one and ten blue links is dead ”

Page 5: Search Engine Optimization (Seo) for Developers

Introducing the Google zoo

Page 6: Search Engine Optimization (Seo) for Developers

Targets low quality links

Penguin

Don’t think link building

thing Audience building

Page 7: Search Engine Optimization (Seo) for Developers

Targets low quality Content

Panda

Answer questions provide value

Rewards good user experience

Page 8: Search Engine Optimization (Seo) for Developers

Improves local search

Pigeon

Looks for local search signals

Page 9: Search Engine Optimization (Seo) for Developers

A new search Engine

Hummingbird

Page 10: Search Engine Optimization (Seo) for Developers
Page 11: Search Engine Optimization (Seo) for Developers

…goes  beyond  knowledge  graph-­‐    it  applied  to  all  results.

Page 12: Search Engine Optimization (Seo) for Developers

…supports  “search  by  voice”    for  mobile  users

Page 13: Search Engine Optimization (Seo) for Developers

Focuses  on  people,  places  and  things

Page 14: Search Engine Optimization (Seo) for Developers
Page 15: Search Engine Optimization (Seo) for Developers
Page 16: Search Engine Optimization (Seo) for Developers
Page 17: Search Engine Optimization (Seo) for Developers
Page 18: Search Engine Optimization (Seo) for Developers

Click to watch

Click to listen

Click to Buy

Page 19: Search Engine Optimization (Seo) for Developers

Click to watch

Click to listen

Click to Buy

Page 20: Search Engine Optimization (Seo) for Developers

08

Schema

Page 21: Search Engine Optimization (Seo) for Developers

www.keyteq.no

SEO For Developers

1

01

02

03

04

Crawling and Indexing

Structure and navigation

Fast and secure

Tracking and Analytics

Page 22: Search Engine Optimization (Seo) for Developers

Technical  Audit

Indicators  

• Drops  in  Organic  traffic  • Drops  in  visibility  in  SERPs  • Drops  in  organic  conversions  rela?ve  to  total  • Webmaster  Tools  data  alarms  • Error  repor?ng  in  Moz  • Changes  in  organic  Quality  score  

Page 23: Search Engine Optimization (Seo) for Developers

Technical  Audit

Valida?on  of  problems  

•Duplicate  page  content  (tags,  copy)  •Not  all  content  is  indexed  • Lots  of  “omiMed”  pages  in  SERPs  • Canonical  tag  problems  •www  vs.  non-­‐www  with  no  global  redirect  • XML  sitemap  not  accurate  (enough)  • Incorrect  or  no  redirects  on  updated  urls  • Thin  or  nearly  duplicate  product  descrip?ons

Page 24: Search Engine Optimization (Seo) for Developers

Solving  Problems

Page 25: Search Engine Optimization (Seo) for Developers

Known  Technical  SEO  risksDuplicate  issues  

• Selling  the  same  product  as  other  sites  • Industry  standards  and  feature  parody  • Regulated  Industries  • Corporate  mul?-­‐unit  owner  • Franchisee  • Ecommerce  website  with  products  in  mul?ple  categories

Page 26: Search Engine Optimization (Seo) for Developers

Known  Technical  SEO  risksMarketers  problems  

• I  don’t  fully  understand  the  technical  infrastructure  

• The  tech  team  doesn’t  know  or  care  about  SEO  

• I  am  working  on  somebody  else  website    • Somebody  took  shortcuts  and  went  for  the  cheapest/quickest  op?on  

• Somebody  used  black  hat  SEO  

Page 27: Search Engine Optimization (Seo) for Developers

Known  Technical  SEO  risksOther  knows  risks  and  issues  (Knows  and  Unknown)  

• 302  redirects  • Errors  in  XML  Sitemaps  • 404s,  500s,  and  other  crawl  errors  • Missing  and/or  duplicate  tags  • Mul?ple  H1s  and  improper  h-­‐tag  hierarchy  • Flat  URL  structure  and/or  hierarchy  problems  • URL  tracking  parameters  without  canonicals  • Mobile,  printer-­‐friendly  and  feed  pages  • Iframed  content  

Page 28: Search Engine Optimization (Seo) for Developers

Known  Technical  SEO  risks

Working  with  large  scale  content  

• Tens  of  thousands  of  product  pages  that  can’t  be  op?mized  individually  • Dozens  of  loca?on  pages  • hundreds  of  pages  of  standardized  industry  content  and  references  • Mul?ple  corpora?ons,  brands,  and/or  sites  under  one  umbrella

Page 29: Search Engine Optimization (Seo) for Developers

Building  good  SEO  prac?ce    into  working  methods

Page 30: Search Engine Optimization (Seo) for Developers

Solving  Technical  SEO  Problems

1. Review  sitemap  &  find  areas  that  can  follow  templates  for  URL  structure,  tags,  headings,  &  copy  

2. Build  formulas  for  the  planned  dynamic  items  in  non  technical  language  for  each  template  sec?on  

3. Integrate  with  content  strategy  to  address  need  for  unique  content  including  user  generated  content  (reviews,  ?ps,  comments  etc)  &  other  ways  to  build  at  scale

Page 31: Search Engine Optimization (Seo) for Developers

Solving  Technical  SEO  Problems

1. Determine  areas  where  canonicals  are  needed  &  document  (could  be  a  big  project)  2. Review  pagina?on  &  develop  plan  for  canonicals  and  /  or  single  page  solu?ons  3. Determine  op?ons  for  the  robots.txt  and  xml  sitemap  files  &                develop  recurring  audit  plan  &  elicit  feedback

Page 32: Search Engine Optimization (Seo) for Developers

Solving  Technical  SEO  Problems

Have  more  involvement  with  the  planning  stage  on  projects  

•What  technology  is  in  place  for  the  website  •what  ques?ons  do  I  have  about  how  it  works  •What  is  required  from  a  content  standpoint  •What  can  be  programma?c  versus  manual  •What  CMS  and  GitHub  control  will  I  have  over  SEO  elements  •What  resources  will  i  have  at  my  disposal

Page 33: Search Engine Optimization (Seo) for Developers

Improving  Site  speedSpeed  maMers  

• A  1-­‐second  delay  in  page  load  ?me  yields:  • 11%  fewer  page  views  • 16%  decrease  in  customer  sa?sfac?on  • 7%  loss  in  conversions  • 52%  of  online  shoppers  say  quick  page  loads  are  important  for  their  loyalty  to  a  site.  

(source:  Aberdeen  Group)

Page 34: Search Engine Optimization (Seo) for Developers

Improving  Site  speed

Streamline  the  number  of  elements  on  your  page.  Use  CSS  instead  of  images  whenever  possible.  Combine  mul?ple  style  sheets  into  one.  Reduce  scripts  and  put  them  at  the  boMom  of  the  page.  Target  a  server  response  ?me  of  less  than  200ms  Enable  compression  Enable  browser  caching  Minify  resources  

Page 35: Search Engine Optimization (Seo) for Developers

Improving  Site  speed• Op?mize  images  • Op?mize  CSS  delivery  • Priori?ze  above  the  fold  content  (Consider  splikng  your  CSS  into  two  parts:  short  inline  part  that  styles  above-­‐the-­‐fold  elements,  and  an  external  part  that  can  be  deferred.)  •  Reduce  the  number  of  plugins  used  on  the  site.  Too  many  plugins  slow  your  site,  create  security  issues,  and    • olen  cause  crashes  and  other  technical  difficul?es.    • Reduce  redirects.  Redirects  create  addi?onal  HTTP  requests  and  increase  load  ?me.  So  you  want  to  keep  them  to  a  minimum.

Page 36: Search Engine Optimization (Seo) for Developers

Giving  the  search  engine  full  access

• Ensure  that  Googlebot  can  crawl  JavaScript,  CSS  and  image  files  by  using  the  “Fetch  as  Google”  feature  in  Google  Webmaster  Tools.    • Check  and  test  your  robots.txt  in  Google  Webmaster  Tools.  • Test  your  mobile  pages  with  the  Mobile-­‐Friendly  Test    • Test  both  the  mobile  and  the  desktop  URLs

Page 37: Search Engine Optimization (Seo) for Developers

Make  sure  search  engines  like  Google  can  understand  the  mobile  site  setup.  

• Responsive:  Use  meta  name="viewport"    • For  responsive  images,  include  the  <picture>  element.  • Use  HTML5  standards  for  anima?ons    • Use  video-­‐embedding  that’s  playable  on  all  devices.  • Have  the  transcript  of  the  video  available.  • Configure  (or  turn  off)  pop  ups  or  live  chat  on  mobile  device

Mobile  op?miza?on

Page 38: Search Engine Optimization (Seo) for Developers

Where  possible  plug  into  the  Google  services  

• Publisher  tags  • Google  maps  • Google  my  business  • Local  schema  

There  is  probably  a  lot  more  and  more  to  come.  I  will  update  this  sec?on    

Local  SEO  considera?ons