初めてWordPressでサイトを作ったとき、思いつく限りの失敗をした。間違ったテーマを選び、あまりにも多くのプラグインを追加し、明確なレイアウトがどのようなものなのかさえ知らなかった。
始めたばかりの人は、同じ罠に陥りやすい。選ぶべきツールはあまりにも多く、実際に何が重要なのかがわかりにくい。
良いニュースは、このリストにあるすべての間違いは、見るべきポイントを知れば簡単に直せるということです。この記事では、WordPressサイトを構築する上で最も一般的な初心者の間違いをいくつか紹介し、それらを避ける方法を紹介します。
WordPressサイト構築のよくある間違い
サイトの第一印象が重要な理由
ウェブサイトの第一印象を良くする時間は、ほんの一瞬です。実際、ある調査によると、ユーザーがウェブサイトのデザインについて意見を述べ、滞在するか離脱するかを決定するのにかかる時間はわずか0.05秒です。
サイトの読み込みが遅かったり、見た目がわかりにくかったりすると、人々は一字一句読む前に離脱してしまいます。問題を後から修正するのは、最初から正しくやるよりもずっと時間がかかります。
このガイドにある間違いのほとんどは、コーディングとは関係ありません。これらは、サイトの見た目、使いやすさ、そしてやるべきことをやっているかどうかということです。早い段階でこれらを理解することで、イライラする時間を節約し、より洗練されたプロフェッショナルなサイトを完成させることができる。
初心者が陥りがちなWordPressサイト構築
初めてWordPressサイトを構築するとき、色を選んだり、プラグインを選んだり、すべてを "ちょうどよく "見せようとすることにとらわれがちです。しかし、しっかりとした土台がなければ、どんなに見栄えのするサイトでも平坦になってしまいます。
ここでは、初心者が犯しがちな間違いのトップと、シンプルでプロフェッショナル、そして実際に機能するサイトを構築するために代わりにできることを紹介する。
1.レイアウトプランをスキップする
エディターに飛び込んで、ドラッグでいろいろなものを動かしてみたくなる。しかし、レイアウトが決まっていないと、ページが乱雑になったり、わかりにくくなったり、重要な要素が欠けてしまったりします。
デザインを始める前に、大まかなワイヤーフレームを描いたり、簡単なアウトラインを書き留めておくと便利です。自分自身に問いかけてみてください：このページで何をしてもらいたいか？フォームに入力するのか、ボタンをクリックするのか、それとも続きを読むのか？
ゴールが分かれば、それを中心に組み立てるのはずっと簡単だ。
私は、SeedProdのワイヤーフレームウェブサイトテンプレートを使って、さまざまなレイアウトを素早くテストするのが好きです。
また、テーマやデザインの設定方法についてもっとアイデアが必要な場合は、コードなしでカスタムWordPressテーマを作成する方法をご覧ください。
2.明確なゴールのないデザイン
色や画像、楽しいデザイン要素に夢中になるのは簡単だ。私もそうでした。しかし実は、見栄えの良いページが必ずしも役に立つとは限らないのです。
ウェブサイト上のすべてのページには、明確なゴールを1つ設定する必要があります。それは、メールアドレスを集めることかもしれないし、電話を予約してもらうことかもしれないし、別のブログ記事を読んでもらうことかもしれない。
ゴールがないと、訪問者は次に何をすればいいのかわからない。スクロールして、少し迷って、去っていく。
集中力を維持する最善の方法は、まずゴールを選び、それを中心にページを構築することです。例えば、あなたのゴールがEメール登録であれば、フォームを折りたたみの上に置き、目立つような強いコールトゥアクションを使いたいでしょう。
折り目の上にコンタクトフォームがあるウェブサイトでは、2.5％のコンバージョン率に比べ、ページのさらに下にフォームがある場合は1％と、より高いコンバージョン率を示している。
コンバージョンの高いページの作り方については、目標を達成するランディングページの作り方をご覧ください。
3.複雑または肥大化したテーマの選択
スライダーやアニメーション、あらゆる機能が組み込まれた派手なデモテーマに引き込まれるのは簡単だ。しかし、このような「何でもできる」テーマには余分なコードが含まれていることが多く、サイトの表示速度が遅くなり、簡単な編集にもイライラさせられます。
軽量テーマは通常、より良い選択です。読み込みが速く、管理が簡単で、サイトの動作をよりコントロールしやすくなります。可動部分が少ないほど、何かが壊れたりトラブルシューティングが必要になったりする可能性が低くなります。
そのため、私は土台がきれいなWordPressページビルダーを好んで使っている。必要なものから始めることができ、設定を掘り下げることなくカスタムセクションを追加できる。
優れたテーマオプションをお探しなら、スピードとシンプルさを追求した最高のWordPressテーマをご覧ください。
4.貧弱なビジュアル・デザインの選択
私が初めてサイトを作ったとき、"目立つ "ようにしたかった。そのため、3種類のフォントを使い、大胆な色を多用し、ありとあらゆるデザインのトリックを駆使した。結局、プロフェッショナルなウェブサイトというよりは、学校のタレントショーのチラシのようになってしまった。
よく見かける間違いだ。新しいサイトのオーナーは、スタイルや派手な要素を追加しすぎて「ポップ」にしようとします。しかし、多くの場合、それは乱雑さを生み、サイトを読みにくくするだけです。
もっと効果的なのはこれだ：
フォントは1つか2つに絞り、2つのベースカラーと1つのアクセントカラーを選び、すべてに余裕を持たせましょう。余白は空虚なものではなく、人々の視線を誘導し、コンテンツを消化しやすくします。
SeedProdのようなビジュアルビルダーは、グローバルなスタイル設定を提供することで、これを容易にします。フォントや色を一度設定すれば、サイト全体に適用して一貫性を保つことができます。
そうすることで、ページがひとつにまとまり、訪問者は虹のようなデザインの選択肢ではなく、あなたのメッセージに集中することができます。
さらにコンテンツのアイデアが必要な場合は、デザインにシームレスにフィットする会社概要ページの書き方をご覧ください。
5.紛らわしいナビゲーションメニュー
訪問者を失う最も手っ取り早い方法のひとつは、次にどこをクリックすればいいのかを難しく考えさせることだ。私は、トップバーに10以上の項目が詰め込まれ、それぞれにドロップダウンやアイコン、初めての人には何の意味もない気の利いたラベルが付いたメニューを見たことがある。
実のところ、ナビゲーションは巧妙である必要はない。明確である必要があるのです。
トップレベルのメニューは5〜7項目に絞るようにしましょう。"会社概要"、"サービス"、"連絡先 "のようなシンプルで直接的なラベルを使用する。
そして、あなたのサイトにたどり着いた人が何を探しているのかを常に考えましょう。それを見つけるのに数秒以上かかるようであれば、その人は去ってしまう可能性が高い。
ホームページのデザインは人々の注意を引くかもしれませんが、メニューは人々が次のステップに進むためのものです。目当てのコンテンツが見つからなければ、諦めてしまう可能性が高くなります。
実際、ある調査によると、ナビゲーションメニューが隠されているウェブサイトは、ナビゲーションメニューが表示されているサイトやコンボスタイルのサイトと比較して、コンテンツの発見率が20％低下した。
メニューについて詳しくは、WordPressメニューのカスタマイズ方法をご覧ください。
6.最適化されていない画像のアップロード
これは陥りやすいミスだ。私は以前、携帯電話やデザインツールから直接画像を取ってきて、何の考えもなしにアップロードしていた。問題はこれらのファイルは巨大で、私のページの読み込みには時間がかかった。
大きな画像ファイルは、WordPressサイトが遅くなる最大の原因のひとつです。そして、サイトが遅いと、人々は離れていきます。
HTTPアーカイブによると、画像は平均ページ重量の50％以上を占めている。
修正方法は簡単です。画像をアップロードする前に、TinyPNGや Squooshのような無料ツールに通す。特にヒーローセクションやブログ記事の画像は、できる限り200KB以下に抑えるようにしましょう。
クリーンで軽量な画像は、サイトをより速く、よりプロフェッショナルに感じさせます。SEOにも役立ちます。
7.モバイル・デザインとデバイス・テストの軽視
ノートパソコンやデスクトップで制作していると、モバイルのことを忘れがちだ。しかし、大きな画面ではよく見えても、携帯電話では崩れてしまうことがある。文字が小さすぎたり、ボタンがタップしにくかったり、レイアウトが変にずれたり。
モバイルトラフィックは、今やウェブサイト訪問の半分以上を占めています。そのため、もしあなたのサイトが携帯電話でうまく動作しなければ、ほとんどの人は長続きしないでしょう。
これを避けるには、モバイルファーストのアプローチを取ることです。まず小さい画面向けにデザインし、次に拡大したときのサイズを確認する。
ドラッグ＆ドロップのページビルダーを使えば、公開する前にさまざまなデバイスでプレビューしてレイアウトを調整できるので、この作業が簡単になります。
ランディングページのモバイル向け最適化に関するより詳しいガイドは、モバイルフレンドリーなランディングページの作り方をご覧ください。
8.スピードの最適化を忘れる
スピードは、問題になるまで気づかないことのひとつだ。私は、期待できそうなウェブサイトをたくさんクリックしたが、ページの読み込み速度が十分でなかったために引き返したことがある。
サイトスピードはすべてに影響します。サイトの滞在時間、検索結果での順位、訪問者が行動を起こす可能性などに影響します。
初心者のサイトでよく見られる問題のひとつは、裏で動いているものが多すぎることだ。プラグインが多すぎたり、画像が大きすぎたり、テーマが肥大化したりすると、すべてが遅くなります。
これが私がSeedProdを好んで使う理由のひとつだ。軽量で高速で、必要のない余計なコードを追加することもない。スムーズなサイト運営を維持しながら、ページ全体やテーマ全体を構築することもできる。
以下は、SeedProdを使って構築した個人サイトと、そのGoogle Page Speed Insightsのスコアの例である：
より高速なサイトは、より良いエクスペリエンスを生み出し、信頼を築き、訪問者が滞在する理由を与えます。
9.一般的またはプレースホルダコンテンツの使用
あるサイトを訪問したとき、ページに「Lorem ipsum」と書かれたままになっているのを何度見たことか。些細なことのように思えるかもしれないが、プレースホルダー・テキストはあなたのサイトを未完成で信頼できないものにしてしまう。
コンテンツの作成は、ウェブサイトを構築する上で最も難しい部分のひとつであるため、後回しにする人が多いのも当然だ。しかし、荒削りでも何もないよりはましです。本物の言葉は、あなたのサイトに個性を与え、SEOに役立ち、訪問者にあなたが本物のビジネスであることを示します。
SeedProdを含むいくつかのページビルダーは、あなたが始めるのを助けることができる組み込みのAIテキストツールを提供しています。何を書けばいいのかわからないときに、アイデアを生み出したり、よくある部分を埋めたりするのに手っ取り早い方法だ。
まずは、AIを使ってウェブサイトのコンテンツを書く方法についてのガイドをご覧ください。
10.アクセシビリティの基本をスキップする
アクセシビリティは、高度なトピックのように感じられるかもしれませんが、すべてのサイトが最初から含めるべきものです。もしあなたのサイトが読みづらく、ナビゲートしづらく、インタラクションしづらいものであれば、多くの人々を閉め出すことになりかねません。
シンプルなことが大きな違いを生みます。読みやすいフォントサイズを使用し、テキストが背景に対して十分なコントラストを持っていることを確認し、スクリーンリーダーがそれらを説明できるように画像にaltテキストを追加します。
このような小さな変更は、より多くの人々があなたのサイトを利用し、SEOも向上させるのに役立ちます。
11.リードジェネレーションの基本を無視する
多くの新しいサイトオーナーは、デザインとコンテンツに焦点を当てますが、訪問者と連絡を取り合う方法を含めることを忘れます。サインアップフォームやEメールキャプチャがなければ、一度訪問した人は二度と戻ってこないかもしれない。
リードジェネレーションというと、マーケティング用語のように聞こえるかもしれませんが、実際は人間関係を築くことなのです。ホームページ、ランディングページ、ブログのサイドバーなどにシンプルなEメールフォームを設置することで、人々にあなたからの連絡を再び受け取る手段を提供することができます。
派手なものは必要ありません。明確な見出し、短い説明文、メールアドレスを入力する欄が1つあれば十分です。
訪問者のコンバージョンについては、ウェブサイト訪問者を顧客に変える方法をご覧ください。
12.信頼シグナルの追加を忘れる
あなたのウェブサイトに初めてアクセスした人は、「このサイトは信頼できるだろうか？
だからこそ、シンプルな信頼シグナルをいくつか加えることが重要なのです。顧客の声、星の評価、一緒に仕事をした会社のロゴ、あるいは創業年数を説明する簡単なセリフなどです。
SeedProdでは、テスティモニアル・ブロックを使って過去の顧客からのレビューを強調することができます。
また、ロゴ、信頼バッジ、簡単な「会社概要」セクションを追加することもできます。
これらの要素は、信頼性を築き、訪問者にあなたのウェブサイトに対する自信を持たせるのに役立つ。
よくある質問
最初からスマートに構築する
このリストにあるすべてのミスは、私自身が犯してしまったか、他の人が遭遇したものだ。良いニュースは、最初のトライですべてを完璧にする必要はないということだ。最も重要なのは、明確な計画を持ってサイトを構築し、やりながら学び、実際に訪問者の役に立つことに集中することだ。
SeedProdのようなドラッグ＆ドロップ・ビルダーを使うことで、すべてのプロセスが簡単になりました。当て推量を排除し、コードをいじったり開発者を雇ったりする必要なく、見栄えがよく、うまく機能するページを作ることに集中できる。
WordPressをより深く理解し、サイトを改善したい方は、以下の役立つガイドをご覧ください：
- パーソナル・トレーナーのウェブサイトの作り方
- ワードプレスで不動産ウェブサイトを作成する方法
- WordPressでセールスファネルを作成する方法
- レストランのウェブサイトをデザインする方法
- ウェビナー登録ページの作り方
- WordPressにGoogle Analyticsを追加する方法
お読みいただきありがとうございました！ご質問やご意見がありましたら、お気軽にコメントをお寄せください。
また、YouTube、X（旧Twitter）、Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。
