estudio34 presents richard falconer, lbi en brighton seo 2013

28
Technical SEO and it’s place in multi-signal SEO Richard Falconer BrightonSEO 12th April 2013

Upload: estudio-34

Post on 27-Jan-2015

106 views

Category:

Technology


1 download

DESCRIPTION

Richard Falconer explico la importancia de los temas tecnicos y los usos de Ajax, Prefetch, Prerender y pushState Blekko y mas.

TRANSCRIPT

Page 1: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Technical SEO and it’s place in multi-signal SEORichard FalconerBrightonSEO12th April 2013

Page 2: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

We are…

Page 3: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

What my friends think I do

Page 4: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

What my Mum thinks I do

Page 5: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

What SEO Account Managers think I do

Page 6: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

What I think I do

Page 7: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

What I really do

Page 8: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Underused technical SEO techniques

Page 9: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

1. prefetch and prerender

Page 10: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

1. prefetch and prerender

PrefetchDownloads the file you request and holds it until clicked. You can request multiple files.

<link rel="prefetch" href="/images/big.jpeg"> <meta http-equiv="Link" content="</images/big.jpeg>; rel=prefetch">[HTTP header] Link: </images/big.jpeg>; rel=prefetch

PrerenderDownloads and fully renders the page (including CSS, JavaScript etc.) and holds for 30 seconds, waiting for the click.

<link rel="prerender" href="http://example.org/index.html">

https://developer.mozilla.org/en/docs/Link_prefetching_FAQhttps://developers.google.com/chrome/whitepapers/prerender

Page 11: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

1. prefetch and prerender

Areas where you could make use of prefetch or prerender:

Checkout areasSimple multi-page formsMulti-page articles

Page 12: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

1. prefetch and prerender

Use analytics to identify areas where you can use

Page 13: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

prefetch and prerender

Implementation requires consideration and testing. The system should not be overused and can cause side effects:

Analytics problems – registering page views incorrectly

Bandwidth problems – overuse could slow down your site

Bandwidth problems – think about external sites too

Page 14: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

2. SEO friendly AJAX

AJAX can be good for user experience, bad for search

Previous hashbang #! solution was rubbish

HTML5 includes a JavaScript function called pushState()

Address bar URL, title and history can be changed

If your web application fails in browsers with scripting disabled, Jakob Neilsen’s dog will come to your house and shit on your carpet.

Page 15: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

pushState

All major browsers now support pushState

Bing recommends pushState over hashbangs

Google encourages webmasters to look into it

Page 16: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

pushState

Get the speed benefit of AJAX

Allow users to bookmark and link to AJAX content

Allows users to use their back button

Keeps content accessible to all, including search

engines

Page 17: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

3. Supercharge your crawling

SEOs need to crawl web sites

Screaming Frog is awesome

Power Mapper is also awesome

There are many others

Most have big limitations

http://www.screamingfrog.co.uk/seo-spider/

http://www.powermapper.com/

Page 18: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Powermapper

www.brightonseo.com

Page 19: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Powermapper

www.brightonseo.com

Page 20: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Powermapper

www.brightonseo.com

Page 21: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Grepping

Grep allows us to search for a string of

characters using regex patterns

Blekko allows you to grep the whole internet:

http://blekko.com/webgrep?status=completed

Page 22: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Blekko Grep The Web

Thing 872,652 URLs 1,173 Domains

Person 101,078,860 URLs 56,603 DomainsProduct 31,437, 841 URLs 33,539 Domains

1,664,598 Domains

Page 23: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Crawl and grep

Crawl files

Checks for patterns

Disguard files

Crawl files

Save files

Check for patterns

Conventional Crawlers Crawl and grep

Page 24: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

How to do it

Install HTTrackhttp://www.httrack.com/

Crawl the site using httrack and save the filesInstall grepWin

http://tools.tortoisesvn.net/grepWin.htmlGrep the pages using grepWin.Search for text matches or regex patternsBuild a library of regex patterns for future use

Page 25: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

What you can discover

Check server logsGrep competitor pagesGrep link prospectsPagination with Rel=”prev” Rel=”next”Authorship Rel=”author”Schema.org markupOther structured dataIframesNofollow linksAnalytics tracking codeLike buttonsTwitter cards, Facebook MarkupAnything else that you want, whenever you want

Page 26: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Grepping found…

Top 100 pages for “car insurance” on Google.co.uk

“car insurance” used 2011 times. Average 20 times per page.6 pages use schema.org, 4 of them for product52 use canonical link element, 2 use it twice!1 site uses prefetch

40% of pages on The Daily Mail website contain the word “immigrant” (sample of 2772 pages) 6% on The Guardian website (sample 3442 pages)F*** used on 7% and C*** used on 3.5% Guardian pagesNever used on The Daily Mail

Page 27: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Lorem ipsum dolor sit

Default text to use during design is “Lorem ipsum dolor…”I checked the Conservative website. They have one page which seems to be neglected:

Page 28: Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013

Thank you