SlideShare una empresa de Scribd logo
1 de 6
Descargar para leer sin conexión
“Googleable” Ajaxed Content
                 - Varun Grover




          
Background
   Most content is dynamic (not just static html pages).
   Search is the primary navigation tool. 
   Google search is the de­facto search tool for most ­ people "google" the stuff they are looking for.
   We are increasingly making use of Ajax to fetch and serve content.
   Trouble with Ajax is that the URL doesn’t change. Often, the URL is appended with a hash mark (#).
   HTTP spec does NOT allow UAs to send URL fragments in requests.
   However, we do want the Ajaxed content to be crawlable for improved search ranking.




                                          
Google's new initiative
   A new standard for making AJAX­based websites crawlable. 
   Benefits businesses and users by making content from rich and interactive AJAX­based websites 
       universally accessible through search results on “any search engine that chooses to take part”.
   Some of the target goals behind this initiative:
                  Minimal changes are required as the website grows
                  Users and search engines see the same content (no cloaking)
                  Search engines can send users directly to the AJAX URL (not to a static copy)
                  Site owners have a way of verifying that their AJAX website is rendered correctly and thus 
                       that the crawler has access to all the content





                                             
The fundamentals
   Progressive enhancement
                   Well, if you already do this, this is not a valid problem at all!
   Hijax




                                                
The implementation
   Indicate to the crawler that your site supports the AJAX crawling scheme
                  www.example.com/ajax.html#!key=value
   Set up your server to handle requests for URLs that contain _escaped_fragment_
                  www.example.com/ajax.html?_escaped_fragment_=key=value
   Handle pages without hash fragments
                  <meta name="fragment" content="!">
   Consider updating your Sitemap to list the new AJAX URLs
   Optionally, test the crawlability of your app: see what the crawler sees with "Fetch as Googlebot"




                                          
The bad parts
   Arbitrary. Its approach is akin to using a sledgehammer for nuts (pun is not intended).
   One lesser reason for people to produce progressive, accessible, semantic websites.
   In fact it can push adoption of WAI­ARIA guidelines down into the drain. Rather than forcing the site 
        owners to make the sites available to “all” users, it allows them to focus on just “one” user – the 
        googlebot.
   Needs site owners to change the URI scheme (or, at least, the fragments).
   No flexibility in the specs for using a different fragment prefix.



    This is like saying "we know you have no idea how to build rich user experiences and we don't expect 
        you to change things so we will do our best to crawl everything”.




                                           

Más contenido relacionado

La actualidad más candente

Single page applications the basics
Single page applications the basicsSingle page applications the basics
Single page applications the basicsChris Love
 
Architecture in Ajax Applications
Architecture in Ajax ApplicationsArchitecture in Ajax Applications
Architecture in Ajax ApplicationsAlois Reitbauer
 
Seo for single page applications
Seo for single page applicationsSeo for single page applications
Seo for single page applicationsJustinGillespie12
 
Building SPA’s using ReactJS and ASP NET Core
Building SPA’s using ReactJS and ASP NET CoreBuilding SPA’s using ReactJS and ASP NET Core
Building SPA’s using ReactJS and ASP NET CoreJosé Barbosa
 
Spa's com Reactjs e Asp Net Core
Spa's com Reactjs e Asp Net CoreSpa's com Reactjs e Asp Net Core
Spa's com Reactjs e Asp Net CoreJosé Barbosa
 
YMC Season 4 - Day7
YMC Season 4 - Day7YMC Season 4 - Day7
YMC Season 4 - Day7theymc
 
O365con14 - a developer jam with yammer
O365con14 - a developer jam with yammerO365con14 - a developer jam with yammer
O365con14 - a developer jam with yammerNCCOMMS
 
At Begin, URL Handling and REST
At Begin, URL Handling and RESTAt Begin, URL Handling and REST
At Begin, URL Handling and RESTBrian Loomis
 
Sitemap. SEO, And Backlink
Sitemap. SEO, And BacklinkSitemap. SEO, And Backlink
Sitemap. SEO, And BacklinkChetan Patil
 
Single page applications - TernopilJS #2
Single page applications - TernopilJS #2Single page applications - TernopilJS #2
Single page applications - TernopilJS #2Andriy Deren'
 

La actualidad más candente (11)

Single page applications the basics
Single page applications the basicsSingle page applications the basics
Single page applications the basics
 
Architecture in Ajax Applications
Architecture in Ajax ApplicationsArchitecture in Ajax Applications
Architecture in Ajax Applications
 
Seo for single page applications
Seo for single page applicationsSeo for single page applications
Seo for single page applications
 
Building SPA’s using ReactJS and ASP NET Core
Building SPA’s using ReactJS and ASP NET CoreBuilding SPA’s using ReactJS and ASP NET Core
Building SPA’s using ReactJS and ASP NET Core
 
Spa's com Reactjs e Asp Net Core
Spa's com Reactjs e Asp Net CoreSpa's com Reactjs e Asp Net Core
Spa's com Reactjs e Asp Net Core
 
YMC Season 4 - Day7
YMC Season 4 - Day7YMC Season 4 - Day7
YMC Season 4 - Day7
 
O365con14 - a developer jam with yammer
O365con14 - a developer jam with yammerO365con14 - a developer jam with yammer
O365con14 - a developer jam with yammer
 
Ajax
Ajax Ajax
Ajax
 
At Begin, URL Handling and REST
At Begin, URL Handling and RESTAt Begin, URL Handling and REST
At Begin, URL Handling and REST
 
Sitemap. SEO, And Backlink
Sitemap. SEO, And BacklinkSitemap. SEO, And Backlink
Sitemap. SEO, And Backlink
 
Single page applications - TernopilJS #2
Single page applications - TernopilJS #2Single page applications - TernopilJS #2
Single page applications - TernopilJS #2
 

Destacado

Regimen hipocolesterinico
Regimen hipocolesterinicoRegimen hipocolesterinico
Regimen hipocolesterinico110165
 
F:\分析浅水湖泊水质与两只二维水沙模型
F:\分析浅水湖泊水质与两只二维水沙模型F:\分析浅水湖泊水质与两只二维水沙模型
F:\分析浅水湖泊水质与两只二维水沙模型guest67abe4
 
Functionalisme In Webanalytics Google Analytics User Conference (Gauc) 2010
Functionalisme In Webanalytics   Google Analytics User Conference (Gauc) 2010Functionalisme In Webanalytics   Google Analytics User Conference (Gauc) 2010
Functionalisme In Webanalytics Google Analytics User Conference (Gauc) 2010guest498e09
 
Eg2010 kcls enhancements
Eg2010 kcls enhancementsEg2010 kcls enhancements
Eg2010 kcls enhancementsBill Ott
 
Starfish By Rory
Starfish By RoryStarfish By Rory
Starfish By RoryRory
 
Doing an evergreen installation
Doing an evergreen installationDoing an evergreen installation
Doing an evergreen installationBill Ott
 
Eg2010 bill ptacek
Eg2010 bill ptacekEg2010 bill ptacek
Eg2010 bill ptacekBill Ott
 
Faculty Simulation Overview Sp 2011
Faculty Simulation Overview Sp 2011Faculty Simulation Overview Sp 2011
Faculty Simulation Overview Sp 2011Lori Lioce
 
Exceeding Expectations with Escorted & Independent Vacations by The Travel Co...
Exceeding Expectations with Escorted & Independent Vacations by The Travel Co...Exceeding Expectations with Escorted & Independent Vacations by The Travel Co...
Exceeding Expectations with Escorted & Independent Vacations by The Travel Co...QuestexConf
 
Script on clin con
Script on clin conScript on clin con
Script on clin conguesta7083e
 
10 32 nuong chieu
10 32 nuong chieu 10 32 nuong chieu
10 32 nuong chieu taivang
 
10 36 que huong
10 36 que huong  10 36 que huong
10 36 que huong taivang
 
Drupal creación módulos, bloques, formularios y alters
Drupal  creación módulos, bloques, formularios y altersDrupal  creación módulos, bloques, formularios y alters
Drupal creación módulos, bloques, formularios y altersSergio Carracedo Martinez
 

Destacado (20)

Regimen hipocolesterinico
Regimen hipocolesterinicoRegimen hipocolesterinico
Regimen hipocolesterinico
 
Service Oriented Applications
Service Oriented ApplicationsService Oriented Applications
Service Oriented Applications
 
F:\分析浅水湖泊水质与两只二维水沙模型
F:\分析浅水湖泊水质与两只二维水沙模型F:\分析浅水湖泊水质与两只二维水沙模型
F:\分析浅水湖泊水质与两只二维水沙模型
 
Functionalisme In Webanalytics Google Analytics User Conference (Gauc) 2010
Functionalisme In Webanalytics   Google Analytics User Conference (Gauc) 2010Functionalisme In Webanalytics   Google Analytics User Conference (Gauc) 2010
Functionalisme In Webanalytics Google Analytics User Conference (Gauc) 2010
 
Eg2010 kcls enhancements
Eg2010 kcls enhancementsEg2010 kcls enhancements
Eg2010 kcls enhancements
 
Week2 s tarchart
Week2 s tarchartWeek2 s tarchart
Week2 s tarchart
 
Starfish By Rory
Starfish By RoryStarfish By Rory
Starfish By Rory
 
Activity resources
Activity resourcesActivity resources
Activity resources
 
Doing an evergreen installation
Doing an evergreen installationDoing an evergreen installation
Doing an evergreen installation
 
Eg2010 bill ptacek
Eg2010 bill ptacekEg2010 bill ptacek
Eg2010 bill ptacek
 
Faculty Simulation Overview Sp 2011
Faculty Simulation Overview Sp 2011Faculty Simulation Overview Sp 2011
Faculty Simulation Overview Sp 2011
 
Exceeding Expectations with Escorted & Independent Vacations by The Travel Co...
Exceeding Expectations with Escorted & Independent Vacations by The Travel Co...Exceeding Expectations with Escorted & Independent Vacations by The Travel Co...
Exceeding Expectations with Escorted & Independent Vacations by The Travel Co...
 
Nétive Job
Nétive JobNétive Job
Nétive Job
 
Zritelnye illjuzii
Zritelnye illjuziiZritelnye illjuzii
Zritelnye illjuzii
 
Script on clin con
Script on clin conScript on clin con
Script on clin con
 
ACL Reconstruction in the Adolescent Athlete
ACL Reconstruction in the Adolescent AthleteACL Reconstruction in the Adolescent Athlete
ACL Reconstruction in the Adolescent Athlete
 
Coke
CokeCoke
Coke
 
10 32 nuong chieu
10 32 nuong chieu 10 32 nuong chieu
10 32 nuong chieu
 
10 36 que huong
10 36 que huong  10 36 que huong
10 36 que huong
 
Drupal creación módulos, bloques, formularios y alters
Drupal  creación módulos, bloques, formularios y altersDrupal  creación módulos, bloques, formularios y alters
Drupal creación módulos, bloques, formularios y alters
 

Similar a Google Searchable Ajaxed Content

Similar a Google Searchable Ajaxed Content (20)

rendre AJAX crawlable par les moteurs
rendre AJAX crawlable par les moteursrendre AJAX crawlable par les moteurs
rendre AJAX crawlable par les moteurs
 
How to Make React SEO-friendly
How to  Make React SEO-friendlyHow to  Make React SEO-friendly
How to Make React SEO-friendly
 
Ajax ppt
Ajax pptAjax ppt
Ajax ppt
 
Ajax
AjaxAjax
Ajax
 
Web 2.0 Mashups
Web 2.0 MashupsWeb 2.0 Mashups
Web 2.0 Mashups
 
Ajax And Your Cms
Ajax And Your CmsAjax And Your Cms
Ajax And Your Cms
 
Ajax: User Experience
Ajax: User ExperienceAjax: User Experience
Ajax: User Experience
 
How to Do JavaScript SEO? Forix
How to Do JavaScript SEO? ForixHow to Do JavaScript SEO? Forix
How to Do JavaScript SEO? Forix
 
An SEO optimized website is best charged up.pdf
An SEO optimized website is best charged up.pdfAn SEO optimized website is best charged up.pdf
An SEO optimized website is best charged up.pdf
 
Web 2 0 Tools
Web 2 0 ToolsWeb 2 0 Tools
Web 2 0 Tools
 
SynapseIndia asp.net2.0 ajax Development
SynapseIndia asp.net2.0 ajax DevelopmentSynapseIndia asp.net2.0 ajax Development
SynapseIndia asp.net2.0 ajax Development
 
Seo and analytics basics
Seo and analytics basicsSeo and analytics basics
Seo and analytics basics
 
An introduction to AngularJS
An introduction to AngularJSAn introduction to AngularJS
An introduction to AngularJS
 
Ajax & ASP.NET 2
Ajax & ASP.NET 2Ajax & ASP.NET 2
Ajax & ASP.NET 2
 
SEO: SCAmore
SEO: SCAmoreSEO: SCAmore
SEO: SCAmore
 
Maximising Online Resource Effectiveness Workshop Session 2/8 Conventional SE...
Maximising Online Resource Effectiveness Workshop Session 2/8 Conventional SE...Maximising Online Resource Effectiveness Workshop Session 2/8 Conventional SE...
Maximising Online Resource Effectiveness Workshop Session 2/8 Conventional SE...
 
M Ramya
M RamyaM Ramya
M Ramya
 
Ajax Ppt 1
Ajax Ppt 1Ajax Ppt 1
Ajax Ppt 1
 
AJAX
AJAXAJAX
AJAX
 
SEO FOR WORDPRESS
SEO FOR WORDPRESSSEO FOR WORDPRESS
SEO FOR WORDPRESS
 

Google Searchable Ajaxed Content

  • 1. “Googleable” Ajaxed Content - Varun Grover    
  • 2. Background  Most content is dynamic (not just static html pages).  Search is the primary navigation tool.   Google search is the de­facto search tool for most ­ people "google" the stuff they are looking for.  We are increasingly making use of Ajax to fetch and serve content.  Trouble with Ajax is that the URL doesn’t change. Often, the URL is appended with a hash mark (#).  HTTP spec does NOT allow UAs to send URL fragments in requests.  However, we do want the Ajaxed content to be crawlable for improved search ranking.    
  • 3. Google's new initiative  A new standard for making AJAX­based websites crawlable.   Benefits businesses and users by making content from rich and interactive AJAX­based websites  universally accessible through search results on “any search engine that chooses to take part”.  Some of the target goals behind this initiative:  Minimal changes are required as the website grows  Users and search engines see the same content (no cloaking)  Search engines can send users directly to the AJAX URL (not to a static copy)  Site owners have a way of verifying that their AJAX website is rendered correctly and thus  that the crawler has access to all the content     
  • 4. The fundamentals  Progressive enhancement  Well, if you already do this, this is not a valid problem at all!  Hijax    
  • 5. The implementation  Indicate to the crawler that your site supports the AJAX crawling scheme  www.example.com/ajax.html#!key=value  Set up your server to handle requests for URLs that contain _escaped_fragment_  www.example.com/ajax.html?_escaped_fragment_=key=value  Handle pages without hash fragments  <meta name="fragment" content="!">  Consider updating your Sitemap to list the new AJAX URLs  Optionally, test the crawlability of your app: see what the crawler sees with "Fetch as Googlebot"    
  • 6. The bad parts  Arbitrary. Its approach is akin to using a sledgehammer for nuts (pun is not intended).  One lesser reason for people to produce progressive, accessible, semantic websites.  In fact it can push adoption of WAI­ARIA guidelines down into the drain. Rather than forcing the site  owners to make the sites available to “all” users, it allows them to focus on just “one” user – the  googlebot.  Needs site owners to change the URI scheme (or, at least, the fragments).  No flexibility in the specs for using a different fragment prefix. This is like saying "we know you have no idea how to build rich user experiences and we don't expect  you to change things so we will do our best to crawl everything”.