Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

13のWordPressフッターデザイン例(+ベストプラクティス)

多くの人は、フッターは著作権表示といくつかのリンクのためだけのものだと思っています。しかし、長年サイトを構築してきた私たちは、フッターがサイトの強力な一部になり得ることを発見しました。

なぜか?ページの一番下までスクロールしてくる訪問者は、あなたが提供するものに非常に興味を持っていることが多いからです。彼らは、あなたのコンテンツを読んだ後、特定の情報を探していたり、さらに詳しく知りたいと思っているかもしれません。

つまり、フッターは、重要なリンクや行動を促すボタン、ニュースレターに登録する方法などを置くのに最適な場所なのです。

しかし、フッターに何を書くべきか?便利で見栄えのするフッターにするにはどうしたらいいのでしょう?そんなあなたのために、様々なサイトのWordPressフッターデザインを集めてみました。

Best WordPress footer design examples (+ best practices)

なぜWordPressのフッターデザインが重要なのか?

フッターは、サイトのページの一番下に外観されるエリアです。通常、WordPressサイトのすべてのページに表示されます。

毎月何百万人もの読者が見ているWPBeginnerのフッターの例です。

無料ツールや製品サイトへのリンクや、ユーザーが私たちについて学んだり、私たちと一緒に仕事を探したり、ソーシャルメディアで私たちをフォローしたりする方法などを掲載しています。

WPBeginner footer

このエリアはサイトの一番下にあるため、ほとんどの初心者は最適化を忘れてしまう。

しかし、サイトのフッターは、重要な詳細や最終的なポイントを一箇所に表示できるため、重要なエリアです。

フッターをカスタマイズすることで、サイト全体のユーザーエクスペリエンスを向上させ、WordPress SEOのためにサイトを最適化することもできます。

さらに、ページの一番下までスクロールしてくる訪問者は、非常に熱心なので、行動喚起やメール購読ボックスで彼らの注意を引き付けたり、サイト内の最も重要なページに送ったりすることができます。

それでは、WordPressフッターを最適化するための、最高のフッターデザイン例とベストプラクティスをいくつかご紹介しましょう。以下に全リストを掲載するので、下のクイックリンクを使ってこの投稿をナビゲートしてほしい:

1.WPForms

WPForms footer

WPFormsのフッターには便利なリンクがすべてあります。最も役立つ会社のページ、プラグインのトップ機能、WordPressの便利なリンクへのリンクがあります。

これにより、読者がページの一番下まで来て、まだ質問がある場合、彼らが必要とする正確なリソースを見つけることができます。また、ページ下部には、行動を促すアラートバーが浮かんでいる。

2.OptinMonster

OptinMonster footer

OptinMonsterは、世界で最も優れたリードジェネレーションおよびコンバージョン最適化ソフトウェアです。同社のサイトにはフッターがあり、重要な会社ページ、トップ機能、役立つ製品リンク、その他多くのリンクを読者に提供しています。

また、フッターにはブランディングのために、シンプルなソーシャルメディア・アイコン、信頼アイコン、会社ロゴを掲載している。

3.ニール・パテル

Neil Patel footer

ニール・パテルは、コンパクトでわかりやすいフッターで、読者に素早いナビゲーションリンクを提供している。フッターメニューはサイト上部のナビゲーションメニューと同じである。

さらに、読者にはニール・パテルをソーシャルメディアでフォローする設定もある。

4.マイケル・ハイアット

Michael Hyatt footer

Michael Hyattのフッターもシンプルでコンパクトだ。著作権表示、簡単なソーシャル共有ボタン、利用規約やプライバシーポリシーなどのページへのリンクを強調している。

フッターの真上には、無料ガイドをダウンロードするための行動喚起が表示され、ページの下までたどり着いた多くの訪問者を転換させることができる。

5.レッドバー

Reddbar footer

ReddBarは、メール登録を促すフッターを持つWooCommerceストアです。フッターリンクの真上には、読者のための巨大な登録ボックスがあります。

役に立つリンクとしては、FAQページへのリンク、コンタクトページ、卸売価格ページなどがある。

6.読者ダイジェスト

Reader's Digest footer

読者ダイジェストのフッターには、訪問者のために多くの情報が含まれています。カテゴリーページ、他の企業ブランド、ソーシャルメディア共有ボタンなどへのリンクがあります。

さらに、目を引くEメール登録ボックスがあり、訪問者にEメールリストへの参加を促している。

7.IsItWP

IsItWP footer

IsItWPのフッターには、サイトについての簡単なセクションと、他のサイトや会社のページへのリンクがあります。

また、ユニークなサイトリンクのドロップダウン・メニューがあり、読者がクリックすることで、ブログで探しているコンテンツを的確に見つけることができる。

8.MonsterInsights(モンスターインサイト

MonsterInsights footer

MonsterInsightsは最高のWordPress Googleアナリティクスプラグインです。読者が必要な情報を見つけやすくすることに重点を置いたシンプルなフッターを備えている。

プレミアム機能、企業リソース、その他のブランドリンクへのリンクがある。さらに、訪問者を価格ページに導くための行動喚起もある。ソーシャルアイコンもある。

9.印刷 ニューヨーク

Printing NewYork

プリンティング・ニューヨークは世界中に発送するオンラインショップです。フッターには住所、サービス、人気商品が紹介されています。

リンクの構造を利用して、ローカルSEOと検索エンジンのランキングを高めているのだ。

10.ナルゲン

Nalgene footer

ナルゲンには、すっきりと整理されたフッターセクションがある。フッターの真上には、シンプルなメール登録フォームがある。

その後には、訪問者が探している製品を的確に見つけられるよう、企業関連のリンクが整理されている。

11.プロブロガー

ProBlogger footer

プロブロガーのフッターには、人気投稿、トップリソース、求人掲示板に投稿された新着求人へのリンクがあります。

また、フッターの真上には大きなメール登録フォームがあり、小さなフッターナビゲーションメニューにはヘッダーナビゲーションと同じメニュー設定がある。

12.トラストパルス

TrustPulse Footer

TrustPulseは、市場で最高のWordPressソーシャルプルーフプラグインです。複数のナビゲーションメニューやページリンクの代わりに、メールマガジンのサインアップボックスを備えている。

他の多くのブランドとは異なるが、このようなミニマルなフッターは、訪問者が取ることのできる行動や気が散るものが少ないため、コンバージョンを高めることができる。

13.ネクスト・ウェブ

The Next Web

ネクスト・ウェブには、他のサイトよりも目立つフッターがある。ソーシャルメディア共有ボタン、重要ページへのリンクなどがある。

フッターの真上にはソーシャルプルーフのセクションがあり、人気ブランドやサイトからのロゴが掲載されている。

WordPressブログのユーザーエクスペリエンスを向上させ、より良いフッターを作成する方法はたくさんあります。

サイトのフッターを編集する際に留意すべきベストプラクティスを簡単に見てみましょう。

ビジネスの連絡先情報を含める

サイトに連絡先情報を掲載することは不可欠です。サイト内にお問い合わせフォームのページを区切り、訪問者が連絡を取れるようにしましょう。

しかし、フッターは連絡先情報を記載するのに最適な場所でもあります。特に、あなたの住所を探している地元のカスタマイザーがいる場合はなおさらです。

Business contact information example

地元企業の場合、連絡先や住所、営業時間などを紹介できる手段は多ければ多いほどよい。

重要なサイトページへのリンクの追加

サイト全体のナビゲーションが明確であることは重要です。そのため、サイトではフッターにリンクを設置するのが一般的です。

最も重要な商品ページ、ブログのトップ投稿、アバウトページなどのリンクを追加することができます。

Footer links example

あなたのサイトで最も価値のあるページ、訪問者が最も役に立つページについて考えてみましょう。

リンクを追加して最適化することで、SEOの効果も得られ、検索エンジンのランキングを上げることができます。

コンバージョンを向上させるために社会的証明を加える

特定のサイトがフッターにソーシャルプルーフを追加しているのを見たことがあるかもしれません。これは、カスタマイザーの信頼を獲得し、あなたをその分野のエキスパートとして位置づけるのに役立ちます。

カスタマイザー(顧客の声)のようなシンプルなものでも、人気サイトのロゴを集めたものでも構いません。

例えば、TrustPulseはサイトのフッターにポップアップを表示し、24時間以内にプラグインを購入した人の数を表示している。

Footer social proof

行動喚起を加える

訪問者があなたのサイトの一番下まで来たら、あなたは彼らが取るべき正確な行動とその方法を伝えたいと思うでしょう。

サイトによっては、メールマガジンに登録するよう呼びかける。また、人気商品の特徴を探るためのリンクであったり、行動喚起ボタンであったりする場合もあります。

Call to action button footer example

フッターは、訪問者の注意を引き、購読者やカスタマイザーになってもらったり、単にサイトでの滞在時間を長くしてもらうための最後のチャンスです。

この投稿が、最高のWordPressフッターのデザイン例を発見する一助となれば幸いです。また、専門家が選ぶWordPressのベストなドラッグ&ドロップページビルダーやお問い合わせフォームページのデザイン例とベストプラクティスのリストもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

2件のコメント返信を残す

  1. Dennis Muthomi

    well…my footer design is quite simple on my software affiliate blog. I have the logo and address on the left side. In the middle section, I’ve hand-picked 5 links to my “money pages” articles, which are my most valuable content. On the right part, I’ve placed links to important pages like Contact Us and About Us.
    for the Contact Us page, I’ve added CSS to make it appear bold, so potential sponsors who want to reach out will be attracted to the bold “Contact Us” link. I’ve also included links to legal pages like the Privacy Policy, Affiliate Disclosure, Cookie Policy, and Terms of Service.
    i just love keepping things simple

  2. Moinuddin Waheed

    Footer area is one of the most focused and go to place on the website by the visitors.
    Many of the useful navigation does come there only as we can’t include all of the navigation directly in the header.
    Also good footer design is always consistent with the overall design of the website.
    Thanks for all the mentioned footers for inspiration.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。