Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013
Upcoming SlideShare
Loading in...5
×
 

Estudio34 Presents Richard Falconer, LBi en Brighton SEO 2013

on

  • 529 views

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.

Statistics

Views

Total Views
529
Views on SlideShare
529
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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

Estudio34 Presents Richard Falconer,  LBi en Brighton SEO 2013 Estudio34 Presents Richard Falconer, LBi en Brighton SEO 2013 Presentation Transcript

  • 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.<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
  • 1. prefetch and prerenderAreas where you could make use of prefetch or prerender:Checkout areasSimple multi-page formsMulti-page articles
  • 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 side effects:Analytics problems – registering page views incorrectlyBandwidth problems – overuse could slow down your siteBandwidth problems – think about external sites too
  • 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.
  • pushStateAll major browsers now support pushStateBing recommends pushState over hashbangsGoogle encourages webmasters to look into it
  • 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
  • 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/
  • 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 internet:http://blekko.com/webgrep?status=completed
  • 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
  • Crawl and grepCrawl filesChecks for patternsDisguard filesCrawl filesSave filesCheck for patternsConventional Crawlers Crawl and grep
  • 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
  • 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
  • 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
  • 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:
  • Thank you