目次
目次
この文書は、Framerを学ぶ日本のユーザーが、日本語の資料が不足しているために経験する困難を解決するために、公式ブログの内容を日本語に翻訳し、実務に役立つ情報を追加しました。Framerを使用する皆さんに少しでもお役に立てれば幸いです。
構造化データとは何ですか？
構造化データは、検索エンジンがウェブページのコンテンツをよりよく理解できるように助け、SEOを向上させる標準化されたデータ形式です。
例えば、レシピページなら、材料、調理時間、カロリーなどの情報を構造化データを使って明確に定義することができます。Google Search Centralでも、構造化データはコンテンツの理解度や分類の向上の観点から重要視されている部分です。
構造化データをウェブページに統合する
構造化データを追加する前に、ウェブサイトに最も適したデータ形式を把握する必要があります。構造化データの動作方法の理解や検索ギャラリーなどの資料から必要な情報を得ることができます。Framerサイトでは、Custom Code機能を使用してJSON-LDのような構造化データを挿入することができます。以下は、レシピページへの構造化データの例です。
CMS詳細ページに適用する
{{}}文法でCMS変数を使用すると、各ページにユニークな構造化データを生成できます。例として、CMSの「Title」フィールドを{{Title}}として呼び出し、Breadcrumbsマークアップを追加して{{Title | json}} JSON形式に構成してみてください。
CMSページにテキストフィールドでSchemaを書く
Schemaを最新状態に維持するためには、上記の方法を推奨します。しかし、もっと自由に使いたい場合は、CMSのTextフィールドにSchemaマークアップをJSONとして記述することができます。以下の<head>文法を使用してタグに追加してください。
この{{variable_name | unsafeRaw}}文法は、CMSに保存されたすべての内容が変更なく出力されるようにします。したがって、これはJSON+LDマークアップをCMSに保存する際に有用な方法です。
Note: unsafeRawはコンテンツをそのまま出力します。したがって、入力欄に誤ったHTMLがあるとウェブサイトが損傷したり、セキュリティの問題が発生する可能性があるので、慎重に使用することをお勧めします。
構造化データの検証
構造化データを入れたら、Google Rich Results Testを使用して正しく動作するかどうか確認する必要があります。特にBreadcrumbsのようなデータを通じて直接テストすることで、問題の有無を容易に確認できます。
もし問題が解決しない場合は、問い合わせページを通じて追加のサポートを受けることができます。
この記事はFramer公式ブログ『Structured data through JSON-LD』を翻訳・脚色したコンテンツです。
