WordPressサイトで読者の満足度を向上させるのに役立つ簡単な要素[概要ガイド]
- 24-07-2022
- chuong xuan
- 0 Comments
読者にとって都合の良いときに、見落としがちで、信じられないほど無視しやすい小さなことが一見あります。しかし、2つの問題があります。
Mục lục
フォントが小さすぎる、フォントスタイルまたは色の問題
フォントが小さすぎるウェブサイトを見たことがありますか?目を細めて、少しズームインする必要があります。 40〜50歳の場合、視力が徐々に低下するため、これはさらに確実です。
小さいフォントは、ユーザーがコンテンツを読みやすく理解しやすくすることに間違いなく影響します。あなたのサイトがまだ14px未満のフォントを使用している場合は、小さすぎるフォントを使用しているカテゴリに属していると思います。
フォントサイズ、スタイル、色を確認する方法:WhatFontと呼ばれる次のChrome拡張機能を使用できます。
Chromeにインストールしたら、ウェブサイトにアクセスしてオンにし(f?をクリック)、ウェブページ上の任意のテキストをクリックして対応するサイズを確認します。私のサイトの例:
赤い矢印は、私のサイトのサイズが20pxであることを示しています。ここで、色は色です(#000000は完全な黒、#111111は少し黒が少なく、#FFFFFFはすべて白、…記事のCSSカラーコード)。ファミリがフォントの一種である場合、一部のフォントは他のフォントよりも人気があります。
私のアドバイス:
- 今日の画面の解像度は高くなっていますが、見やすいようにサンセリフフォントを選択することをお勧めします。
- フォントサイズは16pxから24pxの間でなければなりません。実際の数は他の多くのもの(フォントスタイルなど)によって異なりますが、ほとんどの場合をカバーするのに十分なはずです。
- フォントの色は、背景とあまり対照的であってはなりません。たとえば、フォントの色は、完全に白い背景で完全に黒であってはなりません。私は多くのウェブサイトを観察しましたが、それらは真っ白な背景に#222222から#444444までの黒レベルのテキストカラーを使用することがよくあります。
- 予期しないエラーが検出されることを確認するために、常にさまざまな画面、さまざまなオペレーティングシステム(デスクトップ、タブレット、モバイル、Android、iOSなど)でフォントをテストしてください。
WordPressウェブサイトのソリューション:
手動のフォント編集でCSSの知識が必要な場合、それは苦痛です。CSSの知識は、一般的な知識ではなく、専門分野です。
編集するには、[外観]セクション([外観])に移動してから追加のCSSセクションに移動するか、CSSを次のように編集します。
またはこのように:
実際、一部のプレミアムテーマ(多くの場合有料)には、フォントタイプ、サイズ、色などの選択など、ユーザーがフォントをカスタマイズする機能があります。
本文のフォントに加えて、次の領域のフォントに注意する必要があります。
- 見出しタグh1、h2、h3などのフォント。それらの重みに注意してください:font-weight;
- リストコンテンツのフォント(順序付きまたは順序なし)。
- ブロック引用符のフォント。
ページの表が単調すぎます
ページ上の表が大雑把すぎたり、フォントが印象的でなかったり、表の境界線が明確に分離されていなかったり、列と行が見づらい場合があります。
テーブルは、ユーザーが必要とするデータを、たとえばトップダウンまたはボトムツートップの順序で並べ替える必要がある場合があります。これは、WordPressのデフォルトテーブルの機能を超えています。
WordPressウェブサイトのソリューション:
基本的に2つの解決策があります。最初の方法は、追加のCSSを介してCSSに干渉することです。ここで素敵なテーブルCSSテンプレートを試すことができます。
もう1つの方法は、TablePressなどのプラグインを使用することです。これは、テーブルの作成で高い評価を得ているWordPress用のプラグインです。
次のように、必要に応じてテーブルを整理しやすくすることができます。
認識しにくいリンクの色
SEOやサイトのコンテンツの発見において最も重要な問題の1つは、内部リンクと外部リンクです。総称してリンクと呼ばれます。
リンクの色とスタイルについては暗黙のルールがあり、それを壊すと問題が発生する可能性が非常に高くなります。
現在、外部に表示されるリンクのほとんどは青色です。この青は、これやこれやこれのようなものとはかなり多様です。多様性にもかかわらず、青のトーンは依然として支配的です。リンクを黄色または赤に変えるのは愚かなことではありません。
もう1つのかなり一般的なスタイルは、このような下線付きのリンクです。これには該当するページがありますか?個人的には、リンクを示すためにアンダースコアを適用するページもあります。
リンクに関するその他の重要な問題は、ホバーしたリンクとアクセスしたリンクのフォーマットです。
私のアドバイスはあなたがすべきだということです:
- リンクにカーソルを合わせると、テキストの色や下線を変更するなど、別のスタイルを作成します。
- 訪問したリンク、特に内部リンクがたくさんあるページは、識別しやすいように色を変更する必要がありますが、リンクの色を変更することも検討する必要があります。
WordPressウェブサイトのソリューション:
プレミアムテーマである可能性もあり、これらの機能をカスタマイズすることもできます。
個人的には、CSSの介入をよく使用します。 Webページのリンクの色を変更するコード例:
/* CSS cho link */ .entry-content a {color:#0080a5; text-decoration: underline;} .entry-content a:visited {color:#663399; text-decoration: underline;} .entry-content a:hover { text-decoration:underline; color:#c00;} /* Hết CSS cho link */
投稿の最後にある関連記事
内部リンクに加えて、記事の終わりに関連する記事は、トラフィックを促進し、読者を維持するための潜在的な領域でもあります。
この部分に関するいくつかの問題:
- 手動で行う必要があります。これが発生した場合、特に記事の数が多いページでは、完了するまでに長い時間がかかります。
- 関連する投稿は高くありません。
- 関連する記事の形式が単調すぎます(プレーンテキストなど)。
- 非カスタム(編集者の好みに関連する記事を選択してください);
WordPressウェブサイトのソリューション:
私がプラグインを使用するこの部分は、自動で使いやすく、高度にカスタマイズできるという利点があります。Sovrn、zemantaによるWordPress関連の投稿。
コメント
WordPressのコメントエリアは退屈です!次の問題があります。
- インターフェイスは人目を引くものではありません。
- 大まかに(ほとんどのコメント投稿者にとって、Webサイトのアドレスを入力する機能は不要です)。
- コメントが多い場合は、使いやすさを向上させるためにページを分割する必要があります。
- 特別な高度な機能はありません。
WordPressウェブサイトのソリューション:
最近出てきたプラグインは、この問題の優れた解決策です。これはwpDiscuzと呼ばれます(wpDiscuzのマニュアルはここにあります)。
WPDiscuzは、WordPressのデフォルトのコメント領域に関連するほとんどすべての問題を修正します。 WPDiscuzを最も効果的に使用するには、多くのカスタマイズ時間がかかるだけです。近い将来、このプラグインについて投稿する予定です。
ソーシャルネットワークで共有する
サイトの訪問者がほんの一握りの場合、ソーシャル共有ボタンはあまり違いがない可能性があります。ただし、サイトが1日に何千回も表示される場合、共有ボタンはより多くのトラフィックやその他の追加のメリットを生み出す可能性があります。
共有ボタンの問題は主に、ソーシャルネットワークの選択、ボタンサイズの変更、モバイルでのルックアンドフィールのカスタマイズなど、カスタマイズ性の低さにあります。共有ボタンは、賢くない場合は逆の効果をもたらす可能性があります。たとえば、ボタンが大きすぎて目立ちすぎて、ユーザーに不快感を与えます。これはあなたがデザインの才能を必要とする部分です。
WordPressウェブサイトのソリューション:
- Addthisの無料ソリューションを使用できます。美しく、高度にカスタマイズ可能で、統計情報があります。
- プラグインを使用して購入します。この記事の執筆時点での価格は20米ドルです:WordPress用のEasy SocialShareButtons。利点は、高度にカスタマイズ可能で、インターフェイスが美しく、統計があることです。また、これは社内ソリューションであるため、Addthisのようなサードパーティに依存する必要はありませんが、コストがかかります。
ウェブサイトを検索する
WordPressサイトのデフォルトの検索領域は、多くのユーザーが興味を持っている部分ではありません。主な理由は2つあります。
- それはしばしば悪い結果をもたらします。客観的に私は5/10の平均スコアのみを与えます。
- コンテンツの少ないサイトでは、検索機能は不要なことがよくあります。
ただし、変更を加えたい場合、または機能が重要な場合は、代わりに検索エンジンを使用してください。
WordPressウェブサイトのソリューション:
- WordPress用のプラグインを使用する:Googleにアクセスして、次の上位のキーワード検索プラグインwordpressを検索し、お気に入りのプラグインを見つけます。このソリューションの利点は、広告が表示されないことです。欠点は、記事が多すぎる(またはホスティングが十分に強力でない)サイトや最高のツールに適していない可能性があることです。あきらめなければなりません。少量を出します。
- Googleカスタム検索を使用する:利点は明らかです。世界で最も人気のある強力な検索エンジンをウェブサイトに統合します。検索品質については議論すべきではありませんよね?それが最大のメリットです。はい、でも人生は夢のようなものではありません。その欠点は、広告が表示される可能性が高いキーワードの広告が表示されることです。これは、ページの品質を信頼している場合は許容されます。ユーザーは、広告をスキップしてページの結果をクリックする可能性があります。
グーグルカスタム検索をインストールするために、グーグルはあなたのウェブサイトに挿入するための小さなコードをあなたに提供します。通常は、右側の列のウィジェットセクションに貼り付けます(デフォルトの検索エンジンを削除した後)。
結論
上記は一般的なガイドラインに過ぎません。詳細に入ると、多くの問題があります。しかし、あなたが望むならそれは確かに可能であり、私はそれのためにすぐに追加の記事を書きたいと思っています。ウェブの世界は情報で溢れているので、あなたはあなたのウェブサイトを読者の時間の価値があるものにする必要があります。