: How can I get Google to index content that is written into the page with JavaScript? I have a website that focuses on charts and graphs. The graphs on the site are drawn using JavaScript,

@BetL925

If Google isn't indexing words contained within scripts, then the words need to be added to the HTML where Googlebot does pick up on them. So that all the data isn't duplicated, it can be removed from the script. The JavaScript can pull the text out of the HTML document and use it.

The text in the page can be hidden via CSS. This should not be considered cloaking because the text is shown to users in the chart.

The code for the data in the chart now looks like this:

<div class=charttext>
<table class=charttabledata><tr>
<th></th><th>2013</th><th>2014</th>
</tr><tr>
<th>Amount Of Money Raised By The ALS Association</th><td>1700000</td><td>15600000</td>
</tr></table>
<div class=ylabel>Dollars</div>
</div>


Now the JavaScript has code to find this data using jQuery and format into arrays that the charting software can use.

While the data is initially hidden by CSS, I also added an option for users to view it:

(source)

Vote Up Vote Down

@Gonzalez347

Here are a few options:

1) Update your Meta Tags to include the graph info.

2) Write some content that explains the graph in detail.

3) Use something like Swiftype for your internal search. You can make custom queries or adjust weight of things like title, excerpt, tags and much more.

Honestly, I would just do all 3 or at least the first two.

Vote Up Vote Down