From 6f65ba62d8d5c3868c88a5b382aa717506f5c9af Mon Sep 17 00:00:00 2001 From: Dorell James Galang Date: Wed, 3 Jul 2019 00:00:05 +0800 Subject: [PATCH] Add guide for SEO with Gatsby.js (#31537) --- guide/english/gatsbyjs/gatsbyjs-seo/index.md | 22 ++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 guide/english/gatsbyjs/gatsbyjs-seo/index.md diff --git a/guide/english/gatsbyjs/gatsbyjs-seo/index.md b/guide/english/gatsbyjs/gatsbyjs-seo/index.md new file mode 100644 index 00000000000..d318f9142a5 --- /dev/null +++ b/guide/english/gatsbyjs/gatsbyjs-seo/index.md @@ -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/)