A test lab for technical SEO

Welcome! This is a testing ground to find out if search engines (i.e. Google) can fetch the content in relation to different, more or less popular frontend techniques. I'll update this document as regularly as possible.

This page is online since: 18.05.2015
First result was tracked: 20.05.2015
Last update: 13.09.2015

Explanation

works
The Googlebot has indexed the content
pending
Still testing
not working
Google doesn't fetch the content

Clicking the link in the label at the top of each box fires a Google site search using a unique string in square bracket (the same as in the content part below, not always visible though).

For questions, feedback or suggestions feel free to contact me via Twitter @Freizeitler. If you'd like to contribute on Github, you can find the project here. Let's go…

HTML

works

HTML-attribute hidden

This textblock is hidden with the attribute hidden(="true"). Works with all browsers except IE9 and below.

not working

SVG's title and desc

This is an inlined SVG with title and description tags.

works

HTML noscript

This snippet lives within the noscript tags.

Webcomponent

not working

Webcomponent with rel="import"

This is a Webcomponent imported with the help of Polymer.

not working

Webcomponent with rel="import"

Here I use a button to trigger the import.

Load Content Data with Ajax

works

jQuery: load() without button

A simple Ajax call with load().

not working

jQuery: load() with button

A simple Ajax call with load().

works

jQuery: $.ajax() without button

Fetching a JSON-Mockup with Ajax and append the data to the DOM.

Using JS, jQuery and CSS to Inject Content

works

jQuery: append() without button

Injecting content into the DOM using jQuery. There's no button to trigger it.

not working

jQuery: append() with button

Injecting content into the DOM using jQuery. There's a button to trigger it.

works

jQuery: prepend() without button

Injecting content into the DOM using jQuery. There's no button to trigger it.

works

jQuery: html() without button

Injecting content into the DOM using jQuery. There's no button to trigger it.

works

jQuery: text() without button

Injecting content into the DOM using jQuery. There's no button to trigger it.

works

JS: el.innerHTML without button

Injecting content into the DOM using JavaScript. There's no button to trigger it.

not working

CSS: content without button

Injecting content into the DOM using CSS. There's no button to trigger it.

CSS Techniques for Hiding Content

works

display: none with show-button

Does the Searchengine index the hidden content if there's a button to reveal it?

[DNWB] Display None With Button

works

display: none without show-button

Content is hidden with no possibility to reveal it.
Grab the content from the source code to check it with your SE.

[DNNB] Display None No Button

works

visibility: hidden with show-button

Does the Searchengine index the hidden content if there's a revealing button?

[VHWB] Visibility Hidden With Button

works

visibility: hidden without show-button

Content is hidden with no possibility to reveal it.
Grab the content from the source code to check it with your SE.

[VHNB] Visibility Hidden No Button