シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

WooCommerceでショップページのタイトルを変更する方法

WooCommerceでショップページのタイトルを変更する方法 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

WooCommerceでショップページのタイトルを変更する方法を知りたいですか?

デフォルトのWooCommerceショップページのタイトル「Shop」は、わかりやすく要点がまとまっていますが、あなたの提供する商品を十分に表現できていないかもしれません。あなたのブランドをよりよく反映させるために変更を検討しているかもしれませんが、何から始めればいいのかわからないかもしれません。

このガイドでは、WooCommerceでショップページのタイトルを変更する方法をステップバイステップでご紹介します。

お好きな方法にジャンプしてください:

なぜWooCommerceでショップページのタイトルを変更するのか?

デフォルトでは、WooCommerceプラグインは"Shop "という一般的なタイトルのShopページを作成します。このページは全ての商品をリストアップする商品アーカイブです。

ショップタイトルを変更することで、あなたのショップはユニークでプロフェッショナルな雰囲気になります。説明的なタイトルは、訪問者がブラウジングを始める前に、あなたが何を販売しているかを伝え、ショッピング体験を向上させます。

例えば、"Handcrafted Creations "は、ただの "Shop "よりもはるかに魅力的です。ブランディングへの配慮を示すことで、期待を持たせ、信頼を築くことができる。

カスタムショップページのタイトルはSEO対策にもなります。検索エンジンはタイトルを使ってページの内容を理解します。ショップタイトルに関連キーワードを追加することで、あなたのショップが上位に表示され、オンライン上で検索されやすくなります。

WordPressプラグインでWooCommerceのショップページを変更する方法

この方法に入る前に、まずSEOタイトルやタイトルタグとは何かを理解しよう。

SEOタイトルとは、検索エンジンが検索結果ページに表示するタイトルのことです。あなたのページが検索結果に表示されたとき、ユーザーが最初に目にするもののひとつであり、SEOとユーザー体験の両方において重要な役割を果たします。

あなたのWooCommerceショップページのSEOタイトルは以下の例のように見えるかもしれません:

検索結果のデフォルトのWooCommerceショップページタイトル

しかし、300万人以上のユーザーを持つ最高のWordPress SEOプラグインであるAll in One SEO (AIOSEO)を使えば、これを簡単に変更することができる。このプラグインを使えば、WordPressウェブサイトを簡単に検索エンジンに最適化することができ、その多くの機能のひとつに、あらゆるページのSEOタイトルをカスタマイズできる機能があります。

AIOSEOを使ってショップページのSEOタイトルを変更する

オール・イン・ワン

まず、あなたのWordPressサイトにAIOSEOプラグインをインストールし、有効化する必要があります。WordPressのプラグインをインストールする方法については、こちらの初心者ガイドをご覧ください。

WooCommerceのSEOをサポートするために、AIOSEOのProバージョンを使用しています。無料版のAIOSEOもお試しいただけます。

プラグインをインストールすると、自動的にセットアップウィザードに進み、そこでウェブサイトの詳細を入力することができます。簡単でわかりやすい説明です。

AIOSEOセットアップウィザード

しかし、より詳細なガイドが必要な場合は、AIOSEOを正しく設定する方法を以下の手順に従ってください。

AIOSEOが設定されると、WooCommerceショップページのSEOタイトルを簡単に変更することができます。WordPressエディターでショップページを開き、AIOSEO設定ボックスまでスクロールダウンするだけです。

WooCommerceショップページのSEOタイトルを変更する

ページタイトルの見出しの隣には、カスタムショップページタイトルを入力するボックスがあります。また、スマートタグを使ってショップページのタイトルを自動生成することもできます。

SEOタイトルに満足したら、更新ボタンをクリックしてください。これで検索エンジンは新しいショップページのタイトルを検索結果に表示します。

SeedProdを使ってショップページのタイトルとデザインをカスタマイズする

AIOSEOでは、ショップページのSEOタイトルを変更することができますが、SeedProdでは、さらに一歩踏み込むことができます。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

コードを追加することなく、WooCommerceショップや商品ページのタイトルやデザインを完全にカスタマイズできる、強力なドラッグ&ドロップ式のページビルダーと ウェブサイトビルダーです。開発者を雇うことなく、カスタムWooCommerceテーマやWordPressテーマをデザインして構築することもできます。

まずは、WooCommerceのショップページを簡単にカスタマイズする方法について、ステップバイステップのガイドに従ってください。あなたのオンラインストアがSeedProdで設定されると、数回のクリックでWooCommerceのページタイトルを変更することができます。

WordPressのダッシュボードから、SeedProd " Theme Builderに移動し、ショップページのテンプレートにある「Edit Design」リンクをクリックします。

WooCommerceショップページSeedProdを編集する

ドラッグ&ドロップでページをカスタマイズできます。ショップページのタイトルを変更するには、タイトルをクリックしてカスタムタイトルを入力してください。

WooCommerceショップページのタイトルをカスタマイズする

また、タイトルの大きさ、見出しのレベル、整列、モバイルでの表示も調整できる。

ショップページのタイトルの色やフォントを変更したいですか?詳細設定]タブをクリックし、ポイント&クリックのカスタマイズオプションをご利用ください。

高度なWooCommerceショップページタイトルカスタマイズオプション

カスタマイズが完了したら、保存ボタンをクリックしてショップページのタイトルを更新・保存してください。

しかし、それは氷山の一角に過ぎません。SeedProdでは、Eコマースストアのすべてのページをカスタマイズすることができます。下記のチュートリアルのどれかに従ってください:

WooCommerceでショップページのタイトルを非表示にする方法

WooCommerceでショップページのタイトルを非表示にしたい場合があります。これはデザイン上の理由かもしれませんし、カスタムバナーや画像でタイトルを置き換えたいかもしれません。

どのような理由であれ、以下の手順でショップページのタイトルを非表示にすることができます:

WordPressのダッシュボードから、外観 " カスタマイズに移動し、左側のサイドバーにある追加CSSをクリックします。

WooCommerceでショップページのタイトルを隠す

テキストボックスに以下のコードを入力する:

.woocommerce-products-header {
   display: none;
}

ここでPublishをクリックして変更を保存します。

このCSSコードはWooCommerceショップページのタイトルを非表示にします。タイトルを再度表示したい場合は、追加CSSセクションからこのコードを削除し、 公開をクリックしてください。

また、最高のWordPressコードスニペットプラグインであるWPCodeを使って、このカスタムCSSをウェブサイトに追加することもできます。そうすれば、ワンクリックでカスタムコードのオンとオフを切り替えることができる。

注: この方法は、ウェブサイトのフロントエンドに表示されるタイトルを隠しますが、ページのHTMLからタイトルタグを削除しません。つまり、検索エンジンにはタイトルが表示されたままとなり、SEOに有利となります。

WordPressのデフォルト設定でショップページのタイトルを変更する方法

プラグインを使用しない場合は、WordPressの内蔵設定を使用してショップページのタイトルを変更することもできます。

WordPressのダッシュボードから「ページ」に移動し、ウェブサイト上のすべてのページのリストを表示します。あなたのWoocommerceショップページ(通常は「ショップ - ショップページ」というタイトル)を探し、「編集」をクリックします。

WordPressでショップページを編集する

ページエディタの上部に、現在のページタイトルが表示されます。既存のタイトルを削除し、新しいタイトルを入力し、更新をクリックして変更を保存します。

WooCommerceでショップページのタイトルを変更する方法

このメソッドはショップページ、ブラウザのタブ、検索エンジンの結果のタイトルを変更します。また、そのページが表示されているパンくずやナビゲーションメニューのタイトルも更新します。

この方法は素早く簡単ですが、AIOSEOや SeedProdのようなカスタマイズはできません。デザインとSEOを優先するのであれば、最初の方法をお勧めします。

よくある質問

ショップページのタイトルに特殊文字を使用できますか?

ショップページのタイトルに特殊文字を使用することは可能です。ただし、使用は控えめに、意味のあるときだけにしましょう。また、特殊文字の中には、すべてのブラウザで正しく表示されないものもあります。

SEOのためにショップページのタイトルにキーワードを含めることはできますか?

ショップページのタイトルにキーワードを含めると、SEO対策になります。ただ、そのタイトルが顧客にとって意味のあるものであり、あなたが販売しているものを表していることを確認してください。

古いショップページのタイトルがまだ検索結果に表示されているのはなぜですか?

Googleのような検索エンジンは、常にすぐにインデックスを更新するわけではありません。新しいタイトルが検索結果に表示されるまでには時間がかかるかもしれません。Google Search Consoleでページの再クロールをリクエストすることで、このプロセスを早めることができます。

最終的な感想

WooCommerceでショップページのタイトルを変更する方法について、このガイドがお役に立てれば幸いです。AIOSEOや SeedProdのようなプラグインを使用するにしても、WordPressに内蔵されている設定を利用するにしても、ショップのユーザーエクスペリエンスとSEOを簡単に向上させることができるようになりました。

オンラインストアをカスタマイズするための他のガイドもご覧ください:

WooCommerceに最適なWordPressガイド

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。