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:

MAILTOOL Updated to Allow G4GSMAIL as Option in Routers File MAILTOOL Updated to Allow G4GSMAIL as Option in Routers File
Posted by 3 days ago
BVSTools >> BVSTools Announcements >> eMail Tool (MAILTOOL) Specific Announcements
BVSTools Now Offers Interface with Infor's ION APIs BVSTools Now Offers Interface with Infor's ION APIs
Posted by May 15, 2020
BVSTools >> BVSTools Announcements
More V7R4 IFS File CCSID Issues and The Fix More V7R4 IFS File CCSID Issues and The Fix
Posted by March 4, 2020
IBM Power Systems >> (QGPL) IBM i
Error Retrieving IP Address by Name Error Retrieving IP Address by Name
Posted by February 25, 2020
BVSTools >> BVSTools Software Discussion
Logging jobs that hit an outq Logging jobs that hit an outq
Posted by February 13, 2020
Programming >> CL Programming
GreenTools for Google Apps (G4G) v12.60 Released with Shared Drive Features and More... GreenTools for Google Apps (G4G) v12.60 Released with Shared Drive Features and More...
Posted by February 4, 2020
BVSTools >> BVSTools Announcements >> GreenTools for G Suite (Google Apps) (G4G) Specific Announcements
Allowing Requests over Port 80 For SSL Validation (ie, Namecheap, etc) Allowing Requests over Port 80 For SSL Validation (ie, Namecheap, etc)
Posted by January 31, 2020
Programming >> Web Programming
GreenTools for Slack (G4SLK) v3.00 Released GreenTools for Slack (G4SLK) v3.00 Released
Posted by January 17, 2020
BVSTools >> BVSTools Announcements >> GreenTools for Slack (G4SLK) Specific Announcements
Calling a QSH Command from RPG Calling a QSH Command from RPG
Posted by December 26, 2019
Programming >> RPG Programming
SPLTOOL Print Range (PRTRNG) Function Updated to Handle Spooled Files up to 999,999,999 Pages SPLTOOL Print Range (PRTRNG) Function Updated to Handle Spooled Files up to 999,999,999 Pages
Posted by December 14, 2019
BVSTools >> BVSTools Announcements >> Spooled File Tools (SPLTOOL) Specific Announcements
GreenTools for Microsoft Apps (G4MS) Updated to v6.00 - Now Uses Microsoft Graph APIs GreenTools for Microsoft Apps (G4MS) Updated to v6.00 - Now Uses Microsoft Graph APIs
Posted by November 24, 2019
BVSTools >> BVSTools Announcements >> GreenTools for Microsoft Apps (G4MS) Specific Announcements
V7R4 Changes CCSID of Compressed File Using PASE JAR Command - Here's The Fix V7R4 Changes CCSID of Compressed File Using PASE JAR Command - Here's The Fix
Posted by November 21, 2019
IBM Power Systems >> (QGPL) IBM i
Using GETURI to Make OAuth 2.0 Requests - Custom Headers for Access Tokens Using GETURI to Make OAuth 2.0 Requests - Custom Headers for Access Tokens
Posted by November 11, 2019
BVSTools >> BVSTools Software Discussion >> Get URI (GETURI) Specific Discussion
GreenTools for Microsoft Apps (G4MS) v5.00 Released with Updated OneDrive Support and 3rd Party Functionality GreenTools for Microsoft Apps (G4MS) v5.00 Released with Updated OneDrive Support and 3rd Party Functionality
Posted by October 20, 2019
BVSTools >> BVSTools Announcements >> GreenTools for Microsoft Apps (G4MS) Specific Announcements
BVSTools is Now Running V7R4M0 BVSTools is Now Running V7R4M0
Posted by September 28, 2019
BVSTools >> BVSTools 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-2020 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).