This website tests how standard and custom HTML tags are indexed by Google under different circumstances.
Fork of leofavre/web-components-seo from 2019 with updated restults from 2024.
| Content | Javascript | Link | Seen by Google |
|---|---|---|---|
| static html | – | /html-static | yes |
| sync javascript | ES5 | /html-dynamic-sync | yes |
| async javascript | ES5 | /html-dynamic-async | yes |
| Content | Tag definition | Shadow DOM | Javascript | Link | Seen by Google |
|---|---|---|---|---|---|
| static html | undefined | — | — | /undefined-static | yes |
| static html | immediate | yes | ES5 | /shadow-static-sync-es5 | yes |
| static html | immediate | yes | ES6 | /shadow-static-sync | yes |
| static html | lazy | yes | ES6 | /shadow-static-async | yes |
| sync javascript | immediate | no | ES5 | /noshadow-dynamic-sync-es5 | yes |
| sync javascript | immediate | no | ES6 | /noshadow-dynamic-sync | yes |
| sync javascript | immediate | yes | ES5 | /shadow-dynamic-sync-es5 | yes |
| sync javascript | immediate | yes | ES6 | /shadow-dynamic-sync | yes |
| async javascript | lazy | no | ES6 | /noshadow-dynamic-async | yes |
| async javascript | lazy | yes | ES6 | /shadow-dynamic-async | yes |
Google works great with web components (As of: 10/08/2024).