greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add guide for SEO with Gatsby.js (#31537)

pull/30249/head^2
Dorell James Galang 2019-07-03 00:00:05 +08:00 committed by Paul Gamble
parent 27f4c1bdd0
commit 6f65ba62d8
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
guide/english/gatsbyjs/gatsbyjs-seo/index.md Normal file
View File

@ -0,0 +1,22 @@
---
title: Gatsby.js SEO
---
## SEO with Gatsby
Gatsby helps your site place better in search engines. Some advantages come out of the box and some require configuration.
### Server rendering
Because Gatsby pages are server-rendered, all the page content is available to Google and other search engines or crawlers.
### Speed boost
Gatsby’s many built-in performance optimizations, such as rendering to static files, progressive image loading, and the PRPL pattern—all help your site be lightning-fast by default.
### Page metadata
Metadata to pages, such as page title and description, helps search engines understand your content and when to show your pages in search results. With Gatsby, a common way to add metadata pages is to add [react-helmet](https://github.com/nfl/react-helmet) together with [Gatsby React Helmet plugin](https://www.gatsbyjs.org/docs/seo/) for Server side rending (SSR) support.
### More Information:
Check out the Gatsby.js official docs for SEO at [Gatsby Search Engine Optimization](https://www.gatsbyjs.org/docs/seo). For more information and learn more, visit: [Gatsby.js official site](https://www.gatsbyjs.org/tutorial/)