WordPress でレシピカードを作成する方法 (ステップバイステップ)
WordPress コンテンツにレシピカードを追加したいと考えていますか?
オンラインでは毎日何百万人もの人々がレシピを検索しています。平日の簡単なディナーを作る場合でも、目を引くデザートでゲストを感動させる場合でも、わかりやすい手順が記載されたレシピカードを使えば、読者は希望の料理を再現することができます。
この記事では、WordPress でレシピカードを作成する方法をステップごとに説明します。
レシピカードとは何ですか?なぜそれを使用するのですか?
レシピカードには、特定の料理の材料と調理手順が記載されています。これらのカードは多くの場合、次のようなセクションを含む構造化された形式を特徴としています。
レシピのタイトル
成分一覧
段階的な説明
追加のメモやヒント
栄養成分表示
それらは基本的に、おいしい料理を作るための青写真です。レシピカードは、あらゆるスキルレベルの料理人、特に手早く簡単な食事のアイデアを必要とする忙しい人に最適です。きちんとした形式でレイアウトされているため、読者は食事を簡単かつシンプルに再現できます。
さらに、共有しやすいため、ソーシャル メディアでの存在感を高めるのに役立ちます。また、レシピ カードは構造化データ (スキーマ マークアップ) を使用するため、検索エンジンのランキングで上位に表示される可能性が高くなります。
グルメブログを運営していたり、レストランのウェブサイトを持っていたり、健康やウェルネスの専門家であれば、おそらく、自分のサイトにレシピを追加することをすでに考えているでしょう。
何よりも、そのために複雑なコーディングや大量の技術的なノウハウは必要ありません。それがどのように行われるかを詳しく見てみましょう。
WP Tasty Recipes でレシピカードを追加する
レシピ カードを追加する最良の方法は、WP Tasty Recipes のようなレシピ プラグインを使用することです。これは、レシピをさまざまな方法でカスタマイズできるシンプルなプラグインです。
ステップ 1: WP Tasty Recipes プラグインをインストールする
始めるには、WP Tasty Recipes プラグインをインストールして有効にする必要があります。詳細については、WordPress プラグインのインストール方法に関する詳細なチュートリアルをご覧ください。
次に、WordPress 管理者からWP Tasty » ダッシュボードに移動します。 「ライセンスを入力」をクリックします。
ポップアップウィンドウが表示されます。 WP Tasty アカウントのダウンロード ページからライセンス キーを貼り付けるだけです。
「すべてのプラグイン」を選択し、「ライセンスを保存」ボタンを押します。
ステップ 2: レシピ カードのデザインを調整する
次に、ニーズに合わせてレシピ カードのデザインを調整することをお勧めします。
WordPress ダッシュボードから WP Tasty » Tasty Recipes ページに移動します。
「デザイン」タブで、レシピカードの外観をカスタマイズできます。
ボタンの色、タイトルとサブタイトルの色、星の評価、ソーシャル フッターなどの要素をカスタマイズできます。
一番下までスクロールすると、「デフォルトのテンプレート」が選択されていることがわかります。
左右の矢印をクリックして、最も視覚的に魅力的で、サイトのデザインに最も適していると思われるテンプレートを選択します。
そこから、必ず「変更を保存」をクリックしてください。
ステップ 3: WordPress の投稿にレシピカードを追加する
次に、レシピカードを追加したい投稿に移動します。ブロックエディターの左上にある「+」アイコンをクリックして、新しいブロックを追加します。
ここで、「おいしいレシピ」ブロックを検索して選択できます。
そこから、画面にウィンドウが表示されます。ここに、レシピに関するすべての情報を追加する必要があります。
Google が情報を簡単に特定し、検索結果にリッチ スニペットが表示される可能性が最も高くなるように、できるだけ多くの詳細を追加することが重要です。
ここで、次の情報を追加できます。
タイトル
レシピイメージ
著者名
説明
材料
説明書
注意事項
準備時間、調理時間、収量、カテゴリなどの詳細。
キーワード
動画のURL
装置
栄養
レシピに関する情報を入力したら、下部にある「挿入」ボタンをクリックします。
その後は、レシピ カードがサイト上で公開されていることを確認するだけです。
ステップ 4: レシピ カードを公開する
これで、レシピカードを公開する準備が整いました。上部にある「公開」または「更新」ボタンを押すだけです。
次に、Web サイトのフロントエンドに移動して、レシピ カードが実際に動作していることを確認します。
デモ サイトのフロントエンドでは、S'mores Brownies カードがどのように表示されるかを次に示します。
ステップ 5: レシピ カードに「ピン留め」ボタンを追加する (オプション)
WP Tasty の「All Access」プランにアップグレードした場合、または Tasty Pins 製品を購入した場合は、読者が Pinterest ボードに簡単にレシピを追加できるように、レシピ カードに「Pin It」ボタンも追加するとよいでしょう。
読者があなたのレシピを Pinterest にピン留めすると、プラットフォーム上のより多くのユーザーにあなたの画像が表示されます。その結果、Web サイトへのトラフィックが増加する可能性があります。
ブロック エディターの一番下までスクロールし、Pinterest の画像、タイトル、テキストを追加します。これらは、SEO と Pinterest 用に画像を最適化するために使用されます。
これにより、レシピ カードに関連するすべての画像に「ピン留め」ボタンが適用され、コンテンツを共有しやすくなります。
ボーナス: WordPress でのスキーマを使用した SEO フレンドリーなレシピの追加
レシピカードの作成はパズルの 1 ピースにすぎません。また、レシピへのトラフィックをできるだけ多く誘導するようにする必要もあります。それは最終的に、料理本の売り上げ、アフィリエイトの売り上げ、サービスの予約の増加につながる可能性があります。
そのための最良の方法は、All in One SEO プラグインを使用して WordPress にレシピ スキーマ マークアップを追加することです。
インストールしてアクティブ化すると、投稿やページにあらゆる種類のスキーマを生成できるようになります。
ブロックエディターの一番下までスクロールして「AIOSEO設定」と表示されます。次に、「スキーマ」タブで「スキーマの生成」を選択します。
ここから、ポップアップ ウィンドウが表示され、そこから選択できるさまざまなスキーマ テンプレートが表示されます。これにより、公開する投稿の種類に基づいて構造化データが作成されるため、面倒な作業がすべて行われます。
この場合、「レシピ」の横にある「+」アイコンをクリックします。
レシピの詳細をすべてスキーマ ジェネレーターに入力します。
あなたとあなたの訪問者はあなたのウェブサイトの違いを見ることはできませんが、検索エンジンボットは強調スニペットに必要な情報を持っています。
詳細については、WordPress に SEO に優しいレシピ スキーマを追加する方法に関する完全なチュートリアルをご覧ください。
この記事が、WordPress でレシピカードを作成する方法を学ぶのに役立つことを願っています。レシピブログに最適な WordPress テーマの紹介や、WordPress でレストラン Web サイトを簡単に作成する方法のチュートリアルもご覧ください。
この記事が気に入っていただけましたら、WordPress ビデオ チュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。