WordPressウェブサイトをデザインする際に避けるべき5つのこと

公開: 2018-08-25

WordPressは非常に人気のあるオープンソースのコンテンツ管理システム(CMS)のひとつであるため、WordPressのWeb開発者は、失敗、特にSEOの問題に悩まされる可能性があります。 WordPressのウェブサイトは、その存在感と感触によって急いで評価され、議論の余地なく復活率を把握しています。 WordPressを使用する際の厳格な特徴の1つは、検索エンジンの最適化と、洗練された効率的でオンマークの機能を裏付けることです。 それで、WordPressウェブサイトをデザインする際に避けるべき5つのことから始めましょう:


WordPressのもう1つの大きなメリットについて話すのは、プラグインを使用することの適切さです。 ただし、プラグインの使用量が多いために、一部のプラグインが互いに不一致になる場合があります。 実用的な結果は遅いサイトであり、ブログの一部は正常に機能しません。

この記事では、WordPressWebサイトを設計する際に避けるべきいくつかの一般的な間違いを指摘しました。 これらのポイントを固定すると、機能的で魅力的なWordPressWebサイトを確実に構築できます。

画像のハックニー

Hackneyed of Image 1-WP Life

ColorMagのウェブサイトを利用しました。 ウェブサイトのホームページをご覧ください。フロントページにはたくさんの画像が満載です。

多くの場合、魅力的な高品質の画像は、それらをWebサイトに含めるように促します。 詳細がたくさんある画像や動画は、サイトの総SEOランキングに逆効果になる可能性があります。 これの理論的根拠は、ページをロードするのにかかるスパンです。

画像の使用を封印するには、次のようなツールを使用します。画像の使用を上手く行かないようにするには、GooglePageSpeedInsightなどのツールを使用できます。

動作はhttps://developers.google.com/speed/pagespeed/insights/に示されています

ステップ1:指定されたスペースにURLを入力します。 [分析]ボタンをクリックします。

PageSpeedInsights画像1-WPライフ

ステップ2: URLが言及されると、それが分析されていることがわかります。

PageSpeedInsights画像2-WPライフ

ステップ3: 2種類の結果が表示されます。 1つはモバイルの観点からのもので、もう1つはデスクトップの観点からのものです。 以下のスクリーンショットはモバイルのものです。 右側では、モバイルでサイトがどのように表示されるかを確認できます。 左側には、ページ速度が指定されていることがわかります。 こここのサイトでは、ページ速度が遅いです。 最適化レベルは良好です。 ページの負荷分散も示されています。

PageSpeedInsights画像3-WPライフ

ステップ4:ページをさらに下にスクロールすると、ページの統計と最適化の提案が表示されます。 以下に、OptimizationsAlreadyPresentという見出しとリンクビューの詳細を示します。 詳細ビューのリンクをクリックすると、すでに存在する最適化のリストが表示されます。

PageSpeedInsights画像4-WPライフ

手順5:デスクトップビューを確認するには、デスクトップアイコンをクリックします。

PageSpeedInsights画像5-WPライフ

ここでは、モバイルビューとほぼ同じです。 右側には、サイトのデスクトップビューが表示されます。 分析によると、ページの速度は遅く、Webサイトを最適化する能力も中程度です。 ページの負荷分散が示されています。

ステップ6:ページをさらに下にスクロールすると、Webサイトにすでに存在するページ統計と最適化を確認できます。

PageSpeedInsights画像6-WPライフ

Horacehadが引用したように、「写真は言葉のない詩です」とは、レイアウトに関係のない、または不要な画像をサイトに読み込む必要があるという意味ではありません。 これは本当にあなたのサイトをカタツムリの速度に遅くし、あなたのリードを苛立たせるかもしれません。

モバイルフレンドリーサイト

これは、WordPressWebサイトを立ち上げる前に行うべき最も重要なことの1つです。

スマートフォンはすべての人の間で流行しているので、インターネットの使用はモバイルデバイスで便利になりました。 したがって、WordPress開発者がサイトを開発する際に留意すべき最も重要な要素の1つは、モバイルフレンドリーである必要があるということです。 モバイルフレンドリーとは、ウェブサイトをモバイルブラウザで表示できる必要があることを意味します。 この機能はSEOスコアにも当てはまります。

ウェブサイトのランキングはhttps://www.thehoth.com/search-engine-rankings/で確認できます。

ステップ1:ランキングを確認するWebサイトのURLを入力します。 ウェブサイトのURLを入力したら、[Googleランキングを表示]ボタンをクリックします。 あなたはあなたのサイトにトラフィックを駆り立てるトラフィックを駆り立てるキーワードのリストを取得し、それらのキーワードに従って、ランクが表示されます。 別の列には、サイトのキーワードごとのトラフィックが表示されます。

モバイルフレンドリーサイト画像1-Wpライフ

ページをさらに下にスクロールすると、次のようになります。

モバイルフレンドリーサイト画像2-Wpライフ

サイトがモバイルフレンドリーかどうかを確認するには:https://search.google.com/test/mobile-friendly

ステップ1:次のスペースにWordPressWebサイトのURLを入力します。

モバイルフレンドリーサイト画像3-WPライフ

ステップ2: [テストの実行]ボタンをクリックすると、結果は次のように表示されます。

モバイルフレンドリーサイト画像4-WPライフ

モバイルフレンドリーかどうかにかかわらず、サイトの結果を確認できます。 右側はあなたのウェブサイトのモバイルビューを示しています。

モバイルフレンドリーサイト画像5-WPライフ

ページの読み込みの問題も示されています。 ここでは37ページをロードできず、それらのページのリソース、タイプ、およびステータスが示されています。

ホームページを台無しにする:

最初のリンクは、Lingscarsの雑然としたホームページです。 2番目のリンクは、人々をつなぐことで教会を成長させるためのTextInChurchです。

デザイナーはサイトのホームページに不要なものを詰め込んでいます。 サイトを設計する最初のルールは、サイトが整頓されていて達成可能でなければならないということです。 最初のリンクでは、さまざまなフォントが使用され、テキストが読み込まれ、画像が流れています。

ホームページはあなたのビジネスの第一印象を作成し、それはキラーなものになるはずです。 あなたはあなたのサイトに顧客を引き付けたいので、あなたは彼らをあなたのウェブサイトにとどまらせるためにこの機会を巧みに利用する必要があります。

2番目のリンクについて考えてみましょう。 それは非常に制御可能で整頓されています。 アクセスが簡単で、デザイナーはそのシンプルさでシンプルで魅力的なものにしています。

不十分なナビゲーション:

貧弱なナビゲーションスタイル-WPライフ

上のスクリーンショットに示されているように、ユーザーを混乱させる可能性のあるナビゲーションアイテムがたくさんあります。 ユーザーは、探している情報を検索するのが難しいと感じるかもしれません。 したがって、それは非常に苛立たしくなり、これはあなたの顧客を失うことにつながる可能性があります。

したがって、サイトのナビゲーションには、適切な弁証法、透視、および母親の機知が必要です。 ユーザーフレンドリーにして、サイトにアクセスするすべてのユーザーが操作しやすく、まるで骨の折れるようなナビゲーションボタンを体験できるようにします。

音や画像でいっぱいのような派手なナビゲーションは、それを上品にすることはありません。 必要に応じて、すべてが制限内で期待されます。
テキストによる説明は良い動きです。 ナビゲーションのテキストによる説明を提供することで、訪問者は検索に向けて適切にガイドされます。

召喚状なし(CTA)

この点は、WordPress開発者が間違いなく注意する必要があります。 あなたがあなたのビジネスのためのウェブサイトを開発するとき、あなたは人々がフォームに記入することによって登録し、あなたの会社のニュースレターを購読し、あなたのブログにフィードバックを与え、あなたのサービスを選ぶことなどを期待するでしょう。 このため、適切なCTAが期待されます。

MailChimpメールマガジン-WPライフ

この記事がWordPress開発者にとって、ウェブサイトのこれらすべての要素を避けてサイトを構築し、よりプロフェッショナルでユーザーフレンドリーにするための違いになることを願っています。

著者略歴

Harikrishna Kundariyaは、eSparkBiz Technologiesのディレクターであり、「A MobileAppDevelopmentCompany」の共同設立者です。 彼の8年以上の経験により、彼はIoTと
チャットボット。