Can Google read this code?

[lizzyr]

I'm working on some basic on-page SEO content for a website within my company and I need some guidance as far as 1. whether Google can read the small amount of existing text (not optimized) and if it isn't spiderable, then 2. what code should be there instead.

Here is the site: https://www.le-velgear.com/store/catalog

The text I'm referring to is toward the bottom of the page (isn't it always?) and says this:

Designed for a Thriving Lifestyle

The Le-Vel Gear store is an extension of the LV Life, the Thrive product line, and the world's largest health and wellness Movement, which you helped create. Living a life you deserve includes looking good while showing the world your pride in being a Thriver...Check out all the new and incredible gear and tools and take your Thriving lifestyle to the next level!!!

When I "View Source," I cannot see the text, however, the text is highlight-able with my cursor and I can see it when I "Inspect Element" in a container that says

Thanks in advance for any help!

[lizzyr]

Thank you Gaston and Serge for the comprehensive response!  I really appreciate the help - never encountered code quite like this before so I was a bit out of my element. Have a great day & know that you've helped me very much.

[sergeystefoglo]

From my checks, it seems like Google is seeing this (and other content) properly on your homepage.

It looks like the entire website content is loaded in via JavaScript. In other words, if you disable JS in your browser and refresh the page, nothing appears. This is way when you view source you won't see that text. You're absolutely right in checking inspect element!

There are a few ways to check whether GoogleBot is seeing the content you want it to see. GoogleBot will take a "snapshot" (something called the DOM) within 5 seconds of landing on your site. What we want to do is get as close to the DOM as possible.

Here are some ways to check if GoogleBot is seeing your content properly.

1. As Gaston mentioned, you can use Fetch and Render in GSC. I've heard that a better option is to use Google's new Rich Results Tool input URL -> run test -> view source code -> copy HTML and search to see if the content you want Google to see is there. From my understanding the reason is because the new tool spits out the DOM (that snapshot) while GSC will not.

2. You can load the page -> inspect element -> right click on the opening at the top -> copy -> copy outerHTML -> paste into text editor. Then just search for the content you want Google to be seeing.

3. You can use a tool like Screaming Frog and select JavaScript crawling to see what a different crawler can pick up.

4. In this case, since we're just looking for text, we can also just search for the exact text in quotes in Google search.

TL;DR - from my checks, Google is seeing that specific content the way it should. However, since the entire site is loaded in via Javascript it will be vital to continue checking on other elements (like internal links, etc). Hope that helps!

[GastonRiera]

Hi Liz,

What you are trying to check is easily checkeable with Search Console (the old version).
There is an option in: Crawl ->Fetch as Google -> {enter URL} then fetch and render

There you will see what google sees in that page.

Hope it helps.
Best luck
GR