SlideShare a Scribd company logo
AJAXin a responsive publishing world
CRAWLABILITY
google.me/+EricWu
@eywu
linkedin.com/in/ericywu
github.com/eywu
SEO AJAX Crawlability in a Responsive Publisher World
AJAXis like violence
if it doesn't solve
your problems,
you’re not using
enough of it.

Recommended for you

Overview of how to do SEO
Overview of how to do SEOOverview of how to do SEO
Overview of how to do SEO

This document provides an overview of search engine optimization (SEO) techniques for ranking higher in search engine results pages. It recommends focusing on usability and content quality rather than black hat tricks. The biggest influencers on rankings are external links to a page, especially from high page ranked domains. It also outlines where to start with keywords, how search engines calculate results, important on-page elements, and tools for SEO.

faqseo
SEO for developers (session 1)
SEO for developers (session 1)SEO for developers (session 1)
SEO for developers (session 1)

Session 1 of RankAbove's SEO workshop tailored to developers. RankAbove Senior Analyst Avromi Sommers breaks down the history of SEO, on-page search, site structure, sitemaps (including those for video and news), mobile SEO, and structure for foreign language sites.

seomobile seosearch engine optimization
Real World Web Standards
Real World Web StandardsReal World Web Standards
Real World Web Standards

Scott Gledhill presents at Web Directions South Government 2008 in Canberra. You have sold the concepts of web standards to your company or boss, so what next? How do you make this work in the real workplace and what problems are you likely to encounter?

wdsgov08web standardshtml
16ms
10kb
100ms
SPEED,
PERFORMANCE,
HUMAN PERCEPTION
SEO AJAX Crawlability in a Responsive Publisher World
PAGES CRAWLED PER DAY
80% INCREASE
20,000
80,000
May 2013 – Aug 2013
80% INCREASE
ORGANIC SEARCH SESSIONS
600,000
1,200,000
May 2013 – Aug 2013

Recommended for you

Technical SEO - An Introduction to Core Aspects of Technical SEO Best-Practise
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-PractiseTechnical SEO - An Introduction to Core Aspects of Technical SEO Best-Practise
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-Practise

On Thursday 28th November the group of search experts and business owners, who blog together as "the SEO Chicks" conducted a panel discussion at The Digital Marketing Show at Londons' Excel. The presentation outlines each of the main considerations each of the presenters discussed; including critical concerns, best practise and common mistakes. The SEO Chicks are Lisa Myers, Jackie Hole, Julie Joyce, Judith Lewis, Annabel Hodges, Hannah Smith, Bridget Randolph and Nichola Stott

mobile seotechnical seosearch engine marketing
SEARCH Y - Bastian Grimm - Migrations Best Practices
SEARCH Y - Bastian Grimm -  Migrations Best PracticesSEARCH Y - Bastian Grimm -  Migrations Best Practices
SEARCH Y - Bastian Grimm - Migrations Best Practices

1. The document provides best practices and guidance for migrating websites, with a focus on search engine optimization. It emphasizes thorough preparation, testing changes gradually, and post-migration monitoring to ensure no issues occur. 2. Key steps include preparing the site by fixing errors, gathering URLs, benchmarking performance, and testing changes. All internal links, files, headers and technical elements need to be updated. 3. During implementation, changes should be made gradually and thoroughly tested. Search console needs to be configured for the new site. Post-migration, redirects, errors and performance must be monitored closely.

search engine marketingsearch marketingseo
HK CodeConf 2015 - Your WebPerf Sucks
HK CodeConf 2015 - Your WebPerf Sucks HK CodeConf 2015 - Your WebPerf Sucks
HK CodeConf 2015 - Your WebPerf Sucks

These are the slides from my talk "Your WebPerf Sucks" at HK CodeConf 2015 (http://hongkong.codeconf.io) at Science Park in Hong Kong, October 24th. Web Performance is an important aspect of building for the web and this talk highlights different aspects of what is important and what can be done to improve web performance and build faster sites. While mentioning different aspects of possible improvements, the main focus lies on optimising the critical rendering path to get pages on the screen faster and what tools can help to do so.

mobileoptimisationfirst paint
Mar 2004:“Googlebot/Test” External JS
Mar 2006: Googlebot Uses Onsite Live Chat
June 2010: Caffeine (Full Rollout)
Nov 2010: Instant Preview
May 2014: GWT Fetch & Render
May 2012: Matt PSA. Don’t Block JS & CSS
Oct 2009:AJAX Crawlability _escaped_fragment_
Nov 2007: Spider’sView on Web 2.0
May 2013: MattVideo. Googlebot & AJAX
SCROLL
http://googlewebmastercentral.blogspot.com/2014/02/infinite-scroll-search-friendly.html
THINK BASIC
PAGINATION
NAVIGATE / PAGINATE
NAVIGATE / PAGINATE
<a href="/page/2/">Load More</a>
LOAD MORE LINK

Recommended for you

Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?

This document provides an overview of 15 proven SEO tactics and their impact, implementation costs, and potential results. The tactics include writing descriptive titles and meta descriptions, optimizing mobile pages, displaying video thumbnails, optimizing images and videos, finding keyword opportunities, rewriting manufacturer descriptions, fixing infinite crawl spaces, fixing stale content issues, fixing canonicalization issues, and fixing duplicate meta data. For each tactic, the document outlines the goal, time to see results, impact, key performance indicators, and assumptions used to estimate potential results. The overall document aims to educate on SEO best practices and tactics to improve search visibility and organic traffic.

seo
Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019

My talk from SMX West 2019 in San Jose covering best practices on how to successfully navigate through the various types of migrations (protocol migrations, frontend migrations, website migration, cms migration, etc.) from an SEO perspective - mainly focussing on all things technical SEO.

migrationsite migrationcms migration
Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018

My webinar with DeepCrawl talking about mobile-friendliness, assessing keyword targeting on mobile, finding content inconsistencies across devices and much, much more!

seotechnical seomobile seo
NAVIGATE / PAGINATE
<a href="/page/2/">Load More</a>
LOAD MORE LINK
NAVIGATE / PAGINATE
REL=NEXT / PREV
<link href="/page/10/" rel="prev" />
<link href="/page/11/" rel="canonical" />
<link href="/page/12/" rel="next" />
POINTER URLS*
example.com/?last-post=42
example.com/?time=1401424133
CONTINUOUS CONTENT

Recommended for you

Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGTechnical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG

My kick-off talk for a webinar titled "Technical SEO vs. UI/UX" which featured a panel of speakers discussing if and how SEO should work (more closely) together with UX. Enjoy!

seotechnical seoui
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!

Want to conduct a comprehensive SEO audit for your web site but didn't know how to get started? Download this SEO Audit worksheet - it's free, easy to use, and produces great results! Covering over 90 of the most common SEO mistakes that most web sites make, this SEO audit tool will help you learn the best practices of search engine optimization as well as where to focus your attention so that you can start realizing ROI for all your hard work. Have more SEO questions? Feel free to connect with me on Twitter at @jcolman - http://twitter.com/jcolman

dataworksheetexcel
SMX East - SEO Tools Panel
SMX East - SEO Tools PanelSMX East - SEO Tools Panel
SMX East - SEO Tools Panel

Tools are a must for serious SEOs; they deliver the flexibility and capability to tackle jobs of any size. Knowing which ones best fit your needs, budget and the scale of the sites you work on is critical. In this clinic, our veteran SEOs open their own tool chests, share with you their favorites (both free and paid) and take your questions about how to use them (and others) effectively. These are tools that have earned the loyalty of our speakers thanks to their utility, features and ability to help maximize time - no sponsored advice here!

seoseo tools
PUSHSTATE OR SHEBANG #!
http://caniuse.com/#search=history
history.pushState(
{},
titleOfPage,
newURL
);
history.replaceState();
AJAX GALLERIES
CONTINUOUS CONTENT
1. PUSHSTATE
2. VIEW-SOURCE
NEXT SLIDE LINKS
3. REL=NEXT/ PREV
DEFERED IMAGE LOADING
I WISH CRAWLERS SUPPORTED
REL=CANONICAL HTTP HEADERS FOR IMAGES

Recommended for you

Scaling 101
Scaling 101Scaling 101
Scaling 101

The document provides an overview of scaling principles for web applications, beginning with optimizing a single server application and progressing to more advanced architectures involving load balancing, multiple web/application servers, and multiple database servers. It discusses profiling applications to identify bottlenecks, various caching and optimization strategies, Apache configuration for prefork MPM, and load balancing technologies like DNS round robin, Apache reverse proxy, HAProxy and Pound. Links are provided to additional resources on related topics.

scalingwebapplication
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick StoxWhat's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick Stox

Patrick Stox gave a presentation at SMX Advanced discussing changes to page experience metrics since the last conference. He began by introducing himself and his background. He then covered updates to metrics like Cumulative Layout Shift (CLS) and changes to AMP requirements. Stox reviewed current page experience metrics and provided tips on optimizing Core Web Vitals like improving First Input Delay (FID), reducing Cumulative Layout Shift (CLS), and lowering Largest Contentful Paint (LCP). He speculated that metrics may expand to consider all user interactions and page size. Stox closed by discussing challenges with Single Page Apps and potential future developments.

seotechnical seocore web vitals
Website Optimization -SEO - Step By Step
Website Optimization -SEO - Step By StepWebsite Optimization -SEO - Step By Step
Website Optimization -SEO - Step By Step

This document provides an overview of key on-page optimization strategies for improving a website's search engine rankings. It discusses the importance of SEO and why it matters, and outlines best practices for optimization elements like meta tags, headings, links, images, content and site architecture. The goal is to help users establish a baseline and then incrementally optimize their site for both search engines and users.

twitter
80% DECREASE
IMAGE SEARCH SESSIONS
400,000
800,000
Nov 2012 – Mar 2013
LAZY LOADING
•  1x1 “BLANKS”
•  SKELETON SCREENS
•  LOW RESOLUTIONZ	

Z	

Z
RESPONSIVE IMAGES
•  <PICTURE>
•  SRCSET
•  POLYFILL
•  UA DETECTION
NOSCRIPT
<img data-src='<480:small.jpg,
<960:medium.jpg,
>960:large.jpg' />
<noscript>
<img src='full.jpg' />
</noscript>

Recommended for you

OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018

My talk from Online Marketing Tag (OMT) Wiesbaden 2018 covering the ever-changing landscape of search and some of the stuff that I think will have a significant impact on SEO in the very near future!

seotechnical seomobile seo
The New Renaissance of JavaScript
The New Renaissance of JavaScriptThe New Renaissance of JavaScript
The New Renaissance of JavaScript

This document discusses various techniques for improving JavaScript rendering for SEO purposes, including: - Using automated tests to prevent JavaScript-related SEO errors before deployment. Unit and end-to-end tests can check for issues like missing tags. - Choosing an appropriate rendering technique depending on how often content changes, whether it be pre-rendering, server-side rendering, or dynamic rendering. - Leveraging universal JavaScript to avoid accidental cloaking issues and ensure consistency between what users and search engines see. Workarounds are discussed when universal JavaScript is not practical.

javascripttechnical seopwa
Deep crawl the chaotic landscape of JavaScript
Deep crawl the chaotic landscape of JavaScript Deep crawl the chaotic landscape of JavaScript
Deep crawl the chaotic landscape of JavaScript

The document discusses the challenges of indexing JavaScript-powered websites by search engines. It notes that JavaScript rendering takes significant computational resources, straining crawlers' budgets. It also suggests that client-side rendered JavaScript websites have difficulties with search engine indexing and ranking, as content may be missed during Google's two-wave indexing process for JavaScript. The document recommends using server-side rendering, hybrid rendering, or prerendering to help search engines properly index JavaScript websites.

javascript seotechnical seoseo
CRAWLABLE PARTIALS
SEO AJAX Crawlability in a Responsive Publisher World
CRAWLABLE PARTIALS
LYRIC SEARCH LINKS TOhttp://rock.rapgenius.com/1884632/Pharrell-williams-
happy/
It-might-seem-crazy-what-im-bout-to-say-sunshine-shes-
here-you-can-take-a-break
CRAWLABLE PARTIALS
JS ENABLED REDIRECTShttp://rock.rapgenius.com/Pharrell-williams-
happy-lyrics#note-1884632

Recommended for you

Web Performance Optimierung - DWX13
Web Performance Optimierung - DWX13Web Performance Optimierung - DWX13
Web Performance Optimierung - DWX13

The document discusses various techniques for optimizing web performance, including: - Minifying assets like CSS, JavaScript, and images to reduce file sizes - Leveraging caching, compression, and browser parallelization to speed up page loads - Implementing responsive design patterns and techniques like image sprites and media queries - Optimizing assets further with techniques like image optimization, lazy loading, and prefetching

Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013

This document discusses using HTML Hypermedia APIs and Adaptive Web Design (AWD) together as a way to build web applications that scale across devices. It notes that HTML Hypermedia APIs allow scaling app development, while AWD makes the web work on every browser. Combining the two approaches is described as a "perfect combo". Examples are given of how to build a mobile-first web app using these techniques, including conditionally loading scripts and stylesheets based on device characteristics.

Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"

Keeping up with the state of web technology is one of the biggest challenges for us developers today. We invent new tools; we define new best practices, everything’s new, always... And we do all that for good user experience! We do all that to build the best possible web – it’s all about our users. But is it, really? Or do developers like to play with technology secretly loving the new and shiny? Or do we only pretend that it’s about users, and behind closed doors, it’s developer experience that matters to us? Did we lose direction? Is it time for a critical look at the state of the web and the role JavaScript plays in it?

fwdaysjavascriptconference
CRAWLABLE PARTIALS
JS DISABLED RENDERShttp://rock.rapgenius.com/1884632/Pharrell-williams-
happy/It-might-seem-crazy-what-im-bout-to-say-sunshine-
shes-here-you-can-take-a-break
4X
PAGES CRAWLED PER DAY
QUADRUPALED
75,000
300,000
May 2013 – Aug 2013
+1MILLION
ORGANIC SEARCH SESSIONS
2,000,000
4,000,000
May 2013 – Aug 2013
Technical SEO Community
HelpDeskHangouts.com
SearchSignals.com
bit.ly/ajax-crawlability

Recommended for you

Developing web applications in 2010
Developing web applications in 2010Developing web applications in 2010
Developing web applications in 2010

This is an introductory talk we delivered at Universidad Europea de Madrid for the International Week of Technological Innovation. We introduce concepts such as accessibility and performance in modern web development, current browser market state and evolution, and some approaches to introduce CSS3.

cssjavascriptweb
Optimising AJAX Applications for Organic Search
Optimising AJAX Applications for Organic SearchOptimising AJAX Applications for Organic Search
Optimising AJAX Applications for Organic Search

This deck is from #LAC2016 where I stepped in last minute to do a session on optimising AJAX for organic search pitched at beginner level with expectation some intermediate level. Well received by audience it seemed as no one walked out after the TL;DR ;-)

ajaxseolac2016
Now you see me... Adaptive Web Design and Development
Now you see me... Adaptive Web Design and DevelopmentNow you see me... Adaptive Web Design and Development
Now you see me... Adaptive Web Design and Development

Progressive enhancement is still an important approach for building responsive websites and web applications. While JavaScript can now be assumed to be widely available, progressive enhancement avoids single points of failure and improves performance by loading critical content first before non-essential enhancements. The distinction between websites and applications is also blurred, so progressive techniques remain applicable to most digital experiences on the web.

responsible web designadaptive web designawd
APPENDIX
ARCHITECTURE
PRERENDER SERVERSIDEVS
PRERENDER
PRERENDER

Recommended for you

SMX Munich 2018 - Current State of JavaScript SEO
SMX Munich 2018 - Current State of JavaScript SEOSMX Munich 2018 - Current State of JavaScript SEO
SMX Munich 2018 - Current State of JavaScript SEO

The current state of JavaScript SEO. JS crawling and indexing across different frameworks and Search Engines.

seosearch engine optimizationjavascript seo
An open web for all
An open web for allAn open web for all
An open web for all

1. Christian Heilmann discusses key steps for building a successful web product: having a creative idea, finding people to build it, and getting discovered by people. 2. He argues that instead of focusing on these steps, one should "shift your focus" to using existing web technologies to build and promote your product. 3. Some strategies he recommends include using APIs to allow flexible development and access to data, leveraging Yahoo Query Language (YQL) as a way to test your product before fully developing infrastructure, and releasing free tools and content to promote discovery by developers.

Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...

The amount of 3rd-party content included on websites is exploding (social sharing buttons, user tracking, advertising, code libraries, etc). Learn tips and techniques for how best to integrate them into your sites without risking a slower user experience or even your sites becoming unavailable. Video is available here: http://www.youtube.com/watch?v=JB4ulhFFdH4&feature=plcp

webperf
PRERENDER
SEO.js
CONSPROS
• SINGLE VIEW TEMPLATE
• SINGLE ROUTING
• REVERSE PROXY CACHING
• _ESCAPED_FRAGMENT_
• INTERPOLATED SOURCE
SERVER SIDE
SERVER SIDE
SERVER SIDE

Recommended for you

Christian heilmann an-open-web-for-all
Christian heilmann   an-open-web-for-allChristian heilmann   an-open-web-for-all
Christian heilmann an-open-web-for-all

Christian Heilmann gives advice on how to succeed on the open web. He recommends focusing on building for the web using existing web technologies and APIs rather than proprietary systems. Specifically, he suggests starting with Yahoo! Query Language (YQL) to build and test APIs by accessing and combining data from various web services and sites. By making APIs and data openly available, it can help developers and others build on your work, which in turn helps gain recognition and an audience on the web. Overall, the key is leveraging existing web technologies and standards through open collaboration rather than trying to do everything alone or reinventing the wheel.

Myths & true stories about JavaScript for SEO
Myths & true stories about JavaScript for SEOMyths & true stories about JavaScript for SEO
Myths & true stories about JavaScript for SEO

Neither developers nor SEOs can “design” a website without JavaScript. Because JS makes a website so much better. Everybody loves to interact with a website! However, JS presents a challenge for SEOs. The best way to overcome the challenges generated by JS is to work hand in hand with developers & designers. The goal of this talk is to dispel some myths & identify what developers should keep in mind when developing a JS-based website.

seojavascriptjavascript seo
Web development today
Web development todayWeb development today
Web development today

The document discusses HTML5 Boilerplate, which is a popular front-end template that helps developers build fast, robust, and adaptable web apps or sites. It includes tools like Modernizr, which detects HTML5 and CSS3 browser support, and HTML5 Shiv, which allows styling of HTML5 elements in older IE browsers. Using HTML5 Boilerplate follows best practices for performance, like minifying code and setting the viewport.

SERVER SIDE
SERVER SIDE
SERVER SIDE
SERVER SIDE RENDER
CONSPROS
• CLEAN URLS*
• ALL REQUESTS ARE EQUAL
• TRUE DYNAMIC RESPONSE
• 2 ROUTERS
• 2 VIEW TEMPLATES*

Recommended for you

Front End Development for Back End Java Developers - Jfokus 2020
Front End Development for Back End Java Developers - Jfokus 2020Front End Development for Back End Java Developers - Jfokus 2020
Front End Development for Back End Java Developers - Jfokus 2020

The document is a presentation about front end development for back end Java developers. It discusses topics like JavaScript, TypeScript, build tools, CSS frameworks, front end performance, and progressive web apps. It also provides introductions and comparisons of popular JavaScript frameworks like Angular, React, and Vue. The presentation encourages attendees to learn new front end skills and try building something with a front end framework.

frontendweb developmentangular
Javascript revolution front end to back end
Javascript revolution front end to back endJavascript revolution front end to back end
Javascript revolution front end to back end

以 Web 開發為基礎,講解 JavaScript 如何從前端到後端,開發模式思維的調整。 Basic on web develop, explain how JavaScript works from front end to back end, until Node develop way.

node.jsjavascriptweb design and development
10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the  21st Century10 Web Performance Lessons For the  21st Century
10 Web Performance Lessons For the 21st Century

This document outlines 10 web performance lessons for the 21st century. The lessons are: 1) Measure first, optimize bottlenecks second 2) Measure what matters 3) Get a performance budget 4) Write JavaScript efficiently using mostly functions 5) Write code efficiently using mostly HTML 6) Consider static functional programming as JavaScript may not be enough 7) Observe how browsers work behind the scenes 8) Build fast organizations 9) Have courage in your minimalism 10) Sometimes keeping it simple with 9 lessons is enough. The document provides explanations and examples for each lesson along with relevant links to additional resources.

webperformancesearch engine optimization
Quote conflated from my favorite ruby XML parser » http://nokogiri.org/
Speed, Performance, and Human Perception » https://www.youtube.com/watch?v=7ubJzEi3HuA
SERoundtable Timeline Links »
http://www.seroundtable.com/google-javascript-webmaster-tools-18602.html
Googlebot/Test External JS » http://www.seroundtable.com/archives/000236.html
Googlebot Uses Onsite Live Chat » http://www.seroundtable.com/archives/003492.html
Spider’sView on Web 2.0 »
http://googlewebmastercentral.blogspot.com/2007/11/spiders-view-of-web-20.html
AJAX Crawlability Proposal »
http://googlewebmastercentral.blogspot.com/2009/10/proposal-for-making-ajax-crawlable.html
Caffine Rollout »
http://googlewebmastercentral.blogspot.com/2010/06/our-new-search-index-caffeine.html
Instant Previews »
http://googleblog.blogspot.com/2010/11/beyond-instant-results-instant-previews.html
http://googlewebmastercentral.blogspot.com/2010/11/instant-previews.html
http://googlewebmastercentral.blogspot.com/2011/11/get-post-and-safely-surfacing-more-of.html
https://sites.google.com/site/webmasterhelpforum/en/faq-instant-previews
Matt Cutts PSA: Don’t Block JS & CSS »
http://www.seroundtable.com/googlebot-javascript-css-14930.html
MattVideo: How Does Googlebot handle content loaded via AJAX? »
https://www.youtube.com/watch?v=_6mtiwQ3nvw
REFERENCES
GWT Fetch & Render »
http://googlewebmastercentral.blogspot.com/2014/05/rendering-pages-with-fetch-as-google.html
Google Blog: Infinite Scroll Recommendations & Example »
http://googlewebmastercentral.blogspot.com/2014/02/infinite-scroll-search-friendly.html
LA Times Reimagined by Code and Theory »
http://www.codeandtheory.com/things-we-make/the-los-angeles-times-reimagined
Google Blog: Specify your canonical »
http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html
Google Blog: Pagination with rel=“next” and rel=“prev” »
http://googlewebmastercentral.blogspot.com/2011/09/pagination-with-relnext-and-relprev.html
Google Blog:Video about Pagination »
http://googlewebmastercentral.blogspot.com/2012/03/video-about-pagination-with-relnext-
and.html
One Page Wonder: Coverage on QZ »
http://www.foliomag.com/2013/one-page-wonder-infinite-scroll
The Next Web Redesign Coverage »
http://www.niemanlab.org/2012/10/the-next-web-redesigns-to-be-more-app-like/
The Next Web Press Release »
http://thenextweb.pr.co/
010a893a11df2bb61d981b2b0607c1b6784a5ab07b5ab100790b2bb3168a35f8
REFERENCES
USA Today Redesign »
http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/
http://designenvy.aiga.org/usa-today-website-redesign-fantasy-interactive/
http://www.businessinsider.com/usa-todays-homepage-redesigns-2012-9
Gawker 1Year Later Success »
http://thenextweb.com/insider/2012/02/02/remember-that-gawker-redesign-a-years-worth-of-
data-says-it-worked/
http://www.businessinsider.com/nick-denton-loses-bet-that-the-gawker-redesign-wouldnt-hurt-
traffic-2011-10
http://www.businessinsider.com/gawker-media-traffic-numbers-2011-4
Gawker Failed Coverage »
http://www.catchmyfame.com/2013/05/02/how-gawker-sabotaged-their-own-network-with-a-
horrible-new-layout/
http://www.theatlantic.com/technology/archive/2011/04/gawkers-traffic-numbers-are-worse-than-
anyone-anticipated/237594/
http://www.webmonkey.com/2011/02/gawker-learns-the-hard-way-why-hash-bang-urls-are-evil/
Paul Irish to Matt CuttsVideo » https://www.youtube.com/watch?v=yiAF9VdvRPw
Google Developer Documentation on AJAX Crawlability »
https://developers.google.com/webmasters/ajax-crawling/
Browser Compatibility Chart » http://caniuse.com/#search=history
Breaking The Web With Hash Bangs »
http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs
REFERENCES
Vox Cards: Legalization of Marijuana »
http://www.vox.com/cards/marijuana-legalization/learn-more-about-marijuana-legalization
Bing’s Duane Forrester says still no rel=canonical in http headers »
https://twitter.com/DuaneForrester/status/459387860358295552
Google Blog:A Faster Image Search »
http://googlewebmastercentral.blogspot.com/2013/01/faster-image-search.html
Google Says It’s Better for Webmasters »
http://www.seroundtable.com/google-image-search-design-16259.html
Ilya Grigork discussion around <plaintext> injection »
https://plus.google.com/+IlyaGrigorik/posts/S6j45VxNESB
Vox Workflow for Creating SVG Images »
http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun-
and-profit
One Solution to Responsive Images »
http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/
Truly Responsive Images » http://davidwalsh.name/responsive-design
AngularJS NYC Meetup: Server-side Template Rendering by HBO »
http://youtu.be/iB7hfvqyZpg?t=58m20s
REFERENCES

Recommended for you

Lazy load Website Assets
Lazy load Website AssetsLazy load Website Assets
Lazy load Website Assets

Website speed is a crucial aspect of on page SEO everyone can control. Your goal is to be interactive in under 3 seconds, even on a basic phone over a 3G connection. However, most web sites have so many requests and large payloads this time limit or budget cannot be achieved. In fact, the average web page takes 22 seconds to load, according to Google's research. But what if I told you there is a way to offload or even avoid loading page assets until they are needed? This can give your website a distinct advantage over your competition because not only will Google like your pages better so will your visitors!

seowebsiteweb design and development
rendre AJAX crawlable par les moteurs
rendre AJAX crawlable par les moteursrendre AJAX crawlable par les moteurs
rendre AJAX crawlable par les moteurs

The document discusses the problem that web crawlers cannot see dynamic or AJAX content on websites that users see. It proposes a solution where web servers execute their JavaScript at crawl time and provide the same content to crawlers and users to make AJAX states crawlable and indexable. Major search engines and web servers would need to agree to adopt standards around modifying URLs and executing JavaScript at crawl time in order to solve this problem.

seo
jQuery Ecosystem
jQuery EcosystemjQuery Ecosystem
jQuery Ecosystem

This document discusses jQuery, a popular JavaScript library. It provides an overview of jQuery, describing how it works, its main features like DOM manipulation and AJAX capabilities. It also discusses jQuery UI and several tools for testing jQuery code, including QUnit, jQuery Lint and TestSwarm. The presentation concludes by mentioning an upcoming demo on performance analysis and a future spot on additional related technologies.

altnetugialtnetconference
Vox Cards: Legalization of Marijuana »
http://www.vox.com/cards/marijuana-legalization/learn-more-about-marijuana-legalization
Bing’s Duane Forrester says still no rel=canonical in http headers »
https://twitter.com/DuaneForrester/status/459387860358295552
Google Blog:A Faster Image Search »
http://googlewebmastercentral.blogspot.com/2013/01/faster-image-search.html
Google Says It’s Better for Webmasters »
http://www.seroundtable.com/google-image-search-design-16259.html
Ilya Grigork discussion around <plaintext> injection »
https://plus.google.com/+IlyaGrigorik/posts/S6j45VxNESB
Vox Workflow for Creating SVG Images »
http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun-
and-profit
One Solution to Responsive Images »
http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/
Truly Responsive Images » http://davidwalsh.name/responsive-design
Serious Angular SEO » http://www.ng-newsletter.com/posts/serious-angular-seo.html
AngularJS NYC Meetup: Server-side Template Rendering by HBO »
http://youtu.be/iB7hfvqyZpg?t=58m20s
REFERENCES
Josh Kadis Quartz onVIP WordpressVideo »
http://vip.wordpress.com/2013/09/26/josh-kadis-qz-wordpress/
https://docs.google.com/file/d/0B2Z4K6ynFLg5TVdvWVV1aTRmYUU/edit?pli=1
AirBNB: Our First Node.js App »
http://nerds.airbnb.com/weve-launched-our-first-nodejs-app-to-product/
AirBNB: Rendr (Backbone in the Browser and Node) »
http://nerds.airbnb.com/weve-open-sourced-rendr-run-your-backbonejs-a/
StackOverflow: PushState, Backbone, and Node »
http://stackoverflow.com/questions/7098130/reusing-backbone-views-routes-on-the-server-when-
using-backbone-js-pushstate-for
Google: How do I create an HTML Snapshot (HIJAX) »
https://developers.google.com/webmasters/ajax-crawling/docs/html-snapshot
REFERENCES

More Related Content

What's hot

Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019
Bastian Grimm
 
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan TaylorOptimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor
Dan Taylor
 
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital MarketersSearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
Distilled
 
Overview of how to do SEO
Overview of how to do SEOOverview of how to do SEO
Overview of how to do SEO
Chris Finne
 
SEO for developers (session 1)
SEO for developers (session 1)SEO for developers (session 1)
SEO for developers (session 1)
RankAbove
 
Real World Web Standards
Real World Web StandardsReal World Web Standards
Real World Web Standards
gleddy
 
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-Practise
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-PractiseTechnical SEO - An Introduction to Core Aspects of Technical SEO Best-Practise
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-Practise
Erudite
 
SEARCH Y - Bastian Grimm - Migrations Best Practices
SEARCH Y - Bastian Grimm -  Migrations Best PracticesSEARCH Y - Bastian Grimm -  Migrations Best Practices
SEARCH Y - Bastian Grimm - Migrations Best Practices
SEARCH Y - Philippe Yonnet Evénements
 
HK CodeConf 2015 - Your WebPerf Sucks
HK CodeConf 2015 - Your WebPerf Sucks HK CodeConf 2015 - Your WebPerf Sucks
HK CodeConf 2015 - Your WebPerf Sucks
Holger Bartel
 
Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?
Hamlet Batista
 
Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019
Bastian Grimm
 
Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018
Bastian Grimm
 
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGTechnical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Bastian Grimm
 
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!
Jonathon Colman
 
SMX East - SEO Tools Panel
SMX East - SEO Tools PanelSMX East - SEO Tools Panel
SMX East - SEO Tools Panel
Abby Hamilton
 
Scaling 101
Scaling 101Scaling 101
Scaling 101
Chris Finne
 
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick StoxWhat's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
Ahrefs
 
Website Optimization -SEO - Step By Step
Website Optimization -SEO - Step By StepWebsite Optimization -SEO - Step By Step
Website Optimization -SEO - Step By Step
Mia Lee
 
OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018
Bastian Grimm
 
The New Renaissance of JavaScript
The New Renaissance of JavaScriptThe New Renaissance of JavaScript
The New Renaissance of JavaScript
Hamlet Batista
 

What's hot (20)

Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019
 
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan TaylorOptimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor
 
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital MarketersSearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
 
Overview of how to do SEO
Overview of how to do SEOOverview of how to do SEO
Overview of how to do SEO
 
SEO for developers (session 1)
SEO for developers (session 1)SEO for developers (session 1)
SEO for developers (session 1)
 
Real World Web Standards
Real World Web StandardsReal World Web Standards
Real World Web Standards
 
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-Practise
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-PractiseTechnical SEO - An Introduction to Core Aspects of Technical SEO Best-Practise
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-Practise
 
SEARCH Y - Bastian Grimm - Migrations Best Practices
SEARCH Y - Bastian Grimm -  Migrations Best PracticesSEARCH Y - Bastian Grimm -  Migrations Best Practices
SEARCH Y - Bastian Grimm - Migrations Best Practices
 
HK CodeConf 2015 - Your WebPerf Sucks
HK CodeConf 2015 - Your WebPerf Sucks HK CodeConf 2015 - Your WebPerf Sucks
HK CodeConf 2015 - Your WebPerf Sucks
 
Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?Why Pay for Performance When You Can Lead the World To Your Door for Free?
Why Pay for Performance When You Can Lead the World To Your Door for Free?
 
Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019
 
Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018
 
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGTechnical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
 
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!
 
SMX East - SEO Tools Panel
SMX East - SEO Tools PanelSMX East - SEO Tools Panel
SMX East - SEO Tools Panel
 
Scaling 101
Scaling 101Scaling 101
Scaling 101
 
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick StoxWhat's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
 
Website Optimization -SEO - Step By Step
Website Optimization -SEO - Step By StepWebsite Optimization -SEO - Step By Step
Website Optimization -SEO - Step By Step
 
OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018
 
The New Renaissance of JavaScript
The New Renaissance of JavaScriptThe New Renaissance of JavaScript
The New Renaissance of JavaScript
 

Similar to SEO AJAX Crawlability in a Responsive Publisher World

Deep crawl the chaotic landscape of JavaScript
Deep crawl the chaotic landscape of JavaScript Deep crawl the chaotic landscape of JavaScript
Deep crawl the chaotic landscape of JavaScript
Onely
 
Web Performance Optimierung - DWX13
Web Performance Optimierung - DWX13Web Performance Optimierung - DWX13
Web Performance Optimierung - DWX13
Walter Ebert
 
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013
Gustaf Nilsson Kotte
 
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"
Fwdays
 
Developing web applications in 2010
Developing web applications in 2010Developing web applications in 2010
Developing web applications in 2010
Ignacio Coloma
 
Optimising AJAX Applications for Organic Search
Optimising AJAX Applications for Organic SearchOptimising AJAX Applications for Organic Search
Optimising AJAX Applications for Organic Search
Judith Lewis
 
Now you see me... Adaptive Web Design and Development
Now you see me... Adaptive Web Design and DevelopmentNow you see me... Adaptive Web Design and Development
Now you see me... Adaptive Web Design and Development
Jonas Päckos
 
SMX Munich 2018 - Current State of JavaScript SEO
SMX Munich 2018 - Current State of JavaScript SEOSMX Munich 2018 - Current State of JavaScript SEO
SMX Munich 2018 - Current State of JavaScript SEO
Onely
 
An open web for all
An open web for allAn open web for all
An open web for all
Christian Heilmann
 
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Patrick Meenan
 
Christian heilmann an-open-web-for-all
Christian heilmann   an-open-web-for-allChristian heilmann   an-open-web-for-all
Christian heilmann an-open-web-for-all
How to Web
 
Myths & true stories about JavaScript for SEO
Myths & true stories about JavaScript for SEOMyths & true stories about JavaScript for SEO
Myths & true stories about JavaScript for SEO
Sara Moccand-Sayegh
 
Web development today
Web development todayWeb development today
Web development today
Jaydev Gajera
 
Front End Development for Back End Java Developers - Jfokus 2020
Front End Development for Back End Java Developers - Jfokus 2020Front End Development for Back End Java Developers - Jfokus 2020
Front End Development for Back End Java Developers - Jfokus 2020
Matt Raible
 
Javascript revolution front end to back end
Javascript revolution front end to back endJavascript revolution front end to back end
Javascript revolution front end to back end
Caesar Chi
 
10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the  21st Century10 Web Performance Lessons For the  21st Century
10 Web Performance Lessons For the 21st Century
Mateusz Kwasniewski
 
Lazy load Website Assets
Lazy load Website AssetsLazy load Website Assets
Lazy load Website Assets
Chris Love
 
rendre AJAX crawlable par les moteurs
rendre AJAX crawlable par les moteursrendre AJAX crawlable par les moteurs
rendre AJAX crawlable par les moteurs
Serge Esteves
 
jQuery Ecosystem
jQuery EcosystemjQuery Ecosystem
jQuery Ecosystem
Andrea Balducci
 
Flash SEO Secrets
Flash SEO SecretsFlash SEO Secrets
Flash SEO Secrets
rtretola
 

Similar to SEO AJAX Crawlability in a Responsive Publisher World (20)

Deep crawl the chaotic landscape of JavaScript
Deep crawl the chaotic landscape of JavaScript Deep crawl the chaotic landscape of JavaScript
Deep crawl the chaotic landscape of JavaScript
 
Web Performance Optimierung - DWX13
Web Performance Optimierung - DWX13Web Performance Optimierung - DWX13
Web Performance Optimierung - DWX13
 
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013
 
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"
 
Developing web applications in 2010
Developing web applications in 2010Developing web applications in 2010
Developing web applications in 2010
 
Optimising AJAX Applications for Organic Search
Optimising AJAX Applications for Organic SearchOptimising AJAX Applications for Organic Search
Optimising AJAX Applications for Organic Search
 
Now you see me... Adaptive Web Design and Development
Now you see me... Adaptive Web Design and DevelopmentNow you see me... Adaptive Web Design and Development
Now you see me... Adaptive Web Design and Development
 
SMX Munich 2018 - Current State of JavaScript SEO
SMX Munich 2018 - Current State of JavaScript SEOSMX Munich 2018 - Current State of JavaScript SEO
SMX Munich 2018 - Current State of JavaScript SEO
 
An open web for all
An open web for allAn open web for all
An open web for all
 
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
 
Christian heilmann an-open-web-for-all
Christian heilmann   an-open-web-for-allChristian heilmann   an-open-web-for-all
Christian heilmann an-open-web-for-all
 
Myths & true stories about JavaScript for SEO
Myths & true stories about JavaScript for SEOMyths & true stories about JavaScript for SEO
Myths & true stories about JavaScript for SEO
 
Web development today
Web development todayWeb development today
Web development today
 
Front End Development for Back End Java Developers - Jfokus 2020
Front End Development for Back End Java Developers - Jfokus 2020Front End Development for Back End Java Developers - Jfokus 2020
Front End Development for Back End Java Developers - Jfokus 2020
 
Javascript revolution front end to back end
Javascript revolution front end to back endJavascript revolution front end to back end
Javascript revolution front end to back end
 
10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the  21st Century10 Web Performance Lessons For the  21st Century
10 Web Performance Lessons For the 21st Century
 
Lazy load Website Assets
Lazy load Website AssetsLazy load Website Assets
Lazy load Website Assets
 
rendre AJAX crawlable par les moteurs
rendre AJAX crawlable par les moteursrendre AJAX crawlable par les moteurs
rendre AJAX crawlable par les moteurs
 
jQuery Ecosystem
jQuery EcosystemjQuery Ecosystem
jQuery Ecosystem
 
Flash SEO Secrets
Flash SEO SecretsFlash SEO Secrets
Flash SEO Secrets
 

More from Eric Wu

eTail 2019 SEO Audits: SEO Pruning for eCommerce
eTail 2019 SEO Audits: SEO Pruning for eCommerceeTail 2019 SEO Audits: SEO Pruning for eCommerce
eTail 2019 SEO Audits: SEO Pruning for eCommerce
Eric Wu
 
Using SEO and Machine Learning to Improve the Customer Journey
Using SEO and Machine Learning to Improve the Customer JourneyUsing SEO and Machine Learning to Improve the Customer Journey
Using SEO and Machine Learning to Improve the Customer Journey
Eric Wu
 
2018 eTail West: Mobile SEO Site Audits
2018 eTail West: Mobile SEO Site Audits2018 eTail West: Mobile SEO Site Audits
2018 eTail West: Mobile SEO Site Audits
Eric Wu
 
2018 eTail West: Mobile SEO
2018 eTail West: Mobile SEO2018 eTail West: Mobile SEO
2018 eTail West: Mobile SEO
Eric Wu
 
eTail West 2017: SEO Audits
eTail West 2017: SEO AuditseTail West 2017: SEO Audits
eTail West 2017: SEO Audits
Eric Wu
 
SEO and JS: New Challenges
SEO and JS: New ChallengesSEO and JS: New Challenges
SEO and JS: New Challenges
Eric Wu
 
SEO for Startups: 2013 MuckerLabs Talk
SEO for Startups: 2013 MuckerLabs TalkSEO for Startups: 2013 MuckerLabs Talk
SEO for Startups: 2013 MuckerLabs Talk
Eric Wu
 

More from Eric Wu (7)

eTail 2019 SEO Audits: SEO Pruning for eCommerce
eTail 2019 SEO Audits: SEO Pruning for eCommerceeTail 2019 SEO Audits: SEO Pruning for eCommerce
eTail 2019 SEO Audits: SEO Pruning for eCommerce
 
Using SEO and Machine Learning to Improve the Customer Journey
Using SEO and Machine Learning to Improve the Customer JourneyUsing SEO and Machine Learning to Improve the Customer Journey
Using SEO and Machine Learning to Improve the Customer Journey
 
2018 eTail West: Mobile SEO Site Audits
2018 eTail West: Mobile SEO Site Audits2018 eTail West: Mobile SEO Site Audits
2018 eTail West: Mobile SEO Site Audits
 
2018 eTail West: Mobile SEO
2018 eTail West: Mobile SEO2018 eTail West: Mobile SEO
2018 eTail West: Mobile SEO
 
eTail West 2017: SEO Audits
eTail West 2017: SEO AuditseTail West 2017: SEO Audits
eTail West 2017: SEO Audits
 
SEO and JS: New Challenges
SEO and JS: New ChallengesSEO and JS: New Challenges
SEO and JS: New Challenges
 
SEO for Startups: 2013 MuckerLabs Talk
SEO for Startups: 2013 MuckerLabs TalkSEO for Startups: 2013 MuckerLabs Talk
SEO for Startups: 2013 MuckerLabs Talk
 

Recently uploaded

What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
Stephanie Beckett
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
Emerging Tech
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
RaminGhanbari2
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
Tatiana Al-Chueyr
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
Matthew Sinclair
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
SynapseIndia
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
rajancomputerfbd
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
Sally Laouacheria
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
ScyllaDB
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
Matthew Sinclair
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
ScyllaDB
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
UiPathCommunity
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
ishalveerrandhawa1
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
Aurora Consulting
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
Kief Morris
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
jackson110191
 
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Erasmo Purificato
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Mydbops
 
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
Toru Tamaki
 

Recently uploaded (20)

What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024What’s New in Teams Calling, Meetings and Devices May 2024
What’s New in Teams Calling, Meetings and Devices May 2024
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
 
Measuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at TwitterMeasuring the Impact of Network Latency at Twitter
Measuring the Impact of Network Latency at Twitter
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
 
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
 
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
 

SEO AJAX Crawlability in a Responsive Publisher World

  • 1. AJAXin a responsive publishing world CRAWLABILITY
  • 4. AJAXis like violence if it doesn't solve your problems, you’re not using enough of it.
  • 7. PAGES CRAWLED PER DAY 80% INCREASE 20,000 80,000 May 2013 – Aug 2013
  • 8. 80% INCREASE ORGANIC SEARCH SESSIONS 600,000 1,200,000 May 2013 – Aug 2013
  • 9. Mar 2004:“Googlebot/Test” External JS Mar 2006: Googlebot Uses Onsite Live Chat June 2010: Caffeine (Full Rollout) Nov 2010: Instant Preview May 2014: GWT Fetch & Render May 2012: Matt PSA. Don’t Block JS & CSS Oct 2009:AJAX Crawlability _escaped_fragment_ Nov 2007: Spider’sView on Web 2.0 May 2013: MattVideo. Googlebot & AJAX
  • 12. NAVIGATE / PAGINATE <a href="/page/2/">Load More</a> LOAD MORE LINK
  • 13. NAVIGATE / PAGINATE <a href="/page/2/">Load More</a> LOAD MORE LINK
  • 14. NAVIGATE / PAGINATE REL=NEXT / PREV <link href="/page/10/" rel="prev" /> <link href="/page/11/" rel="canonical" /> <link href="/page/12/" rel="next" />
  • 17. PUSHSTATE OR SHEBANG #! http://caniuse.com/#search=history history.pushState( {}, titleOfPage, newURL ); history.replaceState();
  • 20. DEFERED IMAGE LOADING I WISH CRAWLERS SUPPORTED REL=CANONICAL HTTP HEADERS FOR IMAGES
  • 21. 80% DECREASE IMAGE SEARCH SESSIONS 400,000 800,000 Nov 2012 – Mar 2013
  • 22. LAZY LOADING •  1x1 “BLANKS” •  SKELETON SCREENS •  LOW RESOLUTIONZ Z Z
  • 23. RESPONSIVE IMAGES •  <PICTURE> •  SRCSET •  POLYFILL •  UA DETECTION
  • 27. CRAWLABLE PARTIALS LYRIC SEARCH LINKS TOhttp://rock.rapgenius.com/1884632/Pharrell-williams- happy/ It-might-seem-crazy-what-im-bout-to-say-sunshine-shes- here-you-can-take-a-break
  • 28. CRAWLABLE PARTIALS JS ENABLED REDIRECTShttp://rock.rapgenius.com/Pharrell-williams- happy-lyrics#note-1884632
  • 29. CRAWLABLE PARTIALS JS DISABLED RENDERShttp://rock.rapgenius.com/1884632/Pharrell-williams- happy/It-might-seem-crazy-what-im-bout-to-say-sunshine- shes-here-you-can-take-a-break
  • 30. 4X PAGES CRAWLED PER DAY QUADRUPALED 75,000 300,000 May 2013 – Aug 2013
  • 37. PRERENDER SEO.js CONSPROS • SINGLE VIEW TEMPLATE • SINGLE ROUTING • REVERSE PROXY CACHING • _ESCAPED_FRAGMENT_ • INTERPOLATED SOURCE
  • 44. SERVER SIDE RENDER CONSPROS • CLEAN URLS* • ALL REQUESTS ARE EQUAL • TRUE DYNAMIC RESPONSE • 2 ROUTERS • 2 VIEW TEMPLATES*
  • 45. Quote conflated from my favorite ruby XML parser » http://nokogiri.org/ Speed, Performance, and Human Perception » https://www.youtube.com/watch?v=7ubJzEi3HuA SERoundtable Timeline Links » http://www.seroundtable.com/google-javascript-webmaster-tools-18602.html Googlebot/Test External JS » http://www.seroundtable.com/archives/000236.html Googlebot Uses Onsite Live Chat » http://www.seroundtable.com/archives/003492.html Spider’sView on Web 2.0 » http://googlewebmastercentral.blogspot.com/2007/11/spiders-view-of-web-20.html AJAX Crawlability Proposal » http://googlewebmastercentral.blogspot.com/2009/10/proposal-for-making-ajax-crawlable.html Caffine Rollout » http://googlewebmastercentral.blogspot.com/2010/06/our-new-search-index-caffeine.html Instant Previews » http://googleblog.blogspot.com/2010/11/beyond-instant-results-instant-previews.html http://googlewebmastercentral.blogspot.com/2010/11/instant-previews.html http://googlewebmastercentral.blogspot.com/2011/11/get-post-and-safely-surfacing-more-of.html https://sites.google.com/site/webmasterhelpforum/en/faq-instant-previews Matt Cutts PSA: Don’t Block JS & CSS » http://www.seroundtable.com/googlebot-javascript-css-14930.html MattVideo: How Does Googlebot handle content loaded via AJAX? » https://www.youtube.com/watch?v=_6mtiwQ3nvw REFERENCES
  • 46. GWT Fetch & Render » http://googlewebmastercentral.blogspot.com/2014/05/rendering-pages-with-fetch-as-google.html Google Blog: Infinite Scroll Recommendations & Example » http://googlewebmastercentral.blogspot.com/2014/02/infinite-scroll-search-friendly.html LA Times Reimagined by Code and Theory » http://www.codeandtheory.com/things-we-make/the-los-angeles-times-reimagined Google Blog: Specify your canonical » http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html Google Blog: Pagination with rel=“next” and rel=“prev” » http://googlewebmastercentral.blogspot.com/2011/09/pagination-with-relnext-and-relprev.html Google Blog:Video about Pagination » http://googlewebmastercentral.blogspot.com/2012/03/video-about-pagination-with-relnext- and.html One Page Wonder: Coverage on QZ » http://www.foliomag.com/2013/one-page-wonder-infinite-scroll The Next Web Redesign Coverage » http://www.niemanlab.org/2012/10/the-next-web-redesigns-to-be-more-app-like/ The Next Web Press Release » http://thenextweb.pr.co/ 010a893a11df2bb61d981b2b0607c1b6784a5ab07b5ab100790b2bb3168a35f8 REFERENCES
  • 47. USA Today Redesign » http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/ http://designenvy.aiga.org/usa-today-website-redesign-fantasy-interactive/ http://www.businessinsider.com/usa-todays-homepage-redesigns-2012-9 Gawker 1Year Later Success » http://thenextweb.com/insider/2012/02/02/remember-that-gawker-redesign-a-years-worth-of- data-says-it-worked/ http://www.businessinsider.com/nick-denton-loses-bet-that-the-gawker-redesign-wouldnt-hurt- traffic-2011-10 http://www.businessinsider.com/gawker-media-traffic-numbers-2011-4 Gawker Failed Coverage » http://www.catchmyfame.com/2013/05/02/how-gawker-sabotaged-their-own-network-with-a- horrible-new-layout/ http://www.theatlantic.com/technology/archive/2011/04/gawkers-traffic-numbers-are-worse-than- anyone-anticipated/237594/ http://www.webmonkey.com/2011/02/gawker-learns-the-hard-way-why-hash-bang-urls-are-evil/ Paul Irish to Matt CuttsVideo » https://www.youtube.com/watch?v=yiAF9VdvRPw Google Developer Documentation on AJAX Crawlability » https://developers.google.com/webmasters/ajax-crawling/ Browser Compatibility Chart » http://caniuse.com/#search=history Breaking The Web With Hash Bangs » http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs REFERENCES
  • 48. Vox Cards: Legalization of Marijuana » http://www.vox.com/cards/marijuana-legalization/learn-more-about-marijuana-legalization Bing’s Duane Forrester says still no rel=canonical in http headers » https://twitter.com/DuaneForrester/status/459387860358295552 Google Blog:A Faster Image Search » http://googlewebmastercentral.blogspot.com/2013/01/faster-image-search.html Google Says It’s Better for Webmasters » http://www.seroundtable.com/google-image-search-design-16259.html Ilya Grigork discussion around <plaintext> injection » https://plus.google.com/+IlyaGrigorik/posts/S6j45VxNESB Vox Workflow for Creating SVG Images » http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun- and-profit One Solution to Responsive Images » http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/ Truly Responsive Images » http://davidwalsh.name/responsive-design AngularJS NYC Meetup: Server-side Template Rendering by HBO » http://youtu.be/iB7hfvqyZpg?t=58m20s REFERENCES
  • 49. Vox Cards: Legalization of Marijuana » http://www.vox.com/cards/marijuana-legalization/learn-more-about-marijuana-legalization Bing’s Duane Forrester says still no rel=canonical in http headers » https://twitter.com/DuaneForrester/status/459387860358295552 Google Blog:A Faster Image Search » http://googlewebmastercentral.blogspot.com/2013/01/faster-image-search.html Google Says It’s Better for Webmasters » http://www.seroundtable.com/google-image-search-design-16259.html Ilya Grigork discussion around <plaintext> injection » https://plus.google.com/+IlyaGrigorik/posts/S6j45VxNESB Vox Workflow for Creating SVG Images » http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun- and-profit One Solution to Responsive Images » http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/ Truly Responsive Images » http://davidwalsh.name/responsive-design Serious Angular SEO » http://www.ng-newsletter.com/posts/serious-angular-seo.html AngularJS NYC Meetup: Server-side Template Rendering by HBO » http://youtu.be/iB7hfvqyZpg?t=58m20s REFERENCES
  • 50. Josh Kadis Quartz onVIP WordpressVideo » http://vip.wordpress.com/2013/09/26/josh-kadis-qz-wordpress/ https://docs.google.com/file/d/0B2Z4K6ynFLg5TVdvWVV1aTRmYUU/edit?pli=1 AirBNB: Our First Node.js App » http://nerds.airbnb.com/weve-launched-our-first-nodejs-app-to-product/ AirBNB: Rendr (Backbone in the Browser and Node) » http://nerds.airbnb.com/weve-open-sourced-rendr-run-your-backbonejs-a/ StackOverflow: PushState, Backbone, and Node » http://stackoverflow.com/questions/7098130/reusing-backbone-views-routes-on-the-server-when- using-backbone-js-pushstate-for Google: How do I create an HTML Snapshot (HIJAX) » https://developers.google.com/webmasters/ajax-crawling/docs/html-snapshot REFERENCES

Editor's Notes

  1. Me on the Web
  2. Places I’ve worked & their sites
  3. More and more publishers are using AJAX for everything. citations: Quote conflated from my favorite ruby XML parser » http://nokogiri.org/
  4. Why more AJAX? Speed: Smaller the Better. 10k Challenge Performance: Under 100 ms is the avg. threshold of human reaction time Human Perception: 16ms == 60 FPS for silky smooth movement citations: Speed, Performance, and Human Perception » https://www.youtube.com/watch?v=7ubJzEi3HuA
  5. Chances are you’re using at least jQuery on your sites, and if you have or are thinking about having a Single Page App (SPA) or an AJAX heavy site, you might be using backbone, angular, or ember in the near future.
  6. I’ve sped up my site, what does that mean for SEO? SPIN spent March – May speeding up the sites + other “basic” SEO improvements (wasn’t just speed) Over next 3 months saw increase # of pages crawled per day 80%
  7. WHY? Not entirely sure, but there are a number of factors … we assume they’re due to secondary search signals. Increased # of PV/V results in additional social shares which lead to additional links. Decreased % of bounces results in fewer search refinements Brand equity increases over time which results in higher CTR and branded searches.
  8. What’s the problem? While Googlebot can technically crawl javascript, it doesn’t get everything all the time. Running a headless browser at webscale is nuts when you consider the events, callbacks, and triggers Citations: SERoundtable Timeline Links » http://www.seroundtable.com/google-javascript-webmaster-tools-18602.html Googlebot/Test External JS » http://www.seroundtable.com/archives/000236.html Googlebot Uses Onsite Live Chat » http://www.seroundtable.com/archives/003492.html Spider’s View on Web 2.0 » http://googlewebmastercentral.blogspot.com/2007/11/spiders-view-of-web-20.html AJAX Crawlability Proposal » http://googlewebmastercentral.blogspot.com/2009/10/proposal-for-making-ajax-crawlable.html Caffine Rollout » http://googlewebmastercentral.blogspot.com/2010/06/our-new-search-index-caffeine.html Instant Previews » http://googleblog.blogspot.com/2010/11/beyond-instant-results-instant-previews.html http://googlewebmastercentral.blogspot.com/2010/11/instant-previews.html http://googlewebmastercentral.blogspot.com/2011/11/get-post-and-safely-surfacing-more-of.html https://sites.google.com/site/webmasterhelpforum/en/faq-instant-previews Matt Cutts PSA: Don’t Block JS & CSS » http://www.seroundtable.com/googlebot-javascript-css-14930.html Matt Video: How Does Googlebot handle content loaded via AJAX? » https://www.youtube.com/watch?v=_6mtiwQ3nvw GWT Fetch & Render » http://googlewebmastercentral.blogspot.com/2014/05/rendering-pages-with-fetch-as-google.html
  9. One of these most common AJAX thing in publishing. The basic example is navigational / pagination.
  10. For responsive sites, the infinite scroll on a mobile experience is really a great time saver and a great user experience. Think default WordPress Blog Check out the Google Example http://googlewebmastercentral.blogspot.com/2014/02/infinite-scroll-search-friendly.html Citations: Google Blog: Infinite Scroll Recommendations & Example » http://googlewebmastercentral.blogspot.com/2014/02/infinite-scroll-search-friendly.html
  11. At minimum have a crawlable link to the next page. The load more button doesn’t need to be constantly present. Think Old Skool Facebook.
  12. LA Times does a nice job of linking deeper Citations: LA Times Reimagined by Code and Theory » http://www.codeandtheory.com/things-we-make/the-los-angeles-times-reimagined
  13. For the crawlable pages and for series pages like navigational pages, use rel=next/prev + canonical to consolidate. See Maile’s great video on the topic Citations: Google Blog: Specify your canonical » http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html Google Blog: Pagination with rel=“next” and rel=“prev” » http://googlewebmastercentral.blogspot.com/2011/09/pagination-with-relnext-and-relprev.html Google Blog: Video about Pagination » http://googlewebmastercentral.blogspot.com/2012/03/video-about-pagination-with-relnext-and.html
  14. Pointer URLs are a recommended best practices from both a re-crawlability and user experience stand point … But, they can actually require a good amount of technical overhead to do correctly. Additionally, currently it doesn’t seem to have a tremendous negative impact on crawl discoverability. So in practice, I wouldn’t use these for publishing sites, at least for the navigational pages since most users aren’t really sharing pagination pages too often However, I’d imagine it’s different in the eCommerce world.
  15. The more interesting infinite scroll experiences that are immerging are on Quartz, Mashable, Gawker, LA Times, VOX, USA Today, TheNextWeb The idea that “Every page is a homepage” Gawker was a “big failure” but made out in the end. Same with USA Today, TheNextWeb, and I’d imagine the LA Times will be a similar story. Citations: One Page Wonder: Coverage on QZ » http://www.foliomag.com/2013/one-page-wonder-infinite-scroll The Next Web Redesign Coverage » http://www.niemanlab.org/2012/10/the-next-web-redesigns-to-be-more-app-like/ The Next Web Press Release » http://thenextweb.pr.co/010a893a11df2bb61d981b2b0607c1b6784a5ab07b5ab100790b2bb3168a35f8 USA Today Redesign » http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/ http://designenvy.aiga.org/usa-today-website-redesign-fantasy-interactive/ http://www.businessinsider.com/usa-todays-homepage-redesigns-2012-9 Gawker 1 Year Later Success » http://thenextweb.com/insider/2012/02/02/remember-that-gawker-redesign-a-years-worth-of-data-says-it-worked/ http://www.businessinsider.com/nick-denton-loses-bet-that-the-gawker-redesign-wouldnt-hurt-traffic-2011-10 http://www.businessinsider.com/gawker-media-traffic-numbers-2011-4 Gawker Failed Coverage » http://www.catchmyfame.com/2013/05/02/how-gawker-sabotaged-their-own-network-with-a-horrible-new-layout/ http://www.theatlantic.com/technology/archive/2011/04/gawkers-traffic-numbers-are-worse-than-anyone-anticipated/237594/ http://www.webmonkey.com/2011/02/gawker-learns-the-hard-way-why-hash-bang-urls-are-evil/
  16. How do you do it right? Personal preference _escaped_fragment_ : Don’t tend to see lots of hash values in SERPs It’s ugly & confusing Don’t like serving something different to just Googlebot (this can be a slippery slope) History.pushState FTW! (Paul Irish to Matt Cutts » https://www.youtube.com/watch?v=yiAF9VdvRPw) Like a stack of index cards, pushState adds more cards on top. ReplaceState swaps it out. Graceful degradation … don’t AJAX. Reminder: For continuous content, you really don’t want to use rel=next/prev unless they’re truly in a series you want to consolidate together Citations: Paul Irish to Matt Cutts Video » https://www.youtube.com/watch?v=yiAF9VdvRPw Google Developer Documentation on AJAX Crawlability » https://developers.google.com/webmasters/ajax-crawling/ Browser Compatibility Chart » http://caniuse.com/#search=history Breaking The Web With Hash Bangs » http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs
  17. Moar AJAX! SpinMedia saw increase in PV/V, Reduced Bounce Rate, and Flat Time on Site (we’re faster … more PV/V)
  18. Galleries are pretty much the same as Continuous Content This is where you’ll use rel=next/prev for each slide You can even transition into the next gallery just like Continuous Content The next button should be the link to the next slide The prev button to the previous slide Can load the whole JS bundle onto the page ahead of time or pull via JSON Citations: Vox Cards: Legalization of Marijuana » http://www.vox.com/cards/marijuana-legalization/learn-more-about-marijuana-legalization
  19. 2 types: Lazy Loading Responsive Images Both great for mobile I Wish Googlebot and Bingbot would support rel=canonical in http headers for images. But they don’t. Bingbot doesn’t even support the http header (Trust we tried really hard to make this work) Citations: Bing’s Duane Forrester says still no rel=canonical in http headers » https://twitter.com/DuaneForrester/status/459387860358295552
  20. Reminder: We not making this optimization for Google Image search traffic. Google’s Jan 2013 Image Page Redesign that’s “better for the UX” We do it for the better UX which leads to secondary search signals. Because sadly, there’s no good crawlability option to date. Although UX from Image Search Sessions improved, the overall net was worse. PageViews / Session Citations: Google Blog: A Faster Image Search » http://googlewebmastercentral.blogspot.com/2013/01/faster-image-search.html Google Says It’s Better for Webmasters » http://www.seroundtable.com/google-image-search-design-16259.html
  21. When lazy loading there are many options. 1x1s (should set image size) Skeleton Screens are a cool “human perception” experience Don’t sweat the navigational / aggregate pages. Make sure images are fully crawlable on the article / story / gallery page
  22. This is still a mess. There is no good standard. <picture> and srcset seem to be the way of the future, but it’s still limited. Srcset Javascript Browser detection CSS Queries for Double Density SVG solutions (but this isn’t quite practical at this time): Vox Workflow Creative Solution: Inject <plaintext> Citations: Ilya Grigork discussion around <plaintext> injection » https://plus.google.com/+IlyaGrigorik/posts/S6j45VxNESB Vox Workflow for Creating SVG Images » http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun-and-profit
  23. The most scalable quick solution for now is NOSCRIPT Caution: <noscript> has traditionally been a spammy place … but it’s probably still worth the risk. Just like display:none and -9999px Libraries to take advantage of the data-src attributes. Citations: One Solution to Responsive Images » http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/ Truly Responsive Images » http://davidwalsh.name/responsive-design
  24. An interesting concept … I’m not sure I’d fully go this route, but worth looking at.
  25. They’ve had problems with SEO … “affiliate” links and incentives Looking at their HTML, it doesn’t appear as though they spent a large amount of time on on-site SEO. However, they do well and have an interesting user experience.
  26. Search for some lyrics
  27. Get a cool focused, and targeted UX. Used to be done with referrer sniffing before “Not Provided”
  28. Javascript Redirects …. Something I wouldn’t recommend or do on my own sites … it’s too close to what blackhats use. However, I couldn’t say I’d have another solution to achieve their UX.
  29. If you’re not the implementer, chances are you’ll have to convince your engineering team of what the right possible solutions might be. Make friends with your engineering team, and know what you’re talking about before requesting it. 2 camps Pre-render or Server Side Render Neither is right or wrong, just different. Pick what works for your technology. I’ll cover the most popular implementations right now, but with tech anything goes. Make it what you want.
  30. Pros: Single MVC / MVW Single Routing Logic Cons: Cron / Cache Expiration Headache Render Could be Different Potentially Serving Something different for Googlebot _escaped_fragment_ Caveat: I’ve never used any of these services listed … proceed with caution. Citations: AngularJS NYC Meetup: Server-side Template Rendering by HBO » http://youtu.be/iB7hfvqyZpg?t=58m20s
  31. QZ Architecture Citations: Josh Kadis Quartz on VIP Wordpress Video » http://vip.wordpress.com/2013/09/26/josh-kadis-qz-wordpress/ https://docs.google.com/file/d/0B2Z4K6ynFLg5TVdvWVV1aTRmYUU/edit?pli=1
  32. Clean URLs aren’t necessarily specific to Server Side Rendering, you can have them with pre-rendering … but it’s not common with pre-rendering solutions. No more secondary caching headache. Expires on data update or by standard tested practices. QZ is the main example where there’s 2 templates for the view. The proposed alternate solution is to consolidate to 1 template.