The Moz Q&A Forum

    • Forum
    • Questions
    • My Q&A
    • Users
    • Ask the Community

    Welcome to the Q&A Forum

    Browse the forum for helpful insights and fresh discussions about all things SEO.

    1. SEO and Digital Marketing Q&A Forum
    2. Categories
    3. Inbound Marketing Industry
    4. What is the best method for getting pure Javascript/Ajax pages Indeded by Google for SEO?

    What is the best method for getting pure Javascript/Ajax pages Indeded by Google for SEO?

    Inbound Marketing Industry
    1 1 1.9k
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as question
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • webbroi
      webbroi last edited by

      I am in the process of researching this further, and wanted to share some of what I have found below.  Anyone who can confirm or deny these assumptions or add some insight would be appreciated.

      Option: 1

      If you're starting from scratch, a good approach is to build your site's structure and navigation using only HTML. Then, once you have the site's pages, links, and content in place, you can spice up the appearance and interface with AJAX. Googlebot will be happy looking at the HTML, while users with modern browsers can enjoy your AJAX bonuses. You can use Hijax to help ajax and html links coexist.  You can use Meta NoFollow tags etc to prevent the crawlers from accessing the javascript versions of the page.

      Currently, webmasters create a "parallel universe" of content. Users of JavaScript-enabled browsers will see content that is created dynamically, whereas users of non-JavaScript-enabled browsers as well as crawlers will see content that is static and created offline. In current practice, "progressive enhancement" in the form of Hijax-links are often used.

      Option: 2
      In order to make your AJAX application crawlable, your site needs to abide by a new agreement.

      This agreement rests on the following:

      1. The site adopts the AJAX crawling scheme.
      2. For each URL that has dynamically produced content, your server provides an HTML snapshot, which is the content a user (with a browser) sees. Often, such URLs will be AJAX URLs, that is, URLs containing a hash fragment, for example www.example.com/index.html#key=value, where #key=value is the hash fragment. An HTML snapshot is all the content that appears on the page after the JavaScript has been executed.
      3. The search engine indexes the HTML snapshot and serves your original AJAX URLs in search results.

      In order to make this work, the application must use a specific syntax in the AJAX URLs (let's call them "pretty URLs;" you'll see why in the following sections). The search engine crawler will temporarily modify these "pretty URLs" into "ugly URLs" and request those from your server. This request of an "ugly URL" indicates to the server that it should not return the regular web page it would give to a browser, but instead an HTML snapshot. When the crawler has obtained the content for the modified ugly URL, it indexes its content, then displays the original pretty URL in the search results. In other words, end users will always see the pretty URL containing a hash fragment. The following diagram summarizes the agreement:
      See more in the....... Getting Started Guide.

      Make sure you avoid this:
      http://www.google.com/support/webmasters/bin/answer.py?answer=66355

      Here is a few example Pages that have mostly Javascrip/AJAX :  http://catchfree.com/listen-to-music#&tab=top-free-apps-tab

      https://www.pivotaltracker.com/public_projects

      This is what the spiders see: view-source:http://catchfree.com/listen-to-music#&tab=top-free-apps-tab

      This is the best resources I have found regarding Google and Javascript

      http://code.google.com/web/ajaxcrawling/ - This is step by step instructions.
      http://www.google.com/support/webmasters/bin/answer.py?answer=81766
      http://www.seomoz.org/blog/how-to-allow-google-to-crawl-ajax-content

      Some additional Resources:

      http://googlewebmastercentral.blogspot.com/2009/10/proposal-for-making-ajax-crawlable.html
      http://www.seomoz.org/blog/how-to-allow-google-to-crawl-ajax-content
      http://www.google.com/support/webmasters/bin/answer.py?answer=35769

      1 Reply Last reply Reply Quote 0
      • 1 / 1
      • First post
        Last post
      • Best SEO agency
        firstconversion
        firstconversion
        1
        3
        994

      • Best Places to Post SEO/Marketing Jobs?
        1
        1
        160

      • If I have a Google+ Business page, do I need a Google Places page as well?
        jonnyholt
        jonnyholt
        1
        8
        338

      • Google Webspam Algo Update 24/4/12
        ifluidmedia
        ifluidmedia
        0
        6
        811

      • Google Products / Google Shopping
        GrouchyKids
        GrouchyKids
        0
        5
        791

      • Which one is THE BEST seo book
        DavidKonigsberg
        DavidKonigsberg
        1
        6
        3.7k

      • What is the best SEO Seminar/Training option in the US?
        dignan99
        dignan99
        0
        4
        3.9k

      • Which pieces of content in the online marketing/social media space were the very best of the best in the past 12 months?
        firstconversion
        firstconversion
        2
        12
        2.9k

      Get started with Moz Pro!

      Unlock the power of advanced SEO tools and data-driven insights.

      Start my free trial
      Products
      • Moz Pro
      • Moz Local
      • Moz API
      • Moz Data
      • STAT
      • Product Updates
      Moz Solutions
      • SMB Solutions
      • Agency Solutions
      • Enterprise Solutions
      • Digital Marketers
      Free SEO Tools
      • Domain Authority Checker
      • Link Explorer
      • Keyword Explorer
      • Competitive Research
      • Brand Authority Checker
      • Local Citation Checker
      • MozBar Extension
      • MozCast
      Resources
      • Blog
      • SEO Learning Center
      • Help Hub
      • Beginner's Guide to SEO
      • How-to Guides
      • Moz Academy
      • API Docs
      About Moz
      • About
      • Team
      • Careers
      • Contact
      Why Moz
      • Case Studies
      • Testimonials
      Get Involved
      • Become an Affiliate
      • MozCon
      • Webinars
      • Practical Marketer Series
      • MozPod
      Connect with us

      Contact the Help team

      Join our newsletter
      Moz logo
      © 2021 - 2026 SEOMoz, Inc., a Ziff Davis company. All rights reserved. Moz is a registered trademark of SEOMoz, Inc.
      • Accessibility
      • Terms of Use
      • Privacy