kriasoft / kriasoft/react-firebase-starter

SEO issue with Facebook/Twitter

Open
#133 5 comments 2 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
4.5k
Forks
752
PR merge metrics
No merged PRs in 30d

Description

So SEO was discussed in issue #101 for the Google crawler, but this is concerned with the Facebook and Twitter crawlers. They both do not interpret JavaScript, which makes it impossible to dynamically set open graph tags for different pages. The link [here](https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Frsb.kriasoft.com%2F) shows what the demo RSB site looks like with the Facebook crawler.

Since Firebase currently [lacks support for prerendering](https://github.com/firebase/firebase-tools/issues/33) content, the pages need to be statically compiled. This means the initial HTML is downloaded and then React rebuilds the DOM for page transitions.

Without precompiling the HTML, every link to my site on Facebook uses the same image instead of ones customized for the content.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reviewing issue #101 and the linked Firebase prerendering discussion, then inspect the demo site's initial HTML and how React handles page transitions. The work is done when Facebook and Twitter can read page-specific open graph tags from statically compiled HTML rather than receiving the same image for every link.

Written by the indexing model from the issue text.

Assessment

Tech stack
firebase, javascript, react
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.