From a7ba7c972d023b95965cc520c8b41e0532d38c0d Mon Sep 17 00:00:00 2001 From: tkt989 Date: Tue, 28 Jan 2020 21:57:09 +0900 Subject: [PATCH] Translate docs/add-page-metadata --- docs/docs/add-page-metadata.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/docs/docs/add-page-metadata.md b/docs/docs/add-page-metadata.md index 1a243d1a0..235379e95 100644 --- a/docs/docs/add-page-metadata.md +++ b/docs/docs/add-page-metadata.md @@ -1,24 +1,24 @@ --- -title: Adding Page Metadata +title: ページのメタデータを追加する --- -If you've run an [audit with Lighthouse](/docs/audit-with-lighthouse/), you may have noticed a lackluster score in the "SEO" category. Let's address how you can improve that score. +[Lighthouse による評価](/docs/audit-with-lighthouse/) を実施したときに、SEO カテゴリのスコアが良くないことに気づいたかもしれません。ここではスコアを上げる方法について紹介します。 -Adding metadata to pages (such as a title or description) is key in helping search engines like Google understand your content, and decide when to surface it in search results. +ページにメタデータ（タイトルや説明など）を追加することは、Google などの検索エンジンにコンテンツを理解させ、検索結果で上位表示をするために重要です。 -[React Helmet](https://github.com/nfl/react-helmet) is a package that provides a React component interface for you to manage your [document head](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head). +[React Helmet](https://github.com/nfl/react-helmet) は、[ドキュメントヘッド](https://developer.mozilla.org/ja-JP/docs/Web/HTML/Element/head)を管理するための React コンポーネントインターフェイスを提供するパッケージです。 -Gatsby's [react helmet plugin](/packages/gatsby-plugin-react-helmet/) provides drop-in support for server rendering data added with React Helmet. Using the plugin, attributes you add to React Helmet will be added to the static HTML pages that Gatsby builds. +Gatsby の [React Helmet プラグイン](/packages/gatsby-plugin-react-helmet/)は、React Helmet で追加されたサーバーレンダリングデータのドロップインサポートを提供します。プラグインを使用すると、React Helmet に追加した属性が Gatsby がビルドする静的 HTML ページに追加されます。 -## Using `React Helmet` and `gatsby-plugin-react-helmet` +## `React Helmet` と `gatsby-plugin-react-helmet` を使用する -1. Install both packages: +1. 両方のパッケージをインストールします。 ```shell npm install --save gatsby-plugin-react-helmet react-helmet ``` -2. Add the plugin to the `plugins` array in your `gatsby-config.js` file. +2. プラグインを `gatsby-config.js` ファイルの `plugins` 配列に追加します。 ```javascript:title=gatsby-config.js { @@ -26,7 +26,7 @@ npm install --save gatsby-plugin-react-helmet react-helmet } ``` -3. Use `React Helmet` in your pages: +3. ページ内に `React Helmet` を追加します。 ```jsx import React from "react" @@ -49,6 +49,6 @@ class Application extends React.Component { } ``` -> 💡 The above example is from the [React Helmet docs](https://github.com/nfl/react-helmet#example). Check those out for more! +> 💡 上の例は [React Helmet ドキュメント](https://github.com/nfl/react-helmet#example) からのものです。詳細をご覧ください！ -You may also be interested in checking out the doc on [adding an SEO component](/docs/add-seo-component/). +また、[SEO コンポーネントを追加](/docs/add-seo-component/) も参考になるでしょう。