Forums >> Programming >> Web Programming

Jump to:




bvstone

Responsive Design, Dynamic Content Swapping/Single Page Applications (SPAs), SEO and GoogleBots

Posted:

Responsive Design, Dynamic Content Swapping/Single Page Applications (SPAs), SEO and GoogleBots

I'm putting together a responsive site that updates the page content using jQuery with static or dynamic data that is pulled from the server (otherwise known as dynamic content swapping, or Single Page Application/SPA).  This doesn't seem to be indexed by Google, Bing or other search engines.  Only the information on the main page is indexed.  In other words, Google bots really can't be expected to "click" on links, list items, or anything else that we've bound a click action to using jQuery.

So, while we're trying to make things easier and better for development and responsiveness, it seems to be ahead of the Google Bot curve and destroys your SEO rankings.

These examples are taken from our mobile/responsive site at http://m.bvstools.com.  

 

// When a menu item is clicked, retrieve the data-id attribute and load the information from that page:

$('body').on('click', '.addedMenuNavBarItem', function (event) {
  var name = $(event.target).attr('data-id');
  loadBodyContent('/ssi/' + name + '.html');
});    

// When a software name is clicked, load dynamic content based upon the software name

$('body').on('click', '.clickSoftware', function (event) {
  var software = $(this).attr('data-name');
  loadBodyContent('/e-rpg/softdesc?software=' + software);
});

//loadBodyContent() is used to change the main bodyContent div container's contents

function loadBodyContent(path, callback) {
  $("#bodyContent").html("<img src='/images/loading.gif' style='display: block; margin-left: auto; margin-right: auto'/>");
  $.get( path, function( data ) {
    $( "#bodyContent" ).html( data );
    if (callback) callback();
  });
}

We have since added some DIVs containing the descriptions of our software products that are initially hidden to see if that helps with keywords and crawling by Google.  The content is the same as what they would see if they were to click on a software link so it technically shouldn't be "cloaking".  But that's not the main point here.

It just seems that all the web development ideas, tools and crawlers assume every website is a "blog" and all the information will be available as static content (hidden or not).  

This also means that development of commercial type websites need to follow the rule of Google (et al) crawlers instead of techniques like those shown above.


Last edited 07/13/2015 at 11:53:51



Latest Posts:

GreenTools for G Suite (G4G) Now Includes Send Mail Functionality (G4GSMAIL Addon) GreenTools for G Suite (G4G) Now Includes Send Mail Functionality (G4GSMAIL Addon)
Posted by August 27, 2019
BVSTools >> BVSTools Announcements >> GreenTools for G Suite (Google Apps) (G4G) Specific Announcements
GreenTools For G Suite (G4G) v12.00 Released With Base OAuth 2.0 Functionality GreenTools For G Suite (G4G) v12.00 Released With Base OAuth 2.0 Functionality
Posted by July 28, 2019
BVSTools >> BVSTools Announcements >> GreenTools for G Suite (Google Apps) (G4G) Specific Announcements
BVSTools Small Price Increase in 2020 BVSTools Small Price Increase in 2020
Posted by July 26, 2019
BVSTools >> BVSTools Announcements
GreenTools for Vertex Cloud (VTXCLOUD) Now Available GreenTools for Vertex Cloud (VTXCLOUD) Now Available
Posted by July 22, 2019
BVSTools >> BVSTools Announcements >> GreenTools for Vertex Cloud (VTXCLOUD) Specific Announcements
GreenTools for Google Apps (G4G) - Drive Addon Successfully Verified by Google GreenTools for Google Apps (G4G) - Drive Addon Successfully Verified by Google
Posted by July 22, 2019
BVSTools >> BVSTools Announcements >> GreenTools for G Suite (Google Apps) (G4G) Specific Announcements
Why I Cancelled my DynDNS Service and How I Replaced It with an IBM i Application Why I Cancelled my DynDNS Service and How I Replaced It with an IBM i Application
Posted by July 17, 2019
IBM Power Systems >> (QGPL) IBM i
Green Tools for G Suite (G4G) Product Updates (Licensing, Functionality, Base Product) Green Tools for G Suite (G4G) Product Updates (Licensing, Functionality, Base Product)
Posted by July 13, 2019
BVSTools >> BVSTools Announcements >> GreenTools for G Suite (Google Apps) (G4G) Specific Announcements
Reading JSON Data from Standard Input With YAJL and RPG Reading JSON Data from Standard Input With YAJL and RPG
Posted by July 12, 2019
Programming >> Proof of Concept (POC)
MAILTOOL Updated to Allow Use of IBM Global Security Kit (GSKIT) for SSL/TLS Communications MAILTOOL Updated to Allow Use of IBM Global Security Kit (GSKIT) for SSL/TLS Communications
Posted by June 19, 2019
BVSTools >> BVSTools Announcements >> eMail Tool (MAILTOOL) Specific Announcements
GETURI v10.00 Released Supporting IBM Global Security Kit (GSKIT) and Server Name Indication (SNI) GETURI v10.00 Released Supporting IBM Global Security Kit (GSKIT) and Server Name Indication (SNI)
Posted by June 11, 2019
BVSTools >> BVSTools Announcements >> Get URI (GETURI) Specific Announcements
BVSTools Now Offers Vertex Cloud Interface BVSTools Now Offers Vertex Cloud Interface
Posted by April 15, 2019
BVSTools >> BVSTools Announcements
Token Has an Invalid Signature Error for Office 365 Email Token Has an Invalid Signature Error for Office 365 Email
Posted by March 22, 2019
BVSTools >> BVSTools Software Discussion >> GreenTools for Microsoft Apps (G4MS) Specific Discussion
Resending Emails that have Errored Out with Updated Router or Authentication Information Resending Emails that have Errored Out with Updated Router or Authentication Information
Posted by March 1, 2019
BVSTools >> BVSTools Software Discussion >> Email Tools (MAILTOOL) Specific Discussion
BVSTools Offers Toolset to Work With HubSpot OAuth 2.0 APIs On Your IBM i BVSTools Offers Toolset to Work With HubSpot OAuth 2.0 APIs On Your IBM i
Posted by January 27, 2019
BVSTools >> BVSTools Announcements
G4MSDRV Currently Not Supported G4MSDRV Currently Not Supported
Posted by January 17, 2019
BVSTools >> BVSTools Announcements >> GreenTools for Microsoft Apps (G4MS) Specific Announcements
bvstone

RE: Responsive Design, Dynamic Content Swapping/Single Page Applications (SPAs), SEO and GoogleBots

Posted:

RE: Responsive Design, Dynamic Content Swapping/Single Page Applications (SPAs), SEO and GoogleBots

See our update on this with this article!


Last edited 07/23/2015 at 07:52:40




Reply




Copyright 1983-2019 BVSTools
GreenBoard(v3) Powered by the eRPG SDK, MAILTOOL Plus!, GreenTools for Google Apps, jQuery, jQuery UI, BlockUI, CKEditor and running on the IBM i (AKA AS/400, iSeries, System i).