question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Server side rendering: SEO best practices for virtual lists

See original GitHub issue

react-window is amazing for the client side and helps to increase the fluidity and performance of the app - but Search engines won’t be able to scroll the FixedSizeList to get all the links to index the app properly.

One option I considered is to set:

<FixedSizeList overscanCount={(typeof window === 'undefined') ? dataset.length : 20} ... />

the issue with the above option is that the output will be pretty heavy to the inline styles.

What would be the best practice for such use case?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
kartikag01commented, Oct 1, 2020

I may not be correct but does it matter to SEO when you are using schemas for structured data (https://schema.org/) along with a virtual list?

0reactions
aominicommented, Sep 6, 2021

I may not be correct but does it matter to SEO when you are using schemas for structured data (https://schema.org/) along with a virtual list?

I think structured data are just enhancements. With virtualization search engines only get a part of those lists.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Server-side rendering: What SEOs need to understand
From a search engine perspective, server-side rendering is the second-best option for rendering JS. The biggest benefit is the rate at which ...
Read more >
JavaScript SEO Best Practices Guide for Beginners
JavaScript SEO sounds intimiting and complicated, but it's not. ... Best practices; Rendering options; Server-side rendering ...
Read more >
SEO With React: Best Practices and Strategies - Toptal
React SEO Strategies and Best Practices · Empty First-pass Content · Load Time and User Experience · Page Metadata · Sitemap · Non-React...
Read more >
Server Side Rendering and its Relationship with SEO - Medium
Make it as easy as possible for search engines to index our web pages · Ensure changes to our pages can be indexed...
Read more >
The Definitive Guide to JavaScript SEO (2021 Edition) - Moz
As a best practice, Google specifically recommends linking pages ... Core content is rendered server-side before being sent to the client.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found