• 翻訳
• リカバリモード

フリーの編集者である Ekaterina Malakhova は、主なデータ構造のタイプに関する Beau Carnes の記事を、特に Netology ブログ用に改作しました。

「悪いプログラマーはコードについて考えます。 優れたプログラマーは、データ構造とその関係について考えます。」 - Linux の作成者、リーナス トーバルズ氏。

データ構造はソフトウェア開発プロセスにおいて重要な役割を果たしており、開発者のインタビューでもよく聞かれる質問です。 幸いなことに、これらは本質的にはデータを整理して保存するための特別な形式にすぎないということです。

この記事では、最も一般的な 10 個のデータ構造を紹介します。 それぞれについて、ビデオと JavaScript での実装例が提供されます。 練習に役立つように、新しい freeCodeCamp カリキュラムのベータ版からいくつかの演習も含めました。

この記事では、これらのデータ構造を JavaScript で実装する例を示します。これらは、C などの低レベル言語を使用している場合にも役立ちます。JavaScript を含む多くの高レベル言語には、ほとんどの機能がすでに組み込まれています。データ構造については後で説明します。 ただし、そのような知識は就職活動において非常に有利であり、高パフォーマンスのコードを記述するときに役立ちます。

リンクリスト

リンク リストは基本的なデータ構造の 1 つです。 他の多くの構造は配列またはリンク リストを使用して実装できるため、配列とよく比較されます。 これら 2 つのタイプには長所と短所があります。

これがリンクリストの仕組みです

リンク リストは、シーケンスを形成するノードのグループで構成されます。 各ノードには、格納されている実際のデータ (任意のタイプのデータ) と、シーケンス内の次のノードへのポインター (またはリンク) という 2 つのものが含まれています。 二重にリンクされたリストもあります。それらのリストでは、各ノードがリスト内の次の要素と前の要素の両方へのポインターを持ちます。

リンク リストの基本操作には、リスト内の要素の追加、削除、検索が含まれます。

リンクリストの時間計算量 ═════════ ╗ ║ アルゴリズム ║平均 ║ 最悪の場合 ║ ╠═══════════╬═════ ════════ ════ ╬═════════ ══════╣ ║ スペース ║ O(n) ║ O(n) ║ ║ 検索 ║ O(n) ║ O(n) ║ ║ 挿入║ O(1) ║ O(1) ║ ║ 削除 ║ O (1) ║ O(1) ║ ╚═══════════╩═════════════ ═ ═══╩════ ══════ ═════╝

freeCodeCamp の演習

スタック

スタックは、要素を最初にのみ追加または削除できる基本的なデータ構造です。 それは本の積み重ねのようなものです。積み重ねられた本の真ん中にある本を見たい場合は、まず一番上の本を取り除かなければなりません。

スタックは、LIFO (Last In First Out) 原則に従って編成されます。 これは、スタックに追加した最後の要素が最初にスタックから取り除かれることを意味します。

これがスタックの仕組みです

スタックは、要素の追加 (プッシュ)、要素の削除 (ポップ)、スタックの内容の表示 (ピップ) という 3 つの操作を実行できます。

スタック時間の計算量 ════════╗ ║ アルゴリズム ║平均値 ║ 最悪の場合 ║ ╠═══════════╬═══════ ═════════ ═ ╬══════════ ═════╣ ║ スペース ║ O(n) ║ O(n) ║ ║ 検索 ║ O(n) ║ O(n) ║ ║ 挿入 ║ O(1 ) ║ O(1) ║ ║ 削除 ║ O( 1) ║ O(1) ╚══════════╩════════════ ═══ ╩════ ═══════ ════╝

freeCodeCamp の演習

キュー

この構造は、食料品店の行列と考えることができます。 人生と同じように、最初に来た人が最初に提供されます。

これがキューの仕組みです

キューは FIFO (先入れ先出し) 原理に従って配置されます。 これは、以前に追加されたすべての要素が削除された後でのみ要素を削除できることを意味します。

キューを使用すると、2 つの基本的な操作を実行できます。キューの最後に要素を追加する ( エンキューする) そして最初の要素 ( デキューする).

キュー時間の複雑さ ════════╗ ║ アルゴリズム ║平均値 ║ 最悪の場合 ╠═══════════╬═══════ ═════════ ═ ╬══════════ ═════╣ ║ スペース ║ O(n) ║ O(n) ║ ║ 検索 ║ O(n) ║ O(n) ║ ║ 挿入 ║ O(1 ) ║ O(1) ║ ║ 削除 ║ O( 1) ║ O(1) ╚══════════╩════════════ ═══ ╩════ ═══════ ════╝

freeCodeCamp の演習

セット

多くはこんな感じです

セットには、データ値が繰り返されることなく、特定の順序で格納されません。 要素を追加および削除できるだけでなく、2 つのセットに同時に適用できる重要な機能がいくつかあります。

• ユニオンは、2 つの異なるセットのすべての要素を (重複なしで) 1 つに結合します。
• 交差部分は 2 つのセットを分析し、両方の元のセットに存在する要素から別のセットを作成します。
• 「差分」には、あるセットにはあるが別のセットには含まれていない要素のリストが表示されます。
• サブセットは、あるセットに別のセットのすべての要素が含まれているかどうかを示すブール値を生成します。

JavaScript での実装例

freeCodeCamp の演習

地図

マップは、データをキーと値のペアで格納する構造であり、各キーは一意です。 連想配列や辞書と呼ばれることもあります。 マップは、データをすばやく見つけるためによく使用されます。 これにより、次のことが可能になります。

• ペアをコレクションに追加します。
• コレクションからペアを削除します。
• 既存のペアを変更します。
• 特定のキーに関連付けられた値を探します。

これがマップ構造の仕組みです

freeCodeCamp の演習

ハッシュテーブル

これがハッシュテーブルとハッシュ関数の仕組みです

ハッシュ テーブルは、キーと値のペアを含むマップのような構造です。 ハッシュ関数を使用してデータ ブロックの配列へのインデックスを計算し、目的の値を見つけます。

通常、ハッシュ関数は文字列を入力として受け取り、数値を出力します。 同じ入力に対して、ハッシュ関数は同じ数値を返す必要があります。 2 つの異なる入力が同じ結果にハッシュされると、衝突が発生します。 目標は、そのようなケースをできるだけ少なくすることです。

したがって、キーと値のペアをハッシュ テーブルに入力すると、キーはハッシュ関数を通過して数値に変換されます。 この番号は、特定の値に対応する実際のキーとして使用されます。 同じキーを再度入力すると、ハッシュ関数がそれを処理し、同じ数値結果を返します。 この結果は、関連する値を見つけるために使用されます。 このアプローチにより、平均検索時間が大幅に短縮されます。

ハッシュテーブルの時間計算量 ═════════ ═╗ ║ アルゴリズム ║平均 ║ 最悪の場合 ║ ╠═══════════╬════ ════════ ════ ═╬════════ ═══════╣ ║ スペース ║ O(n) ║ O(n) ║ ║ 検索 ║ O(1) ║ O(n) ║挿入║ O(1) ║ O(n) ║ ║ 削除 ║ O(1) ║ O(n) ║ ╚═══════════╩════════════ ═ ════╩════ ════=

freeCodeCamp の演習

二分探索木

二分探索木

ツリーはノードで構成されるデータ構造です。 次のような特性があります。

• すべてのツリーにはルート ノード (最上位) があります。
• ルート ノードには 0 個以上の子ノードがあります。
• 各子ノードには 0 個以上の子ノードがあり、以下同様です。

二分探索ツリーには、次の 2 つの追加プロパティがあります。

• 各ノードには最大 2 つの子ノード (子孫) があります。
• 各ノードは右側の子よりも小さく、左側の子はそれ自体よりも小さいです。

二分探索ツリーを使用すると、要素をすばやく検索、追加、削除できます。 これらは、各操作の時間がツリー内の要素の総数の対数に比例するように設計されています。

二分探索木の時間計算量 ════════ ╗ ║ アルゴリズム ║平均値 ║最悪の場合 ╠═══════════╬═════ ═══════ ═════ ╬═════════ ═════╣ ║ スペース ║ O(n) ║ O(n) ║ ║ 検索 ║ O(log n) ║ O(n) ║ ║ 挿入║ O(log n) ║ O(n) ║ ║ 削除 ║ O(log n) ║ O(n) ║ ╚═══════════╩═══════════ ══════╩══════════════

freeCodeCamp の演習

プレフィックスツリー

プレフィックス (ロード) ツリーは検索ツリーの一種です。 データはラベルに格納され、各ラベルはツリー内のノードを表します。 このような構造は、単語を保存し、単語に対して迅速な検索を実行するためによく使用されます (たとえば、オートコンプリート機能など)。

これがプレフィックスツリーの仕組みです

言語接頭辞ツリーの各ノードには、単語の 1 文字が含まれます。 単語を形成するには、木の枝をたどって、一度に 1 文字ずつ通過する必要があります。 文字の順序が他の単語と異なる場合、または単語が終了すると、ツリーは分岐を開始します。 各ノードには文字 (データ) と、それが単語の最後のノードであるかどうかを示すブール値が含まれています。

イラストを見て言葉を作ってみてください。 常に最上位のルート ノードから始めて、下に向かって進んでください。 このツリーには次の単語が含まれています: ball、bat、doll、do、dork、dorm、send、sense。

freeCodeCamp の演習

バイナリヒープ

バイナリ ヒープは、別のツリーベースのデータ構造です。 その中の各ノードには 2 つ以下の子があります。 これは完全なツリーでもあります。これは、その中のすべてのレベルがデータで完全に埋められ、最後のレベルが左から右に埋められることを意味します。

これが最小ヒープと最大ヒープの仕組みです。

バイナリ ヒープは最小値または最大値のいずれかになります。 最大ヒープでは、どのノードのキーも常にその子孫のキー以上になります。 最小ヒープでは、すべてが逆に機能します。どのノードのキーも、その子孫のキー以下になります。

同じレベル内のノードの順序とは対照的に、バイナリ ヒープ内のレベルの順序は重要です。 この図は、第 3 レベルの最小ヒープで値が 10、6、12 の順に並んでいないことを示しています。

バイナリ ヒープの時間計算量 ═════════ ═╗ ║ アルゴリズム ║ 平均 ║ 最悪の場合 ║ ╠═══════════════ ═════════ ═══ ══╬═══════ ════════╣ ║ スペース ║ O(n) ║ O(n) ║ ║ 検索 ║ O(n) ║ O(n) ║挿入║ O(1) ║ O(log n) ║ ║ 削除 ║ O(log n) ║ O(log n) ║ ║ ピーク ║ O(1) ║ O(1) ║ ╚═════════ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

freeCodeCamp の演習

グラフ

グラフは、ノード (頂点) とノード間の接続 (エッジ) の集合です。 ネットワークとも呼ばれます。

グラフは、有向グラフと無向グラフの 2 つの主なタイプに分類されます。 無向グラフでは、ノード間のエッジには方向がありませんが、有向グラフのエッジには方向があります。

ほとんどの場合、グラフは 2 つの形式のいずれかで表現されます。隣接リストまたは隣接行列のいずれかです。

隣接行列としてグラフ化する

隣接リストは、1 つのノードが左側にあり、そのノードに接続されている他のすべてのノードが右側にある要素のリストと考えることができます。

隣接行列は、各行または列がグラフ内の異なるノードに対応する数値のグリッドです。 行と列の交点には、接続の存在を示す数字があります。 ゼロは欠落していることを意味します。 ユニット - 接続があること。 各接続の重みを示すために、1 より大きい数値が使用されます。

グラフのエッジと頂点を表示するための特別なアルゴリズム、いわゆるトラバーサル アルゴリズムがあります。 主なタイプには幅優先検索 ( 幅優先検索) そしてさらに深く ( 深さ優先検索）。 あるいは、グラフの特定の頂点がルート ノードにどの程度近いかを判断するために使用することもできます。 以下のビデオは、JavaScript で幅優先検索を実行する方法を示しています。

ほとんどのユーザーは「図の形式のWebサイトの構造とは何か、スキルなしでそれを自分で作るにはどうすればよいか」という質問に興味があるため、この記事は偶然には生まれませんでした。 初心者のマスターにとって作成するのは非常に難しいので、問題を詳しく見てみましょう。

完全に完成したウェブサイトでは、そのデザインをカスタマイズする必要があり、将来的にそのプロモーションのためのスキームを開発することは非常に困難です。 サイトがインデックスに掲載されているものの、図があまり良くない、または欠落している場合は、すぐに図の形式で表示する価値があります。

サイト構造の考え方

リソース構造の概念は、正確で正しく形成された図に従ってアドレスを配置するためのシステムです。 本質的には、各フォルダーが個別にパッケージ化されるコンピューターのファイル システムに似ています。

理解を深めるために、以下の部分に分かれています。

• ここはどこですか、それとも入り口ですか。
• 次はどこに行けばいいですか？
• 関連カテゴリ。

したがって、基盤がより良く形成されるほど、訪問者はより良く快適になります。 最も単純なオンラインストアスキームの例を示します。
ここでは、すべてが所定の位置に配置されており、訪問者にとって簡単なナビゲーションであることがすぐにわかります。

図形式のサイト構造: 要件

適切に開発されたプロジェクトには、図の形でサイトの構造と要件が提示されます。 これらは主に検索エンジンによって形成されるため、ウェブマスターは通常それらに適応します。 ただし、最初に行う必要があるのは訪問者の世話をすることであり、その後でロボットの世話をする必要があることを忘れないでください。

検索エンジンは、URL を考慮して独自の方法でサイトを分析します。 サイト構造と URL は同じ概念であると言わなければなりません。 各検索エンジンには独自の要件があります。それについて簡単に説明します。

Yandex からの要件:

• リンクの明確なレイアウトを維持するようにしてください。 すべてのドキュメントは特定のセクションに関連している必要があります。 さらに、各ページには少なくとも 1 つのリンクが必要です。教育機関からの多くのリソースは考慮されていません。
• プロジェクト マップを忘れないでください。インデックス作成を高速化できます。
• 1 つのアドレスには 1 つのリンク経由でのみアクセスできる必要があります。

Google からの要件:

• 構造はシンプルにしておく必要があります。
• URL は一般ユーザーにとって理解可能なものです。
• 識別子ではなく単語を使用してください。
• 非常に長く複雑なアドレスを作成しないでください。

正しい基礎と図の例

正直に言うと、すべてのウェブマスターが構造の概念を明確に定義して例を作成できるわけではないため、インターネットをさまよった後、多くの不要な情報を読みました。 中には、さまざまなスキームや名前、不明な情報源から得た説明を思いついた人もいます。

すべてを詳しくお伝えしようと思います。 順番に行きましょう。 サイトのデザインは次のタイプに分類されます。

基本的にこれ以上のオプションはありません。 もちろん、線形、混合、格子などの概念に遭遇したことがあるでしょうが、これらは単なる発明や追加にすぎません。

構造は次のタイプに分類されます。

• 正しいというか理想というか。 つまり、論理的に作成され、訪問者やロボットが理解できるようになります。
• 正しくありません。 ロジックも明確なレイアウトもありません。

サイトデザインスキームの例

最初に、1 ページの Web サイトの最も単純なデザインの例を示したいと思います。


ご覧のとおり、各ページのテーマが前のページとよく似ている小規模なプロジェクトに適しています。 メインのものに加えて、さらに多くのものを追加したい場合は、段落やグループに分割して構造化する必要があります。 この場合にのみ、すべてが正しく行われ、昇進にプラスの影響を与えます。

次に...樹木状が最も一般的です。 ほとんどの大規模な Web サイト、オンライン ストア、ポータルで使用されています。 彼女の外見は次のとおりです。

内部および外部構造

上記で説明したのは内部構造についてです。 将来的に現場がどうなるのかをしっかりと検討する必要がある。 プロモーションとインデックス作成はこのパラメータに依存します。

外部拠点は非常に広範囲に渡ります。 これには、使いやすさ、カラフルなデザイン、ナビゲーションのしやすさなどが含まれます。 ただし、いかなる状況でも破ってはいけないルールが 1 つあります。 すべてのユーザーは、サイト上のブロックの標準的な配置を見ることに慣れています。 例えば：


リソースの基本要素は、次の原則に従って配置されます。

1. キャップ、ヘッド、ヘッダーは、ロゴ、メニュー、その他の要素が配置される上部の名前です。
2. サイドバーまたはサイドメニュー。 できるか、できないか。 これらのブロックには追加情報が含まれており、その役割は訪問者をできるだけ長く保持することです。
3. メインブロック。 この場合、コンテンツは読みやすく、最初のページで訪問者に表示される必要があります。
4. プロジェクトのフッターには、連絡先と役立つリンクに関する情報が含まれています。

プロジェクト設計の変更点

基本的な概念については説明しました。次に、最も興味深い概念に移りましょう。 リソースの変更をどこから始めればよいでしょうか? 詳しく見てみましょう。

1. プロジェクトがどのようなものになるかを明確に考え、別紙に図の形で書き直します。 ここでは、便宜上、事前にページ アドレスを指定する必要があります (特にオンライン ストアの場合)。
2. キーワードを含む追加のカテゴリを使用します。
3. それらをカテゴリに分類し、別のシートまたはファイルに梱包します。
4. コンテンツを作成するための鍵を考え出します。
5. ページごとにURLを書いていきます。
6. 追加アドレス用の文章を準備中です。
7. カテゴリとコンテンツを追加します。
8. リンク構造を変更します。
9. 古いリンク アドレスを新しいリンク アドレスにリダイレクトします。
10. 内部リンクを変更し、再リンクいたします。

一見すると、すべてが非常に複雑に見えるかもしれません。 しかし、見てみると、平均的な量のコンテンツで、作業には最大 1 週間かかります。

内部構造を作成するためのオンライン プログラム

マインドマイスター プログラムが最良の選択です。お勧めします。 主なタスクは、図の形式でスマート マップを作成することです。 登録には 2 分かかります。 登録後、3 枚の無料カードの初回パッケージが与えられます。 作成を開始するには、「マイ マップ」をクリックしてテンプレートを選択します。

ブロック図の形式でサイトマップを作成し、保存します。 直感的なインターフェイスを逆アセンブルするつもりはありません。

結論

上記のすべてから、私が導き出せる唯一の結論は、サイトの構造がプロモーションにおいて基本的な役割を果たしているということです。 それが悪いことであると確信している場合は、必ず力を結集して変更してください。 その結果、大きな変化が得られることになります。

プロジェクトの設計を独自に検討したり、便利なサービスやプログラムを使用したりできます。 ただし、個人的には、これらはすべて方向性の低い方法で機能するため、慎重に扱うことをお勧めします。 その 1 つは、insecure.com によるオンライン サービスです。

図の形式の Web サイトの構造がどのようなもので、どのように編集できるかが明らかになったと思います。 得た知識を実際に応用します。 幸運を！

今日、ある事情により (こんにちは SHL 😉)、この質問について考えました。 若いブログの記事の最適な比率はどのくらいであるべきですか?それらの。 定期的な読者を引き付け、検索トラフィックを増やすために、ブログをより効果的にするのに役立つ構造。

私の言いたいことを説明しましょう。

• 検索エンジンからのトラフィックを獲得するための SEO 記事があります。 これらはキー フレーズに関する記事であり、原則として LF (低頻度) クエリに関する若いサイト向けです。 (

私の最初の投稿を見れば、主要部分が検索トラフィックを集めるために書かれたことは明らかです。 頻度の低いクエリに対して選択されたキーワードが明確に表示されます。 もちろん、投稿トピックの選択は、初心者がブログを作成するために実行するタスクによって決まります。

そして、主に検索エンジンから私のサイトにアクセスしてくる新規参入者は片手で数えられるほどです。 これは、検索トラフィックがまだ実質的に存在せず、すぐに検索トラフィックが存在することはないからです (理論上、サンドボックスからの出口が早まるのは 3 ～ 4 か月以内です)。 さらに、競争は非常に大きく、トップに立つのは簡単ではありません。

その結果、次のようなジレンマが生じます。 いったい私は誰に向けてこのブログを書いているのでしょうか？🙂 将来の検索トラフィックのためですか、それとも今ここにいる人々のためですか?

あなたも同じことを自問するかもしれません）ほとんどの初心者はこの質問に明確に答えることができないと思います。 そして、それができる人は、自分たちの目標が意味を失っているか、あるいは、その目標を達成するための手段が必ずしも効果的であるとは限らないことを理解するでしょう。

最も狡猾な...賢い者はこう答えるだろう。 自分用に書いているので気に入って頂けたら嬉しいです" 🙂 ちなみに、悪いアプローチではありません。

私はどのような結論を導き出したでしょうか?

ある種のプラグインをインストールする方法や美しいボタンを作成する方法について、検索エンジン向けの退屈な記事だけを書くことに半年を費やしたくないことが明らかになりました。 もちろん、これは若い動物にとって必要で有益な情報ですが、私のブログでその存在をすぐに知ることはありません。

ブログのテーマの関係で、競合他社の周りをうろうろすることが多いのですが、実際には競合他社がたくさんあります。 そして、私はそのようなサイトにある単調で複製された SEO コンテンツにすでに吐き気を感じ始めています。

私はただ叫びたいだけです - 皆さん、正気に戻りなさい、このたわごとに苦しむのはやめてください！ これを行っても何も達成できません。せいぜい、高度なリソースのテーブルからスクラップを拾うだけです。

最初の手順のほとんどはすでに私によって説明されており、最も重要なプラグインは整理されているので、いよいよ、より興味深いトピックを取り上げる時間ができました ( 少なくとも私にとっては興味深い).

（将来的に）最も環境に優しいブロガーだけでなく、より上級のブロガーも魅了するトピック。 そして、そのようなブロガーにとって、私の最初の記事は、劣等生を批判することを除いて、まったく面白くないでしょう:)

そこで、視聴者を惹きつけるために定期的に SEO 記事を他の記事で薄めるようにしました。 そしてさらに、ページを検索結果の奥深くに安全に埋められるPS向けではなく、今ここで読みたいと思っている生きている人向けに特に書くことが多くなり、それは無駄になるだけです時間の。

ということで、この長い前置きは以上でした。 それは明らかです ブログが全体的に成功するには、人々と検索エンジンを引き付けるコンテンツが必要です、もちろん、同時に 2 つが 1 つの場合が理想的です)

可能な限りお金を稼ぐことを忘れないでください。自分の好きなビジネスで利益を上げること以上にさらなる発展を促すものはありません。 もちろん、若いサイトはこれに重点を置くべきではありません。すべては後から来るものです）重要なことは、ブログに悪影響を及ぼさないように、いつ停止するかを知ることです。

私は、ブログ上の記事の最適な構造はどうあるべきかという質問に真剣に悩みました。 最初はps用に書き、smo用の記事を追加していました。 よし、これからは将来のために働こう、そうすればリクエストが川のように流れるだろうと思った。 でも幸運なことに、時間が経てば正気に戻りました( いくつかのことに目を開いた善良な人々も含めて） – 今真剣に取り組まなければ、そのような見通しは実現しないかもしれません。

したがって、永続的な視聴者を作成するために興味深い記事に主に重点を置き、場合によっては SEO 記事で視聴者を薄めることにしました。

最適な記事の組み合わせ

近似 私の意見では、最適な組み合わせは 2 対 1 です、つまり 人を惹きつける記事が 2 つ、検索エンジン向けの記事が 1 つです。 私の考えが正しいか間違っているかは近い将来分かるでしょう）

なぜこの結論になるのでしょうか？

実際のところ、PS アルゴリズムは常に改善されており、そのさらなる開発の方向性は目に見えています。 焦点は行動要因の改善にあります。 直帰率の削減、サイト滞在時間の延長など。 一言で言えば、私たちはライブで訪問者が多い興味深い SDL を作成します。

SEOをバックグラウンドで！

すでに多くの SEO 担当者は、優れた PF がすべての SEO 最適化を合わせたよりもランキングの向上に影響を与える可能性があるという証拠を提供しています。 そしてPFの影響を感じ始めています。 そして、若いプロジェクターにとって、これは二重に重要です。

他のすべてに加えて、次のことが得られます ライブ、コメント付きブログ！ そしてこれはとても素晴らしいです、友人たち、おそらく訪問されたものの死んだ GS よりもさらに素晴らしいでしょう）

そして、あなたはどう思いますか？ ブログ投稿の最適なバランスは何だと思いますか?

読者の皆さん、こんにちは！ 🙂

この記事では、 ブログの構造- 今日最も人気のあるものの1つです。 その主要な機能も考慮され、所有者がこれらのリソースを作成するという主な目標を達成できるようになります。

今日の RuNet ユーザーはオンライン ストアに慣れていますが、ブログは欧米のユーザーの間で大きな需要があります。 これは、CIS で最も人気のある検索エンジンである Yandex の統計によって証明されています。「オンライン ストア」という単語のクエリは月間 20,794,018 件であるのに対し、ブログでは 866,033 件です。

しかし、それにもかかわらず、ブログの数字は依然として非常に印象的です :) 次のステップとして、このタイプのサイトの機能を見て、それらがブログの構造にどのような影響を与えるかを理解します。

まずはブログとは何かを理解しましょう。 簡単に言えば、これはあらゆる知識分野の情報が含まれるサイトです。 ほとんどの場合、マテリアルとは、テキスト情報とさまざまなメディア コンテンツ (写真、ビデオ、音声など)、およびそれらの組み合わせで満たされた記事または投稿です。

ブログ作成者が追求する目標のリストは、ソーシャル ネットワークの目標と同じくらい広範囲に及びます。 これは、両方のケースに特徴的な内容の多様性によるものです。 そして、記事で説明されている目的に加えて、回想録の機能についても言及することができます（ブログは人の人生に捧げたり、ブログの作成者からのメモを表すことができるため）。

さらに、コミュニケーションの組織化のおかげで、このようなサイトは社交的な機能を果たし、ユーザーが同じ考えを持つ人々、友人、さらにはソウルメイトを見つけるのに役立ちます:)

ブログの特徴の 1 つは、このプロセスが簡単であることです。 選択したトピックに関する記事を書いて投稿することが含まれます。 これに時間を無駄にしたくない場合、またはこのプロセスを改善してスピードアップしたい場合は、いつでもコピーライティング エクスチェンジのサービスを利用できます。

このようなリソースの例としては、ETXT.ru があります。ここでは、あらゆるトピックに関する既製の記事をいつでも購入できます。これにより、簡単かつ楽にサイトにコンテンツを埋め込むことができ、トラフィックと検索結果のランキングが確実に増加します。

このリソースを公開してサポートするためのアクションについては、記事で説明されているものと何ら変わりはありません。 独自のリソースの作成に興味がある場合は、この記事を読むことを強くお勧めします。 今日、インターネット上では、リストされているすべての方法で開発されたプロジェクトを見つけることができます。 したがって、選択を行うことができます。

ただし、サイトに情報を投稿する場合は、細心の注意を払う必要があります。 多くの国の法律では、ポルノ的で危険な性質を持ち、民族的憎悪やその他の種類の憎しみを煽る情報に対する刑事罰が規定されています。

詳細情報は、インターネットと、プロジェクトをインターネット上のサーバーに配置するときに使用するサービスを利用するホスティング プロバイダーの Web サイトで見つけることができます。

そしてはい、私は最も興味深い機能を忘れるところでした :) ブログでは作成者がお金を稼ぐことができ、その点では非常に優れています。 これについては、次の出版物で説明します。 デザートのためにメインコースを休むことはありません:)

ここで、上記の機能がブログの構造にどのような影響を与えるかを検討します。 前回の資料ではその品種についてお話しました。 そこで私は、サイトの種類に関する今後の記事では、その外部構造に気を取られないようにすることを約束しました。

約束を守って、すぐにブログの内部構造に移ります :)

ブログ構造の例として、このプロジェクトである Web サイトを考えてみましょう。

1. ホームページ

ほとんどの場合、ここで最近追加された記事のリストを見つけることができます。 別の投稿専用のブロックには、原則として、投稿の写真、その略語、著者、発行日が表示されます。

また、ユーザーの注意を引くために、作成者は WordPress ブログ構造のこの要素におけるソーシャル ネットワークからのコメント、ビュー、「いいね！」の数を考慮します。 通常、いいねカウンターは、対応するコミュニティのページへの投稿へのリンクを送信するための対応するボタンの隣にあります。

ブログ構造のこの要素は、以前のものとあまり変わりません。 記事もここにあります。 唯一の違いは彼らの性格です。 メイン ページでは出版順に並べられていますが、ここでは出版トピックごとにグループ化されており、カテゴリ名と大部分が重複しています。

オンライン ストアと同様に、多くの読者を抱えるブログの構造では、カテゴリをサブカテゴリに分割することができます。 これは、ユーザーの検索を簡素化し、サイトの構成を改善し、このトピックに関する他の記事を宣伝するために必要です。

この分割は、検索エンジン ロボットによるリソースのインデックス作成を改善するためにも行われます。これは、サイトを宣伝し、新しいユーザーを引き付けるために非常に重要です。

ブログ構造のこのコンポーネントは不可欠かつ必須です。 記事の全文はこちらです。

オプションで (すべてのリソースにあるわけではありません)、発行日、著者とそのページへのリンク、およびコメント数とコメント付きブロックへのリンクに関する情報を投稿できます。

このタイプのサイトの主な目的の 1 つはコミュニケーションを組織することであり、訪問者の交流に貢献するため、WordPress のブログ構造の必須要素はコメントを残す機能です。

記事の下部にコメントフォームを追加することで実装されます。 原則として、有能で先見の明のあるブログ所有者は、サイトに登録されているユーザーとアカウントを持っていないユーザーの両方にブログを開きます。

未登録の方は、メールアドレス（メールアドレス）またはSNSのアカウントを入力することでレビューを追加することが可能です。

原則として、コメントブロックは記事の下部にあり、登録ユーザーの場合は、テキスト、発行日、著者の名前とアバター（登録時に自分で選んだ写真）で構成されます。 多くの場合、返信ボタンや、ソーシャル ネットワークにコメントを再投稿するための特別なボタンもあります。

したがって、コメントは一種の「記事内の記事」です :) これは、その構造によっても証明されており、ブログの構造と非常によく似ています。

ソーシャル化の追加要素はソーシャル ボタンです。これは記事内のさまざまな場所に配置され、その名前が付いたネットワーク ロゴのように見え、マウスをホバーすると利用可能になります。

多くのプロジェクトの作成者は独立してプロジェクトを実行しており、このタイプのページを作成する意味を理解していないため、ブログ構造のこの要素は必須ではありません。 代わりに、あなた自身について必要な情報はすべて「著者について」セクションに掲載されます。

著者ページは、非常に大規模で人気のあるリソースの特権であり、記事は著者や読者のグループによって作成されます。 この場合、ユーザーに関する情報 (生年月日、連絡先、最終訪問時間、さまざまな評価)、彼の出版物、および他の著者の記事に対するコメントが含まれます。

私のプロジェクトは現時点では大きくありませんが、このタイプのページはブログ構造内にまだ存在しています。 この件に関するあなたの質問を予想して、新しい著者が現れたときに、この方法で他のユーザーと区別できるように、著者のページを作成したと言っておきましょう:)

しかし、訪問者の増加に伴い、それらは間違いなく表示されます:) それまでの間、例として、サードパーティのリソースからブログ構造のこれらの要素の例を示します:)

通常、ブログ構造のこの要素はサイトのさまざまなページを表しますが、この情報を組み合わせるオプションもあります。

原則として、リソースの作成者に関する情報はここにあります：短い自伝、著者の写真（オプション）、および彼がプロジェクトを作成するというアイデアをどのように思いついたのか。

また、リソースに対する信頼感を呼び起こすために、プロジェクトが専門とする知識分野における著者の経験を説明する情報がブログ構造のこの要素に配置されます。

リソースに関する情報も同様の構造になっており、リソースが何に特化しているか、稼働期間、開発の見通しに関する情報も投稿できます。 最後のブロックが見つかることはほとんどありません。そのような情報が掲載されている投資家にとって興味深い可能性のある大きなリソースでのみ見つかります。

6. 利用規約

ブログ構造のこの要素は、他人の情報を使用して自分のもののように偽装することは醜いことであることを思い出させます 🙂 さらに、盗作により、国際著作権法により法執行機関との問題が発生する可能性があります。

また、ここでは、原則として、個人的な目的でのリソース コンテンツの使用 (通常は加工された形式) が許可される条件のリストが説明されています。

ブログ構造のこの要素の主な目的は、広告主をサイトに引き付けることです。

ここでは、リソースの主題、トラフィック、さまざまな要因 (性別、年齢、地理的位置、モバイルデバイスの使用など) に応じた視聴者の分類など、投資家にとって興味深い情報を見つけることができます。 以前に商品を掲載した広告主からのレビューも見つけることができます。

なぜこのようなことが行われているのでしょうか? Web サイトのさまざまな場所に広告バナーが配置されていることに気付いたことがありますか?

そこで、非常に興味深い事実を 1 つ紹介します。これは、インターネットでお金を稼ぐための本当に効果的な方法の 1 つです。 そしてブログの場合、一般的にはそれがメインです。

この機能を考慮して、ブログ構造のこの要素で、広告に割り当てられた場所のリストと各ブロックの価格を確認できます。 ここには追加の条件も示されています。提供条件と、サービスの延長および長期注文に対する割引です。

そのため、このページはブログ構造の非常に重要なコンポーネントです。 ただし、訪問済みのリソース (1 日あたり少なくとも 200 人のユニーク訪問者) にのみ配置するのが合理的です。 投資家が最初に注目するのはこの数字です。

8. サイトマップ

ブログ構造のこのコンポーネントは、構造要素の広範なシステムを備えた大規模プロジェクトの特権でもあります。

マップ ページはあらゆる種類のサイトに共通であり、ブログもこの規則の例外ではありません。 だからこそ、この要素とその目的について詳しくは、「オンライン ストアの構造」の記事をご覧ください。私は自分の言葉をもう一度繰り返すことに意味がありません :)

この楽観的な考えで私の話を終わります。 この記事で説明したことを思い出してください ブログの構造– 現在最も人気のある種類のリソースの 1 つ。 したがって、私たちは今日存在する各種類の Web サイトのより詳細な研究に特化した一連の記事を続けます。 したがって、次の記事では、ソーシャル ネットワーク、ランディング ページ、およびその他の種類のリソースの開発、維持、収益化の機能について説明します。

コメントにフィードバックを残してください。あなたの意見は私にとって非常に重要です。 これは私のサイトをより良くし、あなたにとって興味深い情報で満たすのに役立ちます。

乞うご期待。

皆さんお元気で！ 🙂

追伸: ウェブサイトが必要な場合、または既存のウェブサイトに変更を加える必要があるが、時間や希望がない場合は、私がサービスを提供します。

5年以上の経験プロフェッショナルなウェブサイト開発。 と連携 PHP, オープンカート, ワードプレス, ララベル, いい, MySQL, PostgreSQL, JavaScript, 反応する, 角度のあるおよびその他の Web 開発テクノロジー。

さまざまなレベルでのプロジェクト開発の経験: ランディングページ, 企業ウェブサイト, オンラインストア, CRM, ポータル。 サポートと開発を含む 高負荷プロジェクト。 申請書を電子メールで送信する [メールで保護されています].

ブログの構造

ブログに質の高いコンテンツを埋め込む前に、ブログの構造を理解する必要があります。

ブログの構造は内部と外部の2つに分けられ、内部はファイル（内臓のようなもの）で構成され、外部はコンテンツとアーキテクチャ（見た目）で構成されます。

ブログの外部構造と内部構造を視覚的に見てみましょう (付録の図 1 および 2 を参照)。

2 枚の写真を見ると、「アーキテクチャ」が若干異なることがわかります。 ブログには 1 つ (右) または 2 つ (左右) のサイドバーを付けることができますが、どちらのオプションが優れているかはご判断ください。私は 2 つ目のサイドバーを選択することにしました。 他のすべての点では、基本的な違いはありません。

最上部にはヘッダー (header.php) があり、header.php はヘッダー ファイルで、サイトの名前とメニュー ボタンのロゴがあります。

ブログは基本的に、HTML ソース コード、CSS スタイル、および JavaScript プログラミング言語で構成されるファイル システムであり、これらを組み合わせて Web ページを作成します。

HTML コードは、ブラウザーで任意のドキュメントを読みやすい形式で表示できる標準のマークアップ言語です。

CSS -- CascadingStyleSheets -- カスケード スタイル シートは、Web ページ要素の外観を担当します。

JavaScript は、Web ページにダイナミクスと対話性を追加するスクリプト言語です。

ブログの外部構造の検討を続けましょう。 サイドバーにはサイドバーが含まれており、主にユーザーの利便性を高めるためのナビゲーション要素、広告ユニット、購読フォームなどが含まれています。

ブログの中心部分は、おそらく他のすべてが存在する最も重要な領域です。 ここにコンテンツ（コンテンツ）があり、何がサイトを人気にするのか、あるいはその逆になります。

Index.php、single.php、archive.php、search.php、page.php - コンテンツを含む Web ページを形成するファイル。 それぞれを個別に見てみましょう。

Index.php - メインページファイル。 メイン ページには、最近のいくつかの記事のお知らせが表示されます。 ブラウザ行にサイトの URL アドレスを入力すると、ユーザーはメイン ページに移動します。たとえば、「index.php とは何ですか?」というテキストを入力すると、ユーザーはメイン ページに移動します。 検索結果をクリックすると、カテゴリまたはサブカテゴリのページが表示され、記事が直接表示されます。

Single.php - 別の記事を含むページ ファイル。

Archive.php - アーカイブ ページ ファイル。 アーカイブには、日付、月、年ごとに時系列で降順に並べ替えられた投稿が含まれています。

Search.php は、ユーザーがヘッダーまたはサイドバーにあるサイト検索フォームを使用するときに、記事の短い抜粋を表示するファイルです。

Page.php は静的なページ ファイルです。 これらは、メイン ページ、見出し、サブカテゴリとは別に存在するページです。 このようなページには、サイト マップ、自伝、または深い考察や継続を必要としないものであれば何でも配置できます。

ブログのコンテンツは構造化する必要があります。つまり、カテゴリ (見出し) とサブカテゴリ (小見出し) に分割し、個別のページを設ける必要があります。 たとえば、ブログが車、メンテナンス、修理に関するものである場合、「車」、「運営」、「車の修理」などの見出しをいくつか作成できます。 次に、これらの見出しは小見出しに分割されます。たとえば、「自動車」は「スポーツ クーペ」、「セダン」、「SUV」に分割されます。 「操作編」は「クルマ好きのためのヒント」と「チューニング」に分かれています。 「自動車修理」というカテゴリーは「エンジン」「トランスミッション」などに分類できます。 ルーブリック自体は、トピックとこのルーブリックの内容に関連する一般的な情報を提供します (付録の図 3 を参照)。

このようなコンテンツの最適化はユーザビリティに定性的な影響を与えるため、検索エンジンに好まれます。

どのページの最下部にもフッター (footer.php) があり、プロジェクトの完成度の概要を示すだけでなく、さまざまな種類の情報、アドレス、サイト、メニュー、記事のリスト、トラフィックなども含めることができます。カウンターなど