0
Technical SEO and it’s place inmulti-signal SEORichard FalconerBrightonSEO12th April 2013
We are…
What my friends think I do
What my Mum thinks I do
What SEO Account Managers think I do
What I think I do
What I really do
Underused technical SEO techniques
1. prefetch and prerender
1. prefetch and prerenderPrefetchDownloads the file you request and holds it until clicked. Youcan request multiple files....
1. prefetch and prerenderAreas where you could make use of prefetch or prerender:Checkout areasSimple multi-page formsMult...
1. prefetch and prerenderUse analytics to identify areas where you can use
prefetch and prerenderImplementation requires consideration and testing. The systemshould not be overused and can cause si...
2. SEO friendly AJAXAJAX can be good for user experience, bad for searchPrevious hashbang #! solution was rubbishHTML5 inc...
pushStateAll major browsers now support pushStateBing recommends pushState over hashbangsGoogle encourages webmasters to l...
pushStateGet the speed benefit of AJAXAllow users to bookmark and link to AJAX contentAllows users to use their back butto...
3. Supercharge your crawlingSEOs need to crawl web sitesScreaming Frog is awesomePower Mapper is also awesomeThere are man...
Powermapperwww.brightonseo.com
Powermapperwww.brightonseo.com
Powermapperwww.brightonseo.com
GreppingGrep allows us to search for a string ofcharacters using regex patternsBlekko allows you to grep the whole interne...
Blekko Grep The WebThing 872,652 URLs 1,173 DomainsPerson 101,078,860 URLs 56,603 DomainsProduct 31,437, 841 URLs 33,539 D...
Crawl and grepCrawl filesChecks for patternsDisguard filesCrawl filesSave filesCheck for patternsConventional Crawlers Cra...
How to do itInstall HTTrackhttp://www.httrack.com/Crawl the site using httrack and save the filesInstall grepWinhttp://too...
What you can discoverCheck server logsGrep competitor pagesGrep link prospectsPagination with Rel=”prev” Rel=”next”Authors...
Grepping found…Top 100 pages for “car insurance” on Google.co.uk“car insurance” used 2011 times. Average 20 times per page...
Lorem ipsum dolor sitDefault text to use during design is “Lorem ipsum dolor…”I checked the Conservative website. They hav...
Thank you
Upcoming SlideShare
Loading in...5
×

Estudio34 Presents Richard Falconer, LBi en Brighton SEO 2013

309

Published on

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

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
309
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Cover slide. Add name and copy to the top red bar area. The smaller image areas in the bottom left corner should be used for client logos (optional).
  • Who we are and what we doKey words in redBut Blending is critical
  • Red title bar with simple bullet points.
  • Red title bar with simple bullet points.
  • Red title bar with simple bullet points.
  • Red title bar with simple bullet points.
  • Red title bar with simple bullet points.
  • https://developer.mozilla.org/en/docs/Link_prefetching_FAQhttps://developers.google.com/chrome/whitepapers/prerenderAdd WSJ image
  • https://developer.mozilla.org/en/docs/Link_prefetching_FAQhttps://developers.google.com/chrome/whitepapers/prerender
  • https://developer.mozilla.org/en/docs/Link_prefetching_FAQhttps://developers.google.com/chrome/whitepapers/prerender
  • https://developer.mozilla.org/en/docs/Link_prefetching_FAQhttps://developers.google.com/chrome/whitepapers/prerenderAdd WSJ image
  • http://www.bing.com/blogs/site_blogs/b/webmaster/archive/2013/03/21/search-engine-optimization-best-practices-for-ajax-urls.aspx
  • http://caniuse.com/#search=pushstatehttps://www.youtube.com/watch?v=yiAF9VdvRPw
  • http://caniuse.com/#search=pushstatehttps://www.youtube.com/watch?v=yiAF9VdvRPw
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Alternative layout with centered headline and simple star bullet list
  • Transcript of "Estudio34 Presents Richard Falconer, LBi en Brighton SEO 2013"

    1. 1. Technical SEO and it’s place inmulti-signal SEORichard FalconerBrightonSEO12th April 2013
    2. 2. We are…
    3. 3. What my friends think I do
    4. 4. What my Mum thinks I do
    5. 5. What SEO Account Managers think I do
    6. 6. What I think I do
    7. 7. What I really do
    8. 8. Underused technical SEO techniques
    9. 9. 1. prefetch and prerender
    10. 10. 1. prefetch and prerenderPrefetchDownloads the file you request and holds it until clicked. Youcan 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=prefetchPrerenderDownloads and fully renders the page (includingCSS, JavaScript etc.) and holds for 30 seconds, waiting for theclick.<link rel="prerender" href="http://example.org/index.html">https://developer.mozilla.org/en/docs/Link_prefetching_FAQhttps://developers.google.com/chrome/whitepapers/prerender
    11. 11. 1. prefetch and prerenderAreas where you could make use of prefetch or prerender:Checkout areasSimple multi-page formsMulti-page articles
    12. 12. 1. prefetch and prerenderUse analytics to identify areas where you can use
    13. 13. prefetch and prerenderImplementation requires consideration and testing. The systemshould not be overused and can cause side effects:Analytics problems – registering page views incorrectlyBandwidth problems – overuse could slow down your siteBandwidth problems – think about external sites too
    14. 14. 2. SEO friendly AJAXAJAX can be good for user experience, bad for searchPrevious hashbang #! solution was rubbishHTML5 includes a JavaScript function called pushState()Address bar URL, title and history can be changedIf your web application failsin browsers with scriptingdisabled, Jakob Neilsen’sdog will come to your houseand shit on your carpet.
    15. 15. pushStateAll major browsers now support pushStateBing recommends pushState over hashbangsGoogle encourages webmasters to look into it
    16. 16. pushStateGet the speed benefit of AJAXAllow users to bookmark and link to AJAX contentAllows users to use their back buttonKeeps content accessible to all, including search engines
    17. 17. 3. Supercharge your crawlingSEOs need to crawl web sitesScreaming Frog is awesomePower Mapper is also awesomeThere are many othersMost have big limitationshttp://www.screamingfrog.co.uk/seo-spider/http://www.powermapper.com/
    18. 18. Powermapperwww.brightonseo.com
    19. 19. Powermapperwww.brightonseo.com
    20. 20. Powermapperwww.brightonseo.com
    21. 21. GreppingGrep allows us to search for a string ofcharacters using regex patternsBlekko allows you to grep the whole internet:http://blekko.com/webgrep?status=completed
    22. 22. Blekko Grep The WebThing 872,652 URLs 1,173 DomainsPerson 101,078,860 URLs 56,603 DomainsProduct 31,437, 841 URLs 33,539 Domains 1,664,598Domains
    23. 23. Crawl and grepCrawl filesChecks for patternsDisguard filesCrawl filesSave filesCheck for patternsConventional Crawlers Crawl and grep
    24. 24. How to do itInstall HTTrackhttp://www.httrack.com/Crawl the site using httrack and save the filesInstall grepWinhttp://tools.tortoisesvn.net/grepWin.htmlGrep the pages using grepWin.Search for text matches or regex patternsBuild a library of regex patterns for future use
    25. 25. What you can discoverCheck 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
    26. 26. 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 prefetch40% 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
    27. 27. Lorem ipsum dolor sitDefault text to use during design is “Lorem ipsum dolor…”I checked the Conservative website. They have one pagewhich seems to be neglected:
    28. 28. Thank you
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×