Estudio34 Presents Richard Falconer, LBi en Brighton SEO 2013

  • 241 views
Uploaded on

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

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

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
241
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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

  • 1. Technical SEO and it’s place inmulti-signal SEORichard FalconerBrightonSEO12th April 2013
  • 2. We are…
  • 3. What my friends think I do
  • 4. What my Mum thinks I do
  • 5. What SEO Account Managers think I do
  • 6. What I think I do
  • 7. What I really do
  • 8. Underused technical SEO techniques
  • 9. 1. prefetch and prerender
  • 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. 1. prefetch and prerenderAreas where you could make use of prefetch or prerender:Checkout areasSimple multi-page formsMulti-page articles
  • 12. 1. prefetch and prerenderUse analytics to identify areas where you can use
  • 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. 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. pushStateAll major browsers now support pushStateBing recommends pushState over hashbangsGoogle encourages webmasters to look into it
  • 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. 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. Powermapperwww.brightonseo.com
  • 19. Powermapperwww.brightonseo.com
  • 20. Powermapperwww.brightonseo.com
  • 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. 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. Crawl and grepCrawl filesChecks for patternsDisguard filesCrawl filesSave filesCheck for patternsConventional Crawlers Crawl and grep
  • 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. 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. 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. 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. Thank you